@mwater/visualization 5.5.0 → 5.6.1

package/stories/datagridDesign.js

@@ -1,114 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-export default {
-    "table": "entities.water_point",
-    "showRowNumbers": true,
-    "columns": [
-        {
-            "id": "31e3afda-35bd-488a-902d-34a301873d52",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "type"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "bc3ad4cc-65d6-4a44-a4e5-2d6cf7b37711",
-            "expr": {
-                "expr": {
-                    "type": "field",
-                    "table": "admin_regions",
-                    "column": "full_name"
-                },
-                "type": "scalar",
-                "joins": [
-                    "admin_region"
-                ],
-                "table": "entities.water_point"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "3fb0f1c0-ca4c-4704-90d8-a7044daf6d1c",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "code"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "7b5d157a-c44a-4031-abe8-2b43acae000a",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "about"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "8a4a3d23-65fa-4e7e-9c8a-077954ce26c9",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "alt_id"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "31ac2483-a903-4c81-ace4-7b72353d6338",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "drilling_method"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "ed46bac2-2afc-42c3-8cdc-9a392bd70fda",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "drilling_method_other"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "da0d823a-6efb-4513-b8a3-a3cf1f9f4b0f",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "installation_date"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        },
-        {
-            "id": "8368be53-48d8-4e85-a507-beea2a68bf35",
-            "expr": {
-                "type": "field",
-                "table": "entities.water_point",
-                "column": "tz_wpms_id"
-            },
-            "type": "expr",
-            "label": null,
-            "width": 150
-        }
-    ]
-};

package/stories/datagrids.js

@@ -1,69 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-import PropTypes from 'prop-types';
-import _ from 'lodash';
-import React from 'react';
-const H = React.DOM;
-const R = React.createElement;
-
-import datagridDesign from './datagridDesign';
-import { storiesOf } from '@kadira/storybook';
-import DatagridComponent from '../src/datagrids/DatagridComponent';
-import DirectDatagridDataSource from '../src/datagrids/DirectDatagridDataSource';
-import MWaterLoaderComponent from '../src/MWaterLoaderComponent';
-import UpdateableComponent from './UpdateableComponent';
-
-storiesOf('Datagrid', module)
-  .add('datagrid with serial number', () => { 
-    return R(SerialNumberDatagrid, {design: datagridDesign});
-});
-
-
-class SerialNumberDatagrid extends React.Component {
-  static initClass() {
-    this.propTypes =
-      {design: PropTypes.object.isRequired};
-  }
-
-  render() {
-    return R(UpdateableComponent, 
-      {design: this.props.design},
-      (state, update) => {
-        const apiUrl = "https://api.mwater.co/v3/";
-        return R(MWaterLoaderComponent, {
-          apiUrl,
-          client: null,
-          user: null
-          // onExtraTablesChange: (extraTables) => @setState(extraTables: extraTables)
-          // extraTables: @state.extraTables
-        }, (error, config) => {
-          if (error) {
-            alert("Error: " + error.message);
-            return null;
-          }
-
-          const datagridDataSource = new DirectDatagridDataSource({
-            // apiUrl: apiUrl
-            // client: null
-            // design: state.design
-            schema: config.schema,
-            dataSource: config.dataSource
-          });
-
-          return H.div({style: { height: 800 }},
-            React.createElement(DatagridComponent, {
-              schema: config.schema,
-              dataSource: config.dataSource,
-              datagridDataSource,
-              design: state.design,
-              onDesignChange: update("design"),
-              titleElem: "Sample",
-              height: 400
-              // quickfilterLocks: [{ expr: { type: "field", table: "entities.water_point", column: "type" }, value: "Protected dug well" }]
-            })
-          );
-        });
-    });
-  }
-}
-SerialNumberDatagrid.initClass();

package/stories/dates.js

@@ -1,80 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-import PropTypes from 'prop-types';
-import _ from 'lodash';
-import React from 'react';
-const H = React.DOM;
-const R = React.createElement;
-
-import DateExprComponent from '../src/quickfilter/DateExprComponent';
-import DateRangeComponent from '../src/DateRangeComponent';
-import { storiesOf } from '@kadira/storybook';
-import UpdateableComponent from './UpdateableComponent';
-
-storiesOf('DateExprComponent', module)
-  .add('date (blank)', () => { 
-    return R(UpdateableComponent, 
-      {value: null},
-      (state, update) => {
-        return R(DateExprComponent, {
-          value: state.value,
-          onChange: update("value")
-        }
-        );
-    });
-}).add('date (today)', () => { 
-    return R(UpdateableComponent, 
-      {value: { type: "op", op: "today", exprs: [] }},
-      (state, update) => {
-        return R(DateExprComponent, {
-          value: state.value,
-          onChange: update("value")
-        }
-        );
-    });
-  }).add('datetime (blank)', () => { 
-    return R(UpdateableComponent, 
-      {value: null},
-      (state, update) => {
-        return R(DateExprComponent, {
-          datetime: true,
-          value: state.value,
-          onChange: update("value")
-        }
-        );
-    });
-});
-
-storiesOf('DateRangeComponent', module)
-  .add('date (blank)', () => { 
-    return R(UpdateableComponent, 
-      {value: null},
-      (state, update) => {
-        return R(DateRangeComponent, {
-          value: state.value,
-          onChange: update("value")
-        }
-        );
-    });
-}).add('date (today)', () => { 
-    return R(UpdateableComponent, 
-      {value: [moment().format("YYYY-MM-DD"), moment().format("YYYY-MM-DD")]},
-      (state, update) => {
-        return R(DateRangeComponent, {
-          value: state.value,
-          onChange: update("value")
-        }
-        );
-    });
-  }).add('datetime (blank)', () => { 
-    return R(UpdateableComponent, 
-      {value: null},
-      (state, update) => {
-        return R(DateRangeComponent, {
-          datetime: true,
-          value: state.value,
-          onChange: update("value")
-        }
-        );
-    });
-});

package/stories/exprcomponent.js

@@ -1,43 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-import PropTypes from 'prop-types';
-import _ from 'lodash';
-import React from 'react';
-const H = React.DOM;
-const R = React.createElement;
-
-import datagridDesign from './datagridDesign';
-import { storiesOf } from '@kadira/storybook';
-import { ExprComponent } from "mwater-expressions-ui";
-import MWaterLoaderComponent from '../src/MWaterLoaderComponent';
-import UpdateableComponent from './UpdateableComponent';
-
-storiesOf('ExprComponent', module)
-  .add('blank', () => { 
-    return R(UpdateableComponent, 
-      {value: null},
-      (state, update) => {
-        // apiUrl = "https://api.mwater.co/v3/"
-        const apiUrl = "http://localhost:1234/v3/";
-        return R(MWaterLoaderComponent, {
-          apiUrl,
-          client: null,
-          user: null,
-          onExtraTablesChange: update("extraTables"),
-          extraTables: state.extraTables
-        }, (error, config) => {
-          if (error) {
-            alert("Error: " + error.message);
-            return null;
-          }
-
-          return React.createElement(ExprComponent, {
-            schema: config.schema,
-            dataSource: config.dataSource,
-            table: "entities.water_point",
-            value: state.value,
-            onChange: update("value")
-          });
-        });
-    });
-});

package/stories/index.js

@@ -1,18 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-import _ from 'lodash';
-import React from 'react';
-const H = React.DOM;
-const R = React.createElement;
-import { storiesOf } from '@kadira/storybook';
-import { action } from '@kadira/storybook';
-import './dashboards';
-import './pivotChart';
-
-// require './consoles'
-import './maps';
-
-import './leaflet';
-import './datagrids';
-import './dates';
-import './exprcomponent';

package/stories/leaflet.js

@@ -1,59 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-import _ from 'lodash';
-import React from 'react';
-const H = React.DOM;
-const R = React.createElement;
-
-import { storiesOf } from '@kadira/storybook';
-import { action } from '@kadira/storybook';
-import LeafletMapComponent from '../src/maps/LeafletMapComponent';
-
-storiesOf('Leaflet', module)
-  .add('normal', () => { 
-    return R(LeafletMapComponent, { 
-      baseLayerId: "bing_road",
-      width: "100%",
-      height: 600,
-      layers: []
-    });
-})
-    
-  .add('popup', () => { 
-    return R(LeafletMapComponent, { 
-      baseLayerId: "bing_road",
-      width: "100%",
-      height: 600,
-      layers: [],
-      popup: {
-        lat: 30,
-        lng: -20,
-        contents: H.div(null, "Hello!!!")
-      }
-    });
-})
-
-  .add('popup2', () => { 
-    return R(LeafletMapComponent, { 
-      baseLayerId: "bing_road",
-      width: "100%",
-      height: 600,
-      layers: [],
-      popup: {
-        lat: 35,
-        lng: -20,
-        contents: H.div(null, "Hello2!!!")
-      }
-    });
-});
-//   R LeafletMapComponent, 
-//     baseLayerId: "bing_road"
-//     width: "100%"
-//     height: 600
-//     layers: [
-//       {
-//         tileUrl: "http://localhost:1234/v3/maps/tiles/{z}/{x}/{y}.png?type=cluster"
-//         visible: true
-//       }
-//     ]
-    

package/stories/maps.js

@@ -1,24 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-import _ from 'lodash';
-import React from 'react';
-const H = React.DOM;
-const R = React.createElement;
-
-import { storiesOf } from '@kadira/storybook';
-import { action } from '@kadira/storybook';
-import LeafletMapComponent from '../src/maps/LeafletMapComponent';
-
-storiesOf('Maps', module);
-// .add 'local test', => 
-//   R LeafletMapComponent, 
-//     baseLayerId: "bing_road"
-//     width: "100%"
-//     height: 600
-//     layers: [
-//       {
-//         tileUrl: "http://localhost:1234/v3/maps/tiles/{z}/{x}/{y}.png?type=cluster"
-//         visible: true
-//       }
-//     ]
-    

package/stories/pivotChart.js

@@ -1,235 +0,0 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-import _ from 'lodash';
-import React from 'react';
-const H = React.DOM;
-const R = React.createElement;
-
-import { storiesOf } from '@kadira/storybook';
-import { action } from '@kadira/storybook';
-import WidgetFactory from '../src/widgets/WidgetFactory';
-import DirectWidgetDataSource from '../src/widgets/DirectWidgetDataSource';
-import MWaterLoaderComponent from '../src/MWaterLoaderComponent';
-import UpdateableComponent from './UpdateableComponent';
-
-storiesOf('Pivot Chart', module)
-  .add('blank', () => { 
-    return R(PivotTest, { design: {
-    }
-  });
-})
-
-  .add('water point (new)', () => { 
-    return R(PivotTest, { design: {
-      table: "entities.water_point",
-      rows: [{ id: "row1" }],
-      columns: [{ id: "col1" }],
-      intersections: {} 
-    }
-  });
-})
-
-  .add('water types', () => { 
-    return R(PivotTest, { design: {
-      table: "entities.water_point",
-      rows: [
-        { 
-          id: "row1",
-          valueAxis: { expr: { type: "field", table: "entities.water_point", column: "type" } }
-        }
-      ],
-      columns: [{ id: "col1", label: "Test" }],
-      intersections: {
-        "row1:col1": {
-          valueAxis: { expr: { type: "op", op: "count", table: "entities.water_point", exprs: [] } }
-        }
-      }
-    }
-  });
-})
-
-  .add('water types with label', () => { 
-    return R(PivotTest, { design: {
-      table: "entities.water_point",
-      rows: [
-        { 
-          id: "row1",
-          valueAxis: { expr: { type: "field", table: "entities.water_point", column: "type" } },
-          label: "Type",
-          italic: true
-        }
-      ],
-      columns: [{ id: "col1", label: "Count" }],
-      intersections: {
-        "row1:col1": {
-          valueAxis: { expr: { type: "op", op: "count", table: "entities.water_point", exprs: [] } }
-        }
-      }
-    }
-  });
-})
-
-  .add('water types by functionality', () => { 
-    return R(PivotTest, { design: {
-      table: "entities.water_point",
-      rows: [
-        { 
-          id: "row1",
-          valueAxis: { expr: { type: "field", table: "entities.water_point", column: "type" } },
-          label: "Type"
-        }
-      ],
-      columns: [
-        { 
-          id: "col1",
-          valueAxis: {"expr":{"type":"scalar","table":"entities.water_point","joins":["!indicator_values:c0adc9f1c9be4271af9d722b7e50b4c9.Water point"],"expr":{"type":"op","op":"last","table":"indicator_values:c0adc9f1c9be4271af9d722b7e50b4c9","exprs":[{"type":"field","table":"indicator_values:c0adc9f1c9be4271af9d722b7e50b4c9","column":"Functionality"}]}}},
-          label: "Functionality"
-        }
-      ],
-      intersections: {
-        "row1:col1": {
-          valueAxis: { expr: { type: "op", op: "count", table: "entities.water_point", exprs: [] } }
-        }
-      }
-    }
-  });
-})
-
-  .add('water types by functionality all vertical', () => { 
-    return R(PivotTest, { design: {
-      table: "entities.water_point",
-      rows: [
-        { 
-          id: "row1",
-          valueAxis: { expr: { type: "field", table: "entities.water_point", column: "type" } },
-          label: "Type",
-          children: [
-            { 
-              id: "row2",
-              valueAxis: {"expr":{"type":"scalar","table":"entities.water_point","joins":["!indicator_values:c0adc9f1c9be4271af9d722b7e50b4c9.Water point"],"expr":{"type":"op","op":"last","table":"indicator_values:c0adc9f1c9be4271af9d722b7e50b4c9","exprs":[{"type":"field","table":"indicator_values:c0adc9f1c9be4271af9d722b7e50b4c9","column":"Functionality"}]}}},
-              label: "Functionality"
-            }
-          ]
-        }
-      ],
-      columns: [{ id: "col1", label: "Count" }],
-      intersections: {
-        "row1,row2:col1": {
-          valueAxis: { expr: { type: "op", op: "count", table: "entities.water_point", exprs: [] } }
-        }
-      }
-    }
-  });
-})
-
-  .add('conditional color', () => {
-    return R(PivotTest, { design: {
-      "table": "entities.water_point",
-      "rows": [
-        {
-          "id": "row1",
-          "valueAxis": {
-            "expr": {
-              "type": "field",
-              "table": "entities.water_point",
-              "column": "type"
-            }
-          }
-        }
-      ],
-      "columns": [
-        {
-          "id": "col1",
-          "label": "Test"
-        }
-      ],
-      "intersections": {
-        "row1:col1": {
-          "valueAxis": {
-            "expr": {
-              "type": "op",
-              "op": "count",
-              "table": "entities.water_point",
-              "exprs": []
-            }
-          },
-          "backgroundColorConditions": [
-            {
-              "condition": {
-                "type": "op",
-                "table": "entities.water_point",
-                "op": ">",
-                "exprs": [
-                  {
-                    "type": "op",
-                    "op": "count",
-                    "table": "entities.water_point",
-                    "exprs": []
-                  },
-                  {
-                    "type": "literal",
-                    "valueType": "number",
-                    "value": 10000
-                  }
-                ]
-              },
-              "color": "#880e4f"
-            }
-          ],
-          "backgroundColorOpacity": 1
-        }
-      },
-      "version": 1,
-      "header": {
-        "style": "footer",
-        "items": []
-      },
-      "footer": {
-        "style": "footer",
-        "items": []
-      },
-      "filter": null
-    }
-  });
-});
-
-class PivotTest extends React.Component {
-  render() {
-    return R(UpdateableComponent, 
-      {design: this.props.design},
-      (state, update) => {
-        return R(MWaterLoaderComponent, {
-          apiUrl: "https://api.mwater.co/v3/",
-          client: null,
-          user: null
-          // onExtraTablesChange: (extraTables) => @setState(extraTables: extraTables)
-          // extraTables: @state.extraTables
-        }, (error, config) => {
-          if (error) {
-            alert("Error: " + error.message);
-            return null;
-          }
-
-          const widget = WidgetFactory.createWidget("PivotChart");
-      
-          const widgetDataSource = new DirectWidgetDataSource({
-            widget,
-            schema: config.schema,
-            dataSource: config.dataSource
-          });
-
-          return widget.createViewElement({
-            schema: config.schema,
-            dataSource: config.dataSource,
-            widgetDataSource,
-            design: state.design,
-            scope: null,
-            filters: null,
-            onScopeChange: null,
-            onDesignChange: update("design"),
-            width: 800
-          });
-        });
-    });
-  }
-}