@hisptz/dhis2-analytics 1.0.65 → 2.0.0-alpha.0

package/build/es/components/Map/components/MapProvider/index.js

@@ -1,112 +0,0 @@
-import { useDataQuery } from "@dhis2/app-runtime";
-import i18n from "@dhis2/d2-i18n";
-import { CenteredContent, CircularLoader } from "@dhis2/ui";
-import { compact, isEmpty } from "lodash";
-import React, { useEffect, useState } from "react";
-import { MapOrgUnitContext, MapPeriodContext } from "../../state";
-import { getOrgUnitsSelection, sanitizeOrgUnits, toGeoJson } from "../../utils/map";
-import { PeriodUtility } from "@hisptz/dhis2-utils";
-const boundaryQuery = {
-  boundaries: {
-    resource: "geoFeatures",
-    params: _ref => {
-      let {
-        orgUnitIds
-      } = _ref;
-      return {
-        ou: `ou:${orgUnitIds === null || orgUnitIds === void 0 ? void 0 : orgUnitIds.join(";")}`
-      };
-    }
-  },
-  analytics: {
-    resource: "analytics",
-    params: _ref2 => {
-      let {
-        orgUnitIds
-      } = _ref2;
-      return {
-        dimension: [`ou:${orgUnitIds.join(";")}`, `pe:${new Date().getFullYear()}`],
-        skipData: true,
-        hierarchyMeta: true
-      };
-    }
-  }
-};
-export function MapProvider(_ref3) {
-  var _periodSelection$peri;
-  let {
-    children,
-    orgUnitSelection,
-    periodSelection
-  } = _ref3;
-  const [orgUnits, setOrgUnits] = useState([]);
-  const {
-    refetch,
-    loading,
-    error
-  } = useDataQuery(boundaryQuery, {
-    lazy: true
-  });
-  useEffect(() => {
-    async function getOrgUnits() {
-      var _ref4;
-      const rawOrgUnitIds = getOrgUnitsSelection(orgUnitSelection);
-      const data = await refetch({
-        orgUnitIds: rawOrgUnitIds
-      });
-      const {
-        analytics,
-        boundaries
-      } = (_ref4 = data) !== null && _ref4 !== void 0 ? _ref4 : {};
-      const rawOrgUnits = sanitizeOrgUnits(analytics === null || analytics === void 0 ? void 0 : analytics.metaData);
-      const geoJSONObjects = toGeoJson(boundaries.filter(bound => bound.co));
-      const orgUnits = compact(rawOrgUnits.map(orgUnit => {
-        const geoJSONObject = geoJSONObjects === null || geoJSONObjects === void 0 ? void 0 : geoJSONObjects.find(geoJSON => geoJSON.properties.id === orgUnit.id);
-        if (!geoJSONObject) {
-          return;
-        }
-        return {
-          ...orgUnit,
-          geoJSON: geoJSONObject,
-          bounds: [],
-          level: geoJSONObject.properties.level
-        };
-      }));
-      setOrgUnits(orgUnits);
-    }
-    getOrgUnits().catch(error => console.log(error));
-  }, [orgUnitSelection, refetch]);
-  if (loading) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: "100%",
-        width: "100%"
-      }
-    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement(CircularLoader, {
-      small: true
-    })));
-  }
-  if (error) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: "100%",
-        width: "100%"
-      }
-    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement("h4", null, i18n.t("Error"), ": ", error.message)));
-  }
-  const periods = compact(periodSelection === null || periodSelection === void 0 ? void 0 : (_periodSelection$peri = periodSelection.periods) === null || _periodSelection$peri === void 0 ? void 0 : _periodSelection$peri.map(pe => PeriodUtility.getPeriodById(pe)));
-  if (!isEmpty(orgUnits)) {
-    return /*#__PURE__*/React.createElement(MapOrgUnitContext.Provider, {
-      value: {
-        orgUnitSelection,
-        orgUnits
-      }
-    }, /*#__PURE__*/React.createElement(MapPeriodContext.Provider, {
-      value: {
-        ...periodSelection,
-        periods
-      }
-    }, children));
-  }
-  return null;
-}

package/build/es/components/Map/components/MapUpdater/index.js

@@ -1,17 +0,0 @@
-import { useCenterMap } from "../../hooks/map";
-import React from "react";
-export default function MapUpdater(_ref) {
-  let {
-    bounds
-  } = _ref;
-  const ref = useCenterMap({
-    bounds
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: "100%",
-      height: "100%"
-    },
-    ref: ref
-  });
-}

package/build/es/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.js

@@ -1,23 +0,0 @@
-import { ThematicLayerConfigModal } from "./index";
-import React from "react";
-const Template = args => {
-  return /*#__PURE__*/React.createElement(ThematicLayerConfigModal, args);
-};
-export const Basic = Template.bind({});
-Basic.args = {
-  onChange: console.info,
-  onClose: () => {},
-  open: true
-};
-export default {
-  title: "Analytics/Map/Thematic Layer Config Modal",
-  component: ThematicLayerConfigModal,
-  decorators: [MapStory => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "50%",
-        height: "50%"
-      }
-    }, /*#__PURE__*/React.createElement(MapStory, null));
-  }]
-};

package/build/es/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfiguration.stories.js

@@ -1,31 +0,0 @@
-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); }
-import { ThematicLayerConfiguration } from "./index";
-import React from "react";
-import { useForm } from "react-hook-form";
-import i18n from "@dhis2/d2-i18n";
-import { Button } from "@dhis2/ui";
-const Template = args => {
-  const form = useForm();
-  return /*#__PURE__*/React.createElement("form", {
-    className: "column gap-16",
-    onSubmit: form.handleSubmit(console.log)
-  }, /*#__PURE__*/React.createElement(ThematicLayerConfiguration, _extends({}, args, {
-    form: form
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "submit"
-  }, i18n.t("Submit")));
-};
-export const Basic = Template.bind({});
-Basic.args = {};
-export default {
-  title: "Analytics/Map/Thematic Layer Configuration",
-  component: ThematicLayerConfiguration,
-  decorators: [MapStory => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "50%",
-        height: "50%"
-      }
-    }, /*#__PURE__*/React.createElement(MapStory, null));
-  }]
-};

package/build/es/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/components/ColorScale/index.js

@@ -1,33 +0,0 @@
-import React from "react";
-import styles from "../../styles/ColorScale.module.css";
-import { COLOR_PALETTES } from "../../constants/colors";
-
-// Returns one color scale based on a code and number of classes
-const ColorScale = _ref => {
-  var _scale;
-  let {
-    scale,
-    bins,
-    width,
-    onClick
-  } = _ref;
-  const colors = COLOR_PALETTES === null || COLOR_PALETTES === void 0 ? void 0 : (_scale = COLOR_PALETTES[scale]) === null || _scale === void 0 ? void 0 : _scale[bins];
-  const itemWidth = width ? width / bins : 36;
-  return /*#__PURE__*/React.createElement("ul", {
-    onClick: () => onClick(scale),
-    className: styles.colorScale,
-    style: {
-      ...(width && {
-        width
-      })
-    }
-  }, colors.map((color, index) => /*#__PURE__*/React.createElement("li", {
-    key: index,
-    className: styles.item,
-    style: {
-      backgroundColor: color,
-      width: itemWidth
-    }
-  })));
-};
-export default ColorScale;