npm - @hisptz/dhis2-analytics - Versions diffs - 2.0.0-alpha.0 → 2.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (726) hide show

package/dist/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/components/ColorScale/index.js CHANGED Viewed

@@ -2,14 +2,19 @@
 var jsxRuntime = require('react/jsx-runtime');
 var styles = require('../../styles/ColorScale.module.css');
-var colors = require('../../constants/colors');
+var colors_js = require('../../constants/colors.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var styles__default = /*#__PURE__*/_interopDefault(styles);
-const ColorScale = ({ scale, bins, width, onClick }) => {
-  const colors$1 = colors.COLOR_PALETTES?.[scale]?.[bins];
+const ColorScale = ({
+  scale,
+  bins,
+  width,
+  onClick
+}) => {
+  const colors = colors_js.COLOR_PALETTES?.[scale]?.[bins];
   const itemWidth = width ? width / bins : 36;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
@@ -19,7 +24,14 @@ const ColorScale = ({ scale, bins, width, onClick }) => {
       style: {
         ...width && { width }
       },
-      children: colors$1.map((color, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles__default.default.item, style: { backgroundColor: color, width: itemWidth } }, index))
+      children: colors.map((color, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "li",
+        {
+          className: styles__default.default.item,
+          style: { backgroundColor: color, width: itemWidth }
+        },
+        index
+      ))
     }
   );
 };

package/dist/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/components/ColorScale/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/components/ColorScale/index.tsx"],"names":[],"mappings":"~~AAiBQ~~;~~AAhBR~~,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAG/B,MAAM,aAAa,CAAC,~~EAAE~~,~~OAAO~~,~~MAAM~~,~~OAAO~~,~~QAAQ,MAAwF~~;~~AACxI~~,QAAM,SAAU,iBAAyB,KAAK,IAAI,IAAI;AACtD,QAAM,YAAY,QAAQ,QAAQ,OAAO;AAEzC,~~SACE~~;AAAA,IAAC;AAAA;AAAA,~~MACC~~,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,WAAW,OAAO;AAAA,MAClB,OAAO;AAAA,~~QACL~~,GAAI,SAAS,EAAE,MAAM;AAAA,~~MACvB~~;AAAA,~~MACC~~,iBAAO,IAAI,CAAC,OAAe,~~UAC1B~~,~~oBAAC~~,~~QAAe~~,WAAW,OAAO,~~MAAM~~,OAAO,EAAE,iBAAiB,OAAO,OAAO,UAAU,~~KAAjF~~,~~KAAoF~~,~~CAC9F~~;AAAA;AAAA,~~EACH~~;~~AAEJ~~;AAEA,IAAO,qBAAQ","sourcesContent":["import React from \"react\";\nimport styles from \"../../styles/ColorScale.module.css\";\nimport { COLOR_PALETTES } from \"../../constants/colors\";\n\n// Returns one color scale based on a code and number of classes\nconst ColorScale = ({ ~~scale, bins, width, onClick~~ }: { ~~scale~~: string~~; bins~~: number~~; width~~: number~~; onClick~~: (scale: string) => void }) => {\n ~~const~~ colors = (COLOR_PALETTES as any)?.[scale]?.[bins];\n ~~const~~ itemWidth = width ? width / bins : 36;\n\n ~~return~~ (\n <ul\n ~~onClick~~={() => onClick(scale)}\n ~~className~~={styles.colorScale}\n ~~style~~={{\n ...(width && { width }),\n }}>\n {colors.map((color: string, index: number) => (\n <li ~~key~~={index} ~~className~~={styles.item} ~~style~~={{ backgroundColor: color, width: itemWidth }} />\n ))}\n </ul>\n );\n};\n\nexport default ColorScale;\n"]}
1	+ {"version":3,"sources":["../../../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/components/ColorScale/index.tsx"],"names":[],"mappings":"AA4BI;AA3BJ,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAG/B,MAAM,aAAa,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAKM;AACL,QAAM,SAAU,iBAAyB,KAAK,IAAI,IAAI;AACtD,QAAM,YAAY,QAAQ,QAAQ,OAAO;AAEzC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,WAAW,OAAO;AAAA,MAClB,OAAO;AAAA,QACN,GAAI,SAAS,EAAE,MAAM;AAAA,MACtB;AAAA,MAEC,iBAAO,IAAI,CAAC,OAAe,UAC3B;AAAA,QAAC;AAAA;AAAA,UAEA,WAAW,OAAO;AAAA,UAClB,OAAO,EAAE,iBAAiB,OAAO,OAAO,UAAU;AAAA;AAAA,QAF7C;AAAA,MAGN,CACA;AAAA;AAAA,EACF;AAEF;AAEA,IAAO,qBAAQ","sourcesContent":["import React from \"react\";\nimport styles from \"../../styles/ColorScale.module.css\";\nimport { COLOR_PALETTES } from \"../../constants/colors.js\";\n\n// Returns one color scale based on a code and number of classes\nconst ColorScale = ({\n\tscale,\n\tbins,\n\twidth,\n\tonClick,\n}: {\n\tscale: string;\n\tbins: number;\n\twidth: number;\n\tonClick: (scale: string) => void;\n}) => {\n\tconst colors = (COLOR_PALETTES as any)?.[scale]?.[bins];\n\tconst itemWidth = width ? width / bins : 36;\n\n\treturn (\n\t\t<ul\n\t\t\tonClick={() => onClick(scale)}\n\t\t\tclassName={styles.colorScale}\n\t\t\tstyle={{\n\t\t\t\t...(width && { width }),\n\t\t\t}}\n\t\t>\n\t\t\t{colors.map((color: string, index: number) => (\n\t\t\t\t<li\n\t\t\t\t\tkey={index}\n\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\tstyle={{ backgroundColor: color, width: itemWidth }}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</ul>\n\t);\n};\n\nexport default ColorScale;\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/index.js CHANGED Viewed

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var ui = require('@dhis2/ui');
 var cx = require('classnames');
-var ColorScale = require('./components/ColorScale');
+var ColorScale = require('./components/ColorScale/index.js');
 var styles = require('./styles/ColorScaleSelect.module.css');
-var colors = require('./utils/colors');
+var colors_js = require('./utils/colors.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -23,9 +23,9 @@ const ColorScaleSelect = ({
 }) => {
   const [isOpen, setIsOpen] = react.useState(false);
   const anchorRef = react.useRef(null);
-  const palette = colors.getColorPalette(colorClass, count);
+  const palette = colors_js.getColorPalette(colorClass, count);
   const bins = palette.split(",").length;
-  const scale = colors.getColorScale(palette) ?? colors.defaultColorScale;
+  const scale = colors_js.getColorScale(palette) ?? colors_js.defaultColorScale;
   const onColorScaleSelect = (scale2) => {
     onChange(scale2);
     setIsOpen(false);
@@ -35,7 +35,7 @@ const ColorScaleSelect = ({
       ColorScale__default.default,
       {
         bins,
-        scale: scale ?? colors.defaultColorScaleName,
+        scale: scale ?? colors_js.defaultColorScaleName,
         onClick: () => setIsOpen(true),
         width: width || 260
       }
@@ -56,7 +56,7 @@ const ColorScaleSelect = ({
               height: "100%",
               overflow: "auto"
             },
-            children: colors.colorScales.map((scale2, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: colors_js.colorScales.map((scale2, index) => /* @__PURE__ */ jsxRuntime.jsx(
               ColorScale__default.default,
               {
                 scale: scale2,

package/dist/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/index.tsx"],"names":["scale"],"mappings":"AAsCE,SAEE,KAFF;AAtCF,SAAgB,UAAU,QAAQ,gBAAgB;AAClD,SAAS,eAAe;AACxB,OAAO,QAAQ;AACf,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,MAAM,mBAAmB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAMM;AACL,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,UAAU,gBAAgB,YAAY,KAAK;AACjD,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE;AAChC,QAAM,QAAQ,cAAc,OAAO,KAAK;AAExC,QAAM,qBAAqB,CAACA,WAAkB;AAC7C,aAASA,MAAK;AACd,cAAU,KAAK;AAAA,EAChB;AAEA,SACC,qBAAC,YACA;AAAA,wBAAC,SAAI,KAAK,WAAW,WAAW,GAAG,OAAO,YAAY,SAAS,GAC9D;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,OAAO,SAAS;AAAA,QAChB,SAAS,MAAM,UAAU,IAAI;AAAA,QAC7B,OAAO,SAAS;AAAA;AAAA,IACjB,GACD;AAAA,IACC,UACA;AAAA,MAAC;AAAA;AAAA,QACA,WAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAU;AAAA,QACV,gBAAgB,MAAM,UAAU,KAAK;AAAA,QAErC;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,OAAO;AAAA,YAClB,OAAO;AAAA,cACN,OAAO,QAAQ,MAAM;AAAA,cACrB,QAAQ;AAAA,cACR,UAAU;AAAA,YACX;AAAA,YAEC,sBAAY,IAAI,CAACA,QAAO,UACxB;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAOA;AAAA,gBACP;AAAA,gBACA,SAAS;AAAA,gBACT,OAAO,SAAS;AAAA;AAAA,cAJX;AAAA,YAKN,CACA;AAAA;AAAA,QACF;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,IAAO,2BAAQ","sourcesContent":["import React, { Fragment, useRef, useState } from \"react\";\nimport { Popover } from \"@dhis2/ui\";\nimport cx from \"classnames\";\nimport ColorScale from \"./components/ColorScale\";\nimport styles from \"./styles/ColorScaleSelect.module.css\";\nimport {\n\tcolorScales,\n\tdefaultColorScale,\n\tdefaultColorScaleName,\n\tgetColorPalette,\n\tgetColorScale,\n} from \"./utils/colors\";\n\nconst ColorScaleSelect = ({\n\tcolorClass,\n\tcount,\n\twidth,\n\tonChange,\n\tclassName,\n}: {\n\tclassName?: string;\n\tcount: number;\n\twidth: number;\n\tonChange: (palette: string) => void;\n\tcolorClass: string;\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst anchorRef = useRef<HTMLDivElement>(null);\n\tconst palette = getColorPalette(colorClass, count);\n\tconst bins = palette.split(\",\").length;\n\tconst scale = getColorScale(palette) ?? defaultColorScale;\n\n\tconst onColorScaleSelect = (scale: string) => {\n\t\tonChange(scale);\n\t\tsetIsOpen(false);\n\t};\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<div ref={anchorRef} className={cx(styles.colorScale, className)}>\n\t\t\t\t<ColorScale\n\t\t\t\t\tbins={bins}\n\t\t\t\t\tscale={scale ?? defaultColorScaleName}\n\t\t\t\t\tonClick={() => setIsOpen(true)}\n\t\t\t\t\twidth={width \|\| 260}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{isOpen && (\n\t\t\t\t<Popover\n\t\t\t\t\treference={anchorRef}\n\t\t\t\t\tarrow={false}\n\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\tonClickOutside={() => setIsOpen(false)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={styles.popover}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: width + 24 \|\| 260,\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\toverflow: \"auto\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{colorScales.map((scale, index) => (\n\t\t\t\t\t\t\t<ColorScale\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\tscale={scale}\n\t\t\t\t\t\t\t\tbins={bins}\n\t\t\t\t\t\t\t\tonClick={onColorScaleSelect}\n\t\t\t\t\t\t\t\twidth={width \|\| 260}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nexport default ColorScaleSelect;\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/index.tsx"],"names":["scale"],"mappings":"AAsCE,SAEE,KAFF;AAtCF,SAAgB,UAAU,QAAQ,gBAAgB;AAClD,SAAS,eAAe;AACxB,OAAO,QAAQ;AACf,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,MAAM,mBAAmB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAMM;AACL,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,UAAU,gBAAgB,YAAY,KAAK;AACjD,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE;AAChC,QAAM,QAAQ,cAAc,OAAO,KAAK;AAExC,QAAM,qBAAqB,CAACA,WAAkB;AAC7C,aAASA,MAAK;AACd,cAAU,KAAK;AAAA,EAChB;AAEA,SACC,qBAAC,YACA;AAAA,wBAAC,SAAI,KAAK,WAAW,WAAW,GAAG,OAAO,YAAY,SAAS,GAC9D;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,OAAO,SAAS;AAAA,QAChB,SAAS,MAAM,UAAU,IAAI;AAAA,QAC7B,OAAO,SAAS;AAAA;AAAA,IACjB,GACD;AAAA,IACC,UACA;AAAA,MAAC;AAAA;AAAA,QACA,WAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAU;AAAA,QACV,gBAAgB,MAAM,UAAU,KAAK;AAAA,QAErC;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,OAAO;AAAA,YAClB,OAAO;AAAA,cACN,OAAO,QAAQ,MAAM;AAAA,cACrB,QAAQ;AAAA,cACR,UAAU;AAAA,YACX;AAAA,YAEC,sBAAY,IAAI,CAACA,QAAO,UACxB;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAOA;AAAA,gBACP;AAAA,gBACA,SAAS;AAAA,gBACT,OAAO,SAAS;AAAA;AAAA,cAJX;AAAA,YAKN,CACA;AAAA;AAAA,QACF;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,IAAO,2BAAQ","sourcesContent":["import React, { Fragment, useRef, useState } from \"react\";\nimport { Popover } from \"@dhis2/ui\";\nimport cx from \"classnames\";\nimport ColorScale from \"./components/ColorScale/index.js\";\nimport styles from \"./styles/ColorScaleSelect.module.css\";\nimport {\n\tcolorScales,\n\tdefaultColorScale,\n\tdefaultColorScaleName,\n\tgetColorPalette,\n\tgetColorScale,\n} from \"./utils/colors.js\";\n\nconst ColorScaleSelect = ({\n\tcolorClass,\n\tcount,\n\twidth,\n\tonChange,\n\tclassName,\n}: {\n\tclassName?: string;\n\tcount: number;\n\twidth: number;\n\tonChange: (palette: string) => void;\n\tcolorClass: string;\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst anchorRef = useRef<HTMLDivElement>(null);\n\tconst palette = getColorPalette(colorClass, count);\n\tconst bins = palette.split(\",\").length;\n\tconst scale = getColorScale(palette) ?? defaultColorScale;\n\n\tconst onColorScaleSelect = (scale: string) => {\n\t\tonChange(scale);\n\t\tsetIsOpen(false);\n\t};\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<div ref={anchorRef} className={cx(styles.colorScale, className)}>\n\t\t\t\t<ColorScale\n\t\t\t\t\tbins={bins}\n\t\t\t\t\tscale={scale ?? defaultColorScaleName}\n\t\t\t\t\tonClick={() => setIsOpen(true)}\n\t\t\t\t\twidth={width \|\| 260}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{isOpen && (\n\t\t\t\t<Popover\n\t\t\t\t\treference={anchorRef}\n\t\t\t\t\tarrow={false}\n\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\tonClickOutside={() => setIsOpen(false)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={styles.popover}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: width + 24 \|\| 260,\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\toverflow: \"auto\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{colorScales.map((scale, index) => (\n\t\t\t\t\t\t\t<ColorScale\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\tscale={scale}\n\t\t\t\t\t\t\t\tbins={bins}\n\t\t\t\t\t\t\t\tonClick={onColorScaleSelect}\n\t\t\t\t\t\t\t\twidth={width \|\| 260}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nexport default ColorScaleSelect;\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/utils/colors.js CHANGED Viewed

@@ -2,19 +2,24 @@
 var d3Color = require('d3-color');
 var lodash = require('lodash');
-var colors = require('../constants/colors');
+var colors_js = require('../constants/colors.js');
-const colorbrewer = colors.COLOR_PALETTES;
+const colorbrewer = colors_js.COLOR_PALETTES;
 const getColorPalette = (scale, classes) => {
   return colorbrewer[scale][classes].join(",");
 };
 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)) {
     return color;
@@ -26,7 +31,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();
     }

package/dist/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/utils/colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/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,YAAY,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG;~~AAC7C~~;AAGO,MAAM,gBAAgB,CAAC,YAAoB;~~AAChD~~,QAAM,UAAU,QAAQ,MAAM,GAAG,EAAE;AACnC,SAAO,YAAY,~~KAAK~~,CAAC,SAAS,YAAY,IAAI,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,~~OAAO~~;~~AACvF~~;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].join(\",\");\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"]}
1	+ {"version":3,"sources":["../../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/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,YAAY,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG;AAC5C;AAGO,MAAM,gBAAgB,CAAC,YAAoB;AACjD,QAAM,UAAU,QAAQ,MAAM,GAAG,EAAE;AACnC,SAAO,YAAY;AAAA,IAClB,CAAC,SAAS,YAAY,IAAI,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM;AAAA,EACvD;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].join(\",\");\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/components/ThematicLayerConfiguration/components/CustomLegend/index.js CHANGED Viewed

@@ -3,9 +3,9 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactHookForm = require('react-hook-form');
 var ui = require('@dhis2/ui');
-var colors = require('../../../../utils/colors');
+var colors_js = require('../../../../utils/colors.js');
 var i18n = require('@dhis2/d2-i18n');
-var ColorScaleSelect = require('../ColorScaleSelect');
+var ColorScaleSelect = require('../ColorScaleSelect/index.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -26,7 +26,7 @@ function CustomLegend() {
           {
             validationText: fieldState.error?.message,
             error: Boolean(fieldState.error),
-            selected: field.value?.toString() ?? colors.defaultClasses.toString(),
+            selected: field.value?.toString() ?? colors_js.defaultClasses.toString(),
             label: i18n__default.default.t("Classes"),
             onChange: ({ selected }) => field.onChange(parseInt(selected)),
             children: [3, 4, 5, 6, 7, 8, 9].map((value) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -48,8 +48,8 @@ function CustomLegend() {
         render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Field, { label: i18n__default.default.t("Colors"), children: /* @__PURE__ */ jsxRuntime.jsx(
           ColorScaleSelect__default.default,
           {
-            count: scale ?? colors.defaultClasses,
-            colorClass: field.value ?? colors.defaultColorScaleName,
+            count: scale ?? colors_js.defaultClasses,
+            colorClass: field.value ?? colors_js.defaultColorScaleName,
             width: 300,
             onChange: field.onChange
           }

package/dist/components/Map/components/ThematicLayerConfiguration/components/CustomLegend/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/CustomLegend/index.tsx"],"names":[],"mappings":"AAgBE,SAkBM,KAlBN;AAhBF,SAAS,YAAY,gBAAgB;AACrC,SAAS,OAAO,mBAAmB,0BAA0B;AAC7D;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AACjB,OAAO,sBAAsB;AAGtB,SAAS,eAAe;AAC9B,QAAM,QAAQ,SAAS;AAAA,IACtB,MAAM;AAAA,EACP,CAAC;AAED,SACC,qBAAC,SAAI,WAAU,4BACd;AAAA,wBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAC1B;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,UAAC;AAAA;AAAA,YACA,gBAAgB,WAAW,OAAO;AAAA,YAClC,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,UACC,MAAM,OAAO,SAAS,KACtB,eAAe,SAAS;AAAA,YAEzB,OAAO,KAAK,EAAE,SAAS;AAAA,YACvB,UAAU,CAAC,EAAE,SAAS,MACrB,MAAM,SAAS,SAAS,QAAQ,CAAC;AAAA,YAGjC,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,UAC3B;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAO,GAAG,KAAK;AAAA,gBACf,OAAO,OAAO,SAAS;AAAA;AAAA,cAFlB,GAAG,KAAK;AAAA,YAGd,CACA;AAAA;AAAA,QACF;AAAA;AAAA,IAEF,GACD;AAAA,IACA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAC1B;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,MAAM,MAChB,oBAAC,SAAM,OAAO,KAAK,EAAE,QAAQ,GAC5B;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,SAAS;AAAA,YAChB,YACC,MAAM,SAAS;AAAA,YAEhB,OAAO;AAAA,YACP,UAAU,MAAM;AAAA;AAAA,QACjB,GACD;AAAA;AAAA,IAEF,GACD;AAAA,KACD;AAEF","sourcesContent":["import { Controller, useWatch } from \"react-hook-form\";\nimport { Field, SingleSelectField, SingleSelectOption } from \"@dhis2/ui\";\nimport {\n\tdefaultClasses,\n\tdefaultColorScaleName,\n} from \"../../../../utils/colors\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport ColorScaleSelect from \"../ColorScaleSelect\";\nimport React from \"react\";\n\nexport function CustomLegend() {\n\tconst scale = useWatch({\n\t\tname: \"dataItem.legendConfig.scale\",\n\t});\n\n\treturn (\n\t\t<div className=\"row gap-16 space-between\">\n\t\t\t<div style={{ width: \"30%\" }}>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"dataItem.legendConfig.scale\"\n\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\tfield.value?.toString() ??\n\t\t\t\t\t\t\t\tdefaultClasses.toString()\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Classes\")}\n\t\t\t\t\t\t\tonChange={({ selected }: { selected: string }) =>\n\t\t\t\t\t\t\t\tfield.onChange(parseInt(selected))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{[3, 4, 5, 6, 7, 8, 9].map((value) => (\n\t\t\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\t\t\tkey={`${value}-classes-option`}\n\t\t\t\t\t\t\t\t\tlabel={`${value}`}\n\t\t\t\t\t\t\t\t\tvalue={value?.toString()}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</SingleSelectField>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ width: \"70%\" }}>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"dataItem.legendConfig.colorClass\"\n\t\t\t\t\trender={({ field }) => (\n\t\t\t\t\t\t<Field label={i18n.t(\"Colors\")}>\n\t\t\t\t\t\t\t<ColorScaleSelect\n\t\t\t\t\t\t\t\tcount={scale ?? defaultClasses}\n\t\t\t\t\t\t\t\tcolorClass={\n\t\t\t\t\t\t\t\t\tfield.value ?? defaultColorScaleName\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\twidth={300}\n\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/CustomLegend/index.tsx"],"names":[],"mappings":"AAgBE,SAkBM,KAlBN;AAhBF,SAAS,YAAY,gBAAgB;AACrC,SAAS,OAAO,mBAAmB,0BAA0B;AAC7D;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AACjB,OAAO,sBAAsB;AAGtB,SAAS,eAAe;AAC9B,QAAM,QAAQ,SAAS;AAAA,IACtB,MAAM;AAAA,EACP,CAAC;AAED,SACC,qBAAC,SAAI,WAAU,4BACd;AAAA,wBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAC1B;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,UAAC;AAAA;AAAA,YACA,gBAAgB,WAAW,OAAO;AAAA,YAClC,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,UACC,MAAM,OAAO,SAAS,KACtB,eAAe,SAAS;AAAA,YAEzB,OAAO,KAAK,EAAE,SAAS;AAAA,YACvB,UAAU,CAAC,EAAE,SAAS,MACrB,MAAM,SAAS,SAAS,QAAQ,CAAC;AAAA,YAGjC,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,UAC3B;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAO,GAAG,KAAK;AAAA,gBACf,OAAO,OAAO,SAAS;AAAA;AAAA,cAFlB,GAAG,KAAK;AAAA,YAGd,CACA;AAAA;AAAA,QACF;AAAA;AAAA,IAEF,GACD;AAAA,IACA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAC1B;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,MAAM,MAChB,oBAAC,SAAM,OAAO,KAAK,EAAE,QAAQ,GAC5B;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,SAAS;AAAA,YAChB,YACC,MAAM,SAAS;AAAA,YAEhB,OAAO;AAAA,YACP,UAAU,MAAM;AAAA;AAAA,QACjB,GACD;AAAA;AAAA,IAEF,GACD;AAAA,KACD;AAEF","sourcesContent":["import { Controller, useWatch } from \"react-hook-form\";\nimport { Field, SingleSelectField, SingleSelectOption } from \"@dhis2/ui\";\nimport {\n\tdefaultClasses,\n\tdefaultColorScaleName,\n} from \"../../../../utils/colors.js\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport ColorScaleSelect from \"../ColorScaleSelect/index.js\";\nimport React from \"react\";\n\nexport function CustomLegend() {\n\tconst scale = useWatch({\n\t\tname: \"dataItem.legendConfig.scale\",\n\t});\n\n\treturn (\n\t\t<div className=\"row gap-16 space-between\">\n\t\t\t<div style={{ width: \"30%\" }}>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"dataItem.legendConfig.scale\"\n\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\tfield.value?.toString() ??\n\t\t\t\t\t\t\t\tdefaultClasses.toString()\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Classes\")}\n\t\t\t\t\t\t\tonChange={({ selected }: { selected: string }) =>\n\t\t\t\t\t\t\t\tfield.onChange(parseInt(selected))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{[3, 4, 5, 6, 7, 8, 9].map((value) => (\n\t\t\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\t\t\tkey={`${value}-classes-option`}\n\t\t\t\t\t\t\t\t\tlabel={`${value}`}\n\t\t\t\t\t\t\t\t\tvalue={value?.toString()}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</SingleSelectField>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ width: \"70%\" }}>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"dataItem.legendConfig.colorClass\"\n\t\t\t\t\trender={({ field }) => (\n\t\t\t\t\t\t<Field label={i18n.t(\"Colors\")}>\n\t\t\t\t\t\t\t<ColorScaleSelect\n\t\t\t\t\t\t\t\tcount={scale ?? defaultClasses}\n\t\t\t\t\t\t\t\tcolorClass={\n\t\t\t\t\t\t\t\t\tfield.value ?? defaultColorScaleName\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\twidth={300}\n\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

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

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

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

	@@ -1 +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"]}
1	+ {"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/hooks/map.js CHANGED Viewed

@@ -2,13 +2,13 @@
 var leaflet = require('leaflet');
 var react = require('react');
-var hooks = require('../components/MapProvider/hooks');
+var index_js = require('../components/MapProvider/hooks/index.js');
 var usehooksTs = require('usehooks-ts');
 var lodash = require('lodash');
 var reactLeaflet = require('react-leaflet');
 function useMapBounds() {
-  const { orgUnits } = hooks.useMapOrganisationUnit();
+  const { orgUnits } = index_js.useMapOrganisationUnit();
   const geoJSONObject = react.useMemo(
     () => leaflet.geoJSON({
       type: "FeatureCollection",

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

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -1,41 +1,41 @@
 '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');
+var DHIS2Map_js = require('./DHIS2Map.js');
+var index_js = require('./interfaces/index.js');
+var EarthEngineLayerConfiguration_js = require('./components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.js');
+var ThematicLayerConfiguration_js = require('./components/ThematicLayerConfiguration/ThematicLayerConfiguration.js');
+var colors_js = require('./constants/colors.js');
-Object.keys(DHIS2Map).forEach(function (k) {
+Object.keys(DHIS2Map_js).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () { return DHIS2Map[k]; }
+		get: function () { return DHIS2Map_js[k]; }
 	});
 });
-Object.keys(interfaces).forEach(function (k) {
+Object.keys(index_js).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () { return interfaces[k]; }
+		get: function () { return index_js[k]; }
 	});
 });
-Object.keys(EarthEngineLayerConfiguration).forEach(function (k) {
+Object.keys(EarthEngineLayerConfiguration_js).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () { return EarthEngineLayerConfiguration[k]; }
+		get: function () { return EarthEngineLayerConfiguration_js[k]; }
 	});
 });
-Object.keys(ThematicLayerConfiguration).forEach(function (k) {
+Object.keys(ThematicLayerConfiguration_js).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () { return ThematicLayerConfiguration[k]; }
+		get: function () { return ThematicLayerConfiguration_js[k]; }
 	});
 });
-Object.keys(colors).forEach(function (k) {
+Object.keys(colors_js).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () { return colors[k]; }
+		get: function () { return colors_js[k]; }
 	});
 });
 //# sourceMappingURL=out.js.map

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

	@@ -1 +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"]}
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.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/state/index.js.map CHANGED Viewed

	@@ -1 +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"]}
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,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 CHANGED Viewed

@@ -2,9 +2,9 @@
 var d3Color = require('d3-color');
 var lodash = require('lodash');
-var colors = require('../constants/colors');
+var colors_js = require('../constants/colors.js');
-const colorbrewer = colors.COLOR_PALETTES;
+const colorbrewer = colors_js.COLOR_PALETTES;
 const getColorPalette = (scale, classes) => {
   return colorbrewer?.[scale]?.[classes];
 };
@@ -13,11 +13,16 @@ 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)) {
     return color;
@@ -29,7 +34,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();
     }

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

	@@ -1 +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"]}
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;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/map.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var lodash = require('lodash');
-var colors = require('./colors');
+var colors_js = require('./colors.js');
 function highlightFeature(e, style) {
   const layer = e.target;
@@ -15,7 +15,10 @@ function getColorFromLegendSet(legends, value) {
   if (!value) {
     return "";
   }
-  const legend = lodash.find(legends ?? [], (legend2) => legend2?.startValue <= value && legend2?.endValue >= value) ?? {};
+  const legend = lodash.find(
+    legends ?? [],
+    (legend2) => legend2?.startValue <= value && legend2?.endValue >= value
+  ) ?? {};
   return legend.color ? legend.color : "transparent";
 }
 function getLegendCount(legend, data) {
@@ -34,9 +37,17 @@ function getOrgUnitsSelection(orgUnitSelection) {
     orgUnits.push("USER_ORGUNIT_GRANDCHILDREN");
   }
   if (!lodash.isEmpty(orgUnitSelection.levels)) {
-    lodash.forEach(orgUnitSelection.levels, (level) => orgUnits.push(`LEVEL-${level}`));
+    lodash.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) {
@@ -104,9 +115,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 ?? colors_js.defaultClasses;
+  const color = colorClass ?? colors_js.defaultColorScaleName;
+  const colorScale = [...colors_js.getColorPalette(color, count)].reverse();
   const maxLegendValue = 5 * Math.ceil(maxValue / 5);
   const range = maxLegendValue / count;
   const values = [];

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

	@@ -1 +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"]}
1	+ {"version":3,"sources":["../../../../src/components/Map/utils/map.ts"],"names":["legend"],"mappings":"AAMA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,SAAS,iBAAiB,GAAsB,OAAY;AAClE,QAAM,QAAQ,EAAE;AAChB,QAAM,SAAS,KAAK;AAErB;AAEO,SAAS,eAAe,GAAsB,cAAmB;AACvE,QAAM,QAAQ,EAAE;AAChB,QAAM,SAAS,YAAY;AAE5B;AAEO,SAAS,sBACf,SACA,OACS;AACT,MAAI,CAAC,OAAO;AACX,WAAO;AAAA,EACR;AACA,QAAM,SACL;AAAA,IACC,WAAW,CAAC;AAAA,IACZ,CAACA,YACAA,SAAQ,cAAc,SAASA,SAAQ,YAAY;AAAA,EACrD,KAAK,CAAC;AACP,SAAO,OAAO,QAAQ,OAAO,QAAQ;AACtC;AAEO,SAAS,eAAe,QAAa,MAAW;AACtD,QAAM,EAAE,YAAY,SAAS,IAAI;AACjC,SAAO,OAAO,MAAM,CAAC,MAAW,EAAE,QAAQ,cAAc,EAAE,QAAQ,QAAQ,EACxE;AACH;AAEO,SAAS,qBAAqB,kBAAoC;AACxE,QAAM,WAAW,CAAC;AAClB,MAAI,iBAAiB,aAAa;AACjC,aAAS,KAAK,cAAc;AAAA,EAC7B;AAEA,MAAI,iBAAiB,aAAa;AACjC,aAAS,KAAK,uBAAuB;AAAA,EACtC;AAEA,MAAI,iBAAiB,eAAe;AACnC,aAAS,KAAK,4BAA4B;AAAA,EAC3C;AACA,MAAI,CAAC,QAAQ,iBAAiB,MAAM,GAAG;AACtC;AAAA,MAAQ,iBAAiB;AAAA,MAAQ,CAAC,UACjC,SAAS,KAAK,SAAS,KAAK,EAAE;AAAA,IAC/B;AAAA,EACD;AAEA,SAAO;AAAA,IACN,GAAG;AAAA,IACH,GAAI,kBAAkB,UAAU;AAAA,MAC/B,CAAC,OAAyB,GAAG,GAAG,EAAE;AAAA,IACnC,KAAK,CAAC;AAAA,EACP;AACD;AAEO,SAAS,iBAAiB,UAAe;AAC/C,MAAI,UAAU;AACb,WAAO,UAAU,YAAY,IAAI,IAAI,CAAC,UAAkB;AAAA,MACvD,IAAI;AAAA,MACJ,MAAM,UAAU,MAAM,IAAI,GAAG;AAAA,MAC7B,MAAM,UAAU,cAAc,IAAI;AAAA,IACnC,EAAE;AAAA,EACH;AACA,SAAO,CAAC;AACT;AAEO,SAAS,UAAU,mBAAwB;AACjD,SAAO,OAAO,mBAAmB,IAAI,EAAE,IAAI,CAAC,OAAY;AACvD,QAAI;AACH,YAAM,QAAQ,KAAK,MAAM,GAAG,EAAE;AAC9B,UAAI,OAAO;AACX,UAAI,OAAO;AACX,UAAI,OAAO;AAEX,UAAI,GAAG,OAAO,GAAG;AAChB,eAAO;AACP,YAAI,GAAG,GAAG,UAAU,GAAG,CAAC,MAAM,QAAQ;AACrC,iBAAO;AAAA,QACR;AAAA,MACD;AAGA,UAAI,SAAS,GAAG,EAAE,KAAK,GAAG,GAAG,QAAQ;AACpC,cAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,CAAC;AAGpC,YAAI,IAAI,UAAU,GAAG;AACpB,iBAAO,IAAI,IAAI,SAAS,CAAC;AAAA,QAC1B;AAGA,YAAI,IAAI,SAAS,GAAG;AACnB,iBAAO,MAAM,IAAI,MAAM,GAAG,IAAI,SAAS,CAAC,EAAE,KAAK,GAAG;AAAA,QACnD;AAAA,MACD;AAEA,aAAO;AAAA,QACN,MAAM;AAAA,QACN,IAAI,GAAG;AAAA,QACP,UAAU;AAAA,UACT;AAAA,UACA,aAAa;AAAA,QACd;AAAA,QACA,YAAY;AAAA,UACX;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,QAChB;AAAA,MACD;AAAA,IACD,SAAS,GAAG;AACX,aAAO,CAAC;AAAA,IACT;AAAA,EACD,CAAC;AACF;AAEO,SAAS,aAAa,WAA2B;AACvD,MAAI,WAAW,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,GAAG;AAC3C,WAAO,WAAW,MAAM,GAAG,GAAG,QAAQ,GAAG,KAAK,GAAG;AAAA,EAClD;AACA,SAAO;AACR;AAEO,SAAS,gBACf,UACA,UACA,EAAE,cAAc,WAAW,GACX;AAChB,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;AAC/C,UAAM,KAAK,WAAW,oBAAoB;AAC1C,WAAO,KAAK;AAAA,MACX,YAAY,KAAK,MAAM,CAAC;AAAA,MACxB,UAAU,KAAK,MAAM,IAAI,KAAK;AAAA,MAC9B;AAAA,MACA,OAAO;AAAA,IACR,CAAC;AACD;AAAA,EACD;AAEA,SAAO,OAAO,QAAQ;AACvB","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/SingleValueVisualizer.js CHANGED Viewed

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var i18n = require('@dhis2/d2-i18n');
 var ui = require('@dhis2/ui');
 var react = require('react');
-var SingleValueItem = require('./components/SingleValueItem/SingleValueItem');
+var SingleValueItem = require('./components/SingleValueItem/SingleValueItem.js');
 var styles = require('./styles/SingleValueContainer.module.css');
-var props = require('./types/props');
+var props_js = require('./types/props.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -52,10 +52,10 @@ Object.defineProperty(exports, 'SingleValueItem', {
 });
 exports.SingleValueContainer = SingleValueContainer;
 exports.SingleValueVisualizer = SingleValueVisualizer;
-Object.keys(props).forEach(function (k) {
+Object.keys(props_js).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: function () { return props[k]; }
+    get: function () { return props_js[k]; }
   });
 });
 //# sourceMappingURL=out.js.map

package/dist/components/SingleValueContainer/SingleValueVisualizer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/SingleValueContainer/SingleValueVisualizer.tsx"],"names":[],"mappings":"AAiBG,cAEC,YAFD;AAjBH,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAgB,gBAAgB;AAChC,OAAO,qBAAqB;AAC5B,OAAO,YAAY;AAGnB,cAAc;AAEP,SAAS,sBAAsB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAmD;AAClD,SACC,qBAAC,SAAI,WAAU,eACd;AAAA,wBAAC,YAAS;AAAA,IACV,oBAAC,YAAS,UAAU,oBAAC,SAAK,eAAK,EAAE,aAAa,GAAE,GAC/C,+BAAC,SACA;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,GAAG,OAAO,cAAc,CAAC,IAAI,OAAO,WAAW,CAAC;AAAA,UAE1D;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,SAAI,WAAW,OAAO,mBAAmB,GACxC,2BAAiB;AAAA,QACjB,CAAC,oBACA;AAAA,UAAC;AAAA;AAAA,YAEC,GAAG;AAAA,YACJ,yBAAyB;AAAA,YACzB,sBAAsB;AAAA;AAAA,UAHjB,GAAG,gBAAgB,KAAK,IAAI,gBAAgB,KAAK;AAAA,QAIvD;AAAA,MAEF,GACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;AAKO,MAAM,uBAAuB","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { CssReset } from \"@dhis2/ui\";\nimport React, { Suspense } from \"react\";\nimport SingleValueItem from \"./components/SingleValueItem/SingleValueItem\";\nimport styles from \"./styles/SingleValueContainer.module.css\";\nimport { SingleValue, SingleValueVisualizerProps } from \"./types/props\";\n\nexport * from \"./types/props\";\n\nexport function SingleValueVisualizer({\n\ttitle,\n\tsingleValueItems,\n\tanimationDuration,\n\tanimationDelay,\n}: SingleValueVisualizerProps): React.ReactElement {\n\treturn (\n\t\t<div className=\"w-100 h-100\">\n\t\t\t<CssReset />\n\t\t\t<Suspense fallback={<div>{i18n.t(\"Loading ...\")}</div>}>\n\t\t\t\t<div>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={`${styles[\"font-x-large\"]} ${styles[\"font-bold\"]}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className={styles[\"single-value-list\"]}>\n\t\t\t\t\t\t{singleValueItems.map(\n\t\t\t\t\t\t\t(singleValueItem: SingleValue) => (\n\t\t\t\t\t\t\t\t<SingleValueItem\n\t\t\t\t\t\t\t\t\tkey={`${singleValueItem.label}-${singleValueItem.value}`}\n\t\t\t\t\t\t\t\t\t{...singleValueItem}\n\t\t\t\t\t\t\t\t\tglobalAnimationDuration={animationDuration}\n\t\t\t\t\t\t\t\t\tglobalAnimationDelay={animationDelay}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Suspense>\n\t\t</div>\n\t);\n}\n\n/*\n @deprecated since `v2`. Use `SingleValueVisualizer` instead\n * */\nexport const SingleValueContainer = SingleValueVisualizer;\nexport { SingleValueItem };\n"]}
1	+ {"version":3,"sources":["../../../src/components/SingleValueContainer/SingleValueVisualizer.tsx"],"names":[],"mappings":"AAiBG,cAEC,YAFD;AAjBH,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAgB,gBAAgB;AAChC,OAAO,qBAAqB;AAC5B,OAAO,YAAY;AAGnB,cAAc;AAEP,SAAS,sBAAsB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAmD;AAClD,SACC,qBAAC,SAAI,WAAU,eACd;AAAA,wBAAC,YAAS;AAAA,IACV,oBAAC,YAAS,UAAU,oBAAC,SAAK,eAAK,EAAE,aAAa,GAAE,GAC/C,+BAAC,SACA;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,GAAG,OAAO,cAAc,CAAC,IAAI,OAAO,WAAW,CAAC;AAAA,UAE1D;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,SAAI,WAAW,OAAO,mBAAmB,GACxC,2BAAiB;AAAA,QACjB,CAAC,oBACA;AAAA,UAAC;AAAA;AAAA,YAEC,GAAG;AAAA,YACJ,yBAAyB;AAAA,YACzB,sBAAsB;AAAA;AAAA,UAHjB,GAAG,gBAAgB,KAAK,IAAI,gBAAgB,KAAK;AAAA,QAIvD;AAAA,MAEF,GACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;AAKO,MAAM,uBAAuB","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { CssReset } from \"@dhis2/ui\";\nimport React, { Suspense } from \"react\";\nimport SingleValueItem from \"./components/SingleValueItem/SingleValueItem.js\";\nimport styles from \"./styles/SingleValueContainer.module.css\";\nimport { SingleValue, SingleValueVisualizerProps } from \"./types/props.js\";\n\nexport * from \"./types/props.js\";\n\nexport function SingleValueVisualizer({\n\ttitle,\n\tsingleValueItems,\n\tanimationDuration,\n\tanimationDelay,\n}: SingleValueVisualizerProps): React.ReactElement {\n\treturn (\n\t\t<div className=\"w-100 h-100\">\n\t\t\t<CssReset />\n\t\t\t<Suspense fallback={<div>{i18n.t(\"Loading ...\")}</div>}>\n\t\t\t\t<div>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={`${styles[\"font-x-large\"]} ${styles[\"font-bold\"]}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className={styles[\"single-value-list\"]}>\n\t\t\t\t\t\t{singleValueItems.map(\n\t\t\t\t\t\t\t(singleValueItem: SingleValue) => (\n\t\t\t\t\t\t\t\t<SingleValueItem\n\t\t\t\t\t\t\t\t\tkey={`${singleValueItem.label}-${singleValueItem.value}`}\n\t\t\t\t\t\t\t\t\t{...singleValueItem}\n\t\t\t\t\t\t\t\t\tglobalAnimationDuration={animationDuration}\n\t\t\t\t\t\t\t\t\tglobalAnimationDelay={animationDelay}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Suspense>\n\t\t</div>\n\t);\n}\n\n/*\n @deprecated since `v2`. Use `SingleValueVisualizer` instead\n * */\nexport const SingleValueContainer = SingleValueVisualizer;\nexport { SingleValueItem };\n"]}