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

package/dist/components/SingleValueContainer/SingleValueVisualizer.js

@@ -1,18 +1,11 @@
-'use strict';
-
-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 styles = require('./styles/SingleValueContainer.module.css');
-var props = require('./types/props');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
-var SingleValueItem__default = /*#__PURE__*/_interopDefault(SingleValueItem);
-var styles__default = /*#__PURE__*/_interopDefault(styles);
+import { jsxs, jsx } from 'react/jsx-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { CssReset } from '@dhis2/ui';
+import { Suspense } from 'react';
+import SingleValueItem from './components/SingleValueItem/SingleValueItem.js';
+export { default as SingleValueItem } from './components/SingleValueItem/SingleValueItem.js';
+import styles from './styles/SingleValueContainer.module.css';
+export * from './types/props.js';
 
 function SingleValueVisualizer({
   title,
@@ -20,19 +13,19 @@ function SingleValueVisualizer({
   animationDuration,
   animationDelay
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-100 h-100", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.CssReset, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { children: i18n__default.default.t("Loading ...") }), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "w-100 h-100", children: [
+    /* @__PURE__ */ jsx(CssReset, {}),
+    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: i18n.t("Loading ...") }), children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
         "span",
         {
-          className: `${styles__default.default["font-x-large"]} ${styles__default.default["font-bold"]}`,
+          className: `${styles["font-x-large"]} ${styles["font-bold"]}`,
           children: title
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default["single-value-list"], children: singleValueItems.map(
-        (singleValueItem) => /* @__PURE__ */ jsxRuntime.jsx(
-          SingleValueItem__default.default,
+      /* @__PURE__ */ jsx("div", { className: styles["single-value-list"], children: singleValueItems.map(
+        (singleValueItem) => /* @__PURE__ */ jsx(
+          SingleValueItem,
           {
             ...singleValueItem,
             globalAnimationDuration: animationDuration,
@@ -46,17 +39,6 @@ function SingleValueVisualizer({
 }
 const SingleValueContainer = SingleValueVisualizer;
 
-Object.defineProperty(exports, 'SingleValueItem', {
-  enumerable: true,
-  get: function () { return SingleValueItem__default.default; }
-});
-exports.SingleValueContainer = SingleValueContainer;
-exports.SingleValueVisualizer = SingleValueVisualizer;
-Object.keys(props).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return props[k]; }
-  });
-});
+export { SingleValueContainer, SingleValueVisualizer };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValueVisualizer.js.map

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

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

package/dist/components/SingleValueContainer/components/SingleValueItem/SingleValueItem.js

@@ -1,16 +1,9 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var lodash = require('lodash');
-var reactSpring = require('react-spring');
-var styles = require('../../styles/SingleValueContainer.module.css');
-var SingleValuePercentage = require('./SingleValuePercentage');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-var SingleValuePercentage__default = /*#__PURE__*/_interopDefault(SingleValuePercentage);
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Tooltip } from '@dhis2/ui';
+import { capitalize } from 'lodash';
+import { useSpring, animated } from 'react-spring';
+import styles from '../../styles/SingleValueContainer.module.css';
+import SingleValuePercentage from './SingleValuePercentage.js';
 
 function SingleValueItem({
   label,
@@ -27,7 +20,7 @@ function SingleValueItem({
     notation: "compact",
     maximumFractionDigits: decimalPlaces ?? 1
   }).format(value2);
-  const sanitizedValue = reactSpring.useSpring({
+  const sanitizedValue = useSpring({
     val: value,
     from: { val: 0 },
     config: {
@@ -36,21 +29,21 @@ function SingleValueItem({
     delay: animationDelay ?? globalAnimationDelay ?? 10
   });
   const tooltipContent = `${label}: ${value}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles__default.default["single-value-item"]} text-center`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default["font-large"], children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: lodash.capitalize(tooltipContent), children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactSpring.animated.div,
+  return /* @__PURE__ */ jsxs("div", { className: `${styles["single-value-item"]} text-center`, children: [
+    /* @__PURE__ */ jsx("div", { className: styles["font-large"], children: label }),
+    /* @__PURE__ */ jsx(Tooltip, { content: capitalize(tooltipContent), children: /* @__PURE__ */ jsx(
+      animated.div,
       {
-        className: `${styles__default.default["font-bold"]} ${styles__default.default["font-xx-large"]} ${styles__default.default["padding-top"]}`,
+        className: `${styles["font-bold"]} ${styles["font-xx-large"]} ${styles["padding-top"]}`,
         children: sanitizedValue.val.to(
           (value2) => numberFormatter(Math.floor(value2))
         )
       }
     ) }),
-    percentage ? /* @__PURE__ */ jsxRuntime.jsx(SingleValuePercentage__default.default, { color, percentage }) : /* @__PURE__ */ jsxRuntime.jsx("span", {})
+    percentage ? /* @__PURE__ */ jsx(SingleValuePercentage, { color, percentage }) : /* @__PURE__ */ jsx("span", {})
   ] });
 }
 
-module.exports = SingleValueItem;
+export { SingleValueItem as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValueItem.js.map

package/dist/components/SingleValueContainer/components/SingleValueItem/SingleValueItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SingleValueContainer/components/SingleValueItem/SingleValueItem.tsx"],"names":["value"],"mappings":"AAyCE,SACC,KADD;AAzCF,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAE3B,SAAS,UAAU,iBAAiB;AACpC,OAAO,YAAY;AAEnB,OAAO,2BAA2B;AAOnB,SAAR,gBAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAyC;AACxC,QAAM,kBAAkB,CAACA,WACxB,KAAK,aAAa,SAAS;AAAA,IAC1B,UAAU;AAAA,IACV,uBAAuB,iBAAiB;AAAA,EACzC,CAAC,EAAE,OAAOA,MAAK;AAEhB,QAAM,iBAAiB,UAAU;AAAA,IAChC,KAAK;AAAA,IACL,MAAM,EAAE,KAAK,EAAE;AAAA,IACf,QAAQ;AAAA,MACP,UAAU,qBAAqB,2BAA2B;AAAA,IAC3D;AAAA,IACA,OAAO,kBAAkB,wBAAwB;AAAA,EAClD,CAAC;AAED,QAAM,iBAAiB,GAAG,KAAK,KAAK,KAAK;AACzC,SACC,qBAAC,SAAI,WAAW,GAAG,OAAO,mBAAmB,CAAC,gBAC7C;AAAA,wBAAC,SAAI,WAAW,OAAO,YAAY,GAAI,iBAAM;AAAA,IAC7C,oBAAC,WAAQ,SAAS,WAAW,cAAc,GAC1C;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACA,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,OAAO,eAAe,CAAC,IAAI,OAAO,aAAa,CAAC;AAAA,QAEpF,yBAAe,IAAI;AAAA,UAAG,CAACA,WACvB,gBAAgB,KAAK,MAAMA,MAAK,CAAC;AAAA,QAClC;AAAA;AAAA,IACD,GACD;AAAA,IACC,aACA,oBAAC,yBAAsB,OAAc,YAAwB,IAE7D,oBAAC,UAAK;AAAA,KAER;AAEF","sourcesContent":["import { Tooltip } from \"@dhis2/ui\";\nimport { capitalize } from \"lodash\";\nimport React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport styles from \"../../styles/SingleValueContainer.module.css\";\nimport { SingleValue } from \"../../types/props\";\nimport SingleValuePercentage from \"./SingleValuePercentage\";\n\ninterface SingleValueProps extends SingleValue {\n\tglobalAnimationDelay?: number;\n\tglobalAnimationDuration?: number;\n}\n\nexport default function SingleValueItem({\n\tlabel,\n\tvalue,\n\tcolor,\n\tpercentage,\n\tanimationDuration,\n\tanimationDelay,\n\tglobalAnimationDelay,\n\tdecimalPlaces,\n\tglobalAnimationDuration,\n}: SingleValueProps): React.ReactElement {\n\tconst numberFormatter = (value: number) =>\n\t\tIntl.NumberFormat(\"en-US\", {\n\t\t\tnotation: \"compact\",\n\t\t\tmaximumFractionDigits: decimalPlaces ?? 1,\n\t\t}).format(value);\n\n\tconst sanitizedValue = useSpring({\n\t\tval: value,\n\t\tfrom: { val: 0 },\n\t\tconfig: {\n\t\t\tduration: animationDuration ?? globalAnimationDuration ?? 1000,\n\t\t},\n\t\tdelay: animationDelay ?? globalAnimationDelay ?? 10,\n\t});\n\n\tconst tooltipContent = `${label}: ${value}`;\n\treturn (\n\t\t<div className={`${styles[\"single-value-item\"]} text-center`}>\n\t\t\t<div className={styles[\"font-large\"]}>{label}</div>\n\t\t\t<Tooltip content={capitalize(tooltipContent)}>\n\t\t\t\t<animated.div\n\t\t\t\t\tclassName={`${styles[\"font-bold\"]} ${styles[\"font-xx-large\"]} ${styles[\"padding-top\"]}`}\n\t\t\t\t>\n\t\t\t\t\t{sanitizedValue.val.to((value) =>\n\t\t\t\t\t\tnumberFormatter(Math.floor(value)),\n\t\t\t\t\t)}\n\t\t\t\t</animated.div>\n\t\t\t</Tooltip>\n\t\t\t{percentage ? (\n\t\t\t\t<SingleValuePercentage color={color} percentage={percentage} />\n\t\t\t) : (\n\t\t\t\t<span></span>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["../../../../../src/components/SingleValueContainer/components/SingleValueItem/SingleValueItem.tsx"],"names":["value"],"mappings":"AAyCE,SACC,KADD;AAzCF,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAE3B,SAAS,UAAU,iBAAiB;AACpC,OAAO,YAAY;AAEnB,OAAO,2BAA2B;AAOnB,SAAR,gBAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAyC;AACxC,QAAM,kBAAkB,CAACA,WACxB,KAAK,aAAa,SAAS;AAAA,IAC1B,UAAU;AAAA,IACV,uBAAuB,iBAAiB;AAAA,EACzC,CAAC,EAAE,OAAOA,MAAK;AAEhB,QAAM,iBAAiB,UAAU;AAAA,IAChC,KAAK;AAAA,IACL,MAAM,EAAE,KAAK,EAAE;AAAA,IACf,QAAQ;AAAA,MACP,UAAU,qBAAqB,2BAA2B;AAAA,IAC3D;AAAA,IACA,OAAO,kBAAkB,wBAAwB;AAAA,EAClD,CAAC;AAED,QAAM,iBAAiB,GAAG,KAAK,KAAK,KAAK;AACzC,SACC,qBAAC,SAAI,WAAW,GAAG,OAAO,mBAAmB,CAAC,gBAC7C;AAAA,wBAAC,SAAI,WAAW,OAAO,YAAY,GAAI,iBAAM;AAAA,IAC7C,oBAAC,WAAQ,SAAS,WAAW,cAAc,GAC1C;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACA,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,OAAO,eAAe,CAAC,IAAI,OAAO,aAAa,CAAC;AAAA,QAEpF,yBAAe,IAAI;AAAA,UAAG,CAACA,WACvB,gBAAgB,KAAK,MAAMA,MAAK,CAAC;AAAA,QAClC;AAAA;AAAA,IACD,GACD;AAAA,IACC,aACA,oBAAC,yBAAsB,OAAc,YAAwB,IAE7D,oBAAC,UAAK;AAAA,KAER;AAEF","sourcesContent":["import { Tooltip } from \"@dhis2/ui\";\nimport { capitalize } from \"lodash\";\nimport React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport styles from \"../../styles/SingleValueContainer.module.css\";\nimport { SingleValue } from \"../../types/props.js\";\nimport SingleValuePercentage from \"./SingleValuePercentage.js\";\n\ninterface SingleValueProps extends SingleValue {\n\tglobalAnimationDelay?: number;\n\tglobalAnimationDuration?: number;\n}\n\nexport default function SingleValueItem({\n\tlabel,\n\tvalue,\n\tcolor,\n\tpercentage,\n\tanimationDuration,\n\tanimationDelay,\n\tglobalAnimationDelay,\n\tdecimalPlaces,\n\tglobalAnimationDuration,\n}: SingleValueProps): React.ReactElement {\n\tconst numberFormatter = (value: number) =>\n\t\tIntl.NumberFormat(\"en-US\", {\n\t\t\tnotation: \"compact\",\n\t\t\tmaximumFractionDigits: decimalPlaces ?? 1,\n\t\t}).format(value);\n\n\tconst sanitizedValue = useSpring({\n\t\tval: value,\n\t\tfrom: { val: 0 },\n\t\tconfig: {\n\t\t\tduration: animationDuration ?? globalAnimationDuration ?? 1000,\n\t\t},\n\t\tdelay: animationDelay ?? globalAnimationDelay ?? 10,\n\t});\n\n\tconst tooltipContent = `${label}: ${value}`;\n\treturn (\n\t\t<div className={`${styles[\"single-value-item\"]} text-center`}>\n\t\t\t<div className={styles[\"font-large\"]}>{label}</div>\n\t\t\t<Tooltip content={capitalize(tooltipContent)}>\n\t\t\t\t<animated.div\n\t\t\t\t\tclassName={`${styles[\"font-bold\"]} ${styles[\"font-xx-large\"]} ${styles[\"padding-top\"]}`}\n\t\t\t\t>\n\t\t\t\t\t{sanitizedValue.val.to((value) =>\n\t\t\t\t\t\tnumberFormatter(Math.floor(value)),\n\t\t\t\t\t)}\n\t\t\t\t</animated.div>\n\t\t\t</Tooltip>\n\t\t\t{percentage ? (\n\t\t\t\t<SingleValuePercentage color={color} percentage={percentage} />\n\t\t\t) : (\n\t\t\t\t<span></span>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"]}

package/dist/components/SingleValueContainer/components/SingleValueItem/SingleValuePercentage.js

@@ -1,28 +1,22 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var styles = require('../../styles/SingleValueContainer.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
+import { jsx } from 'react/jsx-runtime';
+import { LinearLoader } from '@dhis2/ui';
+import styles from '../../styles/SingleValueContainer.module.css';
 
 function SingleValuePercentage({
   percentage,
   color
 }) {
   const width = "100%";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-100", children: /* @__PURE__ */ jsxRuntime.jsx(
-    ui.LinearLoader,
+  return /* @__PURE__ */ jsx("div", { className: "w-100", children: /* @__PURE__ */ jsx(
+    LinearLoader,
     {
-      className: styles__default.default["percent-value"],
+      className: styles["percent-value"],
       width,
       amount: percentage
     }
   ) });
 }
 
-module.exports = SingleValuePercentage;
+export { SingleValuePercentage as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValuePercentage.js.map

package/dist/components/SingleValueContainer/index.js

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

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

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

package/dist/components/SingleValueContainer/types/props.js

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

package/dist/components/Visualization/components/AnalyticsDataProvider/index.js

@@ -1,39 +1,52 @@
-'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useMemo, useEffect } from 'react';
+import { useDimensions } from '../DimensionsProvider/index.js';
+import { useDataQuery } from '@dhis2/app-runtime';
+import { useLayout } from '../LayoutProvider/index.js';
+import { forEach, set } from 'lodash';
 
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var DimensionsProvider = require('../DimensionsProvider');
-var appRuntime = require('@dhis2/app-runtime');
-var LayoutProvider = require('../LayoutProvider');
-var lodash = require('lodash');
-
-const AnalyticsContext = react.createContext(void 0);
+const AnalyticsContext = createContext(void 0);
 const analyticsQuery = {
   analytics: {
     resource: "analytics",
     params: ({ dimensions, filters }) => {
       return {
-        dimension: Object.keys(dimensions).map((dimension) => `${dimension}:${dimensions[dimension]?.join(";")}`),
-        filter: Object.keys(filters).map((dimension) => `${dimension}:${filters[dimension]?.join(";")}`),
+        dimension: Object.keys(dimensions).map(
+          (dimension) => `${dimension}:${dimensions[dimension]?.join(";")}`
+        ),
+        filter: Object.keys(filters).map(
+          (dimension) => `${dimension}:${filters[dimension]?.join(";")}`
+        ),
         includeMetadataDetails: true
       };
     }
   }
 };
 function useAnalyticsData() {
-  return react.useContext(AnalyticsContext) ?? { analytics: {}, loading: false };
+  return useContext(AnalyticsContext) ?? { analytics: {}, loading: false };
 }
 function AnalyticsDataProvider({ children }) {
-  const [analyticsDimensions] = DimensionsProvider.useDimensions();
-  const [layout] = LayoutProvider.useLayout();
-  const { dimensions, filters } = react.useMemo(() => {
+  const [analyticsDimensions] = useDimensions();
+  const [layout] = useLayout();
+  const { dimensions, filters } = useMemo(() => {
     const dimensions2 = {};
     const filters2 = {};
-    lodash.forEach([...layout?.columns ?? [], ...layout?.rows ?? []], (dimension) => {
-      lodash.set(dimensions2, [dimension], analyticsDimensions?.[dimension]);
-    });
-    lodash.forEach([...layout?.filters ?? []], (dimension) => {
-      lodash.set(filters2, [dimension], analyticsDimensions?.[dimension]);
+    forEach(
+      [...layout?.columns ?? [], ...layout?.rows ?? []],
+      (dimension) => {
+        set(
+          dimensions2,
+          [dimension],
+          analyticsDimensions?.[dimension]
+        );
+      }
+    );
+    forEach([...layout?.filters ?? []], (dimension) => {
+      set(
+        filters2,
+        [dimension],
+        analyticsDimensions?.[dimension]
+      );
     });
     return {
       dimensions: dimensions2,
@@ -43,28 +56,39 @@ function AnalyticsDataProvider({ children }) {
   console.log({
     filters
   });
-  const { data: analytics, error, loading, refetch, called } = appRuntime.useDataQuery(analyticsQuery, {
+  const {
+    data: analytics,
+    error,
+    loading,
+    refetch,
+    called
+  } = useDataQuery(analyticsQuery, {
     variables: {
       dimensions,
       filters
     },
     lazy: true
   });
-  react.useEffect(() => {
+  useEffect(() => {
     refetch({
       dimensions,
       filters
     });
   }, [dimensions, filters]);
-  react.useEffect(() => {
+  useEffect(() => {
     if (error) {
       throw error;
     }
   }, [error]);
-  return /* @__PURE__ */ jsxRuntime.jsx(AnalyticsContext.Provider, { value: { analytics: analytics?.analytics, loading }, children });
+  return /* @__PURE__ */ jsx(
+    AnalyticsContext.Provider,
+    {
+      value: { analytics: analytics?.analytics, loading },
+      children
+    }
+  );
 }
 
-exports.AnalyticsDataProvider = AnalyticsDataProvider;
-exports.useAnalyticsData = useAnalyticsData;
+export { AnalyticsDataProvider, useAnalyticsData };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/AnalyticsDataProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Visualization/components/AnalyticsDataProvider/index.tsx"],"names":["dimensions","filters"],"mappings":"AA8EI;AA9EJ,SAAgB,eAAe,YAAY,WAAW,eAAe;AAErE,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,WAAW;AAE7B,MAAM,mBAAmB,cAEvB,MAAS;AAEX,MAAM,iBAAiB;AAAA,EACrB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,QAAQ,CAAC,EAAC,YAAY,QAAO,MAAW;AACtC,aAAO;AAAA,QACL,WAAW,OAAO,KAAK,UAAU,EAAE,IAAI,CAAC,cAAc,GAAG,SAAS,IAAI,WAAW,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE;AAAA,QACxG,QAAQ,OAAO,KAAK,OAAO,EAAE,IAAI,CAAC,cAAc,GAAG,SAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE;AAAA,QAC/F,wBAAwB;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,mBAAmB;AACjC,SAAO,WAAW,gBAAgB,KAAK,EAAC,WAAW,CAAC,GAAG,SAAS,MAAK;AACvE;AAEO,SAAS,sBAAsB,EAAC,SAAQ,GAAsB;AACnE,QAAM,CAAC,mBAAmB,IAAI,cAAc;AAC5C,QAAM,CAAC,MAAM,IAAI,UAAU;AAC3B,QAAM,EAAC,YAAY,QAAO,IAAI,QAAQ,MAAM;AAC1C,UAAMA,cAAa,CAAC;AACpB,UAAMC,WAAU,CAAC;AAEjB,YAAQ,CAAC,GAAI,QAAQ,WAAW,CAAC,GAAI,GAAI,QAAQ,QAAQ,CAAC,CAAE,GAAG,CAAC,cAAc;AAC5E,UAAID,aAAY,CAAC,SAAS,GAAI,sBAA6C,SAAS,CAAC;AAAA,IACvF,CAAC;AACD,YAAQ,CAAC,GAAI,QAAQ,WAAW,CAAC,CAAE,GAAG,CAAC,cAAc;AACnD,UAAIC,UAAS,CAAC,SAAS,GAAI,sBAA6C,SAAS,CAAC;AAAA,IACpF,CAAC;AAED,WAAO;AAAA,MACL,YAAAD;AAAA,MACA,SAAAC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,mBAAmB,CAAC;AAEhC,UAAQ,IAAI;AAAA,IACV;AAAA,EACF,CAAC;AAED,QAAM,EAAC,MAAM,WAAW,OAAO,SAAS,SAAS,OAAM,IAAI,aAAa,gBAAgB;AAAA,IACtF,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AAED,YAAU,MAAM;AACd,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,YAAU,MAAM;AACd,QAAI,OAAO;AACT,YAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAC,WAAW,WAAW,WAAwB,QAAO,GACrF,UACH;AAEJ","sourcesContent":["import React, { createContext, useContext, useEffect, useMemo } from \"react\";\nimport { Analytics, AnalyticsDimension } from \"@hisptz/dhis2-utils\";\nimport { useDimensions } from \"../DimensionsProvider\";\nimport { useDataQuery } from \"@dhis2/app-runtime\";\nimport { useLayout } from \"../LayoutProvider\";\nimport { forEach, set } from \"lodash\";\n\nconst AnalyticsContext = createContext<\n\t{ loading: boolean; analytics: Analytics } | undefined\n>(undefined);\n\nconst analyticsQuery = {\n\t\tanalytics: {\n\t\t\t\tresource: \"analytics\",\n\t\t\t\tparams: ({dimensions, filters}: any) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tdimension: Object.keys(dimensions).map((dimension) => `${dimension}:${dimensions[dimension]?.join(';')}`),\n\t\t\t\t\t\t\t\tfilter: Object.keys(filters).map((dimension) => `${dimension}:${filters[dimension]?.join(';')}`),\n\t\t\t\t\t\t\t\tincludeMetadataDetails: true\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t}\n}\n\nexport interface DataProviderProps {\n\t\tchildren: React.ReactNode\n}\n\nexport function useAnalyticsData() {\n\t\treturn useContext(AnalyticsContext) ?? {analytics: {}, loading: false}\n}\n\nexport function AnalyticsDataProvider({children}: DataProviderProps) {\n\t\tconst [analyticsDimensions] = useDimensions();\n\t\tconst [layout] = useLayout();\n\t\tconst {dimensions, filters} = useMemo(() => {\n\t\t\t\tconst dimensions = {};\n\t\t\t\tconst filters = {};\n\n\t\t\t\tforEach([...(layout?.columns ?? []), ...(layout?.rows ?? [])], (dimension) => {\n\t\t\t\t\t\tset(dimensions, [dimension], (analyticsDimensions as AnalyticsDimension)?.[dimension])\n\t\t\t\t})\n\t\t\t\tforEach([...(layout?.filters ?? [])], (dimension) => {\n\t\t\t\t\t\tset(filters, [dimension], (analyticsDimensions as AnalyticsDimension)?.[dimension])\n\t\t\t\t})\n\n\t\t\t\treturn {\n\t\t\t\t\t\tdimensions,\n\t\t\t\t\t\tfilters\n\t\t\t\t}\n\t\t}, [layout, analyticsDimensions]);\n\n\t\tconsole.log({\n\t\t\t\tfilters\n\t\t})\n\n\t\tconst {data: analytics, error, loading, refetch, called} = useDataQuery(analyticsQuery, {\n\t\t\t\tvariables: {\n\t\t\t\t\t\tdimensions,\n\t\t\t\t\t\tfilters\n\t\t\t\t},\n\t\t\t\tlazy: true\n\t\t});\n\n\t\tuseEffect(() => {\n\t\t\t\trefetch({\n\t\t\t\t\t\tdimensions,\n\t\t\t\t\t\tfilters\n\t\t\t\t})\n\t\t}, [dimensions, filters]);\n\n\t\tuseEffect(() => {\n\t\t\t\tif (error) {\n\t\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t}, [error])\n\n\t\treturn (\n\t\t\t\t<AnalyticsContext.Provider value={{analytics: analytics?.analytics as Analytics, loading}}>\n\t\t\t\t\t\t{children}\n\t\t\t\t</AnalyticsContext.Provider>\n\t\t)\n}\n"]}
+{"version":3,"sources":["../../../../../src/components/Visualization/components/AnalyticsDataProvider/index.tsx"],"names":["dimensions","filters"],"mappings":"AAqGE;AArGF,SAAgB,eAAe,YAAY,WAAW,eAAe;AAErE,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,WAAW;AAE7B,MAAM,mBAAmB,cAEvB,MAAS;AAEX,MAAM,iBAAiB;AAAA,EACtB,WAAW;AAAA,IACV,UAAU;AAAA,IACV,QAAQ,CAAC,EAAE,YAAY,QAAQ,MAAW;AACzC,aAAO;AAAA,QACN,WAAW,OAAO,KAAK,UAAU,EAAE;AAAA,UAClC,CAAC,cACA,GAAG,SAAS,IAAI,WAAW,SAAS,GAAG,KAAK,GAAG,CAAC;AAAA,QAClD;AAAA,QACA,QAAQ,OAAO,KAAK,OAAO,EAAE;AAAA,UAC5B,CAAC,cACA,GAAG,SAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,CAAC;AAAA,QAC/C;AAAA,QACA,wBAAwB;AAAA,MACzB;AAAA,IACD;AAAA,EACD;AACD;AAMO,SAAS,mBAAmB;AAClC,SAAO,WAAW,gBAAgB,KAAK,EAAE,WAAW,CAAC,GAAG,SAAS,MAAM;AACxE;AAEO,SAAS,sBAAsB,EAAE,SAAS,GAAsB;AACtE,QAAM,CAAC,mBAAmB,IAAI,cAAc;AAC5C,QAAM,CAAC,MAAM,IAAI,UAAU;AAC3B,QAAM,EAAE,YAAY,QAAQ,IAAI,QAAQ,MAAM;AAC7C,UAAMA,cAAa,CAAC;AACpB,UAAMC,WAAU,CAAC;AAEjB;AAAA,MACC,CAAC,GAAI,QAAQ,WAAW,CAAC,GAAI,GAAI,QAAQ,QAAQ,CAAC,CAAE;AAAA,MACpD,CAAC,cAAc;AACd;AAAA,UACCD;AAAA,UACA,CAAC,SAAS;AAAA,UACT,sBAA6C,SAAS;AAAA,QACxD;AAAA,MACD;AAAA,IACD;AACA,YAAQ,CAAC,GAAI,QAAQ,WAAW,CAAC,CAAE,GAAG,CAAC,cAAc;AACpD;AAAA,QACCC;AAAA,QACA,CAAC,SAAS;AAAA,QACT,sBAA6C,SAAS;AAAA,MACxD;AAAA,IACD,CAAC;AAED,WAAO;AAAA,MACN,YAAAD;AAAA,MACA,SAAAC;AAAA,IACD;AAAA,EACD,GAAG,CAAC,QAAQ,mBAAmB,CAAC;AAEhC,UAAQ,IAAI;AAAA,IACX;AAAA,EACD,CAAC;AAED,QAAM;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,aAAa,gBAAgB;AAAA,IAChC,WAAW;AAAA,MACV;AAAA,MACA;AAAA,IACD;AAAA,IACA,MAAM;AAAA,EACP,CAAC;AAED,YAAU,MAAM;AACf,YAAQ;AAAA,MACP;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,YAAU,MAAM;AACf,QAAI,OAAO;AACV,YAAM;AAAA,IACP;AAAA,EACD,GAAG,CAAC,KAAK,CAAC;AAEV,SACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,OAAO,EAAE,WAAW,WAAW,WAAwB,QAAQ;AAAA,MAE9D;AAAA;AAAA,EACF;AAEF","sourcesContent":["import React, { createContext, useContext, useEffect, useMemo } from \"react\";\nimport { Analytics, AnalyticsDimension } from \"@hisptz/dhis2-utils\";\nimport { useDimensions } from \"../DimensionsProvider/index.js\";\nimport { useDataQuery } from \"@dhis2/app-runtime\";\nimport { useLayout } from \"../LayoutProvider/index.js\";\nimport { forEach, set } from \"lodash\";\n\nconst AnalyticsContext = createContext<\n\t{ loading: boolean; analytics: Analytics } | undefined\n>(undefined);\n\nconst analyticsQuery = {\n\tanalytics: {\n\t\tresource: \"analytics\",\n\t\tparams: ({ dimensions, filters }: any) => {\n\t\t\treturn {\n\t\t\t\tdimension: Object.keys(dimensions).map(\n\t\t\t\t\t(dimension) =>\n\t\t\t\t\t\t`${dimension}:${dimensions[dimension]?.join(\";\")}`,\n\t\t\t\t),\n\t\t\t\tfilter: Object.keys(filters).map(\n\t\t\t\t\t(dimension) =>\n\t\t\t\t\t\t`${dimension}:${filters[dimension]?.join(\";\")}`,\n\t\t\t\t),\n\t\t\t\tincludeMetadataDetails: true,\n\t\t\t};\n\t\t},\n\t},\n};\n\nexport interface DataProviderProps {\n\tchildren: React.ReactNode;\n}\n\nexport function useAnalyticsData() {\n\treturn useContext(AnalyticsContext) ?? { analytics: {}, loading: false };\n}\n\nexport function AnalyticsDataProvider({ children }: DataProviderProps) {\n\tconst [analyticsDimensions] = useDimensions();\n\tconst [layout] = useLayout();\n\tconst { dimensions, filters } = useMemo(() => {\n\t\tconst dimensions = {};\n\t\tconst filters = {};\n\n\t\tforEach(\n\t\t\t[...(layout?.columns ?? []), ...(layout?.rows ?? [])],\n\t\t\t(dimension) => {\n\t\t\t\tset(\n\t\t\t\t\tdimensions,\n\t\t\t\t\t[dimension],\n\t\t\t\t\t(analyticsDimensions as AnalyticsDimension)?.[dimension],\n\t\t\t\t);\n\t\t\t},\n\t\t);\n\t\tforEach([...(layout?.filters ?? [])], (dimension) => {\n\t\t\tset(\n\t\t\t\tfilters,\n\t\t\t\t[dimension],\n\t\t\t\t(analyticsDimensions as AnalyticsDimension)?.[dimension],\n\t\t\t);\n\t\t});\n\n\t\treturn {\n\t\t\tdimensions,\n\t\t\tfilters,\n\t\t};\n\t}, [layout, analyticsDimensions]);\n\n\tconsole.log({\n\t\tfilters,\n\t});\n\n\tconst {\n\t\tdata: analytics,\n\t\terror,\n\t\tloading,\n\t\trefetch,\n\t\tcalled,\n\t} = useDataQuery(analyticsQuery, {\n\t\tvariables: {\n\t\t\tdimensions,\n\t\t\tfilters,\n\t\t},\n\t\tlazy: true,\n\t});\n\n\tuseEffect(() => {\n\t\trefetch({\n\t\t\tdimensions,\n\t\t\tfilters,\n\t\t});\n\t}, [dimensions, filters]);\n\n\tuseEffect(() => {\n\t\tif (error) {\n\t\t\tthrow error;\n\t\t}\n\t}, [error]);\n\n\treturn (\n\t\t<AnalyticsContext.Provider\n\t\t\tvalue={{ analytics: analytics?.analytics as Analytics, loading }}\n\t\t>\n\t\t\t{children}\n\t\t</AnalyticsContext.Provider>\n\t);\n}\n"]}

package/dist/components/Visualization/components/DimensionsProvider/index.js

@@ -1,40 +1,35 @@
-'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useReducer } from 'react';
+import { set } from 'lodash';
+import { useUpdateEffect } from 'usehooks-ts';
 
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var lodash = require('lodash');
-var usehooksTs = require('usehooks-ts');
-
-const DimensionState = react.createContext({
+const DimensionState = createContext({
   dx: [],
   pe: [],
   ou: []
 });
-const DimensionUpdateState = react.createContext(void 0);
+const DimensionUpdateState = createContext(void 0);
 function reducer(state, { dimension, value }) {
   const updatedState = { ...state ?? {} };
-  lodash.set(updatedState, [dimension], value);
+  set(updatedState, [dimension], value);
   return updatedState;
 }
 function useDimensions() {
   return [
-    react.useContext(DimensionState),
-    react.useContext(DimensionUpdateState)
+    useContext(DimensionState),
+    useContext(DimensionUpdateState)
   ];
 }
 function DimensionsProvider({ children, dimensions }) {
-  const [state, dispatch] = react.useReducer(reducer, dimensions);
-  usehooksTs.useUpdateEffect(() => {
+  const [state, dispatch] = useReducer(reducer, dimensions);
+  useUpdateEffect(() => {
     Object.keys(dimensions).forEach((dimension) => {
       dispatch({ dimension, value: dimensions[dimension] ?? [] });
     });
   }, [dimensions]);
-  return /* @__PURE__ */ jsxRuntime.jsx(DimensionState.Provider, { value: state, children: /* @__PURE__ */ jsxRuntime.jsx(DimensionUpdateState.Provider, { value: dispatch, children }) });
+  return /* @__PURE__ */ jsx(DimensionState.Provider, { value: state, children: /* @__PURE__ */ jsx(DimensionUpdateState.Provider, { value: dispatch, children }) });
 }
 
-exports.DimensionState = DimensionState;
-exports.DimensionUpdateState = DimensionUpdateState;
-exports.DimensionsProvider = DimensionsProvider;
-exports.useDimensions = useDimensions;
+export { DimensionState, DimensionUpdateState, DimensionsProvider, useDimensions };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/LayoutProvider/index.js

@@ -1,21 +1,18 @@
-'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState } from 'react';
 
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const LayoutState = react.createContext(void 0);
+const LayoutState = createContext(void 0);
 function useLayout() {
-  return [
-    react.useContext(LayoutState) ?? { rows: [], filters: [], columns: [] }
-  ];
+  return [useContext(LayoutState) ?? { rows: [], filters: [], columns: [] }];
 }
-function LayoutProvider({ defaultLayout, children }) {
-  const [layout, setLayout] = react.useState(defaultLayout);
-  return /* @__PURE__ */ jsxRuntime.jsx(LayoutState.Provider, { value: layout, children });
+function LayoutProvider({
+  defaultLayout,
+  children
+}) {
+  const [layout, setLayout] = useState(defaultLayout);
+  return /* @__PURE__ */ jsx(LayoutState.Provider, { value: layout, children });
 }
 
-exports.LayoutProvider = LayoutProvider;
-exports.LayoutState = LayoutState;
-exports.useLayout = useLayout;
+export { LayoutProvider, LayoutState, useLayout };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/LayoutProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Visualization/components/LayoutProvider/index.tsx"],"names":[],"mappings":"AA4BQ;AA5BR,SAAgB,eAAe,YAAY,gBAAgB;AAcpD,MAAM,cAAc,cAAkC,MAAS;AAG/D,SAAS,YAAY;AAExB,SAAO;AAAA,IACH,WAAW,WAAW,KAAK,EAAC,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,EAAC;AAAA,EAClE;AACJ;AAEO,SAAS,eAAe,EAAC,eAAe,SAAQ,GAAwB;AAC3E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAElD,SACI,oBAAC,YAAY,UAAZ,EAAqB,OAAO,QACxB,UACL;AAER","sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\nimport { Dimension } from \"../DimensionsProvider\";\n\nexport interface Layout {\n\trows: Dimension[];\n\tcolumns: Dimension[];\n\tfilters: Dimension[];\n}\n\nexport interface LayoutProviderProps {\n    children: React.ReactNode;\n    defaultLayout: Layout\n}\n\nexport const LayoutState = createContext<Layout | undefined>(undefined);\n\n\nexport function useLayout() {\n\n    return [\n        useContext(LayoutState) ?? {rows: [], filters: [], columns: []}\n    ]\n}\n\nexport function LayoutProvider({defaultLayout, children}: LayoutProviderProps) {\n    const [layout, setLayout] = useState(defaultLayout);\n\n    return (\n        <LayoutState.Provider value={layout}>\n            {children}\n        </LayoutState.Provider>\n    )\n}\n"]}
+{"version":3,"sources":["../../../../../src/components/Visualization/components/LayoutProvider/index.tsx"],"names":[],"mappings":"AA2BE;AA3BF,SAAgB,eAAe,YAAY,gBAAgB;AAcpD,MAAM,cAAc,cAAkC,MAAS;AAE/D,SAAS,YAAY;AAC3B,SAAO,CAAC,WAAW,WAAW,KAAK,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;AAC1E;AAEO,SAAS,eAAe;AAAA,EAC9B;AAAA,EACA;AACD,GAAwB;AACvB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAElD,SACC,oBAAC,YAAY,UAAZ,EAAqB,OAAO,QAAS,UAAS;AAEjD","sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\nimport { Dimension } from \"../DimensionsProvider/index.js\";\n\nexport interface Layout {\n\trows: Dimension[];\n\tcolumns: Dimension[];\n\tfilters: Dimension[];\n}\n\nexport interface LayoutProviderProps {\n\tchildren: React.ReactNode;\n\tdefaultLayout: Layout;\n}\n\nexport const LayoutState = createContext<Layout | undefined>(undefined);\n\nexport function useLayout() {\n\treturn [useContext(LayoutState) ?? { rows: [], filters: [], columns: [] }];\n}\n\nexport function LayoutProvider({\n\tdefaultLayout,\n\tchildren,\n}: LayoutProviderProps) {\n\tconst [layout, setLayout] = useState(defaultLayout);\n\n\treturn (\n\t\t<LayoutState.Provider value={layout}>{children}</LayoutState.Provider>\n\t);\n}\n"]}

package/dist/components/Visualization/components/VisualizationDimensionSelector/index.js

@@ -1,36 +1,30 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var ui = require('@dhis2/ui');
-var i18n = require('@dhis2/d2-i18n');
-var DimensionsProvider = require('../DimensionsProvider');
-var dhis2Ui = require('@hisptz/dhis2-ui');
-var VisualizationSelector = require('../VisualizationSelector');
-var map = require('../../../Map/utils/map');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useMemo, useState, useCallback } from 'react';
+import { Tooltip, Button, IconClock24, IconLocation24 } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+import { useDimensions } from '../DimensionsProvider/index.js';
+import { PeriodSelectorModal, OrgUnitSelectorModal } from '@hisptz/dhis2-ui';
+import { getOrgUnitSelectionFromIds } from '../VisualizationSelector/index.js';
+import { getOrgUnitsSelection } from '../../../Map/utils/map.js';
 
 function VisualizationDimensionSelector({
   showPeriodSelector,
   showOrgUnitSelector
 }) {
-  const [dimensions, setDimensions] = DimensionsProvider.useDimensions();
-  const periods = react.useMemo(() => dimensions.pe, [dimensions.pe]);
-  const orgUnitSelection = react.useMemo(
-    () => VisualizationSelector.getOrgUnitSelectionFromIds(dimensions.ou ?? []),
+  const [dimensions, setDimensions] = useDimensions();
+  const periods = useMemo(() => dimensions.pe, [dimensions.pe]);
+  const orgUnitSelection = useMemo(
+    () => getOrgUnitSelectionFromIds(dimensions.ou ?? []),
     [dimensions.ou]
   );
-  const [openFilter, setOpenFilter] = react.useState();
-  const onFilterUpdate = react.useCallback(
+  const [openFilter, setOpenFilter] = useState();
+  const onFilterUpdate = useCallback(
     (type) => (data) => {
       setOpenFilter(void 0);
       if (type === "ou") {
         setDimensions({
           dimension: "ou",
-          value: map.getOrgUnitsSelection(data)
+          value: getOrgUnitsSelection(data)
         });
         return;
       }
@@ -41,10 +35,10 @@ function VisualizationDimensionSelector({
     },
     [setDimensions]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-    showPeriodSelector && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: i18n__default.default.t("Period"), children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        dhis2Ui.PeriodSelectorModal,
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+    showPeriodSelector && /* @__PURE__ */ jsx(Tooltip, { content: i18n.t("Period"), children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PeriodSelectorModal,
         {
           position: "middle",
           enablePeriodSelector: true,
@@ -54,38 +48,38 @@ function VisualizationDimensionSelector({
           onUpdate: onFilterUpdate("pe")
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
+      /* @__PURE__ */ jsx(
+        Button,
         {
           onClick: () => setOpenFilter("pe"),
-          icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconClock24, {})
+          icon: /* @__PURE__ */ jsx(IconClock24, {})
         }
       )
     ] }) }),
-    showOrgUnitSelector && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: i18n__default.default.t("Location"), children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        dhis2Ui.OrgUnitSelectorModal,
+    showOrgUnitSelector && /* @__PURE__ */ jsx(Tooltip, { content: i18n.t("Location"), children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        OrgUnitSelectorModal,
         {
           showUserOptions: true,
           searchable: true,
-          title: i18n__default.default.t("Select location(s)"),
+          title: i18n.t("Select location(s)"),
           value: orgUnitSelection,
           onClose: () => setOpenFilter(void 0),
           hide: openFilter !== "ou",
           onUpdate: onFilterUpdate("ou")
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
+      /* @__PURE__ */ jsx(
+        Button,
         {
           onClick: () => setOpenFilter("ou"),
-          icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconLocation24, {})
+          icon: /* @__PURE__ */ jsx(IconLocation24, {})
         }
       )
     ] }) })
   ] }) });
 }
 
-exports.VisualizationDimensionSelector = VisualizationDimensionSelector;
+export { VisualizationDimensionSelector };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map