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

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

@@ -1,21 +1,4 @@
-'use strict';
-
-var EarthEngineLayerConfigModal = require('./EarthEngineLayerConfigModal');
-var EarthEngineLayerConfiguration = require('./EarthEngineLayerConfiguration');
-
-
-
-Object.keys(EarthEngineLayerConfigModal).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return EarthEngineLayerConfigModal[k]; }
-	});
-});
-Object.keys(EarthEngineLayerConfiguration).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return EarthEngineLayerConfiguration[k]; }
-	});
-});
+export * from './EarthEngineLayerConfigModal.js';
+export * from './EarthEngineLayerConfiguration.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Map/components/EarthEngineLayerConfiguration/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc","sourcesContent":["export * from \"./EarthEngineLayerConfigModal\";\nexport * from \"./EarthEngineLayerConfiguration\";\n"]}
+{"version":3,"sources":["../../../../../src/components/Map/components/EarthEngineLayerConfiguration/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc","sourcesContent":["export * from \"./EarthEngineLayerConfigModal.js\";\nexport * from \"./EarthEngineLayerConfiguration.js\";\n"]}

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

@@ -1,24 +1,15 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var dhis2Utils = require('@hisptz/dhis2-utils');
-var lodash = require('lodash');
-var react = require('react');
-var reactLeaflet = require('react-leaflet');
-var map = require('../../hooks/map');
-var MapControl = require('../MapControls');
-var MapLayer = require('../MapLayer');
-var LegendArea = require('../MapLayer/components/LegendArea');
-var MapLayerProvider = require('../MapProvider/components/MapLayerProvider');
-var hooks = require('../MapProvider/hooks');
-var MapUpdater = require('../MapUpdater');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var MapControl__default = /*#__PURE__*/_interopDefault(MapControl);
-var MapLayer__default = /*#__PURE__*/_interopDefault(MapLayer);
-var LegendArea__default = /*#__PURE__*/_interopDefault(LegendArea);
-var MapUpdater__default = /*#__PURE__*/_interopDefault(MapUpdater);
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { uid } from '@hisptz/dhis2-utils';
+import { isEmpty } from 'lodash';
+import { forwardRef, useRef } from 'react';
+import { MapContainer, TileLayer, LayersControl } from 'react-leaflet';
+import { useMapBounds } from '../../hooks/map.js';
+import MapControl from '../MapControls/index.js';
+import MapLayer from '../MapLayer/index.js';
+import LegendArea from '../MapLayer/components/LegendArea/index.js';
+import { MapLayersProvider } from '../MapProvider/components/MapLayerProvider/index.js';
+import { useMapLayers } from '../MapProvider/hooks/index.js';
+import MapUpdater from '../MapUpdater/index.js';
 
 function MapLayerArea({
   id,
@@ -26,27 +17,27 @@ function MapLayerArea({
   controls,
   legends
 }) {
-  const { layers } = hooks.useMapLayers();
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactLeaflet.TileLayer,
+  const { layers } = useMapLayers();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TileLayer,
       {
         id,
         attribution: base?.attribution ?? '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> | &copy; <a href="https://carto.com/attribution">CARTO</a>',
         url: base?.url ?? "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png"
       }
     ),
-    controls?.map((control) => /* @__PURE__ */ jsxRuntime.jsx(
-      MapControl__default.default,
+    controls?.map((control) => /* @__PURE__ */ jsx(
+      MapControl,
       {
         mapId: id,
         ...control
       },
       `${control.type}-control`
     )),
-    !lodash.isEmpty(layers) && /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayersControl, { hideSingleBase: true, position: "topleft", children: layers.map(
-      (layer, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        MapLayer__default.default,
+    !isEmpty(layers) && /* @__PURE__ */ jsx(LayersControl, { hideSingleBase: true, position: "topleft", children: layers.map(
+      (layer, index) => /* @__PURE__ */ jsx(
+        MapLayer,
         {
           layer,
           index
@@ -54,8 +45,8 @@ function MapLayerArea({
         layer.id
       )
     ) }),
-    !lodash.isEmpty(layers) && /* @__PURE__ */ jsxRuntime.jsx(
-      LegendArea__default.default,
+    !isEmpty(layers) && /* @__PURE__ */ jsx(
+      LegendArea,
       {
         legends,
         layers,
@@ -65,30 +56,45 @@ function MapLayerArea({
   ] });
 }
 const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
-  const { center, bounds } = map.useMapBounds();
-  const { current: id } = react.useRef(dhis2Utils.uid());
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { id: `${id}-"map-container`, style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    reactLeaflet.MapContainer,
+  const { center, bounds } = useMapBounds();
+  const { current: id } = useRef(uid());
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      attributionControl: true,
-      ref,
-      id,
-      center,
-      bounceAtZoomLimits: true,
-      bounds,
-      style: { height: "100%", width: "100%", minHeight: 500 },
-      trackResize: true,
-      ...mapOptions,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MapUpdater__default.default, { bounds }),
-        /* @__PURE__ */ jsxRuntime.jsx(MapLayerProvider.MapLayersProvider, { layers, children: /* @__PURE__ */ jsxRuntime.jsx(MapLayerArea, { base, id, controls, legends }) })
-      ]
-    },
-    key
-  ) });
+      id: `${id}-"map-container`,
+      style: { height: "100%", width: "100%" },
+      children: /* @__PURE__ */ jsxs(
+        MapContainer,
+        {
+          attributionControl: true,
+          ref,
+          id,
+          center,
+          bounceAtZoomLimits: true,
+          bounds,
+          style: { height: "100%", width: "100%", minHeight: 500 },
+          trackResize: true,
+          ...mapOptions,
+          children: [
+            /* @__PURE__ */ jsx(MapUpdater, { bounds }),
+            /* @__PURE__ */ jsx(MapLayersProvider, { layers, children: /* @__PURE__ */ jsx(
+              MapLayerArea,
+              {
+                base,
+                id,
+                controls,
+                legends
+              }
+            ) })
+          ]
+        },
+        key
+      )
+    }
+  );
 };
-var MapArea_default = react.forwardRef(MapArea);
+var MapArea_default = forwardRef(MapArea);
 
-module.exports = MapArea_default;
+export { MapArea_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Map/components/MapArea/index.tsx"],"names":[],"mappings":"AAgCE,mBACC,KADD;AAhCF,SAAS,WAAW;AAEpB,SAAS,eAAe;AACxB,SAAgB,YAAY,cAAc;AAC1C,SAAS,eAAe,cAAc,iBAAiB;AACvD,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AAEvB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAE7B,OAAO,gBAAgB;AAEvB,SAAS,aAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAQG;AACF,QAAM,EAAE,OAAO,IAAI,aAAa;AAEhC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,aACC,MAAM,eACN;AAAA,QAED,KACC,MAAM,OACN;AAAA;AAAA,IAEF;AAAA,IACC,UAAU,IAAI,CAAC,YACf;AAAA,MAAC;AAAA;AAAA,QACA,OAAO;AAAA,QAEN,GAAG;AAAA;AAAA,MADC,GAAG,QAAQ,IAAI;AAAA,IAErB,CACA;AAAA,IACA,CAAC,QAAQ,MAAM,KACf,oBAAC,iBAAc,gBAAc,MAAC,UAAU,WACrC,iBAAiC;AAAA,MAClC,CAAC,OAA4B,UAC5B;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFK,MAAM;AAAA,MAGZ;AAAA,IAEF,GACD;AAAA,IAEA,CAAC,QAAQ,MAAM,KACf;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA;AAAA,IACX;AAAA,KAEF;AAEF;AAEA,MAAM,UAAU,CAAC,EAAE,MAAM,UAAU,YAAY,KAAK,SAAS,OAAO,GAAiB,QAA2C;AAC9H,QAAM,EAAE,QAAQ,OAAO,IAAI,aAAa;AACxC,QAAM,EAAE,SAAS,GAAG,IAAI,OAAe,IAAI,CAAC;AAE5C,SACE,oBAAC,SAAI,IAAI,GAAG,EAAE,mBAAmB,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO,GACtE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA,oBAAkB;AAAA,MAClB;AAAA,MACA,OAAO,EAAE,QAAQ,QAAQ,OAAO,QAAQ,WAAW,IAAI;AAAA,MAEvD,aAAW;AAAA,MACV,GAAG;AAAA,MACJ;AAAA,4BAAC,cAAW,QAAgB;AAAA,QAC5B,oBAAC,qBAAkB,QACjB,8BAAC,gBAAa,MAAY,IAAQ,UAAoB,SAAkB,GAC1E;AAAA;AAAA;AAAA,IANK;AAAA,EAOP,GACF;AAEJ;AAEA,IAAO,kBAAQ,WAAW,OAAO","sourcesContent":["import { uid } from \"@hisptz/dhis2-utils\";\nimport { Map as LeafletMap } from \"leaflet\";\nimport { isEmpty } from \"lodash\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { LayersControl, MapContainer, TileLayer } from \"react-leaflet\";\nimport { useMapBounds } from \"../../hooks/map\";\nimport MapControl from \"../MapControls\";\nimport MapLayer from \"../MapLayer\";\nimport LegendArea from \"../MapLayer/components/LegendArea\";\nimport { CustomThematicLayer } from \"../MapLayer/interfaces\";\nimport { MapLayersProvider } from \"../MapProvider/components/MapLayerProvider\";\nimport { useMapLayers } from \"../MapProvider/hooks\";\nimport { MapAreaProps, MapControls, MapLegendConfig } from \"./interfaces\";\nimport MapUpdater from \"../MapUpdater\";\n\nfunction MapLayerArea({\n\tid,\n\tbase,\n\tcontrols,\n\tlegends,\n}: {\n\tid: string;\n\tbase?: {\n\t\turl: string;\n\t\tattribution: string;\n\t};\n\tcontrols?: MapControls[];\n\tlegends?: MapLegendConfig;\n}) {\n\tconst { layers } = useMapLayers();\n\n\treturn (\n\t\t<>\n\t\t\t<TileLayer\n\t\t\t\tid={id}\n\t\t\t\tattribution={\n\t\t\t\t\tbase?.attribution ??\n\t\t\t\t\t'&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> | &copy; <a href=\"https://carto.com/attribution\">CARTO</a>'\n\t\t\t\t}\n\t\t\t\turl={\n\t\t\t\t\tbase?.url ??\n\t\t\t\t\t\"https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png\"\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{controls?.map((control) => (\n\t\t\t\t<MapControl\n\t\t\t\t\tmapId={id}\n\t\t\t\t\tkey={`${control.type}-control`}\n\t\t\t\t\t{...control}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LayersControl hideSingleBase position={\"topleft\"}>\n\t\t\t\t\t{(layers as CustomThematicLayer[]).map(\n\t\t\t\t\t\t(layer: CustomThematicLayer, index) => (\n\t\t\t\t\t\t\t<MapLayer\n\t\t\t\t\t\t\t\tkey={layer.id}\n\t\t\t\t\t\t\t\tlayer={layer}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t)}\n\t\t\t\t</LayersControl>\n\t\t\t)}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LegendArea\n\t\t\t\t\tlegends={legends}\n\t\t\t\t\tlayers={layers as CustomThematicLayer[]}\n\t\t\t\t\tposition={\"topright\"}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nconst MapArea = ({ base, controls, mapOptions, key, legends, layers }: MapAreaProps, ref: React.Ref<LeafletMap> | undefined) => {\n  const { center, bounds } = useMapBounds();\n  const { current: id } = useRef<string>(uid());\n\n  return (\n    <div id={`${id}-\"map-container`} style={{ height: \"100%\", width: \"100%\" }}>\n      <MapContainer\n        attributionControl\n        ref={ref}\n        id={id}\n        center={center}\n        bounceAtZoomLimits\n        bounds={bounds}\n        style={{ height: \"100%\", width: \"100%\", minHeight: 500 }}\n        key={key}\n        trackResize\n        {...mapOptions}>\n        <MapUpdater bounds={bounds} />\n        <MapLayersProvider layers={layers}>\n          <MapLayerArea base={base} id={id} controls={controls} legends={legends} />\n        </MapLayersProvider>\n      </MapContainer>\n    </div>\n  );\n};\n\nexport default forwardRef(MapArea);\n"]}
+{"version":3,"sources":["../../../../../src/components/Map/components/MapArea/index.tsx"],"names":[],"mappings":"AAoCE,mBACC,KADD;AApCF,SAAS,WAAW;AAEpB,SAAS,eAAe;AACxB,SAAgB,YAAY,cAAc;AAC1C,SAAS,eAAe,cAAc,iBAAiB;AACvD,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AAEvB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAM7B,OAAO,gBAAgB;AAEvB,SAAS,aAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAQG;AACF,QAAM,EAAE,OAAO,IAAI,aAAa;AAEhC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,aACC,MAAM,eACN;AAAA,QAED,KACC,MAAM,OACN;AAAA;AAAA,IAEF;AAAA,IACC,UAAU,IAAI,CAAC,YACf;AAAA,MAAC;AAAA;AAAA,QACA,OAAO;AAAA,QAEN,GAAG;AAAA;AAAA,MADC,GAAG,QAAQ,IAAI;AAAA,IAErB,CACA;AAAA,IACA,CAAC,QAAQ,MAAM,KACf,oBAAC,iBAAc,gBAAc,MAAC,UAAU,WACrC,iBAAiC;AAAA,MAClC,CAAC,OAA4B,UAC5B;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFK,MAAM;AAAA,MAGZ;AAAA,IAEF,GACD;AAAA,IAEA,CAAC,QAAQ,MAAM,KACf;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA;AAAA,IACX;AAAA,KAEF;AAEF;AAEA,MAAM,UAAU,CACf,EAAE,MAAM,UAAU,YAAY,KAAK,SAAS,OAAO,GACnD,QACI;AACJ,QAAM,EAAE,QAAQ,OAAO,IAAI,aAAa;AACxC,QAAM,EAAE,SAAS,GAAG,IAAI,OAAe,IAAI,CAAC;AAE5C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,IAAI,GAAG,EAAE;AAAA,MACT,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO;AAAA,MAEvC;AAAA,QAAC;AAAA;AAAA,UACA,oBAAkB;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA,oBAAkB;AAAA,UAClB;AAAA,UACA,OAAO,EAAE,QAAQ,QAAQ,OAAO,QAAQ,WAAW,IAAI;AAAA,UAEvD,aAAW;AAAA,UACV,GAAG;AAAA,UAEJ;AAAA,gCAAC,cAAW,QAAgB;AAAA,YAC5B,oBAAC,qBAAkB,QAClB;AAAA,cAAC;AAAA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACD,GACD;AAAA;AAAA;AAAA,QAZK;AAAA,MAaN;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,kBAAQ,WAAW,OAAO","sourcesContent":["import { uid } from \"@hisptz/dhis2-utils\";\nimport { Map as LeafletMap } from \"leaflet\";\nimport { isEmpty } from \"lodash\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { LayersControl, MapContainer, TileLayer } from \"react-leaflet\";\nimport { useMapBounds } from \"../../hooks/map.js\";\nimport MapControl from \"../MapControls/index.js\";\nimport MapLayer from \"../MapLayer/index.js\";\nimport LegendArea from \"../MapLayer/components/LegendArea/index.js\";\nimport { CustomThematicLayer } from \"../MapLayer/interfaces/index.js\";\nimport { MapLayersProvider } from \"../MapProvider/components/MapLayerProvider/index.js\";\nimport { useMapLayers } from \"../MapProvider/hooks/index.js\";\nimport {\n\tMapAreaProps,\n\tMapControls,\n\tMapLegendConfig,\n} from \"./interfaces/index.js\";\nimport MapUpdater from \"../MapUpdater/index.js\";\n\nfunction MapLayerArea({\n\tid,\n\tbase,\n\tcontrols,\n\tlegends,\n}: {\n\tid: string;\n\tbase?: {\n\t\turl: string;\n\t\tattribution: string;\n\t};\n\tcontrols?: MapControls[];\n\tlegends?: MapLegendConfig;\n}) {\n\tconst { layers } = useMapLayers();\n\n\treturn (\n\t\t<>\n\t\t\t<TileLayer\n\t\t\t\tid={id}\n\t\t\t\tattribution={\n\t\t\t\t\tbase?.attribution ??\n\t\t\t\t\t'&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> | &copy; <a href=\"https://carto.com/attribution\">CARTO</a>'\n\t\t\t\t}\n\t\t\t\turl={\n\t\t\t\t\tbase?.url ??\n\t\t\t\t\t\"https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png\"\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{controls?.map((control) => (\n\t\t\t\t<MapControl\n\t\t\t\t\tmapId={id}\n\t\t\t\t\tkey={`${control.type}-control`}\n\t\t\t\t\t{...control}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LayersControl hideSingleBase position={\"topleft\"}>\n\t\t\t\t\t{(layers as CustomThematicLayer[]).map(\n\t\t\t\t\t\t(layer: CustomThematicLayer, index) => (\n\t\t\t\t\t\t\t<MapLayer\n\t\t\t\t\t\t\t\tkey={layer.id}\n\t\t\t\t\t\t\t\tlayer={layer}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t)}\n\t\t\t\t</LayersControl>\n\t\t\t)}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LegendArea\n\t\t\t\t\tlegends={legends}\n\t\t\t\t\tlayers={layers as CustomThematicLayer[]}\n\t\t\t\t\tposition={\"topright\"}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nconst MapArea = (\n\t{ base, controls, mapOptions, key, legends, layers }: MapAreaProps,\n\tref: React.Ref<LeafletMap> | undefined,\n) => {\n\tconst { center, bounds } = useMapBounds();\n\tconst { current: id } = useRef<string>(uid());\n\n\treturn (\n\t\t<div\n\t\t\tid={`${id}-\"map-container`}\n\t\t\tstyle={{ height: \"100%\", width: \"100%\" }}\n\t\t>\n\t\t\t<MapContainer\n\t\t\t\tattributionControl\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tcenter={center}\n\t\t\t\tbounceAtZoomLimits\n\t\t\t\tbounds={bounds}\n\t\t\t\tstyle={{ height: \"100%\", width: \"100%\", minHeight: 500 }}\n\t\t\t\tkey={key}\n\t\t\t\ttrackResize\n\t\t\t\t{...mapOptions}\n\t\t\t>\n\t\t\t\t<MapUpdater bounds={bounds} />\n\t\t\t\t<MapLayersProvider layers={layers}>\n\t\t\t\t\t<MapLayerArea\n\t\t\t\t\t\tbase={base}\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tcontrols={controls}\n\t\t\t\t\t\tlegends={legends}\n\t\t\t\t\t/>\n\t\t\t\t</MapLayersProvider>\n\t\t\t</MapContainer>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef(MapArea);\n"]}

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

@@ -1,4 +1,3 @@
-'use strict';
 
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapControls/components/CustomControl/index.js

@@ -1,6 +1,4 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
+import { jsx } from 'react/jsx-runtime';
 
 const POSITION_CLASSES = {
   bottomleft: "leaflet-bottom leaflet-left",
@@ -10,9 +8,9 @@ const POSITION_CLASSES = {
 };
 function CustomControl({ children, position, ...options }) {
   const positionClass = position && POSITION_CLASSES[position] || POSITION_CLASSES.topright;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...options, className: `${positionClass}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden", border: "none" }, className: "leaflet-control leaflet-bar", children }) });
+  return /* @__PURE__ */ jsx("div", { ...options, className: `${positionClass}`, children: /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", border: "none" }, className: "leaflet-control leaflet-bar", children }) });
 }
 
-exports.CustomControl = CustomControl;
+export { CustomControl };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapControls/components/DownloadControl/index.js

@@ -1,21 +1,15 @@
-'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { createControlComponent } from '@react-leaflet/core';
+import L from 'leaflet';
+import 'leaflet-easyprint';
 
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@react-leaflet/core');
-var L = require('leaflet');
-require('leaflet-easyprint');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var L__default = /*#__PURE__*/_interopDefault(L);
-
-const DownloadControlComponent = core.createControlComponent((props) => {
-  return L__default.default.easyPrint(props);
+const DownloadControlComponent = createControlComponent((props) => {
+  return L.easyPrint(props);
 });
 function DownloadControl({ options, position, mapId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DownloadControlComponent, { ...{ ...options, position } });
+  return /* @__PURE__ */ jsx(DownloadControlComponent, { ...{ ...options, position } });
 }
 
-module.exports = DownloadControl;
+export { DownloadControl as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapControls/components/FullscreenControl/index.js

@@ -1,15 +1,13 @@
-'use strict';
+import { createControlComponent } from '@react-leaflet/core';
+import { control } from 'leaflet';
+import 'leaflet.fullscreen';
+import 'leaflet.fullscreen/Control.FullScreen.css';
 
-var core = require('@react-leaflet/core');
-var leaflet = require('leaflet');
-require('leaflet.fullscreen');
-require('leaflet.fullscreen/Control.FullScreen.css');
-
-const FullscreenControl = core.createControlComponent(
-  (props) => leaflet.control.fullscreen(props)
+const FullscreenControl = createControlComponent(
+  (props) => control.fullscreen(props)
 );
 var FullscreenControl_default = FullscreenControl;
 
-module.exports = FullscreenControl_default;
+export { FullscreenControl_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,30 +1,35 @@
-'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { ScaleControl, ZoomControl } from 'react-leaflet';
+import FullscreenControl from './components/FullscreenControl/index.js';
+import DownloadControl from './components/DownloadControl/index.js';
 
-var jsxRuntime = require('react/jsx-runtime');
-var reactLeaflet = require('react-leaflet');
-var FullscreenControl = require('./components/FullscreenControl');
-var DownloadControl = require('./components/DownloadControl');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var FullscreenControl__default = /*#__PURE__*/_interopDefault(FullscreenControl);
-var DownloadControl__default = /*#__PURE__*/_interopDefault(DownloadControl);
-
-function MapControl({ type, options, position, mapId }) {
+function MapControl({
+  type,
+  options,
+  position,
+  mapId
+}) {
   switch (type) {
     case "zoom":
-      return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.ZoomControl, { position, ...options });
+      return /* @__PURE__ */ jsx(ZoomControl, { position, ...options });
     case "scale":
-      return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.ScaleControl, { position, ...options });
+      return /* @__PURE__ */ jsx(ScaleControl, { position, ...options });
     case "fullscreen":
-      return /* @__PURE__ */ jsxRuntime.jsx(FullscreenControl__default.default, { position, ...options });
+      return /* @__PURE__ */ jsx(FullscreenControl, { position, ...options });
     case "print":
-      return /* @__PURE__ */ jsxRuntime.jsx(DownloadControl__default.default, { mapId, position, options });
+      return /* @__PURE__ */ jsx(
+        DownloadControl,
+        {
+          mapId,
+          position,
+          options
+        }
+      );
     default:
       return null;
   }
 }
 
-module.exports = MapControl;
+export { MapControl as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Map/components/MapControls/index.tsx"],"names":[],"mappings":"AAaa;AAZb,SAAS,cAAc,mBAAmB;AAE1C,OAAO,uBAAuB;AAC9B,OAAO,qBAAqB;AAMb,SAAR,WAA4B,EAAE,MAAM,SAAS,UAAU,MAAM,GAAoB;AACtF,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO,oBAAC,eAAY,UAAqB,GAAG,SAAS;AAAA,IACvD,KAAK;AACH,aAAO,oBAAC,gBAAa,UAAqB,GAAG,SAAS;AAAA,IACxD,KAAK;AACH,aAAO,oBAAC,qBAAkB,UAAqB,GAAG,SAAS;AAAA,IAC7D,KAAK;AACH,aAAO,oBAAC,mBAAgB,OAAc,UAAoB,SAAkB;AAAA,IAC9E;AACE,aAAO;AAAA,EACX;AACF","sourcesContent":["import React from \"react\";\nimport { ScaleControl, ZoomControl } from \"react-leaflet\";\nimport { MapControls } from \"../MapArea/interfaces\";\nimport FullscreenControl from \"./components/FullscreenControl\";\nimport DownloadControl from \"./components/DownloadControl\";\n\nexport interface MapControlProps extends MapControls {\n\tmapId: string;\n}\n\nexport default function MapControl({ type, options, position, mapId }: MapControlProps) {\n  switch (type) {\n    case \"zoom\":\n      return <ZoomControl position={position} {...options} />;\n    case \"scale\":\n      return <ScaleControl position={position} {...options} />;\n    case \"fullscreen\":\n      return <FullscreenControl position={position} {...options} />;\n    case \"print\":\n      return <DownloadControl mapId={mapId} position={position} options={options} />;\n    default:\n      return null;\n  }\n}\n"]}
+{"version":3,"sources":["../../../../../src/components/Map/components/MapControls/index.tsx"],"names":[],"mappings":"AAkBU;AAjBV,SAAS,cAAc,mBAAmB;AAE1C,OAAO,uBAAuB;AAC9B,OAAO,qBAAqB;AAMb,SAAR,WAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAoB;AACnB,UAAQ,MAAM;AAAA,IACb,KAAK;AACJ,aAAO,oBAAC,eAAY,UAAqB,GAAG,SAAS;AAAA,IACtD,KAAK;AACJ,aAAO,oBAAC,gBAAa,UAAqB,GAAG,SAAS;AAAA,IACvD,KAAK;AACJ,aAAO,oBAAC,qBAAkB,UAAqB,GAAG,SAAS;AAAA,IAC5D,KAAK;AACJ,aACC;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD;AAAA,IAEF;AACC,aAAO;AAAA,EACT;AACD","sourcesContent":["import React from \"react\";\nimport { ScaleControl, ZoomControl } from \"react-leaflet\";\nimport { MapControls } from \"../MapArea/interfaces/index.js\";\nimport FullscreenControl from \"./components/FullscreenControl/index.js\";\nimport DownloadControl from \"./components/DownloadControl/index.js\";\n\nexport interface MapControlProps extends MapControls {\n\tmapId: string;\n}\n\nexport default function MapControl({\n\ttype,\n\toptions,\n\tposition,\n\tmapId,\n}: MapControlProps) {\n\tswitch (type) {\n\t\tcase \"zoom\":\n\t\t\treturn <ZoomControl position={position} {...options} />;\n\t\tcase \"scale\":\n\t\t\treturn <ScaleControl position={position} {...options} />;\n\t\tcase \"fullscreen\":\n\t\t\treturn <FullscreenControl position={position} {...options} />;\n\t\tcase \"print\":\n\t\t\treturn (\n\t\t\t\t<DownloadControl\n\t\t\t\t\tmapId={mapId}\n\t\t\t\t\tposition={position}\n\t\t\t\t\toptions={options}\n\t\t\t\t/>\n\t\t\t);\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n"]}

package/dist/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js

@@ -1,12 +1,10 @@
-'use strict';
-
-var hooks = require('../../../../MapProvider/hooks');
+import { useMapOrganisationUnit } from '../../../../MapProvider/hooks/index.js';
 
 function useBoundaryData() {
-  const { orgUnits } = hooks.useMapOrganisationUnit();
+  const { orgUnits } = useMapOrganisationUnit();
   return orgUnits;
 }
 
-exports.useBoundaryData = useBoundaryData;
+export { useBoundaryData };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useBoundaryData.js.map

package/dist/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.ts"],"names":[],"mappings":"AAAA,SAAS,8BAA8B;AAEhC,SAAS,kBAAkB;AACjC,QAAM,EAAE,SAAS,IAAI,uBAAuB;AAE5C,SAAO;AACR","sourcesContent":["import { useMapOrganisationUnit } from \"../../../../MapProvider/hooks\";\n\nexport function useBoundaryData() {\n\tconst { orgUnits } = useMapOrganisationUnit();\n\n\treturn orgUnits;\n}\n"]}
+{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.ts"],"names":[],"mappings":"AAAA,SAAS,8BAA8B;AAEhC,SAAS,kBAAkB;AACjC,QAAM,EAAE,SAAS,IAAI,uBAAuB;AAE5C,SAAO;AACR","sourcesContent":["import { useMapOrganisationUnit } from \"../../../../MapProvider/hooks/index.js\";\n\nexport function useBoundaryData() {\n\tconst { orgUnits } = useMapOrganisationUnit();\n\n\treturn orgUnits;\n}\n"]}

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

@@ -1,50 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var i18n = require('@dhis2/d2-i18n');
-var ui = require('@dhis2/ui');
-var reactLeaflet = require('react-leaflet');
-var map = require('../../../../utils/map');
-var useBoundaryData = require('./hooks/useBoundaryData');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+import { jsx, jsxs } from 'react/jsx-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { colors } from '@dhis2/ui';
+import { LayersControl, LayerGroup, GeoJSON, Tooltip, Popup } from 'react-leaflet';
+import { highlightFeature, resetHighlight } from '../../../../utils/map.js';
+import { useBoundaryData } from './hooks/useBoundaryData.js';
 
 const defaultStyle = {
   weight: 1,
-  color: ui.colors.grey900,
-  fillColor: ui.colors.grey900,
+  color: colors.grey900,
+  fillColor: colors.grey900,
   fillOpacity: 0
 };
 const highlightStyle = {
   weight: 2,
-  color: ui.colors.grey900,
+  color: colors.grey900,
   dashArray: "",
   fillOpacity: 0.1
 };
 function BoundaryLayer(props) {
   const { enabled } = props ?? {};
-  const orgUnits = useBoundaryData.useBoundaryData();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayersControl.Overlay, { checked: enabled, name: i18n__default.default.t("Boundaries"), children: /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayerGroup, { children: orgUnits?.map((area) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      reactLeaflet.GeoJSON,
+  const orgUnits = useBoundaryData();
+  return /* @__PURE__ */ jsx(LayersControl.Overlay, { checked: enabled, name: i18n.t("Boundaries"), children: /* @__PURE__ */ jsx(LayerGroup, { children: orgUnits?.map((area) => {
+    return /* @__PURE__ */ jsxs(
+      GeoJSON,
       {
         data: area.geoJSON,
         interactive: true,
         eventHandlers: {
-          mouseover: (e) => map.highlightFeature(e, highlightStyle),
-          mouseout: (e) => map.resetHighlight(e, defaultStyle)
+          mouseover: (e) => highlightFeature(e, highlightStyle),
+          mouseout: (e) => resetHighlight(e, defaultStyle)
         },
         pathOptions: defaultStyle,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Tooltip, { children: area.name }),
-          /* @__PURE__ */ jsxRuntime.jsxs(reactLeaflet.Popup, { minWidth: 80, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { children: area.name }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("b", { children: "Level: " }),
+          /* @__PURE__ */ jsx(Tooltip, { children: area.name }),
+          /* @__PURE__ */ jsxs(Popup, { minWidth: 80, children: [
+            /* @__PURE__ */ jsx("h3", { children: area.name }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("b", { children: "Level: " }),
               area.level
             ] })
           ] })
@@ -55,8 +47,6 @@ function BoundaryLayer(props) {
   }) }) });
 }
 
-exports.default = BoundaryLayer;
-exports.defaultStyle = defaultStyle;
-exports.highlightStyle = highlightStyle;
+export { BoundaryLayer as default, defaultStyle, highlightStyle };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/index.tsx"],"names":[],"mappings":"AA8Cc,cAGE,YAHF;AA9Cd,OAAO,UAAU;AACjB,SAAS,cAAc;AAEvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,SAAS,kBAAkB,sBAAsB;AAEjD,SAAS,uBAAuB;AAEzB,MAAM,eAAe;AAAA,EAC3B,QAAQ;AAAA,EACR,OAAO,OAAO;AAAA,EACd,WAAW,OAAO;AAAA,EAClB,aAAa;AACd;AACO,MAAM,iBAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,OAAO,OAAO;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACf;AAEe,SAAR,cAA+B,OAA+B;AACnE,QAAM,EAAE,QAAQ,IAAI,SAAS,CAAC;AAC9B,QAAM,WAAW,gBAAgB;AAEjC,SACE,oBAAC,cAAc,SAAd,EAAsB,SAAS,SAAS,MAAM,KAAK,EAAE,YAAY,GAChE,8BAAC,cACE,oBAAU,IAAI,CAAC,SAAqB;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,aAAW;AAAA,QACX,eAAe;AAAA,UACb,WAAW,CAAC,MAAM,iBAAiB,GAAG,cAAc;AAAA,UACpD,UAAU,CAAC,MAAM,eAAe,GAAG,YAAY;AAAA,QACjD;AAAA,QAEA,aAAa;AAAA,QACb;AAAA,8BAAC,WAAS,eAAK,MAAK;AAAA,UACpB,qBAAC,SAAM,UAAU,IACf;AAAA,gCAAC,QAAI,eAAK,MAAK;AAAA,YACf,qBAAC,SACC;AAAA,kCAAC,OAAE,qBAAO;AAAA,cACT,KAAK;AAAA,eACR;AAAA,aACF;AAAA;AAAA;AAAA,MATK,GAAG,KAAK,EAAE;AAAA,IAUjB;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { colors } from \"@dhis2/ui\";\nimport React from \"react\";\nimport {\n\tGeoJSON,\n\tLayerGroup,\n\tLayersControl,\n\tPopup,\n\tTooltip,\n} from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../interfaces\";\nimport { highlightFeature, resetHighlight } from \"../../../../utils/map\";\nimport { CustomBoundaryLayer as BoundaryLayerInterface } from \"../../interfaces\";\nimport { useBoundaryData } from \"./hooks/useBoundaryData\";\n\nexport const defaultStyle = {\n\tweight: 1,\n\tcolor: colors.grey900,\n\tfillColor: colors.grey900,\n\tfillOpacity: 0.0,\n};\nexport const highlightStyle = {\n  weight: 2,\n  color: colors.grey900,\n  dashArray: \"\",\n  fillOpacity: 0.1,\n};\n\nexport default function BoundaryLayer(props: BoundaryLayerInterface) {\n  const { enabled } = props ?? {};\n  const orgUnits = useBoundaryData();\n\n  return (\n    <LayersControl.Overlay checked={enabled} name={i18n.t(\"Boundaries\")}>\n      <LayerGroup>\n        {orgUnits?.map((area: MapOrgUnit) => {\n          return (\n            <GeoJSON\n              data={area.geoJSON}\n              interactive\n              eventHandlers={{\n                mouseover: (e) => highlightFeature(e, highlightStyle),\n                mouseout: (e) => resetHighlight(e, defaultStyle),\n              }}\n              key={`${area.id}-polygon`}\n              pathOptions={defaultStyle}>\n              <Tooltip>{area.name}</Tooltip>\n              <Popup minWidth={80}>\n                <h3>{area.name}</h3>\n                <div>\n                  <b>Level: </b>\n                  {area.level}\n                </div>\n              </Popup>\n            </GeoJSON>\n          );\n        })}\n      </LayerGroup>\n    </LayersControl.Overlay>\n  );\n}\n"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/index.tsx"],"names":[],"mappings":"AAiDO,cAGC,YAHD;AAjDP,OAAO,UAAU;AACjB,SAAS,cAAc;AAEvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,SAAS,kBAAkB,sBAAsB;AAEjD,SAAS,uBAAuB;AAEzB,MAAM,eAAe;AAAA,EAC3B,QAAQ;AAAA,EACR,OAAO,OAAO;AAAA,EACd,WAAW,OAAO;AAAA,EAClB,aAAa;AACd;AACO,MAAM,iBAAiB;AAAA,EAC7B,QAAQ;AAAA,EACR,OAAO,OAAO;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACd;AAEe,SAAR,cAA+B,OAA+B;AACpE,QAAM,EAAE,QAAQ,IAAI,SAAS,CAAC;AAC9B,QAAM,WAAW,gBAAgB;AAEjC,SACC,oBAAC,cAAc,SAAd,EAAsB,SAAS,SAAS,MAAM,KAAK,EAAE,YAAY,GACjE,8BAAC,cACC,oBAAU,IAAI,CAAC,SAAqB;AACpC,WACC;AAAA,MAAC;AAAA;AAAA,QACA,MAAM,KAAK;AAAA,QACX,aAAW;AAAA,QACX,eAAe;AAAA,UACd,WAAW,CAAC,MACX,iBAAiB,GAAG,cAAc;AAAA,UACnC,UAAU,CAAC,MACV,eAAe,GAAG,YAAY;AAAA,QAChC;AAAA,QAEA,aAAa;AAAA,QAEb;AAAA,8BAAC,WAAS,eAAK,MAAK;AAAA,UACpB,qBAAC,SAAM,UAAU,IAChB;AAAA,gCAAC,QAAI,eAAK,MAAK;AAAA,YACf,qBAAC,SACA;AAAA,kCAAC,OAAE,qBAAO;AAAA,cACT,KAAK;AAAA,eACP;AAAA,aACD;AAAA;AAAA;AAAA,MAVK,GAAG,KAAK,EAAE;AAAA,IAWhB;AAAA,EAEF,CAAC,GACF,GACD;AAEF","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { colors } from \"@dhis2/ui\";\nimport React from \"react\";\nimport {\n\tGeoJSON,\n\tLayerGroup,\n\tLayersControl,\n\tPopup,\n\tTooltip,\n} from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../interfaces/index.js\";\nimport { highlightFeature, resetHighlight } from \"../../../../utils/map.js\";\nimport { CustomBoundaryLayer as BoundaryLayerInterface } from \"../../interfaces/index.js\";\nimport { useBoundaryData } from \"./hooks/useBoundaryData.js\";\n\nexport const defaultStyle = {\n\tweight: 1,\n\tcolor: colors.grey900,\n\tfillColor: colors.grey900,\n\tfillOpacity: 0.0,\n};\nexport const highlightStyle = {\n\tweight: 2,\n\tcolor: colors.grey900,\n\tdashArray: \"\",\n\tfillOpacity: 0.1,\n};\n\nexport default function BoundaryLayer(props: BoundaryLayerInterface) {\n\tconst { enabled } = props ?? {};\n\tconst orgUnits = useBoundaryData();\n\n\treturn (\n\t\t<LayersControl.Overlay checked={enabled} name={i18n.t(\"Boundaries\")}>\n\t\t\t<LayerGroup>\n\t\t\t\t{orgUnits?.map((area: MapOrgUnit) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GeoJSON\n\t\t\t\t\t\t\tdata={area.geoJSON}\n\t\t\t\t\t\t\tinteractive\n\t\t\t\t\t\t\teventHandlers={{\n\t\t\t\t\t\t\t\tmouseover: (e) =>\n\t\t\t\t\t\t\t\t\thighlightFeature(e, highlightStyle),\n\t\t\t\t\t\t\t\tmouseout: (e) =>\n\t\t\t\t\t\t\t\t\tresetHighlight(e, defaultStyle),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={`${area.id}-polygon`}\n\t\t\t\t\t\t\tpathOptions={defaultStyle}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip>{area.name}</Tooltip>\n\t\t\t\t\t\t\t<Popup minWidth={80}>\n\t\t\t\t\t\t\t\t<h3>{area.name}</h3>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<b>Level: </b>\n\t\t\t\t\t\t\t\t\t{area.level}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Popup>\n\t\t\t\t\t\t</GeoJSON>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</LayerGroup>\n\t\t</LayersControl.Overlay>\n\t);\n}\n"]}

package/dist/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.js

@@ -1,31 +1,22 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var LegendCardHeader = require('../../LegendArea/components/LegendCardHeader');
-var ui = require('@dhis2/ui');
-var i18n = require('@dhis2/d2-i18n');
-var lodash = require('lodash');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var LegendCardHeader__default = /*#__PURE__*/_interopDefault(LegendCardHeader);
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import LegendCardHeader from '../../LegendArea/components/LegendCardHeader/index.js';
+import { Divider } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+import { isEmpty } from 'lodash';
 
 function LegendItem({
   legend
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-item", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
+    /* @__PURE__ */ jsx(
       "div",
       {
         className: "legend-item-color",
         style: { backgroundColor: legend.color }
       }
     ),
-    legend.name ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-item-label", children: `${legend.name}` }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-item-label", children: `${legend.min} - ${legend.max}` })
+    legend.name ? /* @__PURE__ */ jsx("div", { className: "legend-item-label", children: `${legend.name}` }) : /* @__PURE__ */ jsx("div", { className: "legend-item-label", children: `${legend.min} - ${legend.max}` })
   ] });
 }
 function getLegendsFromParams(params) {
@@ -51,25 +42,59 @@ function getLegendsFromParams(params) {
   }
   return legends;
 }
-function EarthEngineLegend({ layer, collapsible, onCollapse, name }, ref) {
+function EarthEngineLegend({
+  layer,
+  collapsible,
+  onCollapse,
+  name
+}, ref) {
   const { options } = layer;
   const legends = options?.legend?.items ?? getLegendsFromParams(options?.params);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxWidth: 200, alignItems: "start", gap: 8 }, className: "legend-card", ref, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LegendCardHeader__default.default, { title: name, collapsible, onCollapse }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { margin: "0" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0 }, children: options?.description ?? "" }),
-    !lodash.isEmpty(legends) && /* @__PURE__ */ jsxRuntime.jsx("b", { children: options?.unit ?? "" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-list", children: legends?.map((legend) => /* @__PURE__ */ jsxRuntime.jsx(LegendItem, { legend }, `${legend?.color}-legend-list`)) }),
-    options?.source && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row gap-8", children: [
-      i18n__default.default.t("Source"),
-      ":",
-      /* @__PURE__ */ jsxRuntime.jsx("a", { className: "source-url", target: "_blank", referrerPolicy: "no-referrer", href: options?.sourceUrl, children: options?.source ?? "" })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: { maxWidth: 200, alignItems: "start", gap: 8 },
+      className: "legend-card",
+      ref,
+      children: [
+        /* @__PURE__ */ jsx(
+          LegendCardHeader,
+          {
+            title: name,
+            collapsible,
+            onCollapse
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, { margin: "0" }),
+        /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: options?.description ?? "" }),
+        !isEmpty(legends) && /* @__PURE__ */ jsx("b", { children: options?.unit ?? "" }),
+        /* @__PURE__ */ jsx("div", { className: "legend-list", children: legends?.map((legend) => /* @__PURE__ */ jsx(
+          LegendItem,
+          {
+            legend
+          },
+          `${legend?.color}-legend-list`
+        )) }),
+        options?.source && /* @__PURE__ */ jsxs("div", { className: "row gap-8", children: [
+          i18n.t("Source"),
+          ":",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              className: "source-url",
+              target: "_blank",
+              referrerPolicy: "no-referrer",
+              href: options?.sourceUrl,
+              children: options?.source ?? ""
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-var EarthEngineLegend_default = react.forwardRef(EarthEngineLegend);
+var EarthEngineLegend_default = forwardRef(EarthEngineLegend);
 
-exports.LegendItem = LegendItem;
-exports.default = EarthEngineLegend_default;
+export { LegendItem, EarthEngineLegend_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=EarthEngineLegend.js.map