@hisptz/dhis2-analytics 1.0.5 → 1.0.7

package/build/cjs/components/Map/Map.stories.js

@@ -0,0 +1,352 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PointLayer = exports.GoogleEarthEngineLayers = exports.Controls = exports.ChoroplethThematicLayerWithLevels = exports.ChoroplethThematicLayer = exports.BubbleThematicLayer = exports.BoundaryLayerWithLevels = exports.BoundaryLayer = exports.BaseMap = exports.AllThematicLayers = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.Map, args);
+const BaseMap = Template.bind({});
+exports.BaseMap = BaseMap;
+BaseMap.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  }
+};
+const Controls = Template.bind({});
+exports.Controls = Controls;
+Controls.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  controls: [{
+    type: "print",
+    position: "topleft",
+    options: {
+      hidden: false,
+      hideControlContainer: true,
+      sizeModes: ["A4Landscape", "A4Portrait", "Current"]
+    }
+  }]
+};
+const BoundaryLayer = Template.bind({});
+exports.BoundaryLayer = BoundaryLayer;
+BoundaryLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  boundaryLayer: {
+    enabled: true
+  }
+};
+const BoundaryLayerWithLevels = Template.bind({});
+exports.BoundaryLayerWithLevels = BoundaryLayerWithLevels;
+BoundaryLayerWithLevels.args = {
+  orgUnitSelection: {
+    orgUnits: [{
+      id: "ImspTQPwCqd",
+      displayName: "Sierra Leone",
+      name: "Sierra Leone",
+      path: "/ImspTQPwCqd",
+      children: []
+    }],
+    levels: ["2"]
+  },
+  boundaryLayer: {
+    enabled: true
+  }
+};
+const ChoroplethThematicLayer = Template.bind({});
+exports.ChoroplethThematicLayer = ChoroplethThematicLayer;
+ChoroplethThematicLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: false
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [{
+    type: "choropleth",
+    id: "choropleth",
+    enabled: true,
+    dataItem: {
+      id: "Uvn6LCg7dVU",
+      displayName: "ANC 1 Coverage",
+      type: "indicator"
+    },
+    control: {
+      enabled: true,
+      position: "topright"
+    }
+  }],
+  periodSelection: {
+    periods: ["2022"]
+  },
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  }
+};
+const BubbleThematicLayer = Template.bind({});
+exports.BubbleThematicLayer = BubbleThematicLayer;
+BubbleThematicLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [{
+    type: "bubble",
+    id: "bubble",
+    enabled: true,
+    dataItem: {
+      id: "Uvn6LCg7dVU",
+      displayName: "ANC 1 Coverage",
+      type: "indicator"
+    },
+    control: {
+      enabled: true,
+      position: "topright"
+    },
+    radius: {
+      min: 0,
+      max: 40
+    }
+  }],
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  },
+  periodSelection: {
+    periods: ["2022"]
+  },
+  controls: [{
+    type: "fullscreen",
+    position: "topleft"
+  }]
+};
+const AllThematicLayers = Template.bind({});
+exports.AllThematicLayers = AllThematicLayers;
+AllThematicLayers.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [{
+    type: "choropleth",
+    id: "ReUHfIn0pTQ",
+    enabled: true,
+    dataItem: {
+      id: "ReUHfIn0pTQ",
+      displayName: "ANC 1-3 Dropout Rate",
+      type: "indicator",
+      legendSet: "fqs276KXCXi"
+    },
+    control: {
+      enabled: true,
+      position: "topright"
+    }
+  }, {
+    type: "choropleth",
+    id: "Uvn6LCg7dVU",
+    enabled: true,
+    dataItem: {
+      id: "Uvn6LCg7dVU",
+      displayName: "ANC 1 Coverage",
+      type: "indicator"
+    },
+    control: {
+      enabled: true,
+      position: "topright"
+    }
+  }],
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  },
+  periodSelection: {
+    periods: ["2022"]
+  },
+  controls: [{
+    type: "scale",
+    position: "bottomleft",
+    options: {
+      imperial: false,
+      metric: true
+    }
+  }, {
+    type: "fullscreen",
+    position: "bottomleft"
+  }]
+};
+const ChoroplethThematicLayerWithLevels = Template.bind({});
+exports.ChoroplethThematicLayerWithLevels = ChoroplethThematicLayerWithLevels;
+ChoroplethThematicLayerWithLevels.args = {
+  orgUnitSelection: {
+    orgUnits: [{
+      id: "ImspTQPwCqd",
+      displayName: "Sierra Leone",
+      name: "Sierra Leone",
+      path: "/ImspTQPwCqd",
+      children: []
+    }],
+    levels: ["3"]
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [{
+    type: "choropleth",
+    id: "choropleth",
+    enabled: true,
+    dataItem: {
+      id: "Uvn6LCg7dVU",
+      displayName: "ANC 1 Coverage",
+      type: "indicator"
+    },
+    control: {
+      enabled: true,
+      position: "topright"
+    }
+  }],
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  },
+  periodSelection: {
+    periods: ["2022"]
+  },
+  controls: [{
+    type: "print",
+    position: "topleft",
+    options: {
+      hidden: false,
+      hideControlContainer: true,
+      sizeModes: ["A4Landscape", "A4Portrait", "Current"]
+    }
+  }]
+};
+const PointLayer = Template.bind({});
+exports.PointLayer = PointLayer;
+PointLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: false
+  },
+  thematicLayers: [{
+    type: "choropleth",
+    id: "choropleth",
+    enabled: true,
+    dataItem: {
+      id: "Uvn6LCg7dVU",
+      displayName: "ANC 1 Coverage",
+      type: "indicator"
+    },
+    control: {
+      enabled: true,
+      position: "topright"
+    }
+  }],
+  periodSelection: {
+    periods: ["2022"]
+  },
+  pointLayer: {
+    enabled: true,
+    label: "Facilities",
+    level: "m9lBJogzE95",
+    style: {
+      groupSet: "J5jldMd8OHv"
+    }
+  }
+};
+const GoogleEarthEngineLayers = Template.bind({});
+exports.GoogleEarthEngineLayers = GoogleEarthEngineLayers;
+GoogleEarthEngineLayers.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: false
+  },
+  thematicLayers: [],
+  periodSelection: {
+    periods: ["2022"]
+  },
+  earthEngineLayers: [{
+    name: "Population",
+    type: "population",
+    id: "population",
+    enabled: false,
+    params: {
+      min: 0,
+      max: 10,
+      palette: "#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b"
+    },
+    aggregations: ["sum", "mean"],
+    filters: {
+      period: "2020"
+    }
+  }, {
+    name: "Footprints",
+    type: "footprints",
+    id: "footprints",
+    aggregations: ["count"],
+    enabled: false
+  }, {
+    name: "Land Cover",
+    type: "landCover",
+    id: "landCover",
+    enabled: true,
+    aggregations: ["percentage"]
+  }],
+  pointLayer: {
+    enabled: false,
+    label: "Facilities",
+    level: "m9lBJogzE95",
+    style: {
+      groupSet: "J5jldMd8OHv"
+    }
+  }
+};
+var _default = {
+  title: "Components/Map",
+  component: _index.Map,
+  decorators: [MapStory => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    }, /*#__PURE__*/_react.default.createElement(MapStory, null));
+  }]
+};
+exports.default = _default;

package/build/cjs/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Basic = void 0;
+var _index = require("./index");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Template = args => {
+  return /*#__PURE__*/_react.default.createElement(_index.EarthEngineLayerConfigModal, args);
+};
+const Basic = Template.bind({});
+exports.Basic = Basic;
+Basic.args = {
+  onClose: () => {},
+  onChange: console.info,
+  open: true
+};
+var _default = {
+  title: "Components/Map/Earth Engine Config Modal",
+  component: _index.EarthEngineLayerConfiguration,
+  decorators: [MapStory => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "50%",
+        height: "50%"
+      }
+    }, /*#__PURE__*/_react.default.createElement(MapStory, null));
+  }]
+};
+exports.default = _default;

package/build/cjs/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Basic = void 0;
+var _index = require("./index");
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+var _ui = require("@dhis2/ui");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const Template = args => {
+  const form = (0, _reactHookForm.useForm)();
+  return /*#__PURE__*/_react.default.createElement("form", {
+    className: "column gap-16",
+    onSubmit: form.handleSubmit(console.log)
+  }, /*#__PURE__*/_react.default.createElement(_index.EarthEngineLayerConfiguration, _extends({}, args, {
+    form: form
+  })), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    type: "submit"
+  }, _d2I18n.default.t("Submit")));
+};
+const Basic = Template.bind({});
+exports.Basic = Basic;
+Basic.args = {};
+var _default = {
+  title: "Components/Map/Earth Engine Configuration",
+  component: _index.EarthEngineLayerConfiguration,
+  decorators: [MapStory => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "50%",
+        height: "50%"
+      }
+    }, /*#__PURE__*/_react.default.createElement(MapStory, null));
+  }]
+};
+exports.default = _default;