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

package/dist/components/Map/components/MapProvider/components/MapLayerProvider/index.mjs

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { Center, CircularLoader } from '@dhis2/ui';
+import { set, find, head, compact } from 'lodash';
+import { useState, useCallback, useEffect } from 'react';
+import { useMapEvents } from 'react-leaflet';
+import { MapLayersContext } from '../../../../state';
+import { useMapPeriods, useMapOrganisationUnit } from '../../hooks';
+import { useThematicLayers, usePointLayer, useGoogleEngineLayers } from './hooks';
+
+function MapLayersProvider({
+  layers,
+  children
+}) {
+  const period = useMapPeriods();
+  const orgUnit = useMapOrganisationUnit();
+  const [updatedLayers, setUpdatedLayers] = useState([]);
+  const { sanitizeLayers: sanitizeThematicLayers, error } = useThematicLayers();
+  const { sanitizeLayer: sanitizePointLayer } = usePointLayer();
+  const { sanitizeLayers: sanitizeEarthEngineLayers } = useGoogleEngineLayers();
+  const [loading, setLoading] = useState(false);
+  useMapEvents({
+    overlayremove: (event) => {
+      setupLayerListeners("remove", event);
+    },
+    overlayadd: (event) => {
+      setupLayerListeners("add", event);
+    }
+  });
+  const sanitizeLayers = async () => {
+    setLoading(true);
+    try {
+      const {
+        boundaryLayers,
+        thematicLayers,
+        pointLayers,
+        earthEngineLayers
+      } = layers;
+      const sanitizedThematicLayers = await sanitizeThematicLayers([
+        ...thematicLayers ?? []
+      ]);
+      const sanitizedBoundaryLayers = boundaryLayers ?? [];
+      const sanitizedPointLayer = head(pointLayers ?? []) ? await sanitizePointLayer(
+        head(pointLayers)
+      ) : void 0;
+      const sanitizedEarthEngineLayers = await sanitizeEarthEngineLayers([
+        ...earthEngineLayers ?? []
+      ]);
+      setUpdatedLayers(
+        compact([
+          ...sanitizedBoundaryLayers ?? [],
+          ...sanitizedThematicLayers ?? [],
+          sanitizedPointLayer,
+          ...sanitizedEarthEngineLayers ?? []
+        ])
+      );
+    } catch (e) {
+      console.error(`Error sanitizing layers`, e.toString());
+    }
+    setLoading(false);
+  };
+  const updateLayer = useCallback(
+    (id, updatedLayer) => {
+      setUpdatedLayers((prevLayers) => {
+        const updatedLayers2 = [...prevLayers];
+        const layerIndex = updatedLayers2.findIndex(
+          (layer) => layer.id === updatedLayer.id
+        );
+        if (layerIndex < 0) {
+          return prevLayers;
+        }
+        set(updatedLayers2, layerIndex, updatedLayer);
+        return updatedLayers2;
+      });
+    },
+    []
+  );
+  useEffect(() => {
+    sanitizeLayers().catch(console.error);
+  }, [period, orgUnit]);
+  const setupLayerListeners = (type, event) => {
+    const name = event.name;
+    const layerConfig = find(updatedLayers, (layer) => {
+      const nameFromConfig = layer?.name ?? layer?.dataItem?.displayname ?? layer?.label;
+      return nameFromConfig === name;
+    });
+    if (layerConfig) {
+      updateLayer(layerConfig.id, {
+        ...layerConfig,
+        enabled: type === "add"
+      });
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(CircularLoader, { small: true }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsxs("h4", { children: [
+      i18n.t("Error"),
+      ": ",
+      error.message
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(
+    MapLayersContext.Provider,
+    {
+      value: { layers: updatedLayers, updateLayer },
+      children
+    }
+  );
+}
+
+export { MapLayersProvider };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapProvider/components/MapLayerProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapProvider/components/MapLayerProvider/index.tsx"],"names":["updatedLayers"],"mappings":"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","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { Center, CircularLoader } from \"@dhis2/ui\";\nimport { LayersControlEvent } from \"leaflet\";\nimport { compact, find, head, set } from \"lodash\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { useMapEvents } from \"react-leaflet\";\nimport { MapLayersContext } from \"../../../../state\";\nimport { MapLayerConfig } from \"../../../MapArea/interfaces\";\nimport {\n\tCustomBoundaryLayer,\n\tCustomGoogleEngineLayer,\n\tCustomMapLayer,\n\tCustomPointLayer,\n\tCustomThematicLayer,\n\tThematicLayerConfig,\n} from \"../../../MapLayer/interfaces\";\nimport { useMapOrganisationUnit, useMapPeriods } from \"../../hooks\";\nimport {\n\tuseGoogleEngineLayers,\n\tusePointLayer,\n\tuseThematicLayers,\n} from \"./hooks\";\n\nexport function MapLayersProvider({\n\tlayers,\n\tchildren,\n}: {\n\tlayers: MapLayerConfig;\n\tchildren: React.ReactNode;\n}) {\n\tconst period = useMapPeriods();\n\tconst orgUnit = useMapOrganisationUnit();\n\tconst [updatedLayers, setUpdatedLayers] = useState<\n\t\tArray<\n\t\t\t| CustomThematicLayer\n\t\t\t| CustomBoundaryLayer\n\t\t\t| CustomPointLayer\n\t\t\t| CustomGoogleEngineLayer\n\t\t>\n\t>([]);\n\tconst { sanitizeLayers: sanitizeThematicLayers, error } =\n\t\tuseThematicLayers();\n\tconst { sanitizeLayer: sanitizePointLayer } = usePointLayer();\n\tconst { sanitizeLayers: sanitizeEarthEngineLayers } =\n\t\tuseGoogleEngineLayers();\n\tconst [loading, setLoading] = useState(false);\n\n\tuseMapEvents({\n\t\toverlayremove: (event) => {\n\t\t\tsetupLayerListeners(\"remove\", event);\n\t\t},\n\t\toverlayadd: (event) => {\n\t\t\tsetupLayerListeners(\"add\", event);\n\t\t},\n\t});\n\n\tconst sanitizeLayers = async () => {\n\t\tsetLoading(true);\n\t\ttry {\n\t\t\tconst {\n\t\t\t\tboundaryLayers,\n\t\t\t\tthematicLayers,\n\t\t\t\tpointLayers,\n\t\t\t\tearthEngineLayers,\n\t\t\t} = layers;\n\t\t\tconst sanitizedThematicLayers = await sanitizeThematicLayers([\n\t\t\t\t...(thematicLayers ?? []),\n\t\t\t] as ThematicLayerConfig[]);\n\t\t\tconst sanitizedBoundaryLayers = (boundaryLayers ??\n\t\t\t\t[]) as CustomBoundaryLayer[];\n\t\t\tconst sanitizedPointLayer = head(pointLayers ?? [])\n\t\t\t\t? await sanitizePointLayer(\n\t\t\t\t\t\thead(pointLayers) as CustomPointLayer,\n\t\t\t\t\t)\n\t\t\t\t: undefined;\n\t\t\tconst sanitizedEarthEngineLayers = await sanitizeEarthEngineLayers([\n\t\t\t\t...(earthEngineLayers ?? []),\n\t\t\t] as unknown as CustomGoogleEngineLayer[]);\n\t\t\tsetUpdatedLayers(\n\t\t\t\tcompact([\n\t\t\t\t\t...(sanitizedBoundaryLayers ?? []),\n\t\t\t\t\t...(sanitizedThematicLayers ?? []),\n\t\t\t\t\tsanitizedPointLayer,\n\t\t\t\t\t...(sanitizedEarthEngineLayers ?? []),\n\t\t\t\t]),\n\t\t\t);\n\t\t} catch (e: any) {\n\t\t\tconsole.error(`Error sanitizing layers`, e.toString());\n\t\t}\n\t\tsetLoading(false);\n\t};\n\n\tconst updateLayer = useCallback(\n\t\t(id: string, updatedLayer: CustomMapLayer) => {\n\t\t\tsetUpdatedLayers((prevLayers) => {\n\t\t\t\tconst updatedLayers = [...prevLayers];\n\t\t\t\tconst layerIndex = updatedLayers.findIndex(\n\t\t\t\t\t(layer) => layer.id === updatedLayer.id,\n\t\t\t\t);\n\t\t\t\tif (layerIndex < 0) {\n\t\t\t\t\treturn prevLayers;\n\t\t\t\t}\n\t\t\t\tset(updatedLayers, layerIndex, updatedLayer);\n\t\t\t\treturn updatedLayers;\n\t\t\t});\n\t\t},\n\t\t[],\n\t);\n\n\tuseEffect(() => {\n\t\tsanitizeLayers().catch(console.error);\n\t}, [period, orgUnit]);\n\n\tconst setupLayerListeners = (\n\t\ttype: \"add\" | \"remove\",\n\t\tevent: LayersControlEvent,\n\t) => {\n\t\tconst name = event.name;\n\n\t\tconst layerConfig = find(updatedLayers, (layer: any) => {\n\t\t\tconst nameFromConfig =\n\t\t\t\tlayer?.name ?? layer?.dataItem?.displayname ?? layer?.label;\n\t\t\treturn nameFromConfig === name;\n\t\t});\n\n\t\tif (layerConfig) {\n\t\t\tupdateLayer(layerConfig.id, {\n\t\t\t\t...layerConfig,\n\t\t\t\tenabled: type === \"add\",\n\t\t\t});\n\t\t}\n\t};\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<CircularLoader small />\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\tif (error) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<h4>\n\t\t\t\t\t\t{i18n.t(\"Error\")}: {error.message}\n\t\t\t\t\t</h4>\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<MapLayersContext.Provider\n\t\t\tvalue={{ layers: updatedLayers, updateLayer }}\n\t\t>\n\t\t\t{children}\n\t\t</MapLayersContext.Provider>\n\t);\n}\n"]}

package/dist/components/Map/components/MapProvider/hooks/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var react = require('react');
+var state = require('../../../state');
+
+function useMapOrganisationUnit() {
+  return react.useContext(state.MapOrgUnitContext);
+}
+function useMapPeriods() {
+  return react.useContext(state.MapPeriodContext);
+}
+function useMapLayers() {
+  return react.useContext(state.MapLayersContext);
+}
+
+exports.useMapLayers = useMapLayers;
+exports.useMapOrganisationUnit = useMapOrganisationUnit;
+exports.useMapPeriods = useMapPeriods;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapProvider/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/MapProvider/hooks/index.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,SAAS,yBAAyB;AACxC,SAAO,WAAW,iBAAiB;AACpC;AAEO,SAAS,gBAAgB;AAC9B,SAAO,WAAW,gBAAgB;AACpC;AAEO,SAAS,eAAe;AAC7B,SAAO,WAAW,gBAAgB;AACpC","sourcesContent":["import { useContext } from \"react\";\nimport {\n\tMapLayersContext,\n\tMapOrgUnitContext,\n\tMapPeriodContext,\n} from \"../../../state\";\n\nexport function useMapOrganisationUnit() {\n\treturn useContext(MapOrgUnitContext);\n}\n\nexport function useMapPeriods() {\n  return useContext(MapPeriodContext);\n}\n\nexport function useMapLayers() {\n  return useContext(MapLayersContext);\n}\n"]}

package/dist/components/Map/components/MapProvider/hooks/index.mjs

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { MapOrgUnitContext, MapPeriodContext, MapLayersContext } from '../../../state';
+
+function useMapOrganisationUnit() {
+  return useContext(MapOrgUnitContext);
+}
+function useMapPeriods() {
+  return useContext(MapPeriodContext);
+}
+function useMapLayers() {
+  return useContext(MapLayersContext);
+}
+
+export { useMapLayers, useMapOrganisationUnit, useMapPeriods };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapProvider/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/MapProvider/hooks/index.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,SAAS,yBAAyB;AACxC,SAAO,WAAW,iBAAiB;AACpC;AAEO,SAAS,gBAAgB;AAC9B,SAAO,WAAW,gBAAgB;AACpC;AAEO,SAAS,eAAe;AAC7B,SAAO,WAAW,gBAAgB;AACpC","sourcesContent":["import { useContext } from \"react\";\nimport {\n\tMapLayersContext,\n\tMapOrgUnitContext,\n\tMapPeriodContext,\n} from \"../../../state\";\n\nexport function useMapOrganisationUnit() {\n\treturn useContext(MapOrgUnitContext);\n}\n\nexport function useMapPeriods() {\n  return useContext(MapPeriodContext);\n}\n\nexport function useMapLayers() {\n  return useContext(MapLayersContext);\n}\n"]}

package/dist/components/Map/components/MapProvider/index.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var appRuntime = require('@dhis2/app-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+var react = require('react');
+var state = require('../../state');
+var map = require('../../utils/map');
+var dhis2Utils = require('@hisptz/dhis2-utils');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+const boundaryQuery = {
+  boundaries: {
+    resource: "geoFeatures",
+    params: ({ orgUnitIds }) => ({
+      ou: `ou:${orgUnitIds?.join(";")}`
+    })
+  },
+  analytics: {
+    resource: "analytics",
+    params: ({ orgUnitIds }) => ({
+      dimension: [
+        `ou:${orgUnitIds.join(";")}`,
+        `pe:${(/* @__PURE__ */ new Date()).getFullYear()}`
+      ],
+      skipData: true,
+      hierarchyMeta: true
+    })
+  }
+};
+function MapProvider({
+  children,
+  orgUnitSelection,
+  periodSelection
+}) {
+  const [orgUnits, setOrgUnits] = react.useState([]);
+  const { refetch, loading, error } = appRuntime.useDataQuery(boundaryQuery, {
+    lazy: true
+  });
+  react.useEffect(() => {
+    async function getOrgUnits() {
+      const rawOrgUnitIds = map.getOrgUnitsSelection(orgUnitSelection);
+      const data = await refetch({ orgUnitIds: rawOrgUnitIds });
+      const { analytics, boundaries } = data ?? {};
+      const rawOrgUnits = map.sanitizeOrgUnits(analytics?.metaData);
+      const geoJSONObjects = map.toGeoJson(
+        boundaries.filter((bound) => bound.co)
+      );
+      const orgUnits2 = lodash.compact(
+        rawOrgUnits.map((orgUnit) => {
+          const geoJSONObject = geoJSONObjects?.find(
+            (geoJSON) => geoJSON.properties.id === orgUnit.id
+          );
+          if (!geoJSONObject) {
+            return;
+          }
+          return {
+            ...orgUnit,
+            geoJSON: geoJSONObject,
+            bounds: [],
+            level: geoJSONObject.properties.level
+          };
+        })
+      );
+      setOrgUnits(orgUnits2);
+    }
+    getOrgUnits().catch((error2) => console.log(error2));
+  }, [orgUnitSelection, refetch]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Center, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularLoader, { small: true }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Center, { children: /* @__PURE__ */ jsxRuntime.jsxs("h4", { children: [
+      i18n__default.default.t("Error"),
+      ": ",
+      error.message
+    ] }) }) });
+  }
+  const periods = lodash.compact(
+    periodSelection?.periods?.map((pe) => dhis2Utils.PeriodUtility.getPeriodById(pe))
+  );
+  if (!lodash.isEmpty(orgUnits)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(state.MapOrgUnitContext.Provider, { value: { orgUnitSelection, orgUnits }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      state.MapPeriodContext.Provider,
+      {
+        value: { ...periodSelection, periods },
+        children
+      }
+    ) });
+  }
+  return null;
+}
+
+exports.MapProvider = MapProvider;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/MapProvider/index.tsx"],"names":["orgUnits","error"],"mappings":"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","sourcesContent":["import { useDataQuery } from \"@dhis2/app-runtime\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { Center, CircularLoader } from \"@dhis2/ui\";\nimport { compact, isEmpty } from \"lodash\";\nimport React, { useEffect, useState } from \"react\";\nimport { MapOrgUnit, MapProviderProps } from \"../../interfaces\";\nimport { MapOrgUnitContext, MapPeriodContext } from \"../../state\";\nimport {\n\tgetOrgUnitsSelection,\n\tsanitizeOrgUnits,\n\ttoGeoJson,\n} from \"../../utils/map\";\nimport { BasePeriod, PeriodUtility } from \"@hisptz/dhis2-utils\";\n\nconst boundaryQuery = {\n\tboundaries: {\n\t\tresource: \"geoFeatures\",\n\t\tparams: ({ orgUnitIds }: any) => ({\n\t\t\tou: `ou:${orgUnitIds?.join(\";\")}`,\n\t\t}),\n\t},\n\tanalytics: {\n\t\tresource: \"analytics\",\n\t\tparams: ({ orgUnitIds }: any) => ({\n\t\t\tdimension: [\n\t\t\t\t`ou:${orgUnitIds.join(\";\")}`,\n\t\t\t\t`pe:${new Date().getFullYear()}`,\n\t\t\t],\n\t\t\tskipData: true,\n\t\t\thierarchyMeta: true,\n\t\t}),\n\t},\n};\n\nexport function MapProvider({\n\tchildren,\n\torgUnitSelection,\n\tperiodSelection,\n}: MapProviderProps) {\n\tconst [orgUnits, setOrgUnits] = useState<MapOrgUnit[]>([]);\n\tconst { refetch, loading, error } = useDataQuery(boundaryQuery, {\n\t\tlazy: true,\n\t});\n\n\tuseEffect(() => {\n\t\tasync function getOrgUnits() {\n\t\t\tconst rawOrgUnitIds = getOrgUnitsSelection(orgUnitSelection);\n\t\t\tconst data = await refetch({ orgUnitIds: rawOrgUnitIds });\n\t\t\tconst { analytics, boundaries } = (data as any) ?? {};\n\t\t\tconst rawOrgUnits = sanitizeOrgUnits(analytics?.metaData);\n\t\t\tconst geoJSONObjects = toGeoJson(\n\t\t\t\tboundaries.filter((bound: any) => bound.co),\n\t\t\t);\n\t\t\tconst orgUnits: MapOrgUnit[] = compact(\n\t\t\t\trawOrgUnits.map((orgUnit: any) => {\n\t\t\t\t\tconst geoJSONObject: any = geoJSONObjects?.find(\n\t\t\t\t\t\t(geoJSON: any) => geoJSON.properties.id === orgUnit.id,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (!geoJSONObject) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...orgUnit,\n\t\t\t\t\t\tgeoJSON: geoJSONObject,\n\t\t\t\t\t\tbounds: [],\n\t\t\t\t\t\tlevel: geoJSONObject.properties.level,\n\t\t\t\t\t};\n\t\t\t\t}),\n\t\t\t);\n\t\t\tsetOrgUnits(orgUnits);\n\t\t}\n\n\t\tgetOrgUnits().catch((error) => console.log(error));\n\t}, [orgUnitSelection, refetch]);\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<CircularLoader small />\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<h4>\n\t\t\t\t\t\t{i18n.t(\"Error\")}: {error.message}\n\t\t\t\t\t</h4>\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst periods: BasePeriod[] = compact(\n\t\tperiodSelection?.periods?.map((pe) => PeriodUtility.getPeriodById(pe)),\n\t);\n\n\tif (!isEmpty(orgUnits)) {\n\t\treturn (\n\t\t\t<MapOrgUnitContext.Provider value={{ orgUnitSelection, orgUnits }}>\n\t\t\t\t<MapPeriodContext.Provider\n\t\t\t\t\tvalue={{ ...periodSelection, periods }}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</MapPeriodContext.Provider>\n\t\t\t</MapOrgUnitContext.Provider>\n\t\t);\n\t}\n\n\treturn null;\n}\n"]}

package/dist/components/Map/components/MapProvider/index.mjs

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useDataQuery } from '@dhis2/app-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { Center, CircularLoader } from '@dhis2/ui';
+import { compact, isEmpty } from 'lodash';
+import { useState, useEffect } 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: ({ orgUnitIds }) => ({
+      ou: `ou:${orgUnitIds?.join(";")}`
+    })
+  },
+  analytics: {
+    resource: "analytics",
+    params: ({ orgUnitIds }) => ({
+      dimension: [
+        `ou:${orgUnitIds.join(";")}`,
+        `pe:${(/* @__PURE__ */ new Date()).getFullYear()}`
+      ],
+      skipData: true,
+      hierarchyMeta: true
+    })
+  }
+};
+function MapProvider({
+  children,
+  orgUnitSelection,
+  periodSelection
+}) {
+  const [orgUnits, setOrgUnits] = useState([]);
+  const { refetch, loading, error } = useDataQuery(boundaryQuery, {
+    lazy: true
+  });
+  useEffect(() => {
+    async function getOrgUnits() {
+      const rawOrgUnitIds = getOrgUnitsSelection(orgUnitSelection);
+      const data = await refetch({ orgUnitIds: rawOrgUnitIds });
+      const { analytics, boundaries } = data ?? {};
+      const rawOrgUnits = sanitizeOrgUnits(analytics?.metaData);
+      const geoJSONObjects = toGeoJson(
+        boundaries.filter((bound) => bound.co)
+      );
+      const orgUnits2 = compact(
+        rawOrgUnits.map((orgUnit) => {
+          const geoJSONObject = geoJSONObjects?.find(
+            (geoJSON) => geoJSON.properties.id === orgUnit.id
+          );
+          if (!geoJSONObject) {
+            return;
+          }
+          return {
+            ...orgUnit,
+            geoJSON: geoJSONObject,
+            bounds: [],
+            level: geoJSONObject.properties.level
+          };
+        })
+      );
+      setOrgUnits(orgUnits2);
+    }
+    getOrgUnits().catch((error2) => console.log(error2));
+  }, [orgUnitSelection, refetch]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(CircularLoader, { small: true }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsxs("h4", { children: [
+      i18n.t("Error"),
+      ": ",
+      error.message
+    ] }) }) });
+  }
+  const periods = compact(
+    periodSelection?.periods?.map((pe) => PeriodUtility.getPeriodById(pe))
+  );
+  if (!isEmpty(orgUnits)) {
+    return /* @__PURE__ */ jsx(MapOrgUnitContext.Provider, { value: { orgUnitSelection, orgUnits }, children: /* @__PURE__ */ jsx(
+      MapPeriodContext.Provider,
+      {
+        value: { ...periodSelection, periods },
+        children
+      }
+    ) });
+  }
+  return null;
+}
+
+export { MapProvider };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/MapProvider/index.tsx"],"names":["orgUnits","error"],"mappings":"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","sourcesContent":["import { useDataQuery } from \"@dhis2/app-runtime\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { Center, CircularLoader } from \"@dhis2/ui\";\nimport { compact, isEmpty } from \"lodash\";\nimport React, { useEffect, useState } from \"react\";\nimport { MapOrgUnit, MapProviderProps } from \"../../interfaces\";\nimport { MapOrgUnitContext, MapPeriodContext } from \"../../state\";\nimport {\n\tgetOrgUnitsSelection,\n\tsanitizeOrgUnits,\n\ttoGeoJson,\n} from \"../../utils/map\";\nimport { BasePeriod, PeriodUtility } from \"@hisptz/dhis2-utils\";\n\nconst boundaryQuery = {\n\tboundaries: {\n\t\tresource: \"geoFeatures\",\n\t\tparams: ({ orgUnitIds }: any) => ({\n\t\t\tou: `ou:${orgUnitIds?.join(\";\")}`,\n\t\t}),\n\t},\n\tanalytics: {\n\t\tresource: \"analytics\",\n\t\tparams: ({ orgUnitIds }: any) => ({\n\t\t\tdimension: [\n\t\t\t\t`ou:${orgUnitIds.join(\";\")}`,\n\t\t\t\t`pe:${new Date().getFullYear()}`,\n\t\t\t],\n\t\t\tskipData: true,\n\t\t\thierarchyMeta: true,\n\t\t}),\n\t},\n};\n\nexport function MapProvider({\n\tchildren,\n\torgUnitSelection,\n\tperiodSelection,\n}: MapProviderProps) {\n\tconst [orgUnits, setOrgUnits] = useState<MapOrgUnit[]>([]);\n\tconst { refetch, loading, error } = useDataQuery(boundaryQuery, {\n\t\tlazy: true,\n\t});\n\n\tuseEffect(() => {\n\t\tasync function getOrgUnits() {\n\t\t\tconst rawOrgUnitIds = getOrgUnitsSelection(orgUnitSelection);\n\t\t\tconst data = await refetch({ orgUnitIds: rawOrgUnitIds });\n\t\t\tconst { analytics, boundaries } = (data as any) ?? {};\n\t\t\tconst rawOrgUnits = sanitizeOrgUnits(analytics?.metaData);\n\t\t\tconst geoJSONObjects = toGeoJson(\n\t\t\t\tboundaries.filter((bound: any) => bound.co),\n\t\t\t);\n\t\t\tconst orgUnits: MapOrgUnit[] = compact(\n\t\t\t\trawOrgUnits.map((orgUnit: any) => {\n\t\t\t\t\tconst geoJSONObject: any = geoJSONObjects?.find(\n\t\t\t\t\t\t(geoJSON: any) => geoJSON.properties.id === orgUnit.id,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (!geoJSONObject) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...orgUnit,\n\t\t\t\t\t\tgeoJSON: geoJSONObject,\n\t\t\t\t\t\tbounds: [],\n\t\t\t\t\t\tlevel: geoJSONObject.properties.level,\n\t\t\t\t\t};\n\t\t\t\t}),\n\t\t\t);\n\t\t\tsetOrgUnits(orgUnits);\n\t\t}\n\n\t\tgetOrgUnits().catch((error) => console.log(error));\n\t}, [orgUnitSelection, refetch]);\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<CircularLoader small />\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<h4>\n\t\t\t\t\t\t{i18n.t(\"Error\")}: {error.message}\n\t\t\t\t\t</h4>\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst periods: BasePeriod[] = compact(\n\t\tperiodSelection?.periods?.map((pe) => PeriodUtility.getPeriodById(pe)),\n\t);\n\n\tif (!isEmpty(orgUnits)) {\n\t\treturn (\n\t\t\t<MapOrgUnitContext.Provider value={{ orgUnitSelection, orgUnits }}>\n\t\t\t\t<MapPeriodContext.Provider\n\t\t\t\t\tvalue={{ ...periodSelection, periods }}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</MapPeriodContext.Provider>\n\t\t\t</MapOrgUnitContext.Provider>\n\t\t);\n\t}\n\n\treturn null;\n}\n"]}

package/dist/components/Map/components/MapUpdater/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var map = require('../../hooks/map');
+
+function MapUpdater({ bounds }) {
+  const ref = map.useCenterMap({ bounds });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100%" }, ref });
+}
+
+module.exports = MapUpdater;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapUpdater/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/MapUpdater/index.tsx"],"names":[],"mappings":"AAMQ;AANR,SAAS,oBAAoB;AAId,SAAR,WAA4B,EAAE,OAAO,GAA8B;AACzE,QAAM,MAAM,aAAa,EAAE,OAAO,CAAC;AACnC,SAAO,oBAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG,KAAU;AACjE","sourcesContent":["import { useCenterMap } from \"../../hooks/map\";\nimport React from \"react\";\nimport { LatLngTuple } from \"leaflet\";\n\nexport default function MapUpdater({ bounds }: { bounds: LatLngTuple[] }) {\n\tconst ref = useCenterMap({ bounds });\n\treturn <div style={{ width: \"100%\", height: \"100%\" }} ref={ref}></div>;\n}\n"]}

package/dist/components/Map/components/MapUpdater/index.mjs

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCenterMap } from '../../hooks/map';
+
+function MapUpdater({ bounds }) {
+  const ref = useCenterMap({ bounds });
+  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%" }, ref });
+}
+
+export { MapUpdater as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapUpdater/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/MapUpdater/index.tsx"],"names":[],"mappings":"AAMQ;AANR,SAAS,oBAAoB;AAId,SAAR,WAA4B,EAAE,OAAO,GAA8B;AACzE,QAAM,MAAM,aAAa,EAAE,OAAO,CAAC;AACnC,SAAO,oBAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG,KAAU;AACjE","sourcesContent":["import { useCenterMap } from \"../../hooks/map\";\nimport React from \"react\";\nimport { LatLngTuple } from \"leaflet\";\n\nexport default function MapUpdater({ bounds }: { bounds: LatLngTuple[] }) {\n\tconst ref = useCenterMap({ bounds });\n\treturn <div style={{ width: \"100%\", height: \"100%\" }} ref={ref}></div>;\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+var ThematicLayerConfiguration = require('./ThematicLayerConfiguration');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+function ThematicLayerConfigModal({
+  open,
+  exclude,
+  config,
+  onClose,
+  onChange,
+  ...props
+}) {
+  const form = reactHookForm.useForm({
+    defaultValues: config
+  });
+  const onSubmitClick = (values) => {
+    onChange(values);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Modal, { ...props, hide: !open, onClose, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalTitle, { children: i18n__default.default.t("Configure Thematic Layer") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalContent, { children: /* @__PURE__ */ jsxRuntime.jsx(ThematicLayerConfiguration.ThematicLayerConfiguration, { form, exclude }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalActions, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.ButtonStrip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClose, children: i18n__default.default.t("Cancel") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          primary: true,
+          onClick: () => form.handleSubmit(onSubmitClick)(),
+          children: i18n__default.default.t("Save")
+        }
+      )
+    ] }) })
+  ] });
+}
+
+exports.ThematicLayerConfigModal = ThematicLayerConfigModal;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ThematicLayerConfigModal.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.tsx"],"names":[],"mappings":"AAkCG,cAKC,YALD;AAjCH,SAAS,eAAe;AAExB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AAEjB,SAAS,kCAAkC;AAEpC,SAAS,yBAAyB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAkC;AACjC,QAAM,OAAO,QAA6B;AAAA,IACzC,eAAe;AAAA,EAChB,CAAC;AAED,QAAM,gBAAgB,CAAC,WAAgC;AACtD,aAAS,MAAM;AACf,YAAQ;AAAA,EACT;AAEA,SACC,qBAAC,SAAO,GAAG,OAAO,MAAM,CAAC,MAAM,SAC9B;AAAA,wBAAC,cAAY,eAAK,EAAE,0BAA0B,GAAE;AAAA,IAChD,oBAAC,gBACA,8BAAC,8BAA2B,MAAY,SAAkB,GAC3D;AAAA,IACA,oBAAC,gBACA,+BAAC,eACA;AAAA,0BAAC,UAAO,SAAS,SAAU,eAAK,EAAE,QAAQ,GAAE;AAAA,MAC5C;AAAA,QAAC;AAAA;AAAA,UACA,SAAO;AAAA,UACP,SAAS,MAAM,KAAK,aAAa,aAAa,EAAE;AAAA,UAE/C,eAAK,EAAE,MAAM;AAAA;AAAA,MACf;AAAA,OACD,GACD;AAAA,KACD;AAEF","sourcesContent":["import { ThematicLayerConfigModalProps } from \"./types\";\nimport { useForm } from \"react-hook-form\";\nimport { ThematicLayerConfig } from \"../MapLayer/interfaces\";\nimport {\n\tButton,\n\tButtonStrip,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport React from \"react\";\nimport { ThematicLayerConfiguration } from \"./ThematicLayerConfiguration\";\n\nexport function ThematicLayerConfigModal({\n\topen,\n\texclude,\n\tconfig,\n\tonClose,\n\tonChange,\n\t...props\n}: ThematicLayerConfigModalProps) {\n\tconst form = useForm<ThematicLayerConfig>({\n\t\tdefaultValues: config,\n\t});\n\n\tconst onSubmitClick = (values: ThematicLayerConfig) => {\n\t\tonChange(values);\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<Modal {...props} hide={!open} onClose={onClose}>\n\t\t\t<ModalTitle>{i18n.t(\"Configure Thematic Layer\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t<ThematicLayerConfiguration form={form} exclude={exclude} />\n\t\t\t</ModalContent>\n\t\t\t<ModalActions>\n\t\t\t\t<ButtonStrip>\n\t\t\t\t\t<Button onClick={onClose}>{i18n.t(\"Cancel\")}</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tprimary\n\t\t\t\t\t\tonClick={() => form.handleSubmit(onSubmitClick)()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{i18n.t(\"Save\")}\n\t\t\t\t\t</Button>\n\t\t\t\t</ButtonStrip>\n\t\t\t</ModalActions>\n\t\t</Modal>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.mjs

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useForm } from 'react-hook-form';
+import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+import { ThematicLayerConfiguration } from './ThematicLayerConfiguration';
+
+function ThematicLayerConfigModal({
+  open,
+  exclude,
+  config,
+  onClose,
+  onChange,
+  ...props
+}) {
+  const form = useForm({
+    defaultValues: config
+  });
+  const onSubmitClick = (values) => {
+    onChange(values);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs(Modal, { ...props, hide: !open, onClose, children: [
+    /* @__PURE__ */ jsx(ModalTitle, { children: i18n.t("Configure Thematic Layer") }),
+    /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(ThematicLayerConfiguration, { form, exclude }) }),
+    /* @__PURE__ */ jsx(ModalActions, { children: /* @__PURE__ */ jsxs(ButtonStrip, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: onClose, children: i18n.t("Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          primary: true,
+          onClick: () => form.handleSubmit(onSubmitClick)(),
+          children: i18n.t("Save")
+        }
+      )
+    ] }) })
+  ] });
+}
+
+export { ThematicLayerConfigModal };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ThematicLayerConfigModal.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.tsx"],"names":[],"mappings":"AAkCG,cAKC,YALD;AAjCH,SAAS,eAAe;AAExB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AAEjB,SAAS,kCAAkC;AAEpC,SAAS,yBAAyB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAkC;AACjC,QAAM,OAAO,QAA6B;AAAA,IACzC,eAAe;AAAA,EAChB,CAAC;AAED,QAAM,gBAAgB,CAAC,WAAgC;AACtD,aAAS,MAAM;AACf,YAAQ;AAAA,EACT;AAEA,SACC,qBAAC,SAAO,GAAG,OAAO,MAAM,CAAC,MAAM,SAC9B;AAAA,wBAAC,cAAY,eAAK,EAAE,0BAA0B,GAAE;AAAA,IAChD,oBAAC,gBACA,8BAAC,8BAA2B,MAAY,SAAkB,GAC3D;AAAA,IACA,oBAAC,gBACA,+BAAC,eACA;AAAA,0BAAC,UAAO,SAAS,SAAU,eAAK,EAAE,QAAQ,GAAE;AAAA,MAC5C;AAAA,QAAC;AAAA;AAAA,UACA,SAAO;AAAA,UACP,SAAS,MAAM,KAAK,aAAa,aAAa,EAAE;AAAA,UAE/C,eAAK,EAAE,MAAM;AAAA;AAAA,MACf;AAAA,OACD,GACD;AAAA,KACD;AAEF","sourcesContent":["import { ThematicLayerConfigModalProps } from \"./types\";\nimport { useForm } from \"react-hook-form\";\nimport { ThematicLayerConfig } from \"../MapLayer/interfaces\";\nimport {\n\tButton,\n\tButtonStrip,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport React from \"react\";\nimport { ThematicLayerConfiguration } from \"./ThematicLayerConfiguration\";\n\nexport function ThematicLayerConfigModal({\n\topen,\n\texclude,\n\tconfig,\n\tonClose,\n\tonChange,\n\t...props\n}: ThematicLayerConfigModalProps) {\n\tconst form = useForm<ThematicLayerConfig>({\n\t\tdefaultValues: config,\n\t});\n\n\tconst onSubmitClick = (values: ThematicLayerConfig) => {\n\t\tonChange(values);\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<Modal {...props} hide={!open} onClose={onClose}>\n\t\t\t<ModalTitle>{i18n.t(\"Configure Thematic Layer\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t<ThematicLayerConfiguration form={form} exclude={exclude} />\n\t\t\t</ModalContent>\n\t\t\t<ModalActions>\n\t\t\t\t<ButtonStrip>\n\t\t\t\t\t<Button onClick={onClose}>{i18n.t(\"Cancel\")}</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tprimary\n\t\t\t\t\t\tonClick={() => form.handleSubmit(onSubmitClick)()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{i18n.t(\"Save\")}\n\t\t\t\t\t</Button>\n\t\t\t\t</ButtonStrip>\n\t\t\t</ModalActions>\n\t\t</Modal>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ThematicLayerConfigModal = require('./ThematicLayerConfigModal');
+
+const Default = {};
+Default.args = {
+  onChange: console.info,
+  onClose: () => {
+  },
+  open: true
+};
+const meta = {
+  title: "DHIS2 Map/Thematic Layer Config Modal",
+  component: ThematicLayerConfigModal.ThematicLayerConfigModal,
+  decorators: [
+    (MapStory) => {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsxRuntime.jsx(MapStory, {}) });
+    }
+  ]
+};
+var ThematicLayerConfigModal_stories_default = meta;
+
+exports.Default = Default;
+exports.default = ThematicLayerConfigModal_stories_default;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ThematicLayerConfigModal.stories.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.tsx"],"names":[],"mappings":"AAmBK;AAlBL,SAAS,gCAAgC;AAIlC,MAAM,UAAiB,CAAC;AAC/B,QAAQ,OAAO;AAAA,EACd,UAAU,QAAQ;AAAA,EAClB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,MAAM;AACP;AAEA,MAAM,OAA8C;AAAA,EACnD,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACX,CAAC,aAAkB;AAClB,aACC,oBAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,MAAM,GACzC,8BAAC,YAAS,GACX;AAAA,IAEF;AAAA,EACD;AACD;AAEA,IAAO,2CAAQ","sourcesContent":["import React from \"react\";\nimport { ThematicLayerConfigModal } from \"./ThematicLayerConfigModal\";\nimport { Meta, StoryObj } from \"@storybook/react\";\n\ntype Story = StoryObj<typeof ThematicLayerConfigModal>;\nexport const Default: Story = {};\nDefault.args = {\n\tonChange: console.info,\n\tonClose: () => {},\n\topen: true,\n};\n\nconst meta: Meta<typeof ThematicLayerConfigModal> = {\n\ttitle: \"DHIS2 Map/Thematic Layer Config Modal\",\n\tcomponent: ThematicLayerConfigModal,\n\tdecorators: [\n\t\t(MapStory: any) => {\n\t\t\treturn (\n\t\t\t\t<div style={{ width: \"50%\", height: \"50%\" }}>\n\t\t\t\t\t<MapStory />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t],\n};\n\nexport default meta;\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.mjs

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { ThematicLayerConfigModal } from './ThematicLayerConfigModal';
+
+const Default = {};
+Default.args = {
+  onChange: console.info,
+  onClose: () => {
+  },
+  open: true
+};
+const meta = {
+  title: "DHIS2 Map/Thematic Layer Config Modal",
+  component: ThematicLayerConfigModal,
+  decorators: [
+    (MapStory) => {
+      return /* @__PURE__ */ jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsx(MapStory, {}) });
+    }
+  ]
+};
+var ThematicLayerConfigModal_stories_default = meta;
+
+export { Default, ThematicLayerConfigModal_stories_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ThematicLayerConfigModal.stories.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.tsx"],"names":[],"mappings":"AAmBK;AAlBL,SAAS,gCAAgC;AAIlC,MAAM,UAAiB,CAAC;AAC/B,QAAQ,OAAO;AAAA,EACd,UAAU,QAAQ;AAAA,EAClB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,MAAM;AACP;AAEA,MAAM,OAA8C;AAAA,EACnD,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACX,CAAC,aAAkB;AAClB,aACC,oBAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,MAAM,GACzC,8BAAC,YAAS,GACX;AAAA,IAEF;AAAA,EACD;AACD;AAEA,IAAO,2CAAQ","sourcesContent":["import React from \"react\";\nimport { ThematicLayerConfigModal } from \"./ThematicLayerConfigModal\";\nimport { Meta, StoryObj } from \"@storybook/react\";\n\ntype Story = StoryObj<typeof ThematicLayerConfigModal>;\nexport const Default: Story = {};\nDefault.args = {\n\tonChange: console.info,\n\tonClose: () => {},\n\topen: true,\n};\n\nconst meta: Meta<typeof ThematicLayerConfigModal> = {\n\ttitle: \"DHIS2 Map/Thematic Layer Config Modal\",\n\tcomponent: ThematicLayerConfigModal,\n\tdecorators: [\n\t\t(MapStory: any) => {\n\t\t\treturn (\n\t\t\t\t<div style={{ width: \"50%\", height: \"50%\" }}>\n\t\t\t\t\t<MapStory />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t],\n};\n\nexport default meta;\n"]}