@mwater/visualization 5.4.5 → 5.6.0

package/stories/dashboards.js

@@ -1,217 +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 { storiesOf } from '@kadira/storybook';
-import DashboardComponent from '../src/dashboards/DashboardComponent';
-import DirectDashboardDataSource from '../src/dashboards/DirectDashboardDataSource';
-import MWaterLoaderComponent from '../src/MWaterLoaderComponent';
-import UpdateableComponent from './UpdateableComponent';
-
-storiesOf('dashboard', module)
-  .add('empty dashboard', () => { 
-    return R(DashboardTest);
-}).add('table dashboard', () => { 
-    return R(DashboardTest, {design: tableDashboardDesign});
-  }).add('popup', () => { 
-    return R(DashboardPopupTest);
-});
-
-
-var tableDashboardDesign = {
-  "items": {
-    "id": "root",
-    "type": "root",
-    "blocks": [
-      {
-        "type": "widget",
-        "aspectRatio": 1.4,
-        "widgetType": "TableChart",
-        "design": {
-          "version": 1,
-          "columns": [
-            {
-              "id": "f1532afb-c0ea-48de-8e4e-931b147eeb6f",
-              "textAxis": {
-                "expr": {
-                  "type": "field",
-                  "table": "entities.place_of_worship",
-                  "column": "name"
-                }
-              }
-            }
-          ],
-          "orderings": [],
-          "table": "entities.place_of_worship"
-        },
-        "id": "193bbc40-9177-4547-8b83-c2b5441f72c3"
-      }
-    ]
-  },
-  "layout": "blocks"
-};
-
-
-class DashboardTest extends React.Component {
-  static initClass() {
-    this.propTypes =
-      {design: PropTypes.object};
-  }
-
-  render() {
-    return R(UpdateableComponent, 
-      {design: this.props.design || { items: { id: "root", type: "root", blocks: [] }, layout: "blocks" }},
-      (state, update) => {
-        const apiUrl = "https://api.mwater.co/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;
-          }
-
-          const dashboardDataSource = new DirectDashboardDataSource({
-            apiUrl,
-            client: null,
-            design: state.design,
-            schema: config.schema,
-            dataSource: config.dataSource
-          });
-
-          return H.div({style: { height: 800 }},
-            React.createElement(DashboardComponent, {
-              schema: config.schema,
-              dataSource: config.dataSource,
-              dashboardDataSource,
-              design: state.design,
-              onDesignChange: update("design"),
-              titleElem: "Sample"
-              // quickfilterLocks: [{ expr: { type: "field", table: "entities.water_point", column: "type" }, value: "Protected dug well" }]
-            })
-          );
-        });
-    });
-  }
-}
-DashboardTest.initClass();
-
-
-class DashboardPopupTest extends React.Component {
-  render() {
-    return R(UpdateableComponent, 
-      {popup: { name: "Untitled", design: { items: { id: "root", type: "root", blocks: [] }, layout: "blocks" } }},
-      (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 dashboardDataSource = new DirectDashboardDataSource({
-            apiUrl,
-            client: null,
-            design: state.popup.design,
-            schema: config.schema,
-            dataSource: config.dataSource
-          });
-
-          return H.div(null,
-            R(DashboardPopupComponent, { 
-              ref: comp => { return this.popupComponent = comp; },
-              schema: config.schema,
-              dataSource: config.dataSource,
-              dashboardDataSource,
-              popup: state.popup,
-              onPopupChange: update("popup")
-            }
-            ),
-
-            H.button({ 
-              type: "button",
-              onClick: () => this.popupComponent.show(),
-              className: "btn btn-default"
-            },
-                "Show")
-          );
-        });
-    });
-  }
-}
-
-
-const ModalWindowComponent = require("@mwater/react-library/lib/ModalWindowComponent");
-const ui = require("@mwater/react-library/lib/bootstrap");
-const update = require("@mwater/react-library/lib/update");
-
-class DashboardPopupComponent extends React.Component {
-  static initClass() {
-    this.propTypes = {
-      popup: PropTypes.object.isRequired,
-      onPopupChange: PropTypes.func,               // If not set, readonly
-      schema: PropTypes.object.isRequired,
-      dataSource: PropTypes.object.isRequired,
-      dashboardDataSource: PropTypes.object.isRequired, // dashboard data source
-  
-      onRowClick: PropTypes.func,     // Called with (tableId, rowId) when item is clicked
-      namedStrings: PropTypes.object, // Optional lookup of string name to value. Used for {{branding}} and other replacement strings in text widget
-  
-      // Filters to add to the dashboard
-      filters: PropTypes.arrayOf(PropTypes.shape({
-        table: PropTypes.string.isRequired,    // id table to filter
-        jsonql: PropTypes.object.isRequired   // jsonql filter with {alias} for tableAlias
-      }))
-    };
-  }
-
-  constructor(props) {
-    this.update = this.update.bind(this);
-    super(props);
-
-    this.state = {
-      open: false
-    };
-  }
-
-  // Updates with the specified changes
-  update() { return update(this.props.popup, this.props.onPopupChange, arguments); }
-
-  show() {
-    return this.setState({open: true});
-  }
-
-  render() {
-    return R(ModalWindowComponent, { 
-      onRequestClose: () => this.setState({open: false}),
-      isOpen: this.state.open
-    },
-        R(DashboardComponent, {
-          schema: this.props.schema,
-          dataSource: this.props.dataSource,
-          dashboardDataSource: this.props.dashboardDataSource,
-          design: this.props.popup.design,
-          onDesignChange: this.update("design")
-          // titleElem: H.span style: { fontSize: 20, cursor: "pointer" },
-          //   H.span className: "text-muted", onClick: (=> @setState(open: false)),
-          //     R ui.Icon, id: "fa-arrow-left"
-        }));
-  }
-}
-DashboardPopupComponent.initClass();
-
-

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
-//       }
-//     ]
-