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

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

@@ -1,111 +0,0 @@
-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';
-import { getLongestTextLength } from '../../../../../../../../../utils/helpers';
-import Bubble from './Bubble';
-
-const style = {
-  paddingTop: 10,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-};
-const legendWidth = 200;
-const digitWidth = 6.8;
-const guideLength = 16;
-const textPadding = 4;
-const Bubbles = ({ radiusLow, radiusHigh, color, classes }) => {
-  const height = radiusHigh * 2 + 4;
-  const scale = scaleSqrt().range([radiusLow, radiusHigh]);
-  const radiusMid = scale(0.5);
-  if (isNaN(radiusLow) || isNaN(radiusHigh)) {
-    return null;
-  }
-  let bubbles = [];
-  if (Array.isArray(classes) && classes.length) {
-    const startValue = classes[0].startValue;
-    const endValue = classes[classes.length - 1].endValue;
-    const itemScale = scale.domain([startValue, endValue]);
-    bubbles = [...classes].reverse().map((c) => ({
-      radius: itemScale(c.endValue),
-      maxRadius: radiusHigh,
-      color: c.color,
-      text: String(c.endValue)
-    }));
-    bubbles.push({
-      radius: itemScale(startValue),
-      maxRadius: radiusHigh,
-      text: String(startValue)
-    });
-  } else {
-    const stroke = color && getContrastColor(color);
-    bubbles = [
-      {
-        radius: radiusHigh,
-        maxRadius: radiusHigh,
-        color,
-        stroke,
-        text: i18n.t("Max")
-      },
-      {
-        radius: radiusMid,
-        maxRadius: radiusHigh,
-        color,
-        stroke,
-        text: i18n.t("Mid")
-      },
-      {
-        radius: radiusLow,
-        maxRadius: radiusHigh,
-        color,
-        stroke,
-        text: i18n.t("Min")
-      }
-    ];
-  }
-  let textLength = Math.ceil(Math.max(getLongestTextLength(classes, "startValue"), getLongestTextLength(classes, "endValue")) * digitWidth);
-  const alternateLength = (radiusHigh + guideLength + textPadding + textLength) * 2;
-  let smallestGap = 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) : {
-      radius: curr.radius,
-      gap: smallestGap2
-    };
-  });
-  const alternateFit = alternateLength < legendWidth;
-  const alternate = alternateFit && smallestGap > 5 && smallestGap < 12;
-  if (!alternateFit) {
-    smallestGap = smallestGap / 2;
-  }
-  if (smallestGap < 4) {
-    const [maxBubble] = bubbles;
-    const minBubble = bubbles[bubbles.length - 1];
-    const gap = maxBubble.radius - minBubble.radius;
-    const showNumbers = [0];
-    if (gap > 4) {
-      showNumbers.push(bubbles.length - 1);
-    }
-    if (gap > 15) {
-      const midRadius = minBubble.radius + gap / 2;
-      const midBubble = bubbles.reduce((prev, curr) => curr.radius >= midRadius && curr.radius - midRadius < prev.radius - midRadius ? curr : prev);
-      showNumbers.push(bubbles.indexOf(midBubble));
-    }
-    bubbles.forEach((b, i) => {
-      if (!showNumbers.includes(i)) {
-        delete b.text;
-      }
-    });
-  }
-  textLength = Math.ceil(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, { ...bubble, textAlign: alternate && i % 2 == 0 ? "left" : "right" }, i)) }) }) });
-};
-var Bubbles_default = memo(Bubbles);
-
-export { Bubbles_default as default, guideLength, textPadding };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=Bubbles.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubbles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubbles.tsx"],"names":["smallestGap"],"mappings":"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","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { scaleSqrt } from \"d3-scale\";\nimport { reduce } from \"lodash\";\nimport React, { memo } from \"react\";\nimport { getContrastColor } from \"../../../../../../../../../utils/colors\";\nimport { getLongestTextLength } from \"../../../../../../../../../utils/helpers\";\nimport Bubble, { BubbleProps } from \"./Bubble\";\n\nconst style = {\n\tpaddingTop: 10,\n\tdisplay: \"flex\",\n\talignItems: \"center\",\n\tjustifyContent: \"center\",\n};\n\nconst legendWidth = 200;\nconst digitWidth = 6.8;\nexport const guideLength = 16;\nexport const textPadding = 4;\n\nconst Bubbles = ({ radiusLow, radiusHigh, color, classes }: { radiusLow: number; radiusHigh: number; color?: string; classes: Array<any> }) => {\n  const height = radiusHigh * 2 + 4;\n  const scale = scaleSqrt().range([radiusLow, radiusHigh]);\n  const radiusMid = scale(0.5);\n\n  if (isNaN(radiusLow) || isNaN(radiusHigh)) {\n    return null;\n  }\n\n  let bubbles: Array<BubbleProps> = [];\n\n  // If color legend\n  if (Array.isArray(classes) && classes.length) {\n    const startValue = classes[0].startValue;\n    const endValue = classes[classes.length - 1].endValue;\n    const itemScale = scale.domain([startValue, endValue]);\n\n    bubbles = [...classes].reverse().map((c) => ({\n      radius: itemScale(c.endValue),\n      maxRadius: radiusHigh,\n      color: c.color,\n      text: String(c.endValue),\n    }));\n\n    // Add the smallest bubble for the lowest value\n    bubbles.push({\n      radius: itemScale(startValue),\n      maxRadius: radiusHigh,\n      text: String(startValue),\n    });\n  } else {\n    // If single color\n    const stroke = color && getContrastColor(color);\n\n    bubbles = [\n      {\n        radius: radiusHigh,\n        maxRadius: radiusHigh,\n        color,\n        stroke,\n        text: i18n.t(\"Max\"),\n      },\n      {\n        radius: radiusMid,\n        maxRadius: radiusHigh,\n        color,\n        stroke,\n        text: i18n.t(\"Mid\"),\n      },\n      {\n        radius: radiusLow,\n        maxRadius: radiusHigh,\n        color,\n        stroke,\n        text: i18n.t(\"Min\"),\n      },\n    ];\n  }\n\n  // Calculate the pixel length of the longest number\n  let textLength = Math.ceil(Math.max(getLongestTextLength(classes, \"startValue\"), getLongestTextLength(classes, \"endValue\")) * digitWidth);\n\n  // Calculate the total length if numbers are alternate on each side\n  const alternateLength = (radiusHigh + guideLength + textPadding + textLength) * 2;\n\n  let smallestGap = reduce(bubbles, (prev, curr: any, i) => {\n    const gap = prev.radius - curr.radius;\n    const smallestGap = prev.gap === undefined || gap < prev.gap ? gap : prev.gap;\n\n    return i === bubbles.length - 1\n      ? Math.round(smallestGap * 2)\n      : {\n          radius: curr.radius,\n          gap: smallestGap,\n        };\n  });\n\n  const alternateFit = alternateLength < legendWidth;\n\n  const alternate = alternateFit && smallestGap > 5 && smallestGap < 12;\n\n  if (!alternateFit) {\n    smallestGap = smallestGap / 2;\n  }\n\n  // Too cramped to show number for each bubble\n  if (smallestGap < 4) {\n    const [maxBubble] = bubbles;\n    const minBubble = bubbles[bubbles.length - 1];\n    const gap = maxBubble.radius - minBubble.radius;\n    const showNumbers = [0]; // Always show the largest number\n\n    if (gap > 4) {\n      showNumbers.push(bubbles.length - 1);\n    }\n\n    if (gap > 15) {\n      const midRadius = minBubble.radius + gap / 2;\n\n      // Find the closest bubble above the mid-radius\n      const midBubble = bubbles.reduce((prev, curr) => (curr.radius >= midRadius && curr.radius - midRadius < prev.radius - midRadius ? curr : prev));\n\n      showNumbers.push(bubbles.indexOf(midBubble));\n    }\n\n    bubbles.forEach((b, i) => {\n      if (!showNumbers.includes(i)) {\n        delete b.text;\n      }\n    });\n  }\n\n  textLength = Math.ceil(getLongestTextLength(bubbles, \"text\") * digitWidth);\n\n  const offset = textLength + guideLength + textPadding;\n\n  return (\n    <div style={style}>\n      <svg width={legendWidth} height={height + 50}>\n        <g transform={`translate(${alternate ? offset : \"16\"} 24)`}>\n          {bubbles.map((bubble, i) => (\n            <Bubble key={i} {...bubble} textAlign={alternate && i % 2 == 0 ? \"left\" : \"right\"} />\n          ))}\n        </g>\n      </svg>\n    </div>\n  );\n};\n\nexport default memo(Bubbles);\n"]}

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

@@ -1,41 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Divider } from '@dhis2/ui';
-import { forwardRef } from 'react';
-import LegendCardHeader from '../../../../../LegendArea/components/LegendCardHeader';
-import Bubbles from './components/Bubbles';
-
-function BubbleLegend({
-  radius,
-  dataItem,
-  data,
-  name,
-  collapsible,
-  onCollapse,
-  legends
-}, ref) {
-  return /* @__PURE__ */ jsxs("div", { className: "legend-card", ref, children: [
-    /* @__PURE__ */ jsx(
-      LegendCardHeader,
-      {
-        title: dataItem.displayName,
-        onCollapse,
-        collapsible
-      }
-    ),
-    /* @__PURE__ */ jsx(Divider, { margin: "0" }),
-    /* @__PURE__ */ jsx("div", { className: "legend-list pt-8", children: /* @__PURE__ */ jsx(
-      Bubbles,
-      {
-        classes: legends.reverse(),
-        radiusHigh: radius.max,
-        radiusLow: radius.min,
-        color: "#FF0000"
-      }
-    ) })
-  ] });
-}
-var BubbleLegend_default = forwardRef(BubbleLegend);
-
-export { BubbleLegend_default as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/index.tsx"],"names":[],"mappings":"AA+BE,SACC,KADD;AA/BF,SAAS,eAAe;AAExB,SAAgB,kBAAkB;AAKlC,OAAO,sBAAsB;AAC7B,OAAO,aAAa;AAEpB,SAAS,aACR;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GASA,KACC;AACD,SACC,qBAAC,SAAI,WAAU,eAAc,KAC5B;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,SAAS;AAAA,QAChB;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,WAAQ,QAAQ,KAAK;AAAA,IACtB,oBAAC,SAAI,WAAU,oBACd;AAAA,MAAC;AAAA;AAAA,QACA,SAAS,QAAQ,QAAQ;AAAA,QACzB,YAAY,OAAO;AAAA,QACnB,WAAW,OAAO;AAAA,QAClB,OAAO;AAAA;AAAA,IACR,GACD;AAAA,KACD;AAEF;AAEA,IAAO,uBAAQ,WAAW,YAAY","sourcesContent":["import { Divider } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport React, { forwardRef } from \"react\";\nimport {\n\tThematicLayerData,\n\tThematicLayerDataItem,\n} from \"../../../../../../interfaces\";\nimport LegendCardHeader from \"../../../../../LegendArea/components/LegendCardHeader\";\nimport Bubbles from \"./components/Bubbles\";\n\nfunction BubbleLegend(\n\t{\n\t\tradius,\n\t\tdataItem,\n\t\tdata,\n\t\tname,\n\t\tcollapsible,\n\t\tonCollapse,\n\t\tlegends,\n\t}: {\n\t\tradius: { min: number; max: number };\n\t\tdataItem: ThematicLayerDataItem;\n\t\tdata: ThematicLayerData[];\n\t\tname?: string;\n\t\tcollapsible?: boolean;\n\t\tonCollapse?: () => void;\n\t\tlegends: Legend[];\n\t},\n\tref: React.LegacyRef<HTMLDivElement> | undefined,\n) {\n\treturn (\n\t\t<div className=\"legend-card\" ref={ref}>\n\t\t\t<LegendCardHeader\n\t\t\t\ttitle={dataItem.displayName}\n\t\t\t\tonCollapse={onCollapse}\n\t\t\t\tcollapsible={collapsible}\n\t\t\t/>\n\t\t\t<Divider margin={\"0\"} />\n\t\t\t<div className=\"legend-list pt-8\">\n\t\t\t\t<Bubbles\n\t\t\t\t\tclasses={legends.reverse()}\n\t\t\t\t\tradiusHigh={radius.max}\n\t\t\t\t\tradiusLow={radius.min}\n\t\t\t\t\tcolor={\"#FF0000\"}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef(BubbleLegend);\n"]}

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

@@ -1,50 +0,0 @@
-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';
-import CustomTooltip from '../CustomTooltip';
-
-const defaultStyle = {
-  weight: 1
-};
-const highlightStyle = {
-  weight: 2
-};
-function Bubble({
-  data,
-  highestData,
-  legends,
-  radius
-}) {
-  const { orgUnit, data: value } = data ?? {};
-  const geoJSONObject = orgUnit.geoJSON;
-  const center = geoJSON(geoJSONObject).getBounds().getCenter();
-  const circleRadius = useMemo(() => {
-    return (value ?? 0) * (radius?.max ?? 50) / highestData;
-  }, [radius, data, highestData]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    CircleMarker,
-    {
-      interactive: true,
-      eventHandlers: {
-        mouseover: (e) => highlightFeature(e, highlightStyle),
-        mouseout: (e) => resetHighlight(e, defaultStyle)
-      },
-      pathOptions: {
-        fillColor: getColorFromLegendSet(legends, data.data),
-        fillOpacity: 1,
-        color: colors.grey900,
-        weight: 1
-      },
-      radius: circleRadius,
-      center,
-      children: /* @__PURE__ */ jsx(CustomTooltip, { data })
-    }
-  ) });
-}
-
-export { Bubble as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/index.tsx"],"names":[],"mappings":"AAyCI,mBAeI,WAfJ;AAzCJ,SAAS,cAAc;AAEvB,SAAS,eAAe;AACxB,SAAgB,eAAe;AAC/B,SAAS,oBAAoB;AAC7B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,OAAO,mBAAmB;AAE1B,MAAM,eAAe;AAAA,EACpB,QAAQ;AACT;AACA,MAAM,iBAAiB;AAAA,EACrB,QAAQ;AACV;AAEe,SAAR,OAAwB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,SAAS,MAAM,MAAM,IAAI,QAAQ,CAAC;AAE1C,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,SAAS,QAAQ,aAAa,EAAE,UAAU,EAAE,UAAU;AAE5D,QAAM,eAAe,QAAQ,MAAM;AACjC,YAAS,SAAS,MAAM,QAAQ,OAAO,MAAO;AAAA,EAChD,GAAG,CAAC,QAAQ,MAAM,WAAW,CAAC;AAE9B,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,eAAe;AAAA,QACb,WAAW,CAAC,MAAM,iBAAiB,GAAG,cAAc;AAAA,QACpD,UAAU,CAAC,MAAM,eAAe,GAAG,YAAY;AAAA,MACjD;AAAA,MACA,aAAa;AAAA,QACX,WAAW,sBAAsB,SAAS,KAAK,IAAI;AAAA,QACnD,aAAa;AAAA,QACb,OAAO,OAAO;AAAA,QACd,QAAQ;AAAA,MACV;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,8BAAC,iBAAc,MAAY;AAAA;AAAA,EAC7B,GACF;AAEJ","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport { geoJSON } from \"leaflet\";\nimport React, { useMemo } from \"react\";\nimport { CircleMarker } from \"react-leaflet\";\nimport {\n\tgetColorFromLegendSet,\n\thighlightFeature,\n\tresetHighlight,\n} from \"../../../../../../utils/map\";\nimport { ThematicLayerData } from \"../../../../interfaces\";\nimport CustomTooltip from \"../CustomTooltip\";\n\nconst defaultStyle = {\n\tweight: 1,\n};\nconst highlightStyle = {\n  weight: 2,\n};\n\nexport default function Bubble({\n  data,\n  highestData,\n  legends,\n  radius,\n}: {\n  data: ThematicLayerData;\n  highestData: number;\n  legends: Legend[];\n  radius?: { min: number; max: number };\n}) {\n  const { orgUnit, data: value } = data ?? {};\n\n  const geoJSONObject = orgUnit.geoJSON;\n  const center = geoJSON(geoJSONObject).getBounds().getCenter();\n\n  const circleRadius = useMemo(() => {\n    return ((value ?? 0) * (radius?.max ?? 50)) / highestData;\n  }, [radius, data, highestData]);\n\n  return (\n    <>\n      <CircleMarker\n        interactive\n        eventHandlers={{\n          mouseover: (e) => highlightFeature(e, highlightStyle),\n          mouseout: (e) => resetHighlight(e, defaultStyle),\n        }}\n        pathOptions={{\n          fillColor: getColorFromLegendSet(legends, data.data),\n          fillOpacity: 1,\n          color: colors.grey900,\n          weight: 1,\n        }}\n        radius={circleRadius}\n        center={center}>\n        <CustomTooltip data={data} />\n      </CircleMarker>\n    </>\n  );\n}\n"]}

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

@@ -1,42 +0,0 @@
-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';
-import LegendCardHeader from '../../../../LegendArea/components/LegendCardHeader';
-
-function LegendItem({
-  legend,
-  value
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
-    /* @__PURE__ */ 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})` })
-  ] });
-}
-function ChoroplethLegend({
-  dataItem,
-  data,
-  name,
-  collapsible,
-  onCollapse,
-  legends
-}, ref) {
-  return /* @__PURE__ */ jsxs("div", { className: "legend-card", ref, children: [
-    /* @__PURE__ */ jsx(LegendCardHeader, { title: dataItem.displayName, collapsible, onCollapse }),
-    /* @__PURE__ */ jsx(Divider, { margin: "0" }),
-    /* @__PURE__ */ jsx("div", { className: "legend-list pt-8", children: legends?.map((legend) => /* @__PURE__ */ jsx(LegendItem, { legend, value: getLegendCount(legend, data) }, `${legend?.color}-legend-list`)) })
-  ] });
-}
-var ChoroplethLegend_default = forwardRef(ChoroplethLegend);
-
-export { LegendItem, ChoroplethLegend_default as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=ChoroplethLegend.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/components/ChoroplethLegend.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/components/ChoroplethLegend.tsx"],"names":[],"mappings":"AAmBE,SACC,KADD;AAnBF,OAAO;AACP,SAAS,eAAe;AAExB,SAAgB,kBAAkB;AAClC,SAAS,sBAAsB;AAK/B,OAAO,sBAAsB;AAEtB,SAAS,WAAW;AAAA,EAC1B;AAAA,EACA;AACD,GAGG;AACF,SACC,qBAAC,SAAI,WAAU,eACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,OAAO,MAAM;AAAA;AAAA,IACxC;AAAA,IACA,oBAAC,SAAI,WAAU,qBAAqB,aAAG,OAAO,UAAU,MAAM,OAAO,QAAQ,IAAG;AAAA,IAChF,oBAAC,SAAI,WAAU,qBAAqB,cAAI,KAAK,KAAI;AAAA,KAClD;AAEF;AAEA,SAAS,iBACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACA,KACA;AACA,SACE,qBAAC,SAAI,WAAU,eAAc,KAC3B;AAAA,wBAAC,oBAAiB,OAAO,SAAS,aAAa,aAA0B,YAAwB;AAAA,IACjG,oBAAC,WAAQ,QAAQ,KAAK;AAAA,IACtB,oBAAC,SAAI,WAAU,oBACZ,mBAAS,IAAI,CAAC,WACb,oBAAC,cAAgD,QAAgB,OAAO,eAAe,QAAQ,IAAI,KAAlF,GAAG,QAAQ,KAAK,cAAqE,CACvG,GACH;AAAA,KACF;AAEJ;AAEA,IAAO,2BAAQ,WAAW,gBAAgB","sourcesContent":["import \"../../../styles/legends.css\";\nimport { Divider } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport React, { forwardRef } from \"react\";\nimport { getLegendCount } from \"../../../../../../../utils/map\";\nimport {\n\tThematicLayerData,\n\tThematicLayerDataItem,\n} from \"../../../../../interfaces\";\nimport LegendCardHeader from \"../../../../LegendArea/components/LegendCardHeader\";\n\nexport function LegendItem({\n\tlegend,\n\tvalue,\n}: {\n\tlegend: { startValue: number; endValue: number; color: string };\n\tvalue: number;\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<div className=\"legend-item-label\">{`${legend.startValue} - ${legend.endValue}`}</div>\n\t\t\t<div className=\"legend-item-value\">{`(${value})`}</div>\n\t\t</div>\n\t);\n}\n\nfunction ChoroplethLegend(\n  {\n    dataItem,\n    data,\n    name,\n    collapsible,\n    onCollapse,\n    legends,\n  }: { data: ThematicLayerData[]; dataItem: ThematicLayerDataItem; name?: string; collapsible?: boolean; onCollapse?: () => void; legends: Legend[] },\n  ref: React.LegacyRef<HTMLDivElement> | undefined\n) {\n  return (\n    <div className=\"legend-card\" ref={ref}>\n      <LegendCardHeader title={dataItem.displayName} collapsible={collapsible} onCollapse={onCollapse} />\n      <Divider margin={\"0\"} />\n      <div className=\"legend-list pt-8\">\n        {legends?.map((legend: any) => (\n          <LegendItem key={`${legend?.color}-legend-list`} legend={legend} value={getLegendCount(legend, data)} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default forwardRef(ChoroplethLegend);\n"]}

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

@@ -1,37 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { colors } from '@dhis2/ui';
-import { GeoJSON } from 'react-leaflet';
-import { highlightFeature, resetHighlight, getColorFromLegendSet } from '../../../../../../utils/map';
-import CustomTooltip from '../CustomTooltip';
-
-const defaultStyle = {
-  weight: 1
-};
-const highlightStyle = {
-  weight: 2
-};
-function Choropleth({ data, legends }) {
-  const { orgUnit } = data;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    GeoJSON,
-    {
-      data: orgUnit.geoJSON,
-      eventHandlers: {
-        mouseover: (e) => highlightFeature(e, highlightStyle),
-        mouseout: (e) => resetHighlight(e, defaultStyle)
-      },
-      pathOptions: {
-        fillColor: getColorFromLegendSet(legends, data.data),
-        fillOpacity: 1,
-        color: colors.grey900,
-        weight: 1
-      },
-      children: /* @__PURE__ */ jsx(CustomTooltip, { data })
-    },
-    `${data.dataItem.id}-layer`
-  ) });
-}
-
-export { Choropleth as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.tsx"],"names":[],"mappings":"AAuBI,mBAcI,WAdJ;AAvBJ,SAAS,cAAc;AAGvB,SAAS,eAAe;AAExB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,OAAO,mBAAmB;AAE1B,MAAM,eAAe;AAAA,EACpB,QAAQ;AACT;AACA,MAAM,iBAAiB;AAAA,EACrB,QAAQ;AACV;AAEe,SAAR,WAA4B,EAAE,MAAM,QAAQ,GAAyG;AAC1J,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ;AAAA,MACd,eAAe;AAAA,QACb,WAAW,CAAC,MAAM,iBAAiB,GAAG,cAAc;AAAA,QACpD,UAAU,CAAC,MAAM,eAAe,GAAG,YAAY;AAAA,MACjD;AAAA,MACA,aAAa;AAAA,QACX,WAAW,sBAAsB,SAAS,KAAK,IAAI;AAAA,QACnD,aAAa;AAAA,QACb,OAAO,OAAO;AAAA,QACd,QAAQ;AAAA,MACV;AAAA,MAEA,8BAAC,iBAAc,MAAY;AAAA;AAAA,IADtB,GAAG,KAAK,SAAS,EAAE;AAAA,EAE1B,GACF;AAEJ","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport React from \"react\";\nimport { GeoJSON } from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../../../interfaces\";\nimport {\n\tgetColorFromLegendSet,\n\thighlightFeature,\n\tresetHighlight,\n} from \"../../../../../../utils/map\";\nimport { ThematicLayerDataItem } from \"../../../../interfaces\";\nimport CustomTooltip from \"../CustomTooltip\";\n\nconst defaultStyle = {\n\tweight: 1,\n};\nconst highlightStyle = {\n  weight: 2,\n};\n\nexport default function Choropleth({ data, legends }: { data: { orgUnit: MapOrgUnit; data?: number; dataItem: ThematicLayerDataItem }; legends: Legend[] }) {\n  const { orgUnit } = data;\n  return (\n    <>\n      <GeoJSON\n        data={orgUnit.geoJSON}\n        eventHandlers={{\n          mouseover: (e) => highlightFeature(e, highlightStyle),\n          mouseout: (e) => resetHighlight(e, defaultStyle),\n        }}\n        pathOptions={{\n          fillColor: getColorFromLegendSet(legends, data.data),\n          fillOpacity: 1,\n          color: colors.grey900,\n          weight: 1,\n        }}\n        key={`${data.dataItem.id}-layer`}>\n        <CustomTooltip data={data} />\n      </GeoJSON>\n    </>\n  );\n}\n"]}

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

@@ -1,40 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { Pane, Tooltip, Popup } from 'react-leaflet';
-import { useMapPeriods } from '../../../../../MapProvider/hooks';
-
-function CustomTooltip({
-  data: dataObject
-}) {
-  const { dataItem, orgUnit, data } = dataObject ?? {};
-  const { periods } = useMapPeriods() ?? {};
-  return /* @__PURE__ */ jsxs(
-    Pane,
-    {
-      name: `${dataItem.displayName}-${orgUnit.id}-popup-pane`,
-      pane: "popupPane",
-      children: [
-        /* @__PURE__ */ jsxs(Tooltip, { children: [
-          orgUnit?.name,
-          " (",
-          data,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsxs(Popup, { minWidth: 80, children: [
-          /* @__PURE__ */ jsx("h3", { style: { margin: 0 }, children: orgUnit?.name }),
-          /* @__PURE__ */ jsx("div", { children: dataItem?.displayName }),
-          /* @__PURE__ */ jsx("div", { children: periods?.map((period) => period.name).join(",") }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            i18n.t("Value"),
-            ": ",
-            data
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-export { CustomTooltip as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/CustomTooltip/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/CustomTooltip/index.tsx"],"names":[],"mappings":"AAmBG,SAIC,KAJD;AAnBH,OAAO,UAAU;AAEjB,SAAS,MAAM,OAAO,eAAe;AACrC,SAAS,qBAAqB;AAGf,SAAR,cAA+B;AAAA,EACrC,MAAM;AACP,GAEG;AACF,QAAM,EAAE,UAAU,SAAS,KAAK,IAAI,cAAc,CAAC;AACnD,QAAM,EAAE,QAAQ,IAAI,cAAc,KAAK,CAAC;AAExC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAM,GAAG,SAAS,WAAW,IAAI,QAAQ,EAAE;AAAA,MAC3C,MAAK;AAAA,MAEL;AAAA,6BAAC,WACC;AAAA,mBAAS;AAAA,UAAK;AAAA,UAAG;AAAA,UAAK;AAAA,WACxB;AAAA,QACA,qBAAC,SAAM,UAAU,IAChB;AAAA,8BAAC,QAAG,OAAO,EAAE,QAAQ,EAAE,GAAI,mBAAS,MAAK;AAAA,UACzC,oBAAC,SAAK,oBAAU,aAAY;AAAA,UAC5B,oBAAC,SAAK,mBAAS,IAAI,CAAC,WAAW,OAAO,IAAI,EAAE,KAAK,GAAG,GAAE;AAAA,UACtD,qBAAC,SACC;AAAA,iBAAK,EAAE,OAAO;AAAA,YAAE;AAAA,YAAG;AAAA,aACrB;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport React from \"react\";\nimport { Pane, Popup, Tooltip } from \"react-leaflet\";\nimport { useMapPeriods } from \"../../../../../MapProvider/hooks\";\nimport { ThematicLayerData } from \"../../../../interfaces\";\n\nexport default function CustomTooltip({\n\tdata: dataObject,\n}: {\n\tdata: ThematicLayerData;\n}) {\n\tconst { dataItem, orgUnit, data } = dataObject ?? {};\n\tconst { periods } = useMapPeriods() ?? {};\n\n\treturn (\n\t\t<Pane\n\t\t\tname={`${dataItem.displayName}-${orgUnit.id}-popup-pane`}\n\t\t\tpane=\"popupPane\"\n\t\t>\n\t\t\t<Tooltip>\n\t\t\t\t{orgUnit?.name} ({data})\n\t\t\t</Tooltip>\n\t\t\t<Popup minWidth={80}>\n\t\t\t\t<h3 style={{ margin: 0 }}>{orgUnit?.name}</h3>\n\t\t\t\t<div>{dataItem?.displayName}</div>\n\t\t\t\t<div>{periods?.map((period) => period.name).join(\",\")}</div>\n\t\t\t\t<div>\n\t\t\t\t\t{i18n.t(\"Value\")}: {data}\n\t\t\t\t</div>\n\t\t\t</Popup>\n\t\t</Pane>\n\t);\n}\n"]}

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

@@ -1,12 +0,0 @@
-import { find } from 'lodash';
-import { useContext } from 'react';
-import { MapLayersContext } from '../../../../../state';
-
-function useThematicLayer(layerId) {
-  const { layers } = useContext(MapLayersContext);
-  return find(layers, ["id", layerId]);
-}
-
-export { useThematicLayer as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=config.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/hooks/config.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/hooks/config.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAGlB,SAAR,iBACN,SACkC;AAClC,QAAM,EAAE,OAAO,IAAI,WAAW,gBAAgB;AAE9C,SAAO,KAAK,QAAiC,CAAC,MAAM,OAAO,CAAC;AAC7D","sourcesContent":["import { find } from \"lodash\";\nimport { useContext } from \"react\";\nimport { MapLayersContext } from \"../../../../../state\";\nimport { CustomThematicLayer } from \"../../../interfaces\";\n\nexport default function useThematicLayer(\n\tlayerId: string,\n): CustomThematicLayer | undefined {\n\tconst { layers } = useContext(MapLayersContext);\n\n\treturn find(layers as CustomThematicLayer[], [\"id\", layerId]);\n}\n"]}

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

@@ -1,55 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { last } from 'lodash';
-import { LayersControl, Pane, LayerGroup } from 'react-leaflet';
-import Bubble from './components/Bubble';
-import Choropleth from './components/Choropleth';
-import useThematicLayer from './hooks/config';
-
-function ThematicLayer({
-  layerId,
-  index
-}) {
-  const layer = useThematicLayer(layerId);
-  if (!layer) {
-    return null;
-  }
-  const { type, dataItem, name, data, enabled, legends } = layer ?? {};
-  const uniqueName = name ?? dataItem.displayName;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(LayersControl.Overlay, { checked: enabled, name: uniqueName, children: /* @__PURE__ */ jsx(
-    Pane,
-    {
-      style: {
-        zIndex: type === "bubble" ? 500 : 500 - (index + 1)
-      },
-      name: uniqueName,
-      children: /* @__PURE__ */ jsxs(LayerGroup, { children: [
-        data?.map(
-          (datum) => type === "choropleth" ? /* @__PURE__ */ jsx(
-            Choropleth,
-            {
-              legends: legends ?? [],
-              data: datum
-            },
-            `${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`
-          ) : null
-        ),
-        data?.map(
-          (datum) => type === "bubble" ? /* @__PURE__ */ jsx(
-            Bubble,
-            {
-              radius: layer?.radius,
-              legends: legends ?? [],
-              highestData: last(data)?.data ?? 1,
-              data: datum
-            },
-            `${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`
-          ) : null
-        )
-      ] })
-    }
-  ) }) });
-}
-
-export { ThematicLayer as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/index.tsx"],"names":[],"mappings":"AAwBE,mBAWM,KAHH,YARH;AAxBF,SAAS,YAAY;AAErB,SAAS,YAAY,eAAe,YAAY;AAEhD,OAAO,YAAY;AACnB,OAAO,gBAAgB;AACvB,OAAO,sBAAsB;AAEd,SAAR,cAA+B;AAAA,EACrC;AAAA,EACA;AACD,GAGG;AACF,QAAM,QAAQ,iBAAiB,OAAO;AAEtC,MAAI,CAAC,OAAO;AACX,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,MAAM,UAAU,MAAM,MAAM,SAAS,QAAQ,IAAI,SAAS,CAAC;AACnE,QAAM,aAAa,QAAQ,SAAS;AACpC,SACC,gCACC,8BAAC,cAAc,SAAd,EAAsB,SAAS,SAAS,MAAM,YAC9C;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,QAAQ,SAAS,WAAW,MAAM,OAAO,QAAQ;AAAA,MAClD;AAAA,MACA,MAAM;AAAA,MAEN,+BAAC,cACC;AAAA,cAAM;AAAA,UAAI,CAAC,UACX,SAAS,eACR;AAAA,YAAC;AAAA;AAAA,cACA,SAAS,WAAW,CAAC;AAAA,cACrB,MAAM;AAAA;AAAA,YACD,GAAG,OAAO,UAAU,EAAE,IAAI,OAAO,SAAS,EAAE;AAAA,UAClD,IACG;AAAA,QACL;AAAA,QACC,MAAM;AAAA,UAAI,CAAC,UACX,SAAS,WACR;AAAA,YAAC;AAAA;AAAA,cACA,QACE,OAA6B;AAAA,cAE/B,SAAS,WAAW,CAAC;AAAA,cACrB,aAAa,KAAK,IAAI,GAAG,QAAQ;AAAA,cACjC,MAAM;AAAA;AAAA,YACD,GAAG,OAAO,UAAU,EAAE,IAAI,OAAO,SAAS,EAAE;AAAA,UAClD,IACG;AAAA,QACL;AAAA,SACD;AAAA;AAAA,EACD,GACD,GACD;AAEF","sourcesContent":["import { last } from \"lodash\";\nimport React from \"react\";\nimport { LayerGroup, LayersControl, Pane } from \"react-leaflet\";\nimport { CustomBubbleLayer } from \"../../interfaces\";\nimport Bubble from \"./components/Bubble\";\nimport Choropleth from \"./components/Choropleth\";\nimport useThematicLayer from \"./hooks/config\";\n\nexport default function ThematicLayer({\n\tlayerId,\n\tindex,\n}: {\n\tlayerId: string;\n\tindex: number;\n}) {\n\tconst layer = useThematicLayer(layerId);\n\n\tif (!layer) {\n\t\treturn null;\n\t}\n\n\tconst { type, dataItem, name, data, enabled, legends } = layer ?? {};\n\tconst uniqueName = name ?? dataItem.displayName;\n\treturn (\n\t\t<>\n\t\t\t<LayersControl.Overlay checked={enabled} name={uniqueName}>\n\t\t\t\t<Pane\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: type === \"bubble\" ? 500 : 500 - (index + 1),\n\t\t\t\t\t}}\n\t\t\t\t\tname={uniqueName}\n\t\t\t\t>\n\t\t\t\t\t<LayerGroup>\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"choropleth\" ? (\n\t\t\t\t\t\t\t\t<Choropleth\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"bubble\" ? (\n\t\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\t\tradius={\n\t\t\t\t\t\t\t\t\t\t(layer as CustomBubbleLayer)?.radius\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\thighestData={last(data)?.data ?? 1}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</LayerGroup>\n\t\t\t\t</Pane>\n\t\t\t</LayersControl.Overlay>\n\t\t</>\n\t);\n}\n"]}

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

@@ -1,32 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import BoundaryLayer from './components/BoundaryLayer';
-import GoogleEngineLayer from './components/GoogleEngineLayer';
-import { PointLayer } from './components/PointLayer';
-import ThematicLayer from './components/ThematicLayer';
-
-function MapLayer({
-  layer,
-  index
-}) {
-  switch (layer.type) {
-    case "overlay":
-    case "basemap":
-      return /* @__PURE__ */ jsx(BoundaryLayer, { ...layer });
-    case "bubble":
-    case "choropleth":
-      return /* @__PURE__ */ jsx(ThematicLayer, { layerId: layer.id, index });
-    case "point":
-      return /* @__PURE__ */ jsx(PointLayer, {});
-    case "population":
-    case "elevation":
-    case "footprints":
-    case "landCover":
-      return /* @__PURE__ */ jsx(GoogleEngineLayer, { layerId: layer.id });
-    default:
-      return null;
-  }
-}
-
-export { MapLayer as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Map/components/MapLayer/index.tsx"],"names":[],"mappings":"AA0BU;AAzBV,OAAO,mBAAmB;AAC1B,OAAO,uBAAuB;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,mBAAmB;AAQX,SAAR,SAA0B;AAAA,EAChC;AAAA,EACA;AACD,GAOG;AACF,UAAQ,MAAM,MAAM;AAAA,IACnB,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,oBAAC,iBAAe,GAAG,OAAO;AAAA,IAClC,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,oBAAC,iBAAc,SAAS,MAAM,IAAI,OAAc;AAAA,IACxD,KAAK;AACJ,aAAO,oBAAC,cAAW;AAAA,IACpB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,oBAAC,qBAAkB,SAAS,MAAM,IAAI;AAAA,IAC9C;AACC,aAAO;AAAA,EACT;AACD","sourcesContent":["import React from \"react\";\nimport BoundaryLayer from \"./components/BoundaryLayer\";\nimport GoogleEngineLayer from \"./components/GoogleEngineLayer\";\nimport { PointLayer } from \"./components/PointLayer\";\nimport ThematicLayer from \"./components/ThematicLayer\";\nimport {\n\tCustomBoundaryLayer,\n\tCustomGoogleEngineLayer,\n\tCustomPointLayer,\n\tCustomThematicLayer,\n} from \"./interfaces\";\n\nexport default function MapLayer({\n\tlayer,\n\tindex,\n}: {\n\tlayer:\n\t\t| CustomThematicLayer\n\t\t| CustomBoundaryLayer\n\t\t| CustomPointLayer\n\t\t| CustomGoogleEngineLayer;\n\tindex: number;\n}) {\n\tswitch (layer.type) {\n\t\tcase \"overlay\":\n\t\tcase \"basemap\":\n\t\t\treturn <BoundaryLayer {...layer} />;\n\t\tcase \"bubble\":\n\t\tcase \"choropleth\":\n\t\t\treturn <ThematicLayer layerId={layer.id} index={index} />;\n\t\tcase \"point\":\n\t\t\treturn <PointLayer />;\n\t\tcase \"population\":\n\t\tcase \"elevation\":\n\t\tcase \"footprints\":\n\t\tcase \"landCover\":\n\t\t\treturn <GoogleEngineLayer layerId={layer.id} />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n"]}

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

@@ -1,5 +0,0 @@
-const SUPPORTED_EARTH_ENGINE_LAYERS = ["population", "footprints", "elevation", "landCover"];
-
-export { SUPPORTED_EARTH_ENGINE_LAYERS };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":"AASO,MAAM,gCAAgC,CAAC,cAAc,cAAc,aAAa,WAAW","sourcesContent":["import type { Legend } from \"@hisptz/dhis2-utils\";\nimport { MapOrgUnit, PointOrgUnit } from \"../../../interfaces\";\nimport { LegendColorScale } from \"../../../utils/colors\";\nimport { EarthEngineOptions } from \"../components/GoogleEngineLayer/interfaces\";\nimport { EarthEngine } from \"../components/GoogleEngineLayer/services/engine\";\n\nexport type BoundaryLayerType = \"basemap\" | \"overlay\";\nexport type ThematicLayerType = \"choropleth\" | \"bubble\";\n\nexport const SUPPORTED_EARTH_ENGINE_LAYERS = [\"population\", \"footprints\", \"elevation\", \"landCover\"];\n\nexport type GoogleEngineLayerType = \"population\" | \"footprints\" | \"elevation\" | \"landCover\";\n\nexport interface CustomBoundaryLayer extends CustomMapLayer {\n  id: string;\n  type: BoundaryLayerType;\n  enabled: boolean;\n}\n\nexport interface EarthEngineLayerConfig extends CustomMapLayer {\n  type: GoogleEngineLayerType;\n  aggregations?: string[];\n  name?: string;\n  filters?: {\n    period: string;\n  };\n  params?: {\n    min: number;\n    max: number;\n    palette?: string;\n  };\n}\n\nexport interface CustomGoogleEngineLayer extends CustomMapLayer {\n  type: GoogleEngineLayerType;\n  options: EarthEngineOptions;\n  aggregations?: string[];\n  name: string;\n  url: string;\n  engine?: EarthEngine;\n}\n\nexport interface CustomPointLayer extends CustomMapLayer {\n  id: string;\n  type: \"point\";\n  label?: string;\n  level?: string | number;\n  group?: string;\n  style?: {\n    icon?: string;\n    groupSet?: string;\n    orgUnitGroups?: Array<{ name: string; symbol: string }>;\n  };\n  points?: Array<PointOrgUnit>;\n}\n\nexport type DataItemType = \"dataElement\" | \"indicator\" | \"programIndicator\";\n\nexport interface ThematicLayerDataItem {\n  id: string;\n  displayName: string;\n  type: DataItemType;\n  legendSet?: string;\n  legendConfig?: {\n    colorClass: LegendColorScale;\n    scale: number;\n  };\n}\n\nexport interface ThematicLayerControl {\n  position: \"topleft\" | \"topright\" | \"bottomleft\" | \"bottomright\";\n  enabled: boolean;\n}\n\nexport interface ThematicLayerData {\n  orgUnit: MapOrgUnit;\n  data?: number;\n  dataItem: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerRawData {\n  orgUnit: string;\n  data?: number;\n  dataItem: string;\n}\n\nexport interface CustomChoroplethLayer extends CustomMapLayer {\n  enabled: boolean;\n  name?: string;\n  data: ThematicLayerData[];\n  dataItem: ThematicLayerDataItem;\n  type: \"choropleth\";\n  control?: ThematicLayerControl;\n  legends?: Legend[];\n}\n\nexport interface CustomBubbleLayer extends CustomMapLayer {\n  enabled: boolean;\n  name?: string;\n  data: ThematicLayerData[];\n  dataItem: ThematicLayerDataItem;\n  type: \"bubble\";\n  control?: ThematicLayerControl;\n  legends?: Legend[];\n  radius?: {\n    min: number;\n    max: number;\n  };\n}\n\nexport type CustomThematicLayer = CustomBubbleLayer | CustomChoroplethLayer;\n\nexport interface ThematicLayerConfig {\n  id: string;\n  data?: ThematicLayerRawData[];\n  enabled: boolean;\n  name?: string;\n  dataItem: ThematicLayerDataItem;\n  type: ThematicLayerType;\n  control?: ThematicLayerControl;\n  radius?: {\n    min: number;\n    max: number;\n  };\n}\n\nexport interface CustomMapLayer {\n  id: string;\n  type: string;\n  enabled: boolean;\n}\n\nexport type MapLayer = CustomBoundaryLayer | ThematicLayerConfig | CustomPointLayer | CustomGoogleEngineLayer;\n\nexport interface MapLayerProps {\n  enabled: boolean;\n  type: \"boundary\" | \"thematic\" | \"external\" | \"point\" | \"earthEngine\";\n  layer: MapLayer;\n}\n"]}