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

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

@@ -0,0 +1,85 @@
+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';
+import MapControl from '../MapControls';
+import MapLayer from '../MapLayer';
+import LegendArea from '../MapLayer/components/LegendArea';
+import { MapLayersProvider } from '../MapProvider/components/MapLayerProvider';
+import { useMapLayers } from '../MapProvider/hooks';
+import MapUpdater from '../MapUpdater';
+
+function MapLayerArea({
+  id,
+  base,
+  controls,
+  legends
+}) {
+  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__ */ jsx(
+      MapControl,
+      {
+        mapId: id,
+        ...control
+      },
+      `${control.type}-control`
+    )),
+    !isEmpty(layers) && /* @__PURE__ */ jsx(LayersControl, { hideSingleBase: true, position: "topleft", children: layers.map(
+      (layer, index) => /* @__PURE__ */ jsx(
+        MapLayer,
+        {
+          layer,
+          index
+        },
+        layer.id
+      )
+    ) }),
+    !isEmpty(layers) && /* @__PURE__ */ jsx(
+      LegendArea,
+      {
+        legends,
+        layers,
+        position: "topright"
+      }
+    )
+  ] });
+}
+const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
+  const { center, bounds } = useMapBounds();
+  const { current: id } = useRef(uid());
+  return /* @__PURE__ */ jsx("div", { 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 = forwardRef(MapArea);
+
+export { MapArea_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapArea/interfaces/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const POSITION_CLASSES = {
+  bottomleft: "leaflet-bottom leaflet-left",
+  bottomright: "leaflet-bottom leaflet-right",
+  topleft: "leaflet-top leaflet-left",
+  topright: "leaflet-top leaflet-right"
+};
+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 }) });
+}
+
+exports.CustomControl = CustomControl;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapControls/components/CustomControl/index.tsx"],"names":[],"mappings":"AAkBM;AAfN,MAAM,mBAAmB;AAAA,EACxB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AACX;AAMO,SAAS,cAAc,EAAE,UAAU,UAAU,GAAG,QAAQ,GAAyB;AACtF,QAAM,gBAAiB,YAAY,iBAAiB,QAAQ,KAAM,iBAAiB;AACnF,SACE,oBAAC,SAAK,GAAG,SAAS,WAAW,GAAG,aAAa,IAC3C,8BAAC,SAAI,OAAO,EAAE,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAU,+BAC3D,UACH,GACF;AAEJ","sourcesContent":["import { ControlOptions } from \"leaflet\";\nimport React from \"react\";\n\nconst POSITION_CLASSES = {\n\tbottomleft: \"leaflet-bottom leaflet-left\",\n\tbottomright: \"leaflet-bottom leaflet-right\",\n\ttopleft: \"leaflet-top leaflet-left\",\n\ttopright: \"leaflet-top leaflet-right\",\n};\n\ninterface CustomControlOptions extends ControlOptions {\n  children: React.ReactNode;\n}\n\nexport function CustomControl({ children, position, ...options }: CustomControlOptions) {\n  const positionClass = (position && POSITION_CLASSES[position]) || POSITION_CLASSES.topright;\n  return (\n    <div {...options} className={`${positionClass}`}>\n      <div style={{ overflow: \"hidden\", border: \"none\" }} className=\"leaflet-control leaflet-bar\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+
+const POSITION_CLASSES = {
+  bottomleft: "leaflet-bottom leaflet-left",
+  bottomright: "leaflet-bottom leaflet-right",
+  topleft: "leaflet-top leaflet-left",
+  topright: "leaflet-top leaflet-right"
+};
+function CustomControl({ children, position, ...options }) {
+  const positionClass = position && POSITION_CLASSES[position] || POSITION_CLASSES.topright;
+  return /* @__PURE__ */ jsx("div", { ...options, className: `${positionClass}`, children: /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", border: "none" }, className: "leaflet-control leaflet-bar", children }) });
+}
+
+export { CustomControl };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapControls/components/CustomControl/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapControls/components/CustomControl/index.tsx"],"names":[],"mappings":"AAkBM;AAfN,MAAM,mBAAmB;AAAA,EACxB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AACX;AAMO,SAAS,cAAc,EAAE,UAAU,UAAU,GAAG,QAAQ,GAAyB;AACtF,QAAM,gBAAiB,YAAY,iBAAiB,QAAQ,KAAM,iBAAiB;AACnF,SACE,oBAAC,SAAK,GAAG,SAAS,WAAW,GAAG,aAAa,IAC3C,8BAAC,SAAI,OAAO,EAAE,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAU,+BAC3D,UACH,GACF;AAEJ","sourcesContent":["import { ControlOptions } from \"leaflet\";\nimport React from \"react\";\n\nconst POSITION_CLASSES = {\n\tbottomleft: \"leaflet-bottom leaflet-left\",\n\tbottomright: \"leaflet-bottom leaflet-right\",\n\ttopleft: \"leaflet-top leaflet-left\",\n\ttopright: \"leaflet-top leaflet-right\",\n};\n\ninterface CustomControlOptions extends ControlOptions {\n  children: React.ReactNode;\n}\n\nexport function CustomControl({ children, position, ...options }: CustomControlOptions) {\n  const positionClass = (position && POSITION_CLASSES[position]) || POSITION_CLASSES.topright;\n  return (\n    <div {...options} className={`${positionClass}`}>\n      <div style={{ overflow: \"hidden\", border: \"none\" }} className=\"leaflet-control leaflet-bar\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+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);
+});
+function DownloadControl({ options, position, mapId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DownloadControlComponent, { ...{ ...options, position } });
+}
+
+module.exports = DownloadControl;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapControls/components/DownloadControl/index.tsx"],"names":[],"mappings":"AASS;AATT,SAAS,8BAA8B;AACvC,OAAO,OAA4B;AACnC,OAAO;AAGP,MAAM,2BAA2B,uBAAuB,CAAC,UAAU;AAClE,SAAQ,EAAU,UAAU,KAAK;AAClC,CAAC;AACc,SAAR,gBAAiC,EAAE,SAAS,UAAU,MAAM,GAA+D;AAChI,SAAO,oBAAC,4BAA0B,GAAG,EAAE,GAAG,SAAS,SAAS,GAAG;AACjE","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport L, { ControlPosition } from \"leaflet\";\nimport \"leaflet-easyprint\";\nimport React from \"react\";\n\nconst DownloadControlComponent = createControlComponent((props) => {\n\treturn (L as any).easyPrint(props);\n});\nexport default function DownloadControl({ options, position, mapId }: { options: any; position: ControlPosition; mapId: string }) {\n  return <DownloadControlComponent {...{ ...options, position }} />;\n}\n"]}

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

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { createControlComponent } from '@react-leaflet/core';
+import L from 'leaflet';
+import 'leaflet-easyprint';
+
+const DownloadControlComponent = createControlComponent((props) => {
+  return L.easyPrint(props);
+});
+function DownloadControl({ options, position, mapId }) {
+  return /* @__PURE__ */ jsx(DownloadControlComponent, { ...{ ...options, position } });
+}
+
+export { DownloadControl as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapControls/components/DownloadControl/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapControls/components/DownloadControl/index.tsx"],"names":[],"mappings":"AASS;AATT,SAAS,8BAA8B;AACvC,OAAO,OAA4B;AACnC,OAAO;AAGP,MAAM,2BAA2B,uBAAuB,CAAC,UAAU;AAClE,SAAQ,EAAU,UAAU,KAAK;AAClC,CAAC;AACc,SAAR,gBAAiC,EAAE,SAAS,UAAU,MAAM,GAA+D;AAChI,SAAO,oBAAC,4BAA0B,GAAG,EAAE,GAAG,SAAS,SAAS,GAAG;AACjE","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport L, { ControlPosition } from \"leaflet\";\nimport \"leaflet-easyprint\";\nimport React from \"react\";\n\nconst DownloadControlComponent = createControlComponent((props) => {\n\treturn (L as any).easyPrint(props);\n});\nexport default function DownloadControl({ options, position, mapId }: { options: any; position: ControlPosition; mapId: string }) {\n  return <DownloadControlComponent {...{ ...options, position }} />;\n}\n"]}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+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)
+);
+var FullscreenControl_default = FullscreenControl;
+
+module.exports = FullscreenControl_default;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapControls/components/FullscreenControl/index.tsx"],"names":[],"mappings":"AAAA,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,OAAO;AACP,OAAO;AAEP,MAAM,oBAAoB;AAAA,EAAuB,CAAC,UAChD,QAAgB,WAAW,KAAK;AAClC;AACA,IAAO,4BAAQ","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport { control } from \"leaflet\";\nimport \"leaflet.fullscreen\";\nimport \"leaflet.fullscreen/Control.FullScreen.css\";\n\nconst FullscreenControl = createControlComponent((props) =>\n\t(control as any).fullscreen(props),\n);\nexport default FullscreenControl;\n"]}

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

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

package/dist/components/Map/components/MapControls/components/FullscreenControl/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapControls/components/FullscreenControl/index.tsx"],"names":[],"mappings":"AAAA,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,OAAO;AACP,OAAO;AAEP,MAAM,oBAAoB;AAAA,EAAuB,CAAC,UAChD,QAAgB,WAAW,KAAK;AAClC;AACA,IAAO,4BAAQ","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport { control } from \"leaflet\";\nimport \"leaflet.fullscreen\";\nimport \"leaflet.fullscreen/Control.FullScreen.css\";\n\nconst FullscreenControl = createControlComponent((props) =>\n\t(control as any).fullscreen(props),\n);\nexport default FullscreenControl;\n"]}

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

@@ -0,0 +1,30 @@
+'use strict';
+
+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 }) {
+  switch (type) {
+    case "zoom":
+      return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.ZoomControl, { position, ...options });
+    case "scale":
+      return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.ScaleControl, { position, ...options });
+    case "fullscreen":
+      return /* @__PURE__ */ jsxRuntime.jsx(FullscreenControl__default.default, { position, ...options });
+    case "print":
+      return /* @__PURE__ */ jsxRuntime.jsx(DownloadControl__default.default, { mapId, position, options });
+    default:
+      return null;
+  }
+}
+
+module.exports = MapControl;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { ScaleControl, ZoomControl } from 'react-leaflet';
+import FullscreenControl from './components/FullscreenControl';
+import DownloadControl from './components/DownloadControl';
+
+function MapControl({ type, options, position, mapId }) {
+  switch (type) {
+    case "zoom":
+      return /* @__PURE__ */ jsx(ZoomControl, { position, ...options });
+    case "scale":
+      return /* @__PURE__ */ jsx(ScaleControl, { position, ...options });
+    case "fullscreen":
+      return /* @__PURE__ */ jsx(FullscreenControl, { position, ...options });
+    case "print":
+      return /* @__PURE__ */ jsx(DownloadControl, { mapId, position, options });
+    default:
+      return null;
+  }
+}
+
+export { MapControl as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,10 @@
+import { useMapOrganisationUnit } from '../../../../MapProvider/hooks';
+
+function useBoundaryData() {
+  const { orgUnits } = useMapOrganisationUnit();
+  return orgUnits;
+}
+
+export { useBoundaryData };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useBoundaryData.mjs.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,62 @@
+'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);
+
+const defaultStyle = {
+  weight: 1,
+  color: ui.colors.grey900,
+  fillColor: ui.colors.grey900,
+  fillOpacity: 0
+};
+const highlightStyle = {
+  weight: 2,
+  color: ui.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,
+      {
+        data: area.geoJSON,
+        interactive: true,
+        eventHandlers: {
+          mouseover: (e) => map.highlightFeature(e, highlightStyle),
+          mouseout: (e) => map.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: " }),
+              area.level
+            ] })
+          ] })
+        ]
+      },
+      `${area.id}-polygon`
+    );
+  }) }) });
+}
+
+exports.default = BoundaryLayer;
+exports.defaultStyle = defaultStyle;
+exports.highlightStyle = highlightStyle;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,52 @@
+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';
+import { useBoundaryData } from './hooks/useBoundaryData';
+
+const defaultStyle = {
+  weight: 1,
+  color: colors.grey900,
+  fillColor: colors.grey900,
+  fillOpacity: 0
+};
+const highlightStyle = {
+  weight: 2,
+  color: colors.grey900,
+  dashArray: "",
+  fillOpacity: 0.1
+};
+function BoundaryLayer(props) {
+  const { enabled } = props ?? {};
+  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) => highlightFeature(e, highlightStyle),
+          mouseout: (e) => resetHighlight(e, defaultStyle)
+        },
+        pathOptions: defaultStyle,
+        children: [
+          /* @__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
+            ] })
+          ] })
+        ]
+      },
+      `${area.id}-polygon`
+    );
+  }) }) });
+}
+
+export { BoundaryLayer as default, defaultStyle, highlightStyle };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,75 @@
+'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);
+
+function LegendItem({
+  legend
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-item", children: [
+    /* @__PURE__ */ jsxRuntime.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}` })
+  ] });
+}
+function getLegendsFromParams(params) {
+  if (!params)
+    return [];
+  const { palette, min, max } = params;
+  const sanitizedPalette = Array.isArray(palette) ? palette : palette.split(",");
+  const classes = sanitizedPalette.length;
+  const difference = max - min;
+  const interval = Math.round(difference / classes);
+  const legends = [];
+  for (let i = 0; i < classes; i++) {
+    const min2 = i * interval;
+    const max2 = min2 + interval;
+    const name = i === classes - 1 ? `> ${min2}` : void 0;
+    legends.push({
+      id: sanitizedPalette[i],
+      color: sanitizedPalette[i],
+      min: min2,
+      max: max2,
+      name
+    });
+  }
+  return legends;
+}
+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 ?? "" })
+    ] })
+  ] });
+}
+var EarthEngineLegend_default = react.forwardRef(EarthEngineLegend);
+
+exports.LegendItem = LegendItem;
+exports.default = EarthEngineLegend_default;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLegend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.tsx"],"names":["min","max"],"mappings":"AAaE,SACC,KADD;AAbF,SAAgB,kBAAkB;AAClC,OAAO,sBAAsB;AAE7B,SAAS,eAAe;AACxB,OAAO,UAAU;AACjB,SAAS,eAAe;AAEjB,SAAS,WAAW;AAAA,EAC1B;AACD,GAEG;AACF,SACC,qBAAC,SAAI,WAAU,eACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,OAAO,MAAM;AAAA;AAAA,IACxC;AAAA,IACC,OAAO,OACP,oBAAC,SAAI,WAAU,qBAAqB,aAAG,OAAO,IAAI,IAAG,IAErD,oBAAC,SAAI,WAAU,qBAAqB,aAAG,OAAO,GAAG,MAAM,OAAO,GAAG,IAAG;AAAA,KAEtE;AAEF;AAEA,SAAS,qBAAqB,QAAmE;AAC/F,MAAI,CAAC;AAAQ,WAAO,CAAC;AAErB,QAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAC9B,QAAM,mBAAmB,MAAM,QAAQ,OAAO,IAAI,UAAU,QAAQ,MAAM,GAAG;AAC7E,QAAM,UAAU,iBAAiB;AACjC,QAAM,aAAa,MAAM;AACzB,QAAM,WAAW,KAAK,MAAM,aAAa,OAAO;AAChD,QAAM,UAAU,CAAC;AACjB,WAAS,IAAI,GAAG,IAAI,SAAS,KAAK;AAChC,UAAMA,OAAM,IAAI;AAChB,UAAMC,OAAMD,OAAM;AAElB,UAAM,OAAO,MAAM,UAAU,IAAI,KAAKA,IAAG,KAAK;AAE9C,YAAQ,KAAK;AAAA,MACX,IAAI,iBAAiB,CAAC;AAAA,MACtB,OAAO,iBAAiB,CAAC;AAAA,MACzB,KAAAA;AAAA,MACA,KAAAC;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEA,SAAS,kBACP,EAAE,OAAO,aAAa,YAAY,KAAK,GACvC,KACA;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,UAAU,SAAS,QAAQ,SAAS,qBAAqB,SAAS,MAAM;AAE9E,SACE,qBAAC,SAAI,OAAO,EAAE,UAAU,KAAK,YAAY,SAAS,KAAK,EAAE,GAAG,WAAU,eAAc,KAClF;AAAA,wBAAC,oBAAiB,OAAO,MAAM,aAA0B,YAAwB;AAAA,IACjF,oBAAC,WAAQ,QAAQ,KAAK;AAAA,IACtB,oBAAC,OAAE,OAAO,EAAE,QAAQ,EAAE,GAAI,mBAAS,eAAe,IAAG;AAAA,IACpD,CAAC,QAAQ,OAAO,KAAK,oBAAC,OAAG,mBAAS,QAAQ,IAAG;AAAA,IAC9C,oBAAC,SAAI,WAAU,eACZ,mBAAS,IAAI,CAAC,WACb,oBAAC,cAAgD,UAAhC,GAAG,QAAQ,KAAK,cAAgC,CAClE,GACH;AAAA,IACC,SAAS,UACR,qBAAC,SAAI,WAAU,aACZ;AAAA,WAAK,EAAE,QAAQ;AAAA,MAAE;AAAA,MAClB,oBAAC,OAAE,WAAU,cAAa,QAAO,UAAS,gBAAe,eAAc,MAAM,SAAS,WACnF,mBAAS,UAAU,IACtB;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,IAAO,4BAAQ,WAAW,iBAAiB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport LegendCardHeader from \"../../LegendArea/components/LegendCardHeader\";\nimport { CustomGoogleEngineLayer } from \"../../../interfaces\";\nimport { Divider } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { isEmpty } from \"lodash\";\n\nexport function LegendItem({\n\tlegend,\n}: {\n\tlegend: { min: number; max: number; color: string; name?: string };\n}) {\n\treturn (\n\t\t<div className=\"legend-item\">\n\t\t\t<div\n\t\t\t\tclassName=\"legend-item-color\"\n\t\t\t\tstyle={{ backgroundColor: legend.color }}\n\t\t\t/>\n\t\t\t{legend.name ? (\n\t\t\t\t<div className=\"legend-item-label\">{`${legend.name}`}</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"legend-item-label\">{`${legend.min} - ${legend.max}`}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction getLegendsFromParams(params?: { min: number; max: number; palette: string | string[] }) {\n  if (!params) return [];\n\n  const { palette, min, max } = params;\n  const sanitizedPalette = Array.isArray(palette) ? palette : palette.split(\",\");\n  const classes = sanitizedPalette.length;\n  const difference = max - min;\n  const interval = Math.round(difference / classes);\n  const legends = [];\n  for (let i = 0; i < classes; i++) {\n    const min = i * interval;\n    const max = min + interval;\n\n    const name = i === classes - 1 ? `> ${min}` : undefined;\n\n    legends.push({\n      id: sanitizedPalette[i],\n      color: sanitizedPalette[i],\n      min,\n      max,\n      name,\n    });\n  }\n\n  return legends;\n}\n\nfunction EarthEngineLegend(\n  { layer, collapsible, onCollapse, name }: { layer: CustomGoogleEngineLayer; collapsible?: boolean; onCollapse?: () => void; name: string },\n  ref: React.LegacyRef<HTMLDivElement>\n) {\n  const { options } = layer;\n  const legends = options?.legend?.items ?? getLegendsFromParams(options?.params);\n\n  return (\n    <div style={{ maxWidth: 200, alignItems: \"start\", gap: 8 }} className=\"legend-card\" ref={ref}>\n      <LegendCardHeader title={name} collapsible={collapsible} onCollapse={onCollapse} />\n      <Divider margin={\"0\"} />\n      <p style={{ margin: 0 }}>{options?.description ?? \"\"}</p>\n      {!isEmpty(legends) && <b>{options?.unit ?? \"\"}</b>}\n      <div className=\"legend-list\">\n        {legends?.map((legend: any) => (\n          <LegendItem key={`${legend?.color}-legend-list`} legend={legend} />\n        ))}\n      </div>\n      {options?.source && (\n        <div className=\"row gap-8\">\n          {i18n.t(\"Source\")}:\n          <a className=\"source-url\" target=\"_blank\" referrerPolicy=\"no-referrer\" href={options?.sourceUrl}>\n            {options?.source ?? \"\"}\n          </a>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default forwardRef(EarthEngineLegend);\n"]}