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

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

@@ -1,58 +1,64 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useConfig } from '@dhis2/app-runtime';
-import { Divider } from '@dhis2/ui';
-import { forwardRef } from 'react';
-import { getIconUrl } from '../../../../../../utils/helpers.js';
-import LegendCardHeader from '../../../LegendArea/components/LegendCardHeader/index.js';
-import { usePointLayer } from '../../hooks/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var appRuntime = require('@dhis2/app-runtime');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var helpers_js = require('../../../../../../utils/helpers.js');
+var LegendCardHeader = require('../../../LegendArea/components/LegendCardHeader/index.js');
+var index_js = require('../../hooks/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var LegendCardHeader__default = /*#__PURE__*/_interopDefault(LegendCardHeader);
 
 function PointLegends({
   orgUnitGroups,
   icon,
   label
 }) {
-  const { baseUrl } = useConfig();
-  return /* @__PURE__ */ jsxs(
+  const { baseUrl } = appRuntime.useConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       style: { minWidth: 100, alignItems: "flex-start" },
       className: "w-100 p-8 legend-list column",
       children: [
-        icon && /* @__PURE__ */ jsxs(
+        icon && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: "row gap-16  align-items-center",
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(
                 "img",
                 {
                   height: 20,
                   width: 20,
                   alt: `${name}-icon`,
-                  src: getIconUrl(icon, { baseUrl })
+                  src: helpers_js.getIconUrl(icon, { baseUrl })
                 }
               ),
-              /* @__PURE__ */ jsx("p", { children: label })
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: label })
             ]
           },
           `${icon}-legend`
         ),
         orgUnitGroups.map(({ name: name2, symbol }) => {
-          return /* @__PURE__ */ jsxs(
+          return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               className: "row gap-16  align-items-center",
               children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxRuntime.jsx(
                   "img",
                   {
                     height: 20,
                     width: 20,
                     alt: `${name2}-icon`,
-                    src: getIconUrl(symbol ?? "", { baseUrl })
+                    src: helpers_js.getIconUrl(symbol ?? "", { baseUrl })
                   }
                 ),
-                /* @__PURE__ */ jsx("p", { children: name2 })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { children: name2 })
               ]
             },
             `${name2}-legend`
@@ -63,19 +69,19 @@ function PointLegends({
   );
 }
 function PointLegend({ collapsible, onCollapse }, ref) {
-  const pointLayer = usePointLayer();
+  const pointLayer = index_js.usePointLayer();
   const { label, style } = pointLayer ?? {};
-  return /* @__PURE__ */ jsxs("div", { ref, className: "legend-card", children: [
-    /* @__PURE__ */ jsx(
-      LegendCardHeader,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "legend-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LegendCardHeader__default.default,
       {
         collapsible,
         onCollapse,
         title: label ?? "Points"
       }
     ),
-    /* @__PURE__ */ jsx(Divider, { margin: "0" }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { margin: "0" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
       PointLegends,
       {
         label,
@@ -85,8 +91,8 @@ function PointLegend({ collapsible, onCollapse }, ref) {
     )
   ] });
 }
-var PointLegend_default = forwardRef(PointLegend);
+var PointLegend_default = react.forwardRef(PointLegend);
 
-export { PointLegend_default as default };
+module.exports = PointLegend_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,11 +1,13 @@
-import { find } from 'lodash';
-import { useMapLayers } from '../../../../MapProvider/hooks/index.js';
+'use strict';
+
+var lodash = require('lodash');
+var index_js = require('../../../../MapProvider/hooks/index.js');
 
 function usePointLayer() {
-  const { layers } = useMapLayers();
-  return find(layers, ["type", "point"]);
+  const { layers } = index_js.useMapLayers();
+  return lodash.find(layers, ["type", "point"]);
 }
 
-export { usePointLayer };
+exports.usePointLayer = usePointLayer;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,28 +1,35 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useConfig } from '@dhis2/app-runtime';
-import i18n from '@dhis2/d2-i18n';
-import L from 'leaflet';
-import { LayersControl, LayerGroup, GeoJSON, Tooltip, Popup } from 'react-leaflet';
-import { getIcon, getIconUrl } from '../../../../utils/helpers.js';
-import { usePointLayer } from './hooks/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var appRuntime = require('@dhis2/app-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var L = require('leaflet');
+var reactLeaflet = require('react-leaflet');
+var helpers_js = require('../../../../utils/helpers.js');
+var index_js = require('./hooks/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var L__default = /*#__PURE__*/_interopDefault(L);
 
 function PointLayer() {
-  const pointLayer = usePointLayer();
+  const pointLayer = index_js.usePointLayer();
   const { enabled, label, points: orgUnits, style } = pointLayer ?? {};
-  const { baseUrl } = useConfig();
-  return /* @__PURE__ */ jsx(
-    LayersControl.Overlay,
+  const { baseUrl } = appRuntime.useConfig();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactLeaflet.LayersControl.Overlay,
     {
       checked: enabled,
-      name: label ?? i18n.t("Points"),
-      children: /* @__PURE__ */ jsx(LayerGroup, { children: orgUnits?.map((area) => {
-        return /* @__PURE__ */ jsxs(
-          GeoJSON,
+      name: label ?? i18n__default.default.t("Points"),
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayerGroup, { children: orgUnits?.map((area) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          reactLeaflet.GeoJSON,
           {
             pointToLayer: (_, coordinates) => {
-              return L.marker(coordinates, {
-                icon: getIcon(
-                  getIconUrl(
+              return L__default.default.marker(coordinates, {
+                icon: helpers_js.getIcon(
+                  helpers_js.getIconUrl(
                     area.icon.icon ?? style?.icon,
                     { baseUrl }
                   )
@@ -32,8 +39,8 @@ function PointLayer() {
             data: area.geoJSON,
             interactive: true,
             children: [
-              /* @__PURE__ */ jsx(Tooltip, { children: area.name }),
-              /* @__PURE__ */ jsx(Popup, { minWidth: 80, children: /* @__PURE__ */ jsx("h3", { children: area.name }) })
+              /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Tooltip, { children: area.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Popup, { minWidth: 80, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { children: area.name }) })
             ]
           },
           `${area.id}-polygon`
@@ -43,6 +50,6 @@ function PointLayer() {
   );
 }
 
-export { PointLayer };
+exports.PointLayer = PointLayer;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubble.js

@@ -1,5 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { guideLength, textPadding } from './Bubbles.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Bubbles_js = require('./Bubbles.js');
 
 const Bubble = ({
   radius,
@@ -13,12 +15,12 @@ const Bubble = ({
   const leftAlign = textAlign === "left";
   const x = maxRadius;
   const y = maxRadius * 2 - radius;
-  const x2 = leftAlign ? x - maxRadius - guideLength : x + maxRadius + guideLength;
+  const x2 = leftAlign ? x - maxRadius - Bubbles_js.guideLength : x + maxRadius + Bubbles_js.guideLength;
   const y2 = maxRadius * 2 - radius * 2;
-  const textX = x2 + (leftAlign ? -textPadding : textPadding);
+  const textX = x2 + (leftAlign ? -Bubbles_js.textPadding : Bubbles_js.textPadding);
   const textAnchor = leftAlign ? "end" : "start";
-  return /* @__PURE__ */ jsxs("g", { children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
       {
         cx: x,
@@ -31,8 +33,8 @@ const Bubble = ({
         }
       }
     ),
-    text && /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx(
+    text && /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
         "line",
         {
           x1: x,
@@ -43,7 +45,7 @@ const Bubble = ({
           style: { strokeDasharray: "2, 2", strokeWidth: 0.5 }
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
           x: textX,
@@ -59,6 +61,6 @@ const Bubble = ({
 };
 var Bubble_default = Bubble;
 
-export { Bubble_default as default };
+module.exports = Bubble_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Bubble.js.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubbles.js

@@ -1,11 +1,20 @@
-import { jsx } from 'react/jsx-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { scaleSqrt } from 'd3-scale';
-import { reduce } from 'lodash';
-import { memo } from 'react';
-import { getContrastColor } from '../../../../../../../../../utils/colors.js';
-import { getLongestTextLength } from '../../../../../../../../../utils/helpers.js';
-import Bubble from './Bubble.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var d3Scale = require('d3-scale');
+var lodash = require('lodash');
+var react = require('react');
+var colors_js = require('../../../../../../../../../utils/colors.js');
+var helpers_js = require('../../../../../../../../../utils/helpers.js');
+var Bubble = require('./Bubble.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var Bubble__default = /*#__PURE__*/_interopDefault(Bubble);
 
 const style = {
   paddingTop: 10,
@@ -24,7 +33,7 @@ const Bubbles = ({
   classes
 }) => {
   const height = radiusHigh * 2 + 4;
-  const scale = scaleSqrt().range([radiusLow, radiusHigh]);
+  const scale = d3Scale.scaleSqrt().range([radiusLow, radiusHigh]);
   const radiusMid = scale(0.5);
   if (isNaN(radiusLow) || isNaN(radiusHigh)) {
     return null;
@@ -46,39 +55,39 @@ const Bubbles = ({
       text: String(startValue)
     });
   } else {
-    const stroke = color && getContrastColor(color);
+    const stroke = color && colors_js.getContrastColor(color);
     bubbles = [
       {
         radius: radiusHigh,
         maxRadius: radiusHigh,
         color,
         stroke,
-        text: i18n.t("Max")
+        text: i18n__default.default.t("Max")
       },
       {
         radius: radiusMid,
         maxRadius: radiusHigh,
         color,
         stroke,
-        text: i18n.t("Mid")
+        text: i18n__default.default.t("Mid")
       },
       {
         radius: radiusLow,
         maxRadius: radiusHigh,
         color,
         stroke,
-        text: i18n.t("Min")
+        text: i18n__default.default.t("Min")
       }
     ];
   }
   let textLength = Math.ceil(
     Math.max(
-      getLongestTextLength(classes, "startValue"),
-      getLongestTextLength(classes, "endValue")
+      helpers_js.getLongestTextLength(classes, "startValue"),
+      helpers_js.getLongestTextLength(classes, "endValue")
     ) * digitWidth
   );
   const alternateLength = (radiusHigh + guideLength + textPadding + textLength) * 2;
-  let smallestGap = reduce(bubbles, (prev, curr, i) => {
+  let smallestGap = lodash.reduce(bubbles, (prev, curr, i) => {
     const gap = prev.radius - curr.radius;
     const smallestGap2 = prev.gap === void 0 || gap < prev.gap ? gap : prev.gap;
     return i === bubbles.length - 1 ? Math.round(smallestGap2 * 2) : {
@@ -112,10 +121,10 @@ const Bubbles = ({
       }
     });
   }
-  textLength = Math.ceil(getLongestTextLength(bubbles, "text") * digitWidth);
+  textLength = Math.ceil(helpers_js.getLongestTextLength(bubbles, "text") * digitWidth);
   const offset = textLength + guideLength + textPadding;
-  return /* @__PURE__ */ jsx("div", { style, children: /* @__PURE__ */ jsx("svg", { width: legendWidth, height: height + 50, children: /* @__PURE__ */ jsx("g", { transform: `translate(${alternate ? offset : "16"} 24)`, children: bubbles.map((bubble, i) => /* @__PURE__ */ jsx(
-    Bubble,
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: legendWidth, height: height + 50, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `translate(${alternate ? offset : "16"} 24)`, children: bubbles.map((bubble, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    Bubble__default.default,
     {
       ...bubble,
       textAlign: alternate && i % 2 == 0 ? "left" : "right"
@@ -123,8 +132,10 @@ const Bubbles = ({
     i
   )) }) }) });
 };
-var Bubbles_default = memo(Bubbles);
+var Bubbles_default = react.memo(Bubbles);
 
-export { Bubbles_default as default, guideLength, textPadding };
+exports.default = Bubbles_default;
+exports.guideLength = guideLength;
+exports.textPadding = textPadding;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Bubbles.js.map

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

@@ -1,8 +1,15 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Divider } from '@dhis2/ui';
-import { forwardRef } from 'react';
-import LegendCardHeader from '../../../../../LegendArea/components/LegendCardHeader/index.js';
-import Bubbles from './components/Bubbles.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var LegendCardHeader = require('../../../../../LegendArea/components/LegendCardHeader/index.js');
+var Bubbles = require('./components/Bubbles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var LegendCardHeader__default = /*#__PURE__*/_interopDefault(LegendCardHeader);
+var Bubbles__default = /*#__PURE__*/_interopDefault(Bubbles);
 
 function BubbleLegend({
   radius,
@@ -13,18 +20,18 @@ function BubbleLegend({
   onCollapse,
   legends
 }, ref) {
-  return /* @__PURE__ */ jsxs("div", { className: "legend-card", ref, children: [
-    /* @__PURE__ */ jsx(
-      LegendCardHeader,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-card", ref, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LegendCardHeader__default.default,
       {
         title: dataItem.displayName,
         onCollapse,
         collapsible
       }
     ),
-    /* @__PURE__ */ jsx(Divider, { margin: "0" }),
-    /* @__PURE__ */ jsx("div", { className: "legend-list pt-8", children: /* @__PURE__ */ jsx(
-      Bubbles,
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { margin: "0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-list pt-8", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Bubbles__default.default,
       {
         classes: legends.reverse(),
         radiusHigh: radius.max,
@@ -34,8 +41,8 @@ function BubbleLegend({
     ) })
   ] });
 }
-var BubbleLegend_default = forwardRef(BubbleLegend);
+var BubbleLegend_default = react.forwardRef(BubbleLegend);
 
-export { BubbleLegend_default as default };
+module.exports = BubbleLegend_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,10 +1,16 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { colors } from '@dhis2/ui';
-import { geoJSON } from 'leaflet';
-import { useMemo } from 'react';
-import { CircleMarker } from 'react-leaflet';
-import { highlightFeature, resetHighlight, getColorFromLegendSet } from '../../../../../../utils/map.js';
-import CustomTooltip from '../CustomTooltip/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var leaflet = require('leaflet');
+var react = require('react');
+var reactLeaflet = require('react-leaflet');
+var map_js = require('../../../../../../utils/map.js');
+var CustomTooltip = require('../CustomTooltip/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var CustomTooltip__default = /*#__PURE__*/_interopDefault(CustomTooltip);
 
 const defaultStyle = {
   weight: 1
@@ -20,31 +26,31 @@ function Bubble({
 }) {
   const { orgUnit, data: value } = data ?? {};
   const geoJSONObject = orgUnit.geoJSON;
-  const center = geoJSON(geoJSONObject).getBounds().getCenter();
-  const circleRadius = useMemo(() => {
+  const center = leaflet.geoJSON(geoJSONObject).getBounds().getCenter();
+  const circleRadius = react.useMemo(() => {
     return (value ?? 0) * (radius?.max ?? 50) / highestData;
   }, [radius, data, highestData]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    CircleMarker,
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactLeaflet.CircleMarker,
     {
       interactive: true,
       eventHandlers: {
-        mouseover: (e) => highlightFeature(e, highlightStyle),
-        mouseout: (e) => resetHighlight(e, defaultStyle)
+        mouseover: (e) => map_js.highlightFeature(e, highlightStyle),
+        mouseout: (e) => map_js.resetHighlight(e, defaultStyle)
       },
       pathOptions: {
-        fillColor: getColorFromLegendSet(legends, data.data),
+        fillColor: map_js.getColorFromLegendSet(legends, data.data),
         fillOpacity: 1,
-        color: colors.grey900,
+        color: ui.colors.grey900,
         weight: 1
       },
       radius: circleRadius,
       center,
-      children: /* @__PURE__ */ jsx(CustomTooltip, { data })
+      children: /* @__PURE__ */ jsxRuntime.jsx(CustomTooltip__default.default, { data })
     }
   ) });
 }
 
-export { Bubble as default };
+module.exports = Bubble;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/components/ChoroplethLegend.js

@@ -1,24 +1,32 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '../../../styles/legends.css';
-import { Divider } from '@dhis2/ui';
-import { forwardRef } from 'react';
-import { getLegendCount } from '../../../../../../../utils/map.js';
-import LegendCardHeader from '../../../../LegendArea/components/LegendCardHeader/index.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('../../../styles/legends.css');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var map_js = require('../../../../../../../utils/map.js');
+var LegendCardHeader = require('../../../../LegendArea/components/LegendCardHeader/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var LegendCardHeader__default = /*#__PURE__*/_interopDefault(LegendCardHeader);
 
 function LegendItem({
   legend,
   value
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-item", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: "legend-item-color",
         style: { backgroundColor: legend.color }
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "legend-item-label", children: `${legend.startValue} - ${legend.endValue}` }),
-    /* @__PURE__ */ jsx("div", { className: "legend-item-value", children: `(${value})` })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-item-label", children: `${legend.startValue} - ${legend.endValue}` }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-item-value", children: `(${value})` })
   ] });
 }
 function ChoroplethLegend({
@@ -29,28 +37,29 @@ function ChoroplethLegend({
   onCollapse,
   legends
 }, ref) {
-  return /* @__PURE__ */ jsxs("div", { className: "legend-card", ref, children: [
-    /* @__PURE__ */ jsx(
-      LegendCardHeader,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-card", ref, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LegendCardHeader__default.default,
       {
         title: dataItem.displayName,
         collapsible,
         onCollapse
       }
     ),
-    /* @__PURE__ */ jsx(Divider, { margin: "0" }),
-    /* @__PURE__ */ jsx("div", { className: "legend-list pt-8", children: legends?.map((legend) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { margin: "0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-list pt-8", children: legends?.map((legend) => /* @__PURE__ */ jsxRuntime.jsx(
       LegendItem,
       {
         legend,
-        value: getLegendCount(legend, data)
+        value: map_js.getLegendCount(legend, data)
       },
       `${legend?.color}-legend-list`
     )) })
   ] });
 }
-var ChoroplethLegend_default = forwardRef(ChoroplethLegend);
+var ChoroplethLegend_default = react.forwardRef(ChoroplethLegend);
 
-export { LegendItem, ChoroplethLegend_default as default };
+exports.LegendItem = LegendItem;
+exports.default = ChoroplethLegend_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ChoroplethLegend.js.map

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

@@ -1,8 +1,14 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { colors } from '@dhis2/ui';
-import { GeoJSON } from 'react-leaflet';
-import { highlightFeature, resetHighlight, getColorFromLegendSet } from '../../../../../../utils/map.js';
-import CustomTooltip from '../CustomTooltip/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var reactLeaflet = require('react-leaflet');
+var map_js = require('../../../../../../utils/map.js');
+var CustomTooltip = require('../CustomTooltip/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var CustomTooltip__default = /*#__PURE__*/_interopDefault(CustomTooltip);
 
 const defaultStyle = {
   weight: 1
@@ -15,26 +21,26 @@ function Choropleth({
   legends
 }) {
   const { orgUnit } = data;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    GeoJSON,
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactLeaflet.GeoJSON,
     {
       data: orgUnit.geoJSON,
       eventHandlers: {
-        mouseover: (e) => highlightFeature(e, highlightStyle),
-        mouseout: (e) => resetHighlight(e, defaultStyle)
+        mouseover: (e) => map_js.highlightFeature(e, highlightStyle),
+        mouseout: (e) => map_js.resetHighlight(e, defaultStyle)
       },
       pathOptions: {
-        fillColor: getColorFromLegendSet(legends, data.data),
+        fillColor: map_js.getColorFromLegendSet(legends, data.data),
         fillOpacity: 1,
-        color: colors.grey900,
+        color: ui.colors.grey900,
         weight: 1
       },
-      children: /* @__PURE__ */ jsx(CustomTooltip, { data })
+      children: /* @__PURE__ */ jsxRuntime.jsx(CustomTooltip__default.default, { data })
     },
     `${data.dataItem.id}-layer`
   ) });
 }
 
-export { Choropleth as default };
+module.exports = Choropleth;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map