@ivoyant/component-table NPM

Line chart component

General information about componetization

Component props structure

{ properties: { }, data: { } }

Configuration

When a component added to a dashboard a new instance of the component will be created. Each instance could be configured by using UI which is a configuration schema representation.

Configuration based on react-json-schema (https://github.com/mozilla-services/react-jsonschema-form) and consist of 2 parts:

JSON schema. A schema definition of a data structure which will be passed to the component instance. It can contain default data which will be passed to the instance.
UI schema. UI representation for end-used, it tells what UI widget to display behind JSON property

Data

Data is a structure, consist of a query to a browser-like DB (ALASQL). A component has opportunity to extend, modify or execute a query. Also, a meta information about fields which query can return is available without doing the actual query.

{
  data: [
    {
      tableMeta: {
        allFields: [],
        labelFields: [], // fields which return String type
        valueFields: [string], // numeric fields
        timeField: string // timestamp field
      },
      queryString: object, // squel (https://hiddentao.com/squel/) query object
      alasql: instance, //connection to Alasql,
      execute: function() // function to run a query
}

Metadata

Each component installed to dashboard has its own name and icon. Please set these properties in package.json as icon, title. As optional you can set a description.