@mwater/visualization 5.5.0 → 5.6.0

package/stories/consoles.js

@@ -1,202 +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 uuid from 'uuid';
-import { storiesOf } from '@kadira/storybook';
-import ConsoleComponent from '../src/consoles/ConsoleComponent';
-import DirectConsoleDataSource from '../src/consoles/DirectConsoleDataSource';
-import MWaterLoaderComponent from '../src/MWaterLoaderComponent';
-import UpdateableComponent from './UpdateableComponent';
-
-storiesOf('console', module)
-  .add('simple console', () => { 
-    return R(ConsoleTest);
-});
-
-// .add 'table dashboard', => 
-//    R DashboardTest, design: tableDashboardDesign
-
-//  .add 'popup', => 
-//    R DashboardPopupTest
-
-
-class ConsoleTest extends React.Component {
-  static initClass() {
-    this.propTypes =
-      {design: PropTypes.object};
-  }
-
-  render() {
-    return R(UpdateableComponent, 
-      {design: this.props.design || { tabs: [{ id: uuid(), type: "blank", name: "New Tab" }], popups: [] }},
-      (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 consoleDataSource = new DirectConsoleDataSource({
-            apiUrl,
-            client: null,
-            schema: config.schema,
-            dataSource: config.dataSource,
-            design: state.design
-          });
-
-          return H.div({style: { height: 800 }},
-            React.createElement(ConsoleComponent, {
-              schema: config.schema,
-              dataSource: config.dataSource,
-              consoleDataSource,
-              design: state.design,
-              onDesignChange: update("design"),
-              activeTabId: state.activeTabId,
-              onActiveTabIdChange: update("activeTabId"),
-              titleElem: "Sample"
-            })
-          );
-        });
-    });
-  }
-}
-ConsoleTest.initClass();
-
-
-// class DashboardPopupTest extends React.Component
-//   render: ->
-//     R UpdateableComponent, 
-//       popup: { name: "Untitled", design: { items: { id: "root", type: "root", blocks: [] }, layout: "blocks" } }
-//       (state, update) =>
-//         apiUrl = "https://api.mwater.co/v3/"
-//         R MWaterLoaderComponent, {
-//           apiUrl: apiUrl
-//           client: null
-//           user: null
-//           # onExtraTablesChange: (extraTables) => @setState(extraTables: extraTables)
-//           # extraTables: @state.extraTables
-//         }, (error, config) =>
-//           if error
-//             alert("Error: " + error.message)
-//             return null
-
-//           dashboardDataSource = new DirectDashboardDataSource({
-//             apiUrl: apiUrl
-//             client: null
-//             design: state.popup.design
-//             schema: config.schema
-//             dataSource: config.dataSource
-//           })
-
-//           return H.div null,
-//             R DashboardPopupComponent, 
-//               ref: (comp) => @popupComponent = comp
-//               schema: config.schema
-//               dataSource: config.dataSource
-//               dashboardDataSource: dashboardDataSource
-//               popup: state.popup
-//               onPopupChange: update("popup")
-
-//             H.button 
-//               type: "button"
-//               onClick: => @popupComponent.show()
-//               className: "btn btn-default",
-//                 "Show"
-
-
-// ModalWindowComponent = require 'react-library/lib/ModalWindowComponent'
-// ui = require 'react-library/lib/bootstrap'
-// update = require 'react-library/lib/update'
-
-// class DashboardPopupComponent extends React.Component
-//   @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: ->
-//     super
-
-//     @state = {
-//       open: false
-//     }
-
-//   # Updates with the specified changes
-//   update: => update(@props.popup, @props.onPopupChange, arguments)
-
-//   show: ->
-//     @setState(open: true)
-
-//   render: ->
-//     R ModalWindowComponent, 
-//       onRequestClose: => @setState(open: false)
-//       isOpen: @state.open,
-//         R DashboardComponent, {
-//           schema: @props.schema
-//           dataSource: @props.dataSource
-//           dashboardDataSource: @props.dashboardDataSource
-//           design: @props.popup.design
-//           onDesignChange: @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"
-//         }
-
-
-// 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"
-// }
-
-

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")
-        }
-        );
-    });
-});