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

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

@@ -1,12 +1,18 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useDataQuery } from '@dhis2/app-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { Center, CircularLoader } from '@dhis2/ui';
-import { compact, isEmpty } from 'lodash';
-import { useState, useEffect } from 'react';
-import { MapOrgUnitContext, MapPeriodContext } from '../../state/index.js';
-import { getOrgUnitsSelection, sanitizeOrgUnits, toGeoJson } from '../../utils/map.js';
-import { PeriodUtility } from '@hisptz/dhis2-utils';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var appRuntime = require('@dhis2/app-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+var react = require('react');
+var index_js = require('../../state/index.js');
+var map_js = require('../../utils/map.js');
+var dhis2Utils = require('@hisptz/dhis2-utils');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 const boundaryQuery = {
   boundaries: {
@@ -32,20 +38,20 @@ function MapProvider({
   orgUnitSelection,
   periodSelection
 }) {
-  const [orgUnits, setOrgUnits] = useState([]);
-  const { refetch, loading, error } = useDataQuery(boundaryQuery, {
+  const [orgUnits, setOrgUnits] = react.useState([]);
+  const { refetch, loading, error } = appRuntime.useDataQuery(boundaryQuery, {
     lazy: true
   });
-  useEffect(() => {
+  react.useEffect(() => {
     async function getOrgUnits() {
-      const rawOrgUnitIds = getOrgUnitsSelection(orgUnitSelection);
+      const rawOrgUnitIds = map_js.getOrgUnitsSelection(orgUnitSelection);
       const data = await refetch({ orgUnitIds: rawOrgUnitIds });
       const { analytics, boundaries } = data ?? {};
-      const rawOrgUnits = sanitizeOrgUnits(analytics?.metaData);
-      const geoJSONObjects = toGeoJson(
+      const rawOrgUnits = map_js.sanitizeOrgUnits(analytics?.metaData);
+      const geoJSONObjects = map_js.toGeoJson(
         boundaries.filter((bound) => bound.co)
       );
-      const orgUnits2 = compact(
+      const orgUnits2 = lodash.compact(
         rawOrgUnits.map((orgUnit) => {
           const geoJSONObject = geoJSONObjects?.find(
             (geoJSON) => geoJSON.properties.id === orgUnit.id
@@ -66,21 +72,21 @@ function MapProvider({
     getOrgUnits().catch((error2) => console.log(error2));
   }, [orgUnitSelection, refetch]);
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(CircularLoader, { small: true }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Center, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularLoader, { small: true }) }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsxs("h4", { children: [
-      i18n.t("Error"),
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Center, { children: /* @__PURE__ */ jsxRuntime.jsxs("h4", { children: [
+      i18n__default.default.t("Error"),
       ": ",
       error.message
     ] }) }) });
   }
-  const periods = compact(
-    periodSelection?.periods?.map((pe) => PeriodUtility.getPeriodById(pe))
+  const periods = lodash.compact(
+    periodSelection?.periods?.map((pe) => dhis2Utils.PeriodUtility.getPeriodById(pe))
   );
-  if (!isEmpty(orgUnits)) {
-    return /* @__PURE__ */ jsx(MapOrgUnitContext.Provider, { value: { orgUnitSelection, orgUnits }, children: /* @__PURE__ */ jsx(
-      MapPeriodContext.Provider,
+  if (!lodash.isEmpty(orgUnits)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(index_js.MapOrgUnitContext.Provider, { value: { orgUnitSelection, orgUnits }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      index_js.MapPeriodContext.Provider,
       {
         value: { ...periodSelection, periods },
         children
@@ -90,6 +96,6 @@ function MapProvider({
   return null;
 }
 
-export { MapProvider };
+exports.MapProvider = MapProvider;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,11 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
-import { useCenterMap } from '../../hooks/map.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var map_js = require('../../hooks/map.js');
 
 function MapUpdater({ bounds }) {
-  const ref = useCenterMap({ bounds });
-  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%" }, ref });
+  const ref = map_js.useCenterMap({ bounds });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100%" }, ref });
 }
 
-export { MapUpdater as default };
+module.exports = MapUpdater;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,8 +1,14 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useForm } from 'react-hook-form';
-import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button } from '@dhis2/ui';
-import i18n from '@dhis2/d2-i18n';
-import { ThematicLayerConfiguration } from './ThematicLayerConfiguration.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+var ThematicLayerConfiguration_js = require('./ThematicLayerConfiguration.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function ThematicLayerConfigModal({
   open,
@@ -12,30 +18,30 @@ function ThematicLayerConfigModal({
   onChange,
   ...props
 }) {
-  const form = useForm({
+  const form = reactHookForm.useForm({
     defaultValues: config
   });
   const onSubmitClick = (values) => {
     onChange(values);
     onClose();
   };
-  return /* @__PURE__ */ jsxs(Modal, { ...props, hide: !open, onClose, children: [
-    /* @__PURE__ */ jsx(ModalTitle, { children: i18n.t("Configure Thematic Layer") }),
-    /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(ThematicLayerConfiguration, { form, exclude }) }),
-    /* @__PURE__ */ jsx(ModalActions, { children: /* @__PURE__ */ jsxs(ButtonStrip, { children: [
-      /* @__PURE__ */ jsx(Button, { onClick: onClose, children: i18n.t("Cancel") }),
-      /* @__PURE__ */ jsx(
-        Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Modal, { ...props, hide: !open, onClose, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalTitle, { children: i18n__default.default.t("Configure Thematic Layer") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalContent, { children: /* @__PURE__ */ jsxRuntime.jsx(ThematicLayerConfiguration_js.ThematicLayerConfiguration, { form, exclude }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalActions, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.ButtonStrip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClose, children: i18n__default.default.t("Cancel") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
         {
           primary: true,
           onClick: () => form.handleSubmit(onSubmitClick)(),
-          children: i18n.t("Save")
+          children: i18n__default.default.t("Save")
         }
       )
     ] }) })
   ] });
 }
 
-export { ThematicLayerConfigModal };
+exports.ThematicLayerConfigModal = ThematicLayerConfigModal;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ThematicLayerConfigModal.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.js

@@ -1,5 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
-import { ThematicLayerConfigModal } from './ThematicLayerConfigModal';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ThematicLayerConfigModal = require('./ThematicLayerConfigModal');
 
 const Default = {};
 Default.args = {
@@ -10,15 +14,16 @@ Default.args = {
 };
 const meta = {
   title: "DHIS2 Map/Thematic Layer Config Modal",
-  component: ThematicLayerConfigModal,
+  component: ThematicLayerConfigModal.ThematicLayerConfigModal,
   decorators: [
     (MapStory) => {
-      return /* @__PURE__ */ jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsx(MapStory, {}) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsxRuntime.jsx(MapStory, {}) });
     }
   ]
 };
 var ThematicLayerConfigModal_stories_default = meta;
 
-export { Default, ThematicLayerConfigModal_stories_default as default };
+exports.Default = Default;
+exports.default = ThematicLayerConfigModal_stories_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ThematicLayerConfigModal.stories.js.map

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

@@ -1,35 +1,42 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { InputField, Button, Field, Radio } from '@dhis2/ui';
-import { useWatch, FormProvider, Controller } from 'react-hook-form';
-import { useState, useMemo } from 'react';
-import { compact } from 'lodash';
-import { defaultClasses, defaultColorScaleName } from '../../utils/colors.js';
-import IndicatorSelectorModal from './components/IndicatorSelectorModal/index.js';
-import { LegendSetSelector } from './components/LegendSetSelector/index.js';
-import { CustomLegend } from './components/CustomLegend/index.js';
-import { RadiusField } from './components/RadiusField.js';
-import { TypeField } from './components/TypeField.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var reactHookForm = require('react-hook-form');
+var react = require('react');
+var lodash = require('lodash');
+var colors_js = require('../../utils/colors.js');
+var IndicatorSelectorModal = require('./components/IndicatorSelectorModal/index.js');
+var index_js = require('./components/LegendSetSelector/index.js');
+var index_js$1 = require('./components/CustomLegend/index.js');
+var RadiusField_js = require('./components/RadiusField.js');
+var TypeField_js = require('./components/TypeField.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var IndicatorSelectorModal__default = /*#__PURE__*/_interopDefault(IndicatorSelectorModal);
 
 function ThematicLayerConfiguration({
   exclude,
   form
 }) {
-  const [type, legendSet, dataItemId] = useWatch({
+  const [type, legendSet, dataItemId] = reactHookForm.useWatch({
     control: form.control,
     name: ["type", "dataItem.legendSet", "dataItem.id"]
   });
-  const [legendType, setLegendType] = useState(
+  const [legendType, setLegendType] = react.useState(
     legendSet ? "legendSet" : "custom"
   );
-  const [dataSelectorOpen, setDataSelectorOpen] = useState(false);
+  const [dataSelectorOpen, setDataSelectorOpen] = react.useState(false);
   const onLegendTypeChange = (type2) => ({ value }) => {
     if (type2 === "custom") {
       form.setValue("dataItem.legendSet", void 0);
-      form.setValue("dataItem.legendConfig.scale", defaultClasses);
+      form.setValue("dataItem.legendConfig.scale", colors_js.defaultClasses);
       form.setValue(
         "dataItem.legendConfig.colorClass",
-        defaultColorScaleName
+        colors_js.defaultColorScaleName
       );
     } else {
       form.setValue("dataItem.legendConfig", void 0);
@@ -38,60 +45,60 @@ function ThematicLayerConfiguration({
       setLegendType(value);
     }
   };
-  const disabled = useMemo(
+  const disabled = react.useMemo(
     () => exclude?.filter((indicator) => indicator !== dataItemId) ?? [],
     [dataItemId, exclude]
   );
-  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("div", { className: "column gap-16", children: [
-    /* @__PURE__ */ jsx(TypeField, {}),
-    /* @__PURE__ */ jsx(
-      Controller,
+  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "column gap-16", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TypeField_js.TypeField, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
       {
         rules: {
           validate: {
             required: (value) => {
-              return Boolean(value?.id) || i18n.t("A data item is required");
+              return Boolean(value?.id) || i18n__default.default.t("A data item is required");
             }
           }
         },
-        render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
+        render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               style: { alignItems: "flex-end" },
               className: "row w-100 gap-16 align-end",
               children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     onClick: () => setDataSelectorOpen(true),
                     style: { flex: 1 },
-                    children: /* @__PURE__ */ jsx(
-                      InputField,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.InputField,
                       {
                         required: true,
                         error: Boolean(fieldState.error),
                         validationText: fieldState.error?.message,
                         disabled: true,
                         inputWidth: "100%",
-                        label: i18n.t("Data Item"),
+                        label: i18n__default.default.t("Data Item"),
                         value: field.value?.displayName
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx(
-                  Button,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
                   {
                     onClick: () => setDataSelectorOpen(true),
-                    children: field.value?.id ? i18n.t("Change") : i18n.t("Select")
+                    children: field.value?.id ? i18n__default.default.t("Change") : i18n__default.default.t("Select")
                   }
                 )
               ]
             }
           ),
-          dataSelectorOpen && /* @__PURE__ */ jsx(
-            IndicatorSelectorModal,
+          dataSelectorOpen && /* @__PURE__ */ jsxRuntime.jsx(
+            IndicatorSelectorModal__default.default,
             {
               disabled,
               onUpdate: (values) => {
@@ -104,7 +111,7 @@ function ThematicLayerConfiguration({
               },
               onClose: () => setDataSelectorOpen(false),
               hide: !dataSelectorOpen,
-              selected: compact([
+              selected: lodash.compact([
                 {
                   id: field.value?.id,
                   displayName: field.value?.displayName
@@ -116,42 +123,42 @@ function ThematicLayerConfiguration({
         name: "dataItem"
       }
     ),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Field, { label: i18n.t("Legend"), children: /* @__PURE__ */ jsxs("div", { className: "column gap-8", children: [
-        /* @__PURE__ */ jsxs("div", { className: "row gap-16", children: [
-          /* @__PURE__ */ jsx(
-            Radio,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Field, { label: i18n__default.default.t("Legend"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "column gap-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row gap-16", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Radio,
             {
               checked: legendType === "legendSet",
-              label: i18n.t("Legend set"),
+              label: i18n__default.default.t("Legend set"),
               name: "legendSet",
               value: "legendSet",
               onChange: onLegendTypeChange("legendSet")
             }
           ),
-          /* @__PURE__ */ jsx(
-            Radio,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Radio,
             {
               checked: legendType === "custom",
-              label: i18n.t("Custom legend"),
+              label: i18n__default.default.t("Custom legend"),
               name: "custom",
               value: "custom",
               onChange: onLegendTypeChange("custom")
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          legendType === "legendSet" && /* @__PURE__ */ jsx(
-            Controller,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          legendType === "legendSet" && /* @__PURE__ */ jsxRuntime.jsx(
+            reactHookForm.Controller,
             {
               rules: {
-                required: i18n.t(
+                required: i18n__default.default.t(
                   "Legend set is required"
                 )
               },
               name: "dataItem.legendSet",
-              render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
-                LegendSetSelector,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+                index_js.LegendSetSelector,
                 {
                   required: true,
                   selected: field.value,
@@ -161,14 +168,14 @@ function ThematicLayerConfiguration({
               )
             }
           ),
-          legendType === "custom" && /* @__PURE__ */ jsx(CustomLegend, {})
+          legendType === "custom" && /* @__PURE__ */ jsxRuntime.jsx(index_js$1.CustomLegend, {})
         ] })
       ] }) }),
-      type === "bubble" && /* @__PURE__ */ jsx(Field, { label: i18n.t("Radius"), children: /* @__PURE__ */ jsx(RadiusField, {}) })
+      type === "bubble" && /* @__PURE__ */ jsxRuntime.jsx(ui.Field, { label: i18n__default.default.t("Radius"), children: /* @__PURE__ */ jsxRuntime.jsx(RadiusField_js.RadiusField, {}) })
     ] })
   ] }) });
 }
 
-export { ThematicLayerConfiguration };
+exports.ThematicLayerConfiguration = ThematicLayerConfiguration;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ThematicLayerConfiguration.js.map

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

@@ -1,21 +1,26 @@
-import { jsx } from 'react/jsx-runtime';
-import { ThematicLayerConfiguration } from './ThematicLayerConfiguration';
-import { useForm } from 'react-hook-form';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ThematicLayerConfiguration = require('./ThematicLayerConfiguration');
+var reactHookForm = require('react-hook-form');
 
 const Basic = {};
 Basic.args = {};
 const meta = {
   title: "DHIS2 Map/Thematic Layer Configuration",
-  component: ThematicLayerConfiguration,
+  component: ThematicLayerConfiguration.ThematicLayerConfiguration,
   decorators: [
     (MapStory) => {
-      const form = useForm();
-      return /* @__PURE__ */ jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsx(MapStory, { args: { form } }) });
+      const form = reactHookForm.useForm();
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsxRuntime.jsx(MapStory, { args: { form } }) });
     }
   ]
 };
 var ThematicLayerConfiguration_stories_default = meta;
 
-export { Basic, ThematicLayerConfiguration_stories_default as default };
+exports.Basic = Basic;
+exports.default = ThematicLayerConfiguration_stories_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ThematicLayerConfiguration.stories.js.map

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

@@ -1,6 +1,12 @@
-import { jsx } from 'react/jsx-runtime';
-import styles from '../../styles/ColorScale.module.css';
-import { COLOR_PALETTES } from '../../constants/colors.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('../../styles/ColorScale.module.css');
+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,
@@ -8,20 +14,20 @@ const ColorScale = ({
   width,
   onClick
 }) => {
-  const colors = COLOR_PALETTES?.[scale]?.[bins];
+  const colors = colors_js.COLOR_PALETTES?.[scale]?.[bins];
   const itemWidth = width ? width / bins : 36;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
       onClick: () => onClick(scale),
-      className: styles.colorScale,
+      className: styles__default.default.colorScale,
       style: {
         ...width && { width }
       },
-      children: colors.map((color, index) => /* @__PURE__ */ jsx(
+      children: colors.map((color, index) => /* @__PURE__ */ jsxRuntime.jsx(
         "li",
         {
-          className: styles.item,
+          className: styles__default.default.item,
           style: { backgroundColor: color, width: itemWidth }
         },
         index
@@ -31,6 +37,6 @@ const ColorScale = ({
 };
 var ColorScale_default = ColorScale;
 
-export { ColorScale_default as default };
+module.exports = ColorScale_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,10 +1,18 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, Fragment } from 'react';
-import { Popover } from '@dhis2/ui';
-import cx from 'classnames';
-import ColorScale from './components/ColorScale/index.js';
-import styles from './styles/ColorScaleSelect.module.css';
-import { getColorPalette, getColorScale, defaultColorScale, defaultColorScaleName, colorScales } from './utils/colors.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ui = require('@dhis2/ui');
+var cx = require('classnames');
+var ColorScale = require('./components/ColorScale/index.js');
+var styles = require('./styles/ColorScaleSelect.module.css');
+var colors_js = require('./utils/colors.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cx__default = /*#__PURE__*/_interopDefault(cx);
+var ColorScale__default = /*#__PURE__*/_interopDefault(ColorScale);
+var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 const ColorScaleSelect = ({
   colorClass,
@@ -13,43 +21,43 @@ const ColorScaleSelect = ({
   onChange,
   className
 }) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const anchorRef = useRef(null);
-  const palette = getColorPalette(colorClass, count);
+  const [isOpen, setIsOpen] = react.useState(false);
+  const anchorRef = react.useRef(null);
+  const palette = colors_js.getColorPalette(colorClass, count);
   const bins = palette.split(",").length;
-  const scale = getColorScale(palette) ?? defaultColorScale;
+  const scale = colors_js.getColorScale(palette) ?? colors_js.defaultColorScale;
   const onColorScaleSelect = (scale2) => {
     onChange(scale2);
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { ref: anchorRef, className: cx(styles.colorScale, className), children: /* @__PURE__ */ jsx(
-      ColorScale,
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: anchorRef, className: cx__default.default(styles__default.default.colorScale, className), children: /* @__PURE__ */ jsxRuntime.jsx(
+      ColorScale__default.default,
       {
         bins,
-        scale: scale ?? defaultColorScaleName,
+        scale: scale ?? colors_js.defaultColorScaleName,
         onClick: () => setIsOpen(true),
         width: width || 260
       }
     ) }),
-    isOpen && /* @__PURE__ */ jsx(
-      Popover,
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Popover,
       {
         reference: anchorRef,
         arrow: false,
         placement: "right",
         onClickOutside: () => setIsOpen(false),
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: styles.popover,
+            className: styles__default.default.popover,
             style: {
               width: width + 24 || 260,
               height: "100%",
               overflow: "auto"
             },
-            children: colorScales.map((scale2, index) => /* @__PURE__ */ jsx(
-              ColorScale,
+            children: colors_js.colorScales.map((scale2, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              ColorScale__default.default,
               {
                 scale: scale2,
                 bins,
@@ -66,6 +74,6 @@ const ColorScaleSelect = ({
 };
 var ColorScaleSelect_default = ColorScaleSelect;
 
-export { ColorScaleSelect_default as default };
+module.exports = ColorScaleSelect_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map