@hisptz/dhis2-analytics 2.0.0-alpha.1 → 2.0.0

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/CustomTooltip/index.js

@@ -1,31 +1,37 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { Pane, Tooltip, Popup } from 'react-leaflet';
-import { useMapPeriods } from '../../../../../MapProvider/hooks/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var reactLeaflet = require('react-leaflet');
+var index_js = require('../../../../../MapProvider/hooks/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function CustomTooltip({
   data: dataObject
 }) {
   const { dataItem, orgUnit, data } = dataObject ?? {};
-  const { periods } = useMapPeriods() ?? {};
-  return /* @__PURE__ */ jsxs(
-    Pane,
+  const { periods } = index_js.useMapPeriods() ?? {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactLeaflet.Pane,
     {
       name: `${dataItem.displayName}-${orgUnit.id}-popup-pane`,
       pane: "popupPane",
       children: [
-        /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(reactLeaflet.Tooltip, { children: [
           orgUnit?.name,
           " (",
           data,
           ")"
         ] }),
-        /* @__PURE__ */ jsxs(Popup, { minWidth: 80, children: [
-          /* @__PURE__ */ jsx("h3", { style: { margin: 0 }, children: orgUnit?.name }),
-          /* @__PURE__ */ jsx("div", { children: dataItem?.displayName }),
-          /* @__PURE__ */ jsx("div", { children: periods?.map((period) => period.name).join(",") }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            i18n.t("Value"),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactLeaflet.Popup, { minWidth: 80, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: 0 }, children: orgUnit?.name }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: dataItem?.displayName }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: periods?.map((period) => period.name).join(",") }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            i18n__default.default.t("Value"),
             ": ",
             data
           ] })
@@ -35,6 +41,6 @@ function CustomTooltip({
   );
 }
 
-export { CustomTooltip as default };
+module.exports = CustomTooltip;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/hooks/config.js

@@ -1,12 +1,14 @@
-import { find } from 'lodash';
-import { useContext } from 'react';
-import { MapLayersContext } from '../../../../../state/index.js';
+'use strict';
+
+var lodash = require('lodash');
+var react = require('react');
+var index_js = require('../../../../../state/index.js');
 
 function useThematicLayer(layerId) {
-  const { layers } = useContext(MapLayersContext);
-  return find(layers, ["id", layerId]);
+  const { layers } = react.useContext(index_js.MapLayersContext);
+  return lodash.find(layers, ["id", layerId]);
 }
 
-export { useThematicLayer as default };
+module.exports = useThematicLayer;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=config.js.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/index.js

@@ -1,31 +1,39 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { last } from 'lodash';
-import { LayersControl, Pane, LayerGroup } from 'react-leaflet';
-import Bubble from './components/Bubble/index.js';
-import Choropleth from './components/Choropleth/index.js';
-import useThematicLayer from './hooks/config.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lodash = require('lodash');
+var reactLeaflet = require('react-leaflet');
+var Bubble = require('./components/Bubble/index.js');
+var Choropleth = require('./components/Choropleth/index.js');
+var useThematicLayer = require('./hooks/config.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Bubble__default = /*#__PURE__*/_interopDefault(Bubble);
+var Choropleth__default = /*#__PURE__*/_interopDefault(Choropleth);
+var useThematicLayer__default = /*#__PURE__*/_interopDefault(useThematicLayer);
 
 function ThematicLayer({
   layerId,
   index
 }) {
-  const layer = useThematicLayer(layerId);
+  const layer = useThematicLayer__default.default(layerId);
   if (!layer) {
     return null;
   }
   const { type, dataItem, name, data, enabled, legends } = layer ?? {};
   const uniqueName = name ?? dataItem.displayName;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(LayersControl.Overlay, { checked: enabled, name: uniqueName, children: /* @__PURE__ */ jsx(
-    Pane,
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayersControl.Overlay, { checked: enabled, name: uniqueName, children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactLeaflet.Pane,
     {
       style: {
         zIndex: type === "bubble" ? 500 : 500 - (index + 1)
       },
       name: uniqueName,
-      children: /* @__PURE__ */ jsxs(LayerGroup, { children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(reactLeaflet.LayerGroup, { children: [
         data?.map(
-          (datum) => type === "choropleth" ? /* @__PURE__ */ jsx(
-            Choropleth,
+          (datum) => type === "choropleth" ? /* @__PURE__ */ jsxRuntime.jsx(
+            Choropleth__default.default,
             {
               legends: legends ?? [],
               data: datum
@@ -34,12 +42,12 @@ function ThematicLayer({
           ) : null
         ),
         data?.map(
-          (datum) => type === "bubble" ? /* @__PURE__ */ jsx(
-            Bubble,
+          (datum) => type === "bubble" ? /* @__PURE__ */ jsxRuntime.jsx(
+            Bubble__default.default,
             {
               radius: layer?.radius,
               legends: legends ?? [],
-              highestData: last(data)?.data ?? 1,
+              highestData: lodash.last(data)?.data ?? 1,
               data: datum
             },
             `${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`
@@ -50,6 +58,6 @@ function ThematicLayer({
   ) }) });
 }
 
-export { ThematicLayer as default };
+module.exports = ThematicLayer;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,8 +1,16 @@
-import { jsx } from 'react/jsx-runtime';
-import BoundaryLayer from './components/BoundaryLayer/index.js';
-import GoogleEngineLayer from './components/GoogleEngineLayer/index.js';
-import { PointLayer } from './components/PointLayer/index.js';
-import ThematicLayer from './components/ThematicLayer/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var BoundaryLayer = require('./components/BoundaryLayer/index.js');
+var GoogleEngineLayer = require('./components/GoogleEngineLayer/index.js');
+var index_js = require('./components/PointLayer/index.js');
+var ThematicLayer = require('./components/ThematicLayer/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var BoundaryLayer__default = /*#__PURE__*/_interopDefault(BoundaryLayer);
+var GoogleEngineLayer__default = /*#__PURE__*/_interopDefault(GoogleEngineLayer);
+var ThematicLayer__default = /*#__PURE__*/_interopDefault(ThematicLayer);
 
 function MapLayer({
   layer,
@@ -11,22 +19,22 @@ function MapLayer({
   switch (layer.type) {
     case "overlay":
     case "basemap":
-      return /* @__PURE__ */ jsx(BoundaryLayer, { ...layer });
+      return /* @__PURE__ */ jsxRuntime.jsx(BoundaryLayer__default.default, { ...layer });
     case "bubble":
     case "choropleth":
-      return /* @__PURE__ */ jsx(ThematicLayer, { layerId: layer.id, index });
+      return /* @__PURE__ */ jsxRuntime.jsx(ThematicLayer__default.default, { layerId: layer.id, index });
     case "point":
-      return /* @__PURE__ */ jsx(PointLayer, {});
+      return /* @__PURE__ */ jsxRuntime.jsx(index_js.PointLayer, {});
     case "population":
     case "elevation":
     case "footprints":
     case "landCover":
-      return /* @__PURE__ */ jsx(GoogleEngineLayer, { layerId: layer.id });
+      return /* @__PURE__ */ jsxRuntime.jsx(GoogleEngineLayer__default.default, { layerId: layer.id });
     default:
       return null;
   }
 }
 
-export { MapLayer as default };
+module.exports = MapLayer;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/interfaces/index.js

@@ -1,3 +1,5 @@
+'use strict';
+
 const SUPPORTED_EARTH_ENGINE_LAYERS = [
   "population",
   "footprints",
@@ -5,6 +7,6 @@ const SUPPORTED_EARTH_ENGINE_LAYERS = [
   "landCover"
 ];
 
-export { SUPPORTED_EARTH_ENGINE_LAYERS };
+exports.SUPPORTED_EARTH_ENGINE_LAYERS = SUPPORTED_EARTH_ENGINE_LAYERS;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,24 +1,26 @@
-import { compact, find, isEmpty, differenceBy, sortBy, last, head } from 'lodash';
-import { useMapOrganisationUnit, useMapPeriods } from '../../../hooks/index.js';
-import { useState, useMemo, useCallback } from 'react';
-import { getOrgUnitsSelection, sanitizeDate, sanitizeOrgUnits, toGeoJson, generateLegends } from '../../../../../utils/map.js';
-import { useDataEngine } from '@dhis2/app-runtime';
-import { asyncify, map } from 'async-es';
-import { defaultClasses, defaultColorScaleName } from '../../../../../utils/colors.js';
-import { useGoogleEngineToken } from '../../../../MapLayer/components/GoogleEngineLayer/hooks/index.js';
-import { useBoundaryData } from '../../../../MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js';
-import { EarthEngine } from '../../../../MapLayer/components/GoogleEngineLayer/services/engine.js';
-import { EARTH_ENGINE_LAYERS } from '../../../../MapLayer/components/GoogleEngineLayer/constants/index.js';
+'use strict';
+
+var lodash = require('lodash');
+var index_js = require('../../../hooks/index.js');
+var react = require('react');
+var map_js = require('../../../../../utils/map.js');
+var appRuntime = require('@dhis2/app-runtime');
+var asyncEs = require('async-es');
+var colors_js = require('../../../../../utils/colors.js');
+var index_js$1 = require('../../../../MapLayer/components/GoogleEngineLayer/hooks/index.js');
+var useBoundaryData_js = require('../../../../MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js');
+var engine_js = require('../../../../MapLayer/components/GoogleEngineLayer/services/engine.js');
+var index_js$2 = require('../../../../MapLayer/components/GoogleEngineLayer/constants/index.js');
 
 const analyticsQuery = {
   analytics: {
     resource: "analytics",
     params: ({ ou, pe, dx, startDate, endDate }) => {
-      const peDimension = !isEmpty(pe) ? `pe:${pe?.join(";")}` : void 0;
-      const ouDimension = !isEmpty(ou) ? `ou:${ou?.join(";")}` : void 0;
-      const dxDimension = !isEmpty(dx) ? `dx:${dx?.join(";")}` : void 0;
+      const peDimension = !lodash.isEmpty(pe) ? `pe:${pe?.join(";")}` : void 0;
+      const ouDimension = !lodash.isEmpty(ou) ? `ou:${ou?.join(";")}` : void 0;
+      const dxDimension = !lodash.isEmpty(dx) ? `dx:${dx?.join(";")}` : void 0;
       return {
-        dimension: compact([dxDimension, peDimension, ouDimension]),
+        dimension: lodash.compact([dxDimension, peDimension, ouDimension]),
         startDate,
         endDate,
         displayProperty: "NAME"
@@ -70,16 +72,16 @@ const legendSetsQuery = {
   }
 };
 function useThematicLayers() {
-  const engine = useDataEngine();
-  const [loading, setLoading] = useState(false);
-  const { orgUnits, orgUnitSelection } = useMapOrganisationUnit();
-  const { periods, range } = useMapPeriods() ?? {};
-  const ou = useMemo(
-    () => getOrgUnitsSelection(orgUnitSelection),
+  const engine = appRuntime.useDataEngine();
+  const [loading, setLoading] = react.useState(false);
+  const { orgUnits, orgUnitSelection } = index_js.useMapOrganisationUnit();
+  const { periods, range } = index_js.useMapPeriods() ?? {};
+  const ou = react.useMemo(
+    () => map_js.getOrgUnitsSelection(orgUnitSelection),
     [orgUnitSelection]
   );
-  const pe = useMemo(() => periods?.map((pe2) => pe2.id), [periods]);
-  const { startDate, endDate } = useMemo(() => {
+  const pe = react.useMemo(() => periods?.map((pe2) => pe2.id), [periods]);
+  const { startDate, endDate } = react.useMemo(() => {
     if (!range) {
       return {
         startDate: void 0,
@@ -87,8 +89,8 @@ function useThematicLayers() {
       };
     }
     return {
-      startDate: sanitizeDate(range.start.toDateString()),
-      endDate: sanitizeDate(range.end.toDateString())
+      startDate: map_js.sanitizeDate(range.start.toDateString()),
+      endDate: map_js.sanitizeDate(range.end.toDateString())
     };
   }, [range]);
   const sanitizeData = (data, layer) => {
@@ -104,8 +106,8 @@ function useThematicLayers() {
       const valueIndex = analytics.headers.findIndex(
         (header) => header.name === "value"
       );
-      if (!isEmpty(rows)) {
-        return sortBy(
+      if (!lodash.isEmpty(rows)) {
+        return lodash.sortBy(
           orgUnits?.map((ou2) => {
             const row = rows.find(
               (row2) => row2[ouIndex] === ou2.id && row2[dxIndex] === layer.dataItem.id
@@ -126,9 +128,9 @@ function useThematicLayers() {
     return [];
   };
   const sanitizeLegends = async (layers) => {
-    return await map(
+    return await asyncEs.map(
       layers,
-      asyncify(async (layer) => {
+      asyncEs.asyncify(async (layer) => {
         try {
           const legends = [];
           if (layer.dataItem.legendSet) {
@@ -146,16 +148,16 @@ function useThematicLayers() {
             }
           } else {
             const { scale, colorClass } = layer.dataItem.legendConfig ?? {
-              scale: defaultClasses,
-              colorClass: defaultColorScaleName
+              scale: colors_js.defaultClasses,
+              colorClass: colors_js.defaultColorScaleName
             };
-            const sortedData = sortBy(
+            const sortedData = lodash.sortBy(
               layer.data.filter((datum) => !!datum.data),
               "data"
             );
-            const autoLegends = generateLegends(
-              last(sortedData)?.data ?? 0,
-              head(sortedData)?.data ?? 0,
+            const autoLegends = map_js.generateLegends(
+              lodash.last(sortedData)?.data ?? 0,
+              lodash.head(sortedData)?.data ?? 0,
               {
                 classesCount: scale,
                 colorClass
@@ -177,7 +179,7 @@ function useThematicLayers() {
     try {
       setLoading(true);
       const layersWithoutData = layers?.filter((layer) => !layer.data);
-      const layersWithData = differenceBy(
+      const layersWithData = lodash.differenceBy(
         layers,
         layersWithoutData,
         "id"
@@ -185,7 +187,7 @@ function useThematicLayers() {
       const dx = layersWithoutData.map((layer) => layer.dataItem.id);
       let sanitizedLayersWithData = [];
       console.log({ layersWithoutData });
-      if (!isEmpty(dx)) {
+      if (!lodash.isEmpty(dx)) {
         const data = await engine.query(analyticsQuery, {
           variables: {
             dx,
@@ -205,7 +207,7 @@ function useThematicLayers() {
         ...layer,
         data: layer.data?.map((datum) => ({
           ...datum,
-          orgUnit: find(orgUnits, [
+          orgUnit: lodash.find(orgUnits, [
             "id",
             datum.orgUnit
           ]),
@@ -230,25 +232,25 @@ function useThematicLayers() {
   };
 }
 function usePointLayer() {
-  const engine = useDataEngine();
-  const { orgUnitSelection } = useMapOrganisationUnit();
-  const [loading, setLoading] = useState(false);
-  const sanitizePointData = useCallback(
+  const engine = appRuntime.useDataEngine();
+  const { orgUnitSelection } = index_js.useMapOrganisationUnit();
+  const [loading, setLoading] = react.useState(false);
+  const sanitizePointData = react.useCallback(
     (orgUnitData, groupSetData) => {
       const { analytics, layer } = orgUnitData ?? {};
-      const rawOrgUnits = sanitizeOrgUnits(analytics?.metaData);
-      const geoJSONObjects = toGeoJson(
+      const rawOrgUnits = map_js.sanitizeOrgUnits(analytics?.metaData);
+      const geoJSONObjects = map_js.toGeoJson(
         layer?.filter((bound) => bound.co)
       );
-      return compact(
+      return lodash.compact(
         rawOrgUnits.map((orgUnit) => {
           const geoJSONObject = geoJSONObjects?.find(
             (geoJSON) => geoJSON.properties.id === orgUnit.id
           );
           const orgUnitGroups = groupSetData?.groupSet?.organisationUnitGroups ?? [];
-          const ouGroup = find(
+          const ouGroup = lodash.find(
             orgUnitGroups,
-            (ouGroup2) => !!find(ouGroup2?.organisationUnits ?? [], [
+            (ouGroup2) => !!lodash.find(ouGroup2?.organisationUnits ?? [], [
               "id",
               orgUnit.id
             ])
@@ -270,7 +272,7 @@ function usePointLayer() {
     },
     []
   );
-  const sanitizeLayer = useCallback(
+  const sanitizeLayer = react.useCallback(
     async (layer) => {
       try {
         if (!layer.level && !layer.group) {
@@ -280,7 +282,7 @@ function usePointLayer() {
         const level = layer.level ? `LEVEL-${layer.level}` : void 0;
         const group = layer.group ? `OU_GROUP-${layer.group}` : void 0;
         const ous = [
-          ...getOrgUnitsSelection(orgUnitSelection),
+          ...map_js.getOrgUnitsSelection(orgUnitSelection),
           level,
           group
         ];
@@ -328,8 +330,8 @@ function usePointLayer() {
   };
 }
 function useGoogleEngineLayers() {
-  const { refresh } = useGoogleEngineToken();
-  const orgUnits = useBoundaryData();
+  const { refresh } = index_js$1.useGoogleEngineToken();
+  const orgUnits = useBoundaryData_js.useBoundaryData();
   async function getImageUrl(earthEngine, { filters }) {
     if (earthEngine.initialized) {
       try {
@@ -344,9 +346,9 @@ function useGoogleEngineLayers() {
       }
     }
   }
-  const sanitizeLayers = useCallback(
+  const sanitizeLayers = react.useCallback(
     async (layers) => {
-      if (isEmpty(layers)) {
+      if (lodash.isEmpty(layers)) {
         return [];
       }
       try {
@@ -357,12 +359,12 @@ function useGoogleEngineLayers() {
           );
           return [];
         }
-        await EarthEngine.setToken(token, refresh);
-        return map(
+        await engine_js.EarthEngine.setToken(token, refresh);
+        return asyncEs.map(
           layers,
-          asyncify(async (layer) => {
+          asyncEs.asyncify(async (layer) => {
             try {
-              const defaultOptions = find(EARTH_ENGINE_LAYERS, ["id", layer.type]) ?? {};
+              const defaultOptions = lodash.find(index_js$2.EARTH_ENGINE_LAYERS, ["id", layer.type]) ?? {};
               const options = {
                 ...defaultOptions,
                 aggregations: layer.aggregations ?? defaultOptions?.aggregations,
@@ -372,7 +374,7 @@ function useGoogleEngineLayers() {
                 ...layer,
                 options
               };
-              const earthEngine = new EarthEngine({ options });
+              const earthEngine = new engine_js.EarthEngine({ options });
               const url = await getImageUrl(
                 earthEngine,
                 updatedLayer
@@ -400,6 +402,8 @@ function useGoogleEngineLayers() {
   };
 }
 
-export { useGoogleEngineLayers, usePointLayer, useThematicLayers };
+exports.useGoogleEngineLayers = useGoogleEngineLayers;
+exports.usePointLayer = usePointLayer;
+exports.useThematicLayers = useThematicLayers;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,25 +1,31 @@
-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/index.js';
-import { useMapPeriods, useMapOrganisationUnit } from '../../hooks/index.js';
-import { useThematicLayers, usePointLayer, useGoogleEngineLayers } from './hooks/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+var react = require('react');
+var reactLeaflet = require('react-leaflet');
+var index_js$2 = require('../../../../state/index.js');
+var index_js = require('../../hooks/index.js');
+var index_js$1 = require('./hooks/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 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({
+  const period = index_js.useMapPeriods();
+  const orgUnit = index_js.useMapOrganisationUnit();
+  const [updatedLayers, setUpdatedLayers] = react.useState([]);
+  const { sanitizeLayers: sanitizeThematicLayers, error } = index_js$1.useThematicLayers();
+  const { sanitizeLayer: sanitizePointLayer } = index_js$1.usePointLayer();
+  const { sanitizeLayers: sanitizeEarthEngineLayers } = index_js$1.useGoogleEngineLayers();
+  const [loading, setLoading] = react.useState(false);
+  reactLeaflet.useMapEvents({
     overlayremove: (event) => {
       setupLayerListeners("remove", event);
     },
@@ -40,14 +46,14 @@ function MapLayersProvider({
         ...thematicLayers ?? []
       ]);
       const sanitizedBoundaryLayers = boundaryLayers ?? [];
-      const sanitizedPointLayer = head(pointLayers ?? []) ? await sanitizePointLayer(
-        head(pointLayers)
+      const sanitizedPointLayer = lodash.head(pointLayers ?? []) ? await sanitizePointLayer(
+        lodash.head(pointLayers)
       ) : void 0;
       const sanitizedEarthEngineLayers = await sanitizeEarthEngineLayers([
         ...earthEngineLayers ?? []
       ]);
       setUpdatedLayers(
-        compact([
+        lodash.compact([
           ...sanitizedBoundaryLayers ?? [],
           ...sanitizedThematicLayers ?? [],
           sanitizedPointLayer,
@@ -59,7 +65,7 @@ function MapLayersProvider({
     }
     setLoading(false);
   };
-  const updateLayer = useCallback(
+  const updateLayer = react.useCallback(
     (id, updatedLayer) => {
       setUpdatedLayers((prevLayers) => {
         const updatedLayers2 = [...prevLayers];
@@ -69,18 +75,18 @@ function MapLayersProvider({
         if (layerIndex < 0) {
           return prevLayers;
         }
-        set(updatedLayers2, layerIndex, updatedLayer);
+        lodash.set(updatedLayers2, layerIndex, updatedLayer);
         return updatedLayers2;
       });
     },
     []
   );
-  useEffect(() => {
+  react.useEffect(() => {
     sanitizeLayers().catch(console.error);
   }, [period, orgUnit]);
   const setupLayerListeners = (type, event) => {
     const name = event.name;
-    const layerConfig = find(updatedLayers, (layer) => {
+    const layerConfig = lodash.find(updatedLayers, (layer) => {
       const nameFromConfig = layer?.name ?? layer?.dataItem?.displayname ?? layer?.label;
       return nameFromConfig === name;
     });
@@ -92,17 +98,17 @@ function MapLayersProvider({
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(CircularLoader, { small: true }) }) });
+    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__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsxs("h4", { children: [
-      i18n.t("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
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx(
-    MapLayersContext.Provider,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_js$2.MapLayersContext.Provider,
     {
       value: { layers: updatedLayers, updateLayer },
       children
@@ -110,6 +116,6 @@ function MapLayersProvider({
   );
 }
 
-export { MapLayersProvider };
+exports.MapLayersProvider = MapLayersProvider;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

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