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

package/dist/components/Map/components/ThematicLayerConfiguration/components/TypeField.js

@@ -1,16 +1,10 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactHookForm = require('react-hook-form');
-var i18n = require('@dhis2/d2-i18n');
-var ui = require('@dhis2/ui');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import i18n from '@dhis2/d2-i18n';
+import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
 
 function TypeField() {
-  const { setValue } = reactHookForm.useFormContext();
+  const { setValue } = useFormContext();
   const resetFields = (type) => {
     if (type === "bubble") {
       setValue(`radius`, {
@@ -21,17 +15,17 @@ function TypeField() {
       setValue(`radius`, void 0);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactHookForm.Controller,
+  return /* @__PURE__ */ jsx(
+    Controller,
     {
       rules: {
-        required: i18n__default.default.t("Layer type is required")
+        required: i18n.t("Layer type is required")
       },
       render: ({ field, fieldState }) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.SingleSelectField,
+        return /* @__PURE__ */ jsxs(
+          SingleSelectField,
           {
-            label: i18n__default.default.t("Layer type"),
+            label: i18n.t("Layer type"),
             required: true,
             error: Boolean(fieldState.error),
             validationText: fieldState.error?.message,
@@ -41,18 +35,18 @@ function TypeField() {
             },
             selected: field.value,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.SingleSelectOption,
+              /* @__PURE__ */ jsx(
+                SingleSelectOption,
                 {
                   value: "choropleth",
-                  label: i18n__default.default.t("Choropleth")
+                  label: i18n.t("Choropleth")
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.SingleSelectOption,
+              /* @__PURE__ */ jsx(
+                SingleSelectOption,
                 {
                   value: "bubble",
-                  label: i18n__default.default.t("Bubble")
+                  label: i18n.t("Bubble")
                 }
               )
             ]
@@ -64,6 +58,6 @@ function TypeField() {
   );
 }
 
-exports.TypeField = TypeField;
+export { TypeField };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=TypeField.js.map

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

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

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

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

package/dist/components/Map/components/ThematicLayerConfiguration/types/index.js

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

package/dist/components/Map/constants/colors.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const COLOR_PALETTES = {
   YlGn: {
     3: ["#f7fcb9", "#addd8e", "#31a354"],
@@ -433,7 +431,6 @@ const qualitativeColors = [
   "#e31a1c"
 ];
 
-exports.COLOR_PALETTES = COLOR_PALETTES;
-exports.qualitativeColors = qualitativeColors;
+export { COLOR_PALETTES, qualitativeColors };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=colors.js.map

package/dist/components/Map/constants/legendSet.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const defaultLegendSet = {
   legends: [
     {
@@ -20,6 +18,6 @@ const defaultLegendSet = {
   ]
 };
 
-exports.defaultLegendSet = defaultLegendSet;
+export { defaultLegendSet };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=legendSet.js.map

package/dist/components/Map/hooks/map.js

@@ -1,25 +1,23 @@
-'use strict';
-
-var leaflet = require('leaflet');
-var react = require('react');
-var hooks = require('../components/MapProvider/hooks');
-var usehooksTs = require('usehooks-ts');
-var lodash = require('lodash');
-var reactLeaflet = require('react-leaflet');
+import { geoJSON } from 'leaflet';
+import { useMemo, useEffect } from 'react';
+import { useMapOrganisationUnit } from '../components/MapProvider/hooks/index.js';
+import { useElementSize, useMediaQuery } from 'usehooks-ts';
+import { isEmpty } from 'lodash';
+import { useMap } from 'react-leaflet';
 
 function useMapBounds() {
-  const { orgUnits } = hooks.useMapOrganisationUnit();
-  const geoJSONObject = react.useMemo(
-    () => leaflet.geoJSON({
+  const { orgUnits } = useMapOrganisationUnit();
+  const geoJSONObject = useMemo(
+    () => geoJSON({
       type: "FeatureCollection",
       features: orgUnits?.map((orgUnit) => orgUnit.geoJSON)
     }),
     [orgUnits]
   );
-  const center = react.useMemo(() => {
+  const center = useMemo(() => {
     return geoJSONObject.getBounds().getCenter();
   }, [orgUnits]);
-  const bounds = react.useMemo(() => {
+  const bounds = useMemo(() => {
     return geoJSONObject.getBounds();
   }, [orgUnits]);
   return {
@@ -28,21 +26,19 @@ function useMapBounds() {
   };
 }
 function useCenterMap({ bounds }) {
-  const map = reactLeaflet.useMap();
-  const [ref, { width, height }] = usehooksTs.useElementSize();
-  react.useEffect(() => {
-    if (!lodash.isEmpty(bounds)) {
+  const map = useMap();
+  const [ref, { width, height }] = useElementSize();
+  useEffect(() => {
+    if (!isEmpty(bounds)) {
       map.fitBounds(bounds);
     }
   }, [width, height]);
   return ref;
 }
 function usePrintMedia() {
-  return usehooksTs.useMediaQuery("@media print");
+  return useMediaQuery("@media print");
 }
 
-exports.useCenterMap = useCenterMap;
-exports.useMapBounds = useMapBounds;
-exports.usePrintMedia = usePrintMedia;
+export { useCenterMap, useMapBounds, usePrintMedia };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=map.js.map

package/dist/components/Map/hooks/map.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Map/hooks/map.ts"],"names":[],"mappings":"AAAA,SAAQ,eAA2B;AACnC,SAAQ,WAAW,eAAc;AACjC,SAAQ,8BAA6B;AACrC,SAAQ,gBAAgB,qBAAoB;AAC5C,SAAQ,eAAc;AACtB,SAAQ,cAAa;AAEd,SAAS,eAAe;AAC7B,QAAM,EAAE,SAAS,IAAI,uBAAuB;AAC5C,QAAM,gBAAgB;AAAA,IACpB,MACE,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU,UAAU,IAAI,CAAC,YAAY,QAAQ,OAAO;AAAA,IACtD,CAAQ;AAAA,IACV,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,SAAS,QAAQ,MAAM;AAC3B,WAAO,cAAc,UAAU,EAAE,UAAU;AAAA,EAC7C,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,SAAc,QAAQ,MAAM;AAChC,WAAO,cAAc,UAAU;AAAA,EACjC,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,aAAa,EAAE,OAAO,GAA8B;AAClE,QAAM,MAAM,OAAO;AACnB,QAAM,CAAC,KAAK,EAAE,OAAO,OAAO,CAAC,IAAI,eAAe;AAEhD,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,MAAM,GAAG;AACpB,UAAI,UAAU,MAAM;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,SAAO;AACT;AAEO,SAAS,gBAAgB;AAC9B,SAAO,cAAc,cAAc;AACrC","sourcesContent":["import {geoJSON, LatLngTuple} from \"leaflet\";\nimport {useEffect, useMemo} from \"react\";\nimport {useMapOrganisationUnit} from \"../components/MapProvider/hooks\";\nimport {useElementSize, useMediaQuery} from \"usehooks-ts\";\nimport {isEmpty} from \"lodash\";\nimport {useMap} from \"react-leaflet\";\n\nexport function useMapBounds() {\n  const { orgUnits } = useMapOrganisationUnit();\n  const geoJSONObject = useMemo(\n    () =>\n      geoJSON({\n        type: \"FeatureCollection\",\n        features: orgUnits?.map((orgUnit) => orgUnit.geoJSON),\n      } as any),\n    [orgUnits]\n  );\n\n  const center = useMemo(() => {\n    return geoJSONObject.getBounds().getCenter();\n  }, [orgUnits]);\n  const bounds: any = useMemo(() => {\n    return geoJSONObject.getBounds();\n  }, [orgUnits]);\n\n  return {\n    center,\n    bounds,\n  };\n}\n\nexport function useCenterMap({ bounds }: { bounds: LatLngTuple[] }) {\n  const map = useMap();\n  const [ref, { width, height }] = useElementSize();\n\n  useEffect(() => {\n    if (!isEmpty(bounds)) {\n      map.fitBounds(bounds);\n    }\n  }, [width, height]);\n\n  return ref;\n}\n\nexport function usePrintMedia() {\n  return useMediaQuery(\"@media print\");\n}\n"]}
+{"version":3,"sources":["../../../../src/components/Map/hooks/map.ts"],"names":[],"mappings":"AAAA,SAAS,eAA4B;AACrC,SAAS,WAAW,eAAe;AACnC,SAAS,8BAA8B;AACvC,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,eAAe;AACxB,SAAS,cAAc;AAEhB,SAAS,eAAe;AAC9B,QAAM,EAAE,SAAS,IAAI,uBAAuB;AAC5C,QAAM,gBAAgB;AAAA,IACrB,MACC,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,UAAU,UAAU,IAAI,CAAC,YAAY,QAAQ,OAAO;AAAA,IACrD,CAAQ;AAAA,IACT,CAAC,QAAQ;AAAA,EACV;AAEA,QAAM,SAAS,QAAQ,MAAM;AAC5B,WAAO,cAAc,UAAU,EAAE,UAAU;AAAA,EAC5C,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,SAAc,QAAQ,MAAM;AACjC,WAAO,cAAc,UAAU;AAAA,EAChC,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EACD;AACD;AAEO,SAAS,aAAa,EAAE,OAAO,GAA8B;AACnE,QAAM,MAAM,OAAO;AACnB,QAAM,CAAC,KAAK,EAAE,OAAO,OAAO,CAAC,IAAI,eAAe;AAEhD,YAAU,MAAM;AACf,QAAI,CAAC,QAAQ,MAAM,GAAG;AACrB,UAAI,UAAU,MAAM;AAAA,IACrB;AAAA,EACD,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,SAAO;AACR;AAEO,SAAS,gBAAgB;AAC/B,SAAO,cAAc,cAAc;AACpC","sourcesContent":["import { geoJSON, LatLngTuple } from \"leaflet\";\nimport { useEffect, useMemo } from \"react\";\nimport { useMapOrganisationUnit } from \"../components/MapProvider/hooks/index.js\";\nimport { useElementSize, useMediaQuery } from \"usehooks-ts\";\nimport { isEmpty } from \"lodash\";\nimport { useMap } from \"react-leaflet\";\n\nexport function useMapBounds() {\n\tconst { orgUnits } = useMapOrganisationUnit();\n\tconst geoJSONObject = useMemo(\n\t\t() =>\n\t\t\tgeoJSON({\n\t\t\t\ttype: \"FeatureCollection\",\n\t\t\t\tfeatures: orgUnits?.map((orgUnit) => orgUnit.geoJSON),\n\t\t\t} as any),\n\t\t[orgUnits],\n\t);\n\n\tconst center = useMemo(() => {\n\t\treturn geoJSONObject.getBounds().getCenter();\n\t}, [orgUnits]);\n\tconst bounds: any = useMemo(() => {\n\t\treturn geoJSONObject.getBounds();\n\t}, [orgUnits]);\n\n\treturn {\n\t\tcenter,\n\t\tbounds,\n\t};\n}\n\nexport function useCenterMap({ bounds }: { bounds: LatLngTuple[] }) {\n\tconst map = useMap();\n\tconst [ref, { width, height }] = useElementSize();\n\n\tuseEffect(() => {\n\t\tif (!isEmpty(bounds)) {\n\t\t\tmap.fitBounds(bounds);\n\t\t}\n\t}, [width, height]);\n\n\treturn ref;\n}\n\nexport function usePrintMedia() {\n\treturn useMediaQuery(\"@media print\");\n}\n"]}

package/dist/components/Map/index.js

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

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

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

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

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

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

@@ -1,22 +1,18 @@
-'use strict';
+import { createContext } from 'react';
 
-var react = require('react');
-
-const MapOrgUnitContext = react.createContext({
+const MapOrgUnitContext = createContext({
   orgUnitSelection: { orgUnits: [] },
   orgUnits: []
 });
-const MapPeriodContext = react.createContext({
+const MapPeriodContext = createContext({
   periods: []
 });
-const MapLayersContext = react.createContext({
+const MapLayersContext = createContext({
   layers: [],
   updateLayer: () => {
   }
 });
 
-exports.MapLayersContext = MapLayersContext;
-exports.MapOrgUnitContext = MapOrgUnitContext;
-exports.MapPeriodContext = MapPeriodContext;
+export { MapLayersContext, MapOrgUnitContext, MapPeriodContext };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Map/state/index.tsx"],"names":[],"mappings":"AAEA,SAAS,qBAAqB;AAIvB,MAAM,oBAAoB,cAG9B;AAAA,EACF,kBAAkB,EAAE,UAAU,CAAC,EAAE;AAAA,EACjC,UAAU,CAAC;AACZ,CAAC;AAEM,MAAM,mBAAmB,cAM9B;AAAA,EACA,SAAS,CAAC;AACZ,CAAC;AAEM,MAAM,mBAAmB,cAG7B;AAAA,EACD,QAAQ,CAAC;AAAA,EACT,aAAa,MAAM;AAAA,EAAC;AACtB,CAAC","sourcesContent":["import type { OrgUnitSelection } from \"@hisptz/dhis2-utils\";\nimport { BasePeriod } from \"@hisptz/dhis2-utils\";\nimport { createContext } from \"react\";\nimport { CustomMapLayer } from \"../components/MapLayer/interfaces\";\nimport { MapOrgUnit } from \"../interfaces\";\n\nexport const MapOrgUnitContext = createContext<{\n\torgUnitSelection: OrgUnitSelection;\n\torgUnits?: MapOrgUnit[];\n}>({\n\torgUnitSelection: { orgUnits: [] },\n\torgUnits: [],\n});\n\nexport const MapPeriodContext = createContext<\n  | {\n      periods?: BasePeriod[];\n      range?: { start: Date; end: Date };\n    }\n  | undefined\n>({\n  periods: [],\n});\n\nexport const MapLayersContext = createContext<{\n  layers: CustomMapLayer[];\n  updateLayer: (id: string, updatedLayer: CustomMapLayer) => void;\n}>({\n  layers: [],\n  updateLayer: () => {},\n});\n"]}
+{"version":3,"sources":["../../../../src/components/Map/state/index.tsx"],"names":[],"mappings":"AAEA,SAAS,qBAAqB;AAIvB,MAAM,oBAAoB,cAG9B;AAAA,EACF,kBAAkB,EAAE,UAAU,CAAC,EAAE;AAAA,EACjC,UAAU,CAAC;AACZ,CAAC;AAEM,MAAM,mBAAmB,cAM9B;AAAA,EACD,SAAS,CAAC;AACX,CAAC;AAEM,MAAM,mBAAmB,cAG7B;AAAA,EACF,QAAQ,CAAC;AAAA,EACT,aAAa,MAAM;AAAA,EAAC;AACrB,CAAC","sourcesContent":["import type { OrgUnitSelection } from \"@hisptz/dhis2-utils\";\nimport { BasePeriod } from \"@hisptz/dhis2-utils\";\nimport { createContext } from \"react\";\nimport { CustomMapLayer } from \"../components/MapLayer/interfaces/index.js\";\nimport { MapOrgUnit } from \"../interfaces/index.js\";\n\nexport const MapOrgUnitContext = createContext<{\n\torgUnitSelection: OrgUnitSelection;\n\torgUnits?: MapOrgUnit[];\n}>({\n\torgUnitSelection: { orgUnits: [] },\n\torgUnits: [],\n});\n\nexport const MapPeriodContext = createContext<\n\t| {\n\t\t\tperiods?: BasePeriod[];\n\t\t\trange?: { start: Date; end: Date };\n\t  }\n\t| undefined\n>({\n\tperiods: [],\n});\n\nexport const MapLayersContext = createContext<{\n\tlayers: CustomMapLayer[];\n\tupdateLayer: (id: string, updatedLayer: CustomMapLayer) => void;\n}>({\n\tlayers: [],\n\tupdateLayer: () => {},\n});\n"]}

package/dist/components/Map/utils/colors.js

@@ -1,10 +1,8 @@
-'use strict';
+import { hcl } from 'd3-color';
+import { isString } from 'lodash';
+import { COLOR_PALETTES } from '../constants/colors.js';
 
-var d3Color = require('d3-color');
-var lodash = require('lodash');
-var colors = require('../constants/colors');
-
-const colorbrewer = colors.COLOR_PALETTES;
+const colorbrewer = COLOR_PALETTES;
 const getColorPalette = (scale, classes) => {
   return colorbrewer?.[scale]?.[classes];
 };
@@ -13,13 +11,18 @@ const getColorClasses = (palette) => {
 };
 const getColorScale = (palette) => {
   const classes = palette.split(",").length;
-  return colorScales.find((name) => colorbrewer[name][classes]?.join(",") === palette);
+  return colorScales.find(
+    (name) => colorbrewer[name][classes]?.join(",") === palette
+  );
 };
 const defaultColorScaleName = "YlOrBr";
 const defaultClasses = 5;
-const defaultColorScale = getColorPalette(defaultColorScaleName, defaultClasses);
+const defaultColorScale = getColorPalette(
+  defaultColorScaleName,
+  defaultClasses
+);
 const cssColor = (color) => {
-  if (!lodash.isString(color)) {
+  if (!isString(color)) {
     return color;
   } else if (color === "##normal") {
     return null;
@@ -29,7 +32,10 @@ const cssColor = (color) => {
 const getUniqueColor = (defaultColors) => {
   const colors = [...defaultColors];
   function randomColor() {
-    const color = "#000000".replace(/0/g, () => (~~(Math.random() * 16)).toString(16));
+    const color = "#000000".replace(
+      /0/g,
+      () => (~~(Math.random() * 16)).toString(16)
+    );
     if (colors.includes(color)) {
       return randomColor();
     }
@@ -38,7 +44,7 @@ const getUniqueColor = (defaultColors) => {
   }
   return (index) => colors[index] || randomColor();
 };
-const isDarkColor = (color) => d3Color.hcl(color).l < 70;
+const isDarkColor = (color) => hcl(color).l < 70;
 const getContrastColor = (color) => isDarkColor(color) ? "#fff" : "#000";
 const colorScales = [
   "YlOrBr",
@@ -74,16 +80,6 @@ const colorScales = [
   "Set3"
 ];
 
-exports.colorScales = colorScales;
-exports.cssColor = cssColor;
-exports.defaultClasses = defaultClasses;
-exports.defaultColorScale = defaultColorScale;
-exports.defaultColorScaleName = defaultColorScaleName;
-exports.getColorClasses = getColorClasses;
-exports.getColorPalette = getColorPalette;
-exports.getColorScale = getColorScale;
-exports.getContrastColor = getContrastColor;
-exports.getUniqueColor = getUniqueColor;
-exports.isDarkColor = isDarkColor;
+export { colorScales, cssColor, defaultClasses, defaultColorScale, defaultColorScaleName, getColorClasses, getColorPalette, getColorScale, getContrastColor, getUniqueColor, isDarkColor };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=colors.js.map

package/dist/components/Map/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Map/utils/colors.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW;AACpB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,MAAM,cAAmC;AAGlC,MAAM,kBAAkB,CAAC,OAAe,YAAoB;AACjE,SAAO,cAAc,KAAK,IAAI,OAAO;AACvC;AAEO,MAAM,kBAAkB,CAAC,YAAoB;AAClD,SAAO,SAAS,MAAM,GAAG,GAAG;AAC9B;AAGO,MAAM,gBAAgB,CAAC,YAAoB;AAChD,QAAM,UAAU,QAAQ,MAAM,GAAG,EAAE;AACnC,SAAO,YAAY,KAAK,CAAC,SAAS,YAAY,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,OAAO;AACrF;AAEO,MAAM,wBAAwB;AAC9B,MAAM,iBAAiB;AACvB,MAAM,oBAAoB,gBAAgB,uBAAuB,cAAc;AAG/E,MAAM,WAAW,CAAC,UAAe;AACtC,MAAI,CAAC,SAAS,KAAK,GAAG;AACpB,WAAO;AAAA,EACT,WAAW,UAAU,YAAY;AAE/B,WAAO;AAAA,EACT;AACA,UAAQ,mCAAmC,KAAK,KAAK,IAAI,MAAM,MAAM;AACvE;AAGO,MAAM,iBAAiB,CAAC,kBAAuB;AACpD,QAAM,SAAS,CAAC,GAAG,aAAa;AAEhC,WAAS,cAAsB;AAC7B,UAAM,QAAQ,UAAU,QAAQ,MAAM,OAAO,CAAC,EAAE,KAAK,OAAO,IAAI,KAAK,SAAS,EAAE,CAAC;AAGjF,QAAI,OAAO,SAAS,KAAK,GAAG;AAC1B,aAAO,YAAY;AAAA,IACrB;AAEA,WAAO,KAAK,KAAK;AAEjB,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,UAAkB,OAAO,KAAK,KAAK,YAAY;AACzD;AAGO,MAAM,cAAc,CAAC,UAAkB,IAAI,KAAK,EAAE,IAAI;AAGtD,MAAM,mBAAmB,CAAC,UAAmB,YAAY,KAAK,IAAI,SAAS;AAE3E,MAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF","sourcesContent":["import { hcl } from \"d3-color\";\nimport { isString } from \"lodash\";\nimport { COLOR_PALETTES } from \"../constants/colors\";\n\nconst colorbrewer: Record<string, any> = COLOR_PALETTES;\n\n// Returns a color brewer scale for a number of classes\nexport const getColorPalette = (scale: string, classes: number) => {\n  return colorbrewer?.[scale]?.[classes];\n};\n\nexport const getColorClasses = (palette: string) => {\n  return palette?.split(\",\")?.length;\n};\n\n// Returns color scale name for a palette\nexport const getColorScale = (palette: string) => {\n  const classes = palette.split(\",\").length;\n  return colorScales.find((name) => colorbrewer[name][classes]?.join(\",\") === palette);\n};\n\nexport const defaultColorScaleName = \"YlOrBr\";\nexport const defaultClasses = 5;\nexport const defaultColorScale = getColorPalette(defaultColorScaleName, defaultClasses);\n\n// Correct colors not adhering to the css standard (add missing #)\nexport const cssColor = (color: any) => {\n  if (!isString(color)) {\n    return color;\n  } else if (color === \"##normal\") {\n    // ##normal is used in old map favorites\n    return null; // Will apply default color\n  }\n  return (/(^[0-9A-F]{6}$)|(^[0-9A-F]{3}$)/i.test(color) ? \"#\" : \"\") + color;\n};\n\n// Returns an unique color (first from an array, then random but still unique)\nexport const getUniqueColor = (defaultColors: any) => {\n  const colors = [...defaultColors];\n\n  function randomColor(): string {\n    const color = \"#000000\".replace(/0/g, () => (~~(Math.random() * 16)).toString(16));\n\n    // Recursive until color is unique\n    if (colors.includes(color)) {\n      return randomColor();\n    }\n\n    colors.push(color);\n\n    return color;\n  }\n\n  return (index: number) => colors[index] || randomColor();\n};\n\n// Returns true if a color is dark\nexport const isDarkColor = (color: string) => hcl(color).l < 70;\n\n// Returns constrasting color\nexport const getContrastColor = (color: string) => (isDarkColor(color) ? \"#fff\" : \"#000\");\nexport type LegendColorScale = typeof colorScales[number];\nexport const colorScales = [\n  \"YlOrBr\",\n  \"Reds\",\n  \"YlGn\",\n  \"Greens\",\n  \"Blues\",\n  \"BuPu\",\n  \"RdPu\",\n  \"PuRd\",\n  \"Greys\",\n  \"YlOrBr_reverse\",\n  \"Reds_reverse\",\n  \"YlGn_reverse\",\n  \"Greens_reverse\",\n  \"Blues_reverse\",\n  \"BuPu_reverse\",\n  \"RdPu_reverse\",\n  \"PuRd_reverse\",\n  \"Greys_reverse\",\n  \"PuOr\",\n  \"BrBG\",\n  \"PRGn\",\n  \"PiYG\",\n  \"RdBu\",\n  \"RdGy\",\n  \"RdYlBu\",\n  \"Spectral\",\n  \"RdYlGn\",\n  \"Paired\",\n  \"Pastel1\",\n  \"Set1\",\n  \"Set3\",\n];\n"]}
+{"version":3,"sources":["../../../../src/components/Map/utils/colors.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW;AACpB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,MAAM,cAAmC;AAGlC,MAAM,kBAAkB,CAAC,OAAe,YAAoB;AAClE,SAAO,cAAc,KAAK,IAAI,OAAO;AACtC;AAEO,MAAM,kBAAkB,CAAC,YAAoB;AACnD,SAAO,SAAS,MAAM,GAAG,GAAG;AAC7B;AAGO,MAAM,gBAAgB,CAAC,YAAoB;AACjD,QAAM,UAAU,QAAQ,MAAM,GAAG,EAAE;AACnC,SAAO,YAAY;AAAA,IAClB,CAAC,SAAS,YAAY,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM;AAAA,EACrD;AACD;AAEO,MAAM,wBAAwB;AAC9B,MAAM,iBAAiB;AACvB,MAAM,oBAAoB;AAAA,EAChC;AAAA,EACA;AACD;AAGO,MAAM,WAAW,CAAC,UAAe;AACvC,MAAI,CAAC,SAAS,KAAK,GAAG;AACrB,WAAO;AAAA,EACR,WAAW,UAAU,YAAY;AAEhC,WAAO;AAAA,EACR;AACA,UAAQ,mCAAmC,KAAK,KAAK,IAAI,MAAM,MAAM;AACtE;AAGO,MAAM,iBAAiB,CAAC,kBAAuB;AACrD,QAAM,SAAS,CAAC,GAAG,aAAa;AAEhC,WAAS,cAAsB;AAC9B,UAAM,QAAQ,UAAU;AAAA,MAAQ;AAAA,MAAM,OACpC,CAAC,EAAE,KAAK,OAAO,IAAI,KAAK,SAAS,EAAE;AAAA,IACrC;AAGA,QAAI,OAAO,SAAS,KAAK,GAAG;AAC3B,aAAO,YAAY;AAAA,IACpB;AAEA,WAAO,KAAK,KAAK;AAEjB,WAAO;AAAA,EACR;AAEA,SAAO,CAAC,UAAkB,OAAO,KAAK,KAAK,YAAY;AACxD;AAGO,MAAM,cAAc,CAAC,UAAkB,IAAI,KAAK,EAAE,IAAI;AAGtD,MAAM,mBAAmB,CAAC,UAChC,YAAY,KAAK,IAAI,SAAS;AAExB,MAAM,cAAc;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD","sourcesContent":["import { hcl } from \"d3-color\";\nimport { isString } from \"lodash\";\nimport { COLOR_PALETTES } from \"../constants/colors.js\";\n\nconst colorbrewer: Record<string, any> = COLOR_PALETTES;\n\n// Returns a color brewer scale for a number of classes\nexport const getColorPalette = (scale: string, classes: number) => {\n\treturn colorbrewer?.[scale]?.[classes];\n};\n\nexport const getColorClasses = (palette: string) => {\n\treturn palette?.split(\",\")?.length;\n};\n\n// Returns color scale name for a palette\nexport const getColorScale = (palette: string) => {\n\tconst classes = palette.split(\",\").length;\n\treturn colorScales.find(\n\t\t(name) => colorbrewer[name][classes]?.join(\",\") === palette,\n\t);\n};\n\nexport const defaultColorScaleName = \"YlOrBr\";\nexport const defaultClasses = 5;\nexport const defaultColorScale = getColorPalette(\n\tdefaultColorScaleName,\n\tdefaultClasses,\n);\n\n// Correct colors not adhering to the css standard (add missing #)\nexport const cssColor = (color: any) => {\n\tif (!isString(color)) {\n\t\treturn color;\n\t} else if (color === \"##normal\") {\n\t\t// ##normal is used in old map favorites\n\t\treturn null; // Will apply default color\n\t}\n\treturn (/(^[0-9A-F]{6}$)|(^[0-9A-F]{3}$)/i.test(color) ? \"#\" : \"\") + color;\n};\n\n// Returns an unique color (first from an array, then random but still unique)\nexport const getUniqueColor = (defaultColors: any) => {\n\tconst colors = [...defaultColors];\n\n\tfunction randomColor(): string {\n\t\tconst color = \"#000000\".replace(/0/g, () =>\n\t\t\t(~~(Math.random() * 16)).toString(16),\n\t\t);\n\n\t\t// Recursive until color is unique\n\t\tif (colors.includes(color)) {\n\t\t\treturn randomColor();\n\t\t}\n\n\t\tcolors.push(color);\n\n\t\treturn color;\n\t}\n\n\treturn (index: number) => colors[index] || randomColor();\n};\n\n// Returns true if a color is dark\nexport const isDarkColor = (color: string) => hcl(color).l < 70;\n\n// Returns constrasting color\nexport const getContrastColor = (color: string) =>\n\tisDarkColor(color) ? \"#fff\" : \"#000\";\nexport type LegendColorScale = (typeof colorScales)[number];\nexport const colorScales = [\n\t\"YlOrBr\",\n\t\"Reds\",\n\t\"YlGn\",\n\t\"Greens\",\n\t\"Blues\",\n\t\"BuPu\",\n\t\"RdPu\",\n\t\"PuRd\",\n\t\"Greys\",\n\t\"YlOrBr_reverse\",\n\t\"Reds_reverse\",\n\t\"YlGn_reverse\",\n\t\"Greens_reverse\",\n\t\"Blues_reverse\",\n\t\"BuPu_reverse\",\n\t\"RdPu_reverse\",\n\t\"PuRd_reverse\",\n\t\"Greys_reverse\",\n\t\"PuOr\",\n\t\"BrBG\",\n\t\"PRGn\",\n\t\"PiYG\",\n\t\"RdBu\",\n\t\"RdGy\",\n\t\"RdYlBu\",\n\t\"Spectral\",\n\t\"RdYlGn\",\n\t\"Paired\",\n\t\"Pastel1\",\n\t\"Set1\",\n\t\"Set3\",\n];\n"]}

package/dist/components/Map/utils/helpers.js

@@ -1,10 +1,4 @@
-'use strict';
-
-var L = require('leaflet');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var L__default = /*#__PURE__*/_interopDefault(L);
+import L from 'leaflet';
 
 const getLongestTextLength = (array, key) => array.reduce(
   (text, curr) => curr[key] && String(curr[key]).length > text.length ? String(curr[key]) : text,
@@ -14,13 +8,11 @@ function getIconUrl(icon, { baseUrl }) {
   return `${baseUrl}/images/orgunitgroup/${icon ?? "01.png"}`;
 }
 function getIcon(url) {
-  return new L__default.default.Icon({
+  return new L.Icon({
     iconUrl: url
   });
 }
 
-exports.getIcon = getIcon;
-exports.getIconUrl = getIconUrl;
-exports.getLongestTextLength = getLongestTextLength;
+export { getIcon, getIconUrl, getLongestTextLength };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=helpers.js.map

package/dist/components/Map/utils/map.js

@@ -1,7 +1,5 @@
-'use strict';
-
-var lodash = require('lodash');
-var colors = require('./colors');
+import { find, filter, isEmpty, forEach, sortBy, isString, compact } from 'lodash';
+import { getColorPalette, defaultClasses, defaultColorScaleName } from './colors.js';
 
 function highlightFeature(e, style) {
   const layer = e.target;
@@ -15,12 +13,15 @@ function getColorFromLegendSet(legends, value) {
   if (!value) {
     return "";
   }
-  const legend = lodash.find(legends ?? [], (legend2) => legend2?.startValue <= value && legend2?.endValue >= value) ?? {};
+  const legend = find(
+    legends ?? [],
+    (legend2) => legend2?.startValue <= value && legend2?.endValue >= value
+  ) ?? {};
   return legend.color ? legend.color : "transparent";
 }
 function getLegendCount(legend, data) {
   const { startValue, endValue } = legend;
-  return lodash.filter(data, (d) => d.data >= startValue && d.data <= endValue).length;
+  return filter(data, (d) => d.data >= startValue && d.data <= endValue).length;
 }
 function getOrgUnitsSelection(orgUnitSelection) {
   const orgUnits = [];
@@ -33,10 +34,18 @@ function getOrgUnitsSelection(orgUnitSelection) {
   if (orgUnitSelection.userSubX2Unit) {
     orgUnits.push("USER_ORGUNIT_GRANDCHILDREN");
   }
-  if (!lodash.isEmpty(orgUnitSelection.levels)) {
-    lodash.forEach(orgUnitSelection.levels, (level) => orgUnits.push(`LEVEL-${level}`));
+  if (!isEmpty(orgUnitSelection.levels)) {
+    forEach(
+      orgUnitSelection.levels,
+      (level) => orgUnits.push(`LEVEL-${level}`)
+    );
   }
-  return [...orgUnits, ...orgUnitSelection?.orgUnits?.map((ou) => `${ou.id}`) ?? []];
+  return [
+    ...orgUnits,
+    ...orgUnitSelection?.orgUnits?.map(
+      (ou) => `${ou.id}`
+    ) ?? []
+  ];
 }
 function sanitizeOrgUnits(metaData) {
   if (metaData) {
@@ -49,7 +58,7 @@ function sanitizeOrgUnits(metaData) {
   return [];
 }
 function toGeoJson(organisationUnits) {
-  return lodash.sortBy(organisationUnits, "le").map((ou) => {
+  return sortBy(organisationUnits, "le").map((ou) => {
     try {
       const coord = JSON.parse(ou.co);
       let gpid = "";
@@ -61,8 +70,8 @@ function toGeoJson(organisationUnits) {
           type = "MultiPolygon";
         }
       }
-      if (lodash.isString(ou.pg) && ou.pg.length) {
-        const ids = lodash.compact(ou.pg.split("/"));
+      if (isString(ou.pg) && ou.pg.length) {
+        const ids = compact(ou.pg.split("/"));
         if (ids.length >= 2) {
           gpid = ids[ids.length - 2];
         }
@@ -104,9 +113,9 @@ function sanitizeDate(startDate) {
   return startDate;
 }
 function generateLegends(maxValue, minValue, { classesCount, colorClass }) {
-  const count = classesCount ?? colors.defaultClasses;
-  const color = colorClass ?? colors.defaultColorScaleName;
-  const colorScale = [...colors.getColorPalette(color, count)].reverse();
+  const count = classesCount ?? defaultClasses;
+  const color = colorClass ?? defaultColorScaleName;
+  const colorScale = [...getColorPalette(color, count)].reverse();
   const maxLegendValue = 5 * Math.ceil(maxValue / 5);
   const range = maxLegendValue / count;
   const values = [];
@@ -124,14 +133,6 @@ function generateLegends(maxValue, minValue, { classesCount, colorClass }) {
   return values.reverse();
 }
 
-exports.generateLegends = generateLegends;
-exports.getColorFromLegendSet = getColorFromLegendSet;
-exports.getLegendCount = getLegendCount;
-exports.getOrgUnitsSelection = getOrgUnitsSelection;
-exports.highlightFeature = highlightFeature;
-exports.resetHighlight = resetHighlight;
-exports.sanitizeDate = sanitizeDate;
-exports.sanitizeOrgUnits = sanitizeOrgUnits;
-exports.toGeoJson = toGeoJson;
+export { generateLegends, getColorFromLegendSet, getLegendCount, getOrgUnitsSelection, highlightFeature, resetHighlight, sanitizeDate, sanitizeOrgUnits, toGeoJson };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=map.js.map

package/dist/components/Map/utils/map.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Map/utils/map.ts"],"names":["legend"],"mappings":"AAEA,SAAQ,SAAS,QAAQ,MAAM,SAAS,SAAS,UAAU,cAAa;AACxE,SAAQ,gBAAgB,uBAAuB,uBAAsB;AAE9D,SAAS,iBAAiB,GAAsB,OAAY;AACjE,QAAM,QAAQ,EAAE;AAChB,QAAM,SAAS,KAAK;AAEtB;AAEO,SAAS,eAAe,GAAsB,cAAmB;AACtE,QAAM,QAAQ,EAAE;AAChB,QAAM,SAAS,YAAY;AAE7B;AAEO,SAAS,sBAAsB,SAAmB,OAAwB;AAC/E,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,SAAc,KAAK,WAAW,CAAC,GAAG,CAACA,YAAgBA,SAAQ,cAAc,SAASA,SAAQ,YAAY,KAAK,KAAK,CAAC;AACvH,SAAO,OAAO,QAAQ,OAAO,QAAQ;AACvC;AAEO,SAAS,eAAe,QAAa,MAAW;AACrD,QAAM,EAAE,YAAY,SAAS,IAAI;AACjC,SAAO,OAAO,MAAM,CAAC,MAAW,EAAE,QAAQ,cAAc,EAAE,QAAQ,QAAQ,EAAE;AAC9E;AAEO,SAAS,qBAAqB,kBAAoC;AACvE,QAAM,WAAW,CAAC;AAClB,MAAI,iBAAiB,aAAa;AAChC,aAAS,KAAK,cAAc;AAAA,EAC9B;AAEA,MAAI,iBAAiB,aAAa;AAChC,aAAS,KAAK,uBAAuB;AAAA,EACvC;AAEA,MAAI,iBAAiB,eAAe;AAClC,aAAS,KAAK,4BAA4B;AAAA,EAC5C;AACA,MAAI,CAAC,QAAQ,iBAAiB,MAAM,GAAG;AACrC,YAAQ,iBAAiB,QAAQ,CAAC,UAAU,SAAS,KAAK,SAAS,KAAK,EAAE,CAAC;AAAA,EAC7E;AAEA,SAAO,CAAC,GAAG,UAAU,GAAI,kBAAkB,UAAU,IAAI,CAAC,OAAyB,GAAG,GAAG,EAAE,EAAE,KAAK,CAAC,CAAE;AACvG;AAEO,SAAS,iBAAiB,UAAe;AAC9C,MAAI,UAAU;AACZ,WAAO,UAAU,YAAY,IAAI,IAAI,CAAC,UAAkB;AAAA,MACtD,IAAI;AAAA,MACJ,MAAM,UAAU,MAAM,IAAI,GAAG;AAAA,MAC7B,MAAM,UAAU,cAAc,IAAI;AAAA,IACpC,EAAE;AAAA,EACJ;AACA,SAAO,CAAC;AACV;AAEO,SAAS,UAAU,mBAAwB;AAChD,SAAO,OAAO,mBAAmB,IAAI,EAAE,IAAI,CAAC,OAAY;AACtD,QAAI;AACF,YAAM,QAAQ,KAAK,MAAM,GAAG,EAAE;AAC9B,UAAI,OAAO;AACX,UAAI,OAAO;AACX,UAAI,OAAO;AAEX,UAAI,GAAG,OAAO,GAAG;AACf,eAAO;AACP,YAAI,GAAG,GAAG,UAAU,GAAG,CAAC,MAAM,QAAQ;AACpC,iBAAO;AAAA,QACT;AAAA,MACF;AAGA,UAAI,SAAS,GAAG,EAAE,KAAK,GAAG,GAAG,QAAQ;AACnC,cAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,CAAC;AAGpC,YAAI,IAAI,UAAU,GAAG;AACnB,iBAAO,IAAI,IAAI,SAAS,CAAC;AAAA,QAC3B;AAGA,YAAI,IAAI,SAAS,GAAG;AAClB,iBAAO,MAAM,IAAI,MAAM,GAAG,IAAI,SAAS,CAAC,EAAE,KAAK,GAAG;AAAA,QACpD;AAAA,MACF;AAEA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,GAAG;AAAA,QACP,UAAU;AAAA,UACR;AAAA,UACA,aAAa;AAAA,QACf;AAAA,QACA,YAAY;AAAA,UACV;AAAA,UACA,IAAI,GAAG;AAAA,UACP,MAAM,GAAG;AAAA,UACT,oBAAoB,GAAG;AAAA,UACvB,kBAAkB,GAAG;AAAA,UACrB,OAAO,GAAG;AAAA,UACV,wBAAwB;AAAA,UACxB,eAAe;AAAA,UACf,aAAa,GAAG;AAAA,UAChB,UAAU,GAAG;AAAA,UACb,YAAY,GAAG;AAAA,UACf,YAAY,GAAG;AAAA,QACjB;AAAA,MACF;AAAA,IACF,SAAS,GAAG;AACV,aAAO,CAAC;AAAA,IACV;AAAA,EACF,CAAC;AACH;AAEO,SAAS,aAAa,WAA2B;AACtD,MAAI,WAAW,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,GAAG;AAC1C,WAAO,WAAW,MAAM,GAAG,GAAG,QAAQ,GAAG,KAAK,GAAG;AAAA,EACnD;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,UAAkB,UAAkB,EAAE,cAAc,WAAW,GAAgE;AAC7J,QAAM,QAAgB,gBAAgB;AACtC,QAAM,QAAQ,cAAc;AAE5B,QAAM,aAAa,CAAC,GAAG,gBAAgB,OAAO,KAAK,CAAC,EAAE,QAAQ;AAE9D,QAAM,iBAAiB,IAAI,KAAK,KAAK,WAAW,CAAC;AACjD,QAAM,QAAQ,iBAAiB;AAE/B,QAAM,SAAS,CAAC;AAChB,MAAI,uBAAuB,WAAW,SAAS;AAC/C,WAAS,IAAI,GAAG,IAAI,gBAAgB,KAAK,OAAO;AAC9C,UAAM,KAAK,WAAW,oBAAoB;AAC1C,WAAO,KAAK;AAAA,MACV,YAAY,KAAK,MAAM,CAAC;AAAA,MACxB,UAAU,KAAK,MAAM,IAAI,KAAK;AAAA,MAC9B;AAAA,MACA,OAAO;AAAA,IACT,CAAC;AACD;AAAA,EACF;AAEA,SAAO,OAAO,QAAQ;AACxB","sourcesContent":["import type {Legend, OrganisationUnit, OrgUnitSelection} from \"@hisptz/dhis2-utils\";\nimport {LeafletMouseEvent} from \"leaflet\";\nimport {compact, filter, find, forEach, isEmpty, isString, sortBy} from \"lodash\";\nimport {defaultClasses, defaultColorScaleName, getColorPalette} from \"./colors\";\n\nexport function highlightFeature(e: LeafletMouseEvent, style: any) {\n  const layer = e.target;\n  layer.setStyle(style);\n  // layer.bringToFront();\n}\n\nexport function resetHighlight(e: LeafletMouseEvent, defaultStyle: any) {\n  const layer = e.target;\n  layer.setStyle(defaultStyle);\n  // layer.bringToBack();\n}\n\nexport function getColorFromLegendSet(legends: Legend[], value?: number): string {\n  if (!value) {\n    return \"\";\n  }\n  const legend: any = find(legends ?? [], (legend: any) => legend?.startValue <= value && legend?.endValue >= value) ?? {};\n  return legend.color ? legend.color : \"transparent\";\n}\n\nexport function getLegendCount(legend: any, data: any) {\n  const { startValue, endValue } = legend;\n  return filter(data, (d: any) => d.data >= startValue && d.data <= endValue).length;\n}\n\nexport function getOrgUnitsSelection(orgUnitSelection: OrgUnitSelection) {\n  const orgUnits = [];\n  if (orgUnitSelection.userOrgUnit) {\n    orgUnits.push(\"USER_ORGUNIT\");\n  }\n\n  if (orgUnitSelection.userSubUnit) {\n    orgUnits.push(\"USER_ORGUNIT_CHILDREN\");\n  }\n\n  if (orgUnitSelection.userSubX2Unit) {\n    orgUnits.push(\"USER_ORGUNIT_GRANDCHILDREN\");\n  }\n  if (!isEmpty(orgUnitSelection.levels)) {\n    forEach(orgUnitSelection.levels, (level) => orgUnits.push(`LEVEL-${level}`));\n  }\n\n  return [...orgUnits, ...(orgUnitSelection?.orgUnits?.map((ou: OrganisationUnit) => `${ou.id}`) ?? [])];\n}\n\nexport function sanitizeOrgUnits(metaData: any) {\n  if (metaData) {\n    return metaData?.dimensions?.ou?.map((ouId: string) => ({\n      id: ouId,\n      name: metaData?.items[ouId]?.name,\n      path: metaData?.ouHierarchy?.[ouId],\n    }));\n  }\n  return [];\n}\n\nexport function toGeoJson(organisationUnits: any) {\n  return sortBy(organisationUnits, \"le\").map((ou: any) => {\n    try {\n      const coord = JSON.parse(ou.co);\n      let gpid = \"\";\n      let gppg = \"\";\n      let type = \"Point\";\n\n      if (ou.ty === 2) {\n        type = \"Polygon\";\n        if (ou.co.substring(0, 4) === \"[[[[\") {\n          type = \"MultiPolygon\";\n        }\n      }\n\n      // Grand parent\n      if (isString(ou.pg) && ou.pg.length) {\n        const ids = compact(ou.pg.split(\"/\"));\n\n        // Grand parent id\n        if (ids.length >= 2) {\n          gpid = ids[ids.length - 2] as string;\n        }\n\n        // Grand parent parent graph\n        if (ids.length > 2) {\n          gppg = \"/\" + ids.slice(0, ids.length - 2).join(\"/\");\n        }\n      }\n\n      return {\n        type: \"Feature\",\n        id: ou.id,\n        geometry: {\n          type,\n          coordinates: coord,\n        },\n        properties: {\n          type,\n          id: ou.id,\n          name: ou.na,\n          hasCoordinatesDown: ou.hcd,\n          hasCoordinatesUp: ou.hcu,\n          level: ou.le,\n          grandParentParentGraph: gppg,\n          grandParentId: gpid,\n          parentGraph: ou.pg,\n          parentId: ou.pi,\n          parentName: ou.pn,\n          dimensions: ou.dimensions,\n        },\n      };\n    } catch (e) {\n      return {};\n    }\n  });\n}\n\nexport function sanitizeDate(startDate: string): string {\n  if (startDate?.split(\"-\")?.[0]?.length < 4) {\n    return startDate?.split(\"-\")?.reverse()?.join(\"-\");\n  }\n  return startDate;\n}\n\nexport function generateLegends(maxValue: number, minValue: number, { classesCount, colorClass }: { classesCount: number; colorClass: string }): Array<Legend> {\n  const count: number = classesCount ?? defaultClasses;\n  const color = colorClass ?? defaultColorScaleName;\n\n  const colorScale = [...getColorPalette(color, count)].reverse();\n\n  const maxLegendValue = 5 * Math.ceil(maxValue / 5);\n  const range = maxLegendValue / count;\n\n  const values = [];\n  let legendColorsIterator = colorScale.length - 1;\n  for (let i = 0; i < maxLegendValue; i += range) {\n    const id = colorScale[legendColorsIterator];\n    values.push({\n      startValue: Math.floor(i),\n      endValue: Math.floor(i + range),\n      id,\n      color: id,\n    });\n    legendColorsIterator--;\n  }\n\n  return values.reverse();\n}\n"]}
+{"version":3,"sources":["../../../../src/components/Map/utils/map.ts"],"names":["legend"],"mappings":"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","sourcesContent":["import type {\n\tLegend,\n\tOrganisationUnit,\n\tOrgUnitSelection,\n} from \"@hisptz/dhis2-utils\";\nimport { LeafletMouseEvent } from \"leaflet\";\nimport {\n\tcompact,\n\tfilter,\n\tfind,\n\tforEach,\n\tisEmpty,\n\tisString,\n\tsortBy,\n} from \"lodash\";\nimport {\n\tdefaultClasses,\n\tdefaultColorScaleName,\n\tgetColorPalette,\n} from \"./colors.js\";\n\nexport function highlightFeature(e: LeafletMouseEvent, style: any) {\n\tconst layer = e.target;\n\tlayer.setStyle(style);\n\t// layer.bringToFront();\n}\n\nexport function resetHighlight(e: LeafletMouseEvent, defaultStyle: any) {\n\tconst layer = e.target;\n\tlayer.setStyle(defaultStyle);\n\t// layer.bringToBack();\n}\n\nexport function getColorFromLegendSet(\n\tlegends: Legend[],\n\tvalue?: number,\n): string {\n\tif (!value) {\n\t\treturn \"\";\n\t}\n\tconst legend: any =\n\t\tfind(\n\t\t\tlegends ?? [],\n\t\t\t(legend: any) =>\n\t\t\t\tlegend?.startValue <= value && legend?.endValue >= value,\n\t\t) ?? {};\n\treturn legend.color ? legend.color : \"transparent\";\n}\n\nexport function getLegendCount(legend: any, data: any) {\n\tconst { startValue, endValue } = legend;\n\treturn filter(data, (d: any) => d.data >= startValue && d.data <= endValue)\n\t\t.length;\n}\n\nexport function getOrgUnitsSelection(orgUnitSelection: OrgUnitSelection) {\n\tconst orgUnits = [];\n\tif (orgUnitSelection.userOrgUnit) {\n\t\torgUnits.push(\"USER_ORGUNIT\");\n\t}\n\n\tif (orgUnitSelection.userSubUnit) {\n\t\torgUnits.push(\"USER_ORGUNIT_CHILDREN\");\n\t}\n\n\tif (orgUnitSelection.userSubX2Unit) {\n\t\torgUnits.push(\"USER_ORGUNIT_GRANDCHILDREN\");\n\t}\n\tif (!isEmpty(orgUnitSelection.levels)) {\n\t\tforEach(orgUnitSelection.levels, (level) =>\n\t\t\torgUnits.push(`LEVEL-${level}`),\n\t\t);\n\t}\n\n\treturn [\n\t\t...orgUnits,\n\t\t...(orgUnitSelection?.orgUnits?.map(\n\t\t\t(ou: OrganisationUnit) => `${ou.id}`,\n\t\t) ?? []),\n\t];\n}\n\nexport function sanitizeOrgUnits(metaData: any) {\n\tif (metaData) {\n\t\treturn metaData?.dimensions?.ou?.map((ouId: string) => ({\n\t\t\tid: ouId,\n\t\t\tname: metaData?.items[ouId]?.name,\n\t\t\tpath: metaData?.ouHierarchy?.[ouId],\n\t\t}));\n\t}\n\treturn [];\n}\n\nexport function toGeoJson(organisationUnits: any) {\n\treturn sortBy(organisationUnits, \"le\").map((ou: any) => {\n\t\ttry {\n\t\t\tconst coord = JSON.parse(ou.co);\n\t\t\tlet gpid = \"\";\n\t\t\tlet gppg = \"\";\n\t\t\tlet type = \"Point\";\n\n\t\t\tif (ou.ty === 2) {\n\t\t\t\ttype = \"Polygon\";\n\t\t\t\tif (ou.co.substring(0, 4) === \"[[[[\") {\n\t\t\t\t\ttype = \"MultiPolygon\";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Grand parent\n\t\t\tif (isString(ou.pg) && ou.pg.length) {\n\t\t\t\tconst ids = compact(ou.pg.split(\"/\"));\n\n\t\t\t\t// Grand parent id\n\t\t\t\tif (ids.length >= 2) {\n\t\t\t\t\tgpid = ids[ids.length - 2] as string;\n\t\t\t\t}\n\n\t\t\t\t// Grand parent parent graph\n\t\t\t\tif (ids.length > 2) {\n\t\t\t\t\tgppg = \"/\" + ids.slice(0, ids.length - 2).join(\"/\");\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ttype: \"Feature\",\n\t\t\t\tid: ou.id,\n\t\t\t\tgeometry: {\n\t\t\t\t\ttype,\n\t\t\t\t\tcoordinates: coord,\n\t\t\t\t},\n\t\t\t\tproperties: {\n\t\t\t\t\ttype,\n\t\t\t\t\tid: ou.id,\n\t\t\t\t\tname: ou.na,\n\t\t\t\t\thasCoordinatesDown: ou.hcd,\n\t\t\t\t\thasCoordinatesUp: ou.hcu,\n\t\t\t\t\tlevel: ou.le,\n\t\t\t\t\tgrandParentParentGraph: gppg,\n\t\t\t\t\tgrandParentId: gpid,\n\t\t\t\t\tparentGraph: ou.pg,\n\t\t\t\t\tparentId: ou.pi,\n\t\t\t\t\tparentName: ou.pn,\n\t\t\t\t\tdimensions: ou.dimensions,\n\t\t\t\t},\n\t\t\t};\n\t\t} catch (e) {\n\t\t\treturn {};\n\t\t}\n\t});\n}\n\nexport function sanitizeDate(startDate: string): string {\n\tif (startDate?.split(\"-\")?.[0]?.length < 4) {\n\t\treturn startDate?.split(\"-\")?.reverse()?.join(\"-\");\n\t}\n\treturn startDate;\n}\n\nexport function generateLegends(\n\tmaxValue: number,\n\tminValue: number,\n\t{ classesCount, colorClass }: { classesCount: number; colorClass: string },\n): Array<Legend> {\n\tconst count: number = classesCount ?? defaultClasses;\n\tconst color = colorClass ?? defaultColorScaleName;\n\n\tconst colorScale = [...getColorPalette(color, count)].reverse();\n\n\tconst maxLegendValue = 5 * Math.ceil(maxValue / 5);\n\tconst range = maxLegendValue / count;\n\n\tconst values = [];\n\tlet legendColorsIterator = colorScale.length - 1;\n\tfor (let i = 0; i < maxLegendValue; i += range) {\n\t\tconst id = colorScale[legendColorsIterator];\n\t\tvalues.push({\n\t\t\tstartValue: Math.floor(i),\n\t\t\tendValue: Math.floor(i + range),\n\t\t\tid,\n\t\t\tcolor: id,\n\t\t});\n\t\tlegendColorsIterator--;\n\t}\n\n\treturn values.reverse();\n}\n"]}

package/dist/components/SingleValueContainer/SingleValueContainer.stories.js

@@ -1,12 +1,8 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SingleValueVisualizer = require('./SingleValueVisualizer');
+import { SingleValueVisualizer } from './SingleValueVisualizer';
 
 const meta = {
   title: "Single Value Visualizer",
-  component: SingleValueVisualizer.SingleValueVisualizer
+  component: SingleValueVisualizer
 };
 var SingleValueContainer_stories_default = meta;
 const Default = {
@@ -144,10 +140,6 @@ SingleValuesWithDecimalPlaces.args = {
   ]
 };
 
-exports.AnimatedAllValues = AnimatedAllValues;
-exports.AnimatedSingleValue = AnimatedSingleValue;
-exports.Default = Default;
-exports.SingleValuesWithDecimalPlaces = SingleValuesWithDecimalPlaces;
-exports.default = SingleValueContainer_stories_default;
+export { AnimatedAllValues, AnimatedSingleValue, Default, SingleValuesWithDecimalPlaces, SingleValueContainer_stories_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValueContainer.stories.js.map