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

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.js

@@ -1,18 +1,25 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Controller } from 'react-hook-form';
-import { InputField, SingleSelectField, SingleSelectOption, Field } from '@dhis2/ui';
-import i18n from '@dhis2/d2-i18n';
-import { getColorClasses, getColorScale, defaultClasses, defaultColorScaleName, getColorPalette } from '../../../utils/colors.js';
-import ColorScaleSelect from '../../ThematicLayerConfiguration/components/ColorScaleSelect/index.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 colors_js = require('../../../utils/colors.js');
+var ColorScaleSelect = require('../../ThematicLayerConfiguration/components/ColorScaleSelect/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var ColorScaleSelect__default = /*#__PURE__*/_interopDefault(ColorScaleSelect);
 
 function ColorConfig() {
-  return /* @__PURE__ */ jsxs("div", { className: "column gap-16", children: [
-    /* @__PURE__ */ jsxs("div", { className: "row gap-8", children: [
-      /* @__PURE__ */ jsx(
-        Controller,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "column gap-16", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row gap-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactHookForm.Controller,
         {
-          render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
-            InputField,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+            ui.InputField,
             {
               ...field,
               error: Boolean(fieldState.error),
@@ -23,18 +30,18 @@ function ColorConfig() {
                   return;
                 field.onChange(parseInt(value));
               },
-              label: i18n.t("Min"),
+              label: i18n__default.default.t("Min"),
               type: "number"
             }
           ),
           name: "params.min"
         }
       ),
-      /* @__PURE__ */ jsx(
-        Controller,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactHookForm.Controller,
         {
-          render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
-            InputField,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+            ui.InputField,
             {
               ...field,
               error: Boolean(fieldState.error),
@@ -45,40 +52,40 @@ function ColorConfig() {
                   return;
                 field.onChange(parseInt(value));
               },
-              label: i18n.t("Max"),
+              label: i18n__default.default.t("Max"),
               type: "number"
             }
           ),
           name: "params.max"
         }
       ),
-      /* @__PURE__ */ jsx(
-        Controller,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactHookForm.Controller,
         {
           name: "params.palette",
           render: ({ field, fieldState }) => {
             const palette = field.value;
-            const scale = getColorClasses(palette);
-            const colorClass = getColorScale(palette ?? "");
+            const scale = colors_js.getColorClasses(palette);
+            const colorClass = colors_js.getColorScale(palette ?? "");
             const onChange = ({
               selected
             }) => {
-              const palette2 = getColorPalette(
+              const palette2 = colors_js.getColorPalette(
                 colorClass,
                 parseInt(selected)
               )?.join(",");
               field.onChange(palette2);
             };
-            return /* @__PURE__ */ jsx(
-              SingleSelectField,
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              ui.SingleSelectField,
               {
                 validationText: fieldState.error?.message,
                 error: Boolean(fieldState.error),
-                selected: scale?.toString() ?? defaultClasses.toString(),
-                label: i18n.t("Steps"),
+                selected: scale?.toString() ?? colors_js.defaultClasses.toString(),
+                label: i18n__default.default.t("Steps"),
                 onChange,
-                children: [3, 4, 5, 6, 7, 8, 9].map((value) => /* @__PURE__ */ jsx(
-                  SingleSelectOption,
+                children: [3, 4, 5, 6, 7, 8, 9].map((value) => /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.SingleSelectOption,
                   {
                     label: `${value}`,
                     value: value?.toString()
@@ -91,32 +98,32 @@ function ColorConfig() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      Controller,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
       {
         name: "params.palette",
         render: ({ field, fieldState }) => {
           const palette = field.value;
-          const scale = getColorClasses(palette);
-          const colorClass = getColorScale(palette ?? "");
+          const scale = colors_js.getColorClasses(palette);
+          const colorClass = colors_js.getColorScale(palette ?? "");
           const onChange = (colorClass2) => {
-            const palette2 = getColorPalette(
+            const palette2 = colors_js.getColorPalette(
               colorClass2,
               scale
             )?.join(",");
             field.onChange(palette2);
           };
-          return /* @__PURE__ */ jsx(
-            Field,
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Field,
             {
               error: Boolean(fieldState.error),
               validationText: fieldState.error?.message,
-              label: i18n.t("Colors"),
-              children: /* @__PURE__ */ jsx(
-                ColorScaleSelect,
+              label: i18n__default.default.t("Colors"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                ColorScaleSelect__default.default,
                 {
-                  count: scale ?? defaultClasses,
-                  colorClass: colorClass ?? defaultColorScaleName,
+                  count: scale ?? colors_js.defaultClasses,
+                  colorClass: colorClass ?? colors_js.defaultColorScaleName,
                   width: 300,
                   onChange
                 }
@@ -129,6 +136,6 @@ function ColorConfig() {
   ] });
 }
 
-export { ColorConfig };
+exports.ColorConfig = ColorConfig;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ColorConfig.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/Name.js

@@ -1,28 +1,34 @@
-import { jsx } from 'react/jsx-runtime';
-import { useFormContext, Controller } from 'react-hook-form';
-import { useEffect } from 'react';
-import i18n from '@dhis2/d2-i18n';
-import { InputField } from '@dhis2/ui';
-import { useType } from '../hooks/data.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var react = require('react');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var data_js = require('../hooks/data.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function Name() {
-  const config = useType();
-  const { setValue } = useFormContext();
-  useEffect(() => {
+  const config = data_js.useType();
+  const { setValue } = reactHookForm.useFormContext();
+  react.useEffect(() => {
     setValue("name", config?.name);
     setValue("id", config?.id);
   }, [config]);
-  return /* @__PURE__ */ jsx(
-    Controller,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
     {
       name: "name",
       rules: {
-        required: i18n.t("Name is required")
+        required: i18n__default.default.t("Name is required")
       },
-      render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
-        InputField,
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+        ui.InputField,
         {
-          label: i18n.t("Layer name"),
+          label: i18n__default.default.t("Layer name"),
           type: "text",
           required: true,
           error: Boolean(fieldState.error),
@@ -39,6 +45,6 @@ function Name() {
   );
 }
 
-export { Name };
+exports.Name = Name;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Name.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/PeriodSelector.js

@@ -1,53 +1,59 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useFormContext, Controller } from 'react-hook-form';
-import { useEffect } from 'react';
-import { isEmpty, head } from 'lodash';
-import { Center, SingleSelectField, SingleSelectOption, CircularLoader } from '@dhis2/ui';
-import i18n from '@dhis2/d2-i18n';
-import { useType, useDatasetInfo } from '../hooks/data.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var react = require('react');
+var lodash = require('lodash');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+var data_js = require('../hooks/data.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function PeriodSelector() {
-  const config = useType();
-  const { setValue, getValues } = useFormContext();
+  const config = data_js.useType();
+  const { setValue, getValues } = reactHookForm.useFormContext();
   const filters = config?.filters ?? [];
   const hasPeriodFilter = filters.includes("period");
-  const { loading, error, periods } = useDatasetInfo(hasPeriodFilter, config);
+  const { loading, error, periods } = data_js.useDatasetInfo(hasPeriodFilter, config);
   const initialPeriod = getValues("filters.period");
-  useEffect(() => {
-    if (!isEmpty(periods) && !initialPeriod) {
-      setValue("filters.period", head(periods));
+  react.useEffect(() => {
+    if (!lodash.isEmpty(periods) && !initialPeriod) {
+      setValue("filters.period", lodash.head(periods));
     }
   }, [periods]);
   if (!hasPeriodFilter) {
     return null;
   }
   if (error) {
-    return /* @__PURE__ */ jsx("div", { style: { minWidth: "100%", minHeight: 100 }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx("p", { children: error?.message ?? error?.toString() }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minWidth: "100%", minHeight: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Center, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: error?.message ?? error?.toString() }) }) });
   }
-  return /* @__PURE__ */ jsx(
-    Controller,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
     {
       name: "filters.period",
       rules: {
-        required: i18n.t("Period is required")
+        required: i18n__default.default.t("Period is required")
       },
-      render: ({ field, fieldState }) => /* @__PURE__ */ jsxs("div", { style: { gap: 4 }, className: "row align-items-center", children: [
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
-          SingleSelectField,
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { gap: 4 }, className: "row align-items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SingleSelectField,
           {
-            helpText: i18n.t(
+            helpText: i18n__default.default.t(
               "Available periods are set by the source data"
             ),
             loading,
             filterable: true,
-            label: i18n.t("Period"),
+            label: i18n__default.default.t("Period"),
             required: true,
             error: Boolean(fieldState.error),
             validationText: fieldState.error?.message,
             onChange: ({ selected }) => field.onChange(parseInt(selected)),
             selected: periods?.includes(field.value) ? field.value?.toString() : void 0,
-            children: periods?.map((period) => /* @__PURE__ */ jsx(
-              SingleSelectOption,
+            children: periods?.map((period) => /* @__PURE__ */ jsxRuntime.jsx(
+              ui.SingleSelectOption,
               {
                 value: period.toString(),
                 label: period.toString()
@@ -56,12 +62,12 @@ function PeriodSelector() {
             ))
           }
         ) }),
-        loading && /* @__PURE__ */ jsx(CircularLoader, { extrasmall: true })
+        loading && /* @__PURE__ */ jsxRuntime.jsx(ui.CircularLoader, { extrasmall: true })
       ] })
     }
   );
 }
 
-export { PeriodSelector };
+exports.PeriodSelector = PeriodSelector;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=PeriodSelector.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/StylesConfig.js

@@ -1,24 +1,30 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { ColorConfig } from './ColorConfig.js';
-import { useType } from '../hooks/data.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ColorConfig_js = require('./ColorConfig.js');
+var data_js = require('../hooks/data.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function StylesConfig() {
-  const config = useType();
+  const config = data_js.useType();
   const hasParams = Boolean(config?.params);
   if (!hasParams) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { style: { minWidth: 200, minHeight: 100 }, className: "row gap-16", children: /* @__PURE__ */ jsxs("div", { className: "column", children: [
-    /* @__PURE__ */ jsxs("p", { children: [
-      i18n.t("Unit"),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minWidth: 200, minHeight: 100 }, className: "row gap-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "column", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      i18n__default.default.t("Unit"),
       ": ",
       config?.unit
     ] }),
-    /* @__PURE__ */ jsx(ColorConfig, {})
+    /* @__PURE__ */ jsxRuntime.jsx(ColorConfig_js.ColorConfig, {})
   ] }) });
 }
 
-export { StylesConfig };
+exports.StylesConfig = StylesConfig;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=StylesConfig.js.map

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

@@ -1,18 +1,24 @@
-import { jsx } from 'react/jsx-runtime';
-import { filter, find } from 'lodash';
-import { EARTH_ENGINE_LAYERS, SUPPORTED_EARTH_ENGINE_LAYERS } from '../../MapLayer/components/GoogleEngineLayer/constants/index.js';
-import { useFormContext, Controller } from 'react-hook-form';
-import i18n from '@dhis2/d2-i18n';
-import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lodash = require('lodash');
+var index_js = require('../../MapLayer/components/GoogleEngineLayer/constants/index.js');
+var reactHookForm = require('react-hook-form');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function TypeField({ excluded }) {
-  const supportedLayers = filter(
-    EARTH_ENGINE_LAYERS,
-    ({ id }) => SUPPORTED_EARTH_ENGINE_LAYERS.includes(id) && !(excluded?.includes(id) ?? false)
+  const supportedLayers = lodash.filter(
+    index_js.EARTH_ENGINE_LAYERS,
+    ({ id }) => index_js.SUPPORTED_EARTH_ENGINE_LAYERS.includes(id) && !(excluded?.includes(id) ?? false)
   );
-  const { setValue } = useFormContext();
+  const { setValue } = reactHookForm.useFormContext();
   const setConfigDefaults = (selected) => {
-    const config = find(supportedLayers, ["id", selected]);
+    const config = lodash.find(supportedLayers, ["id", selected]);
     if (!config)
       return;
     if (config?.defaultAggregations) {
@@ -29,17 +35,17 @@ function TypeField({ excluded }) {
       setValue("params", void 0);
     }
   };
-  return /* @__PURE__ */ jsx(
-    Controller,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
     {
       name: "type",
       rules: {
-        required: i18n.t("Type is required")
+        required: i18n__default.default.t("Type is required")
       },
-      render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
-        SingleSelectField,
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+        ui.SingleSelectField,
         {
-          label: i18n.t("Layer type"),
+          label: i18n__default.default.t("Layer type"),
           required: true,
           error: Boolean(fieldState.error),
           validationText: fieldState.error?.message,
@@ -47,9 +53,9 @@ function TypeField({ excluded }) {
             setConfigDefaults(selected);
             field.onChange(selected);
           },
-          selected: Boolean(find(supportedLayers, "id", field.value)) ? field.value : void 0,
-          children: supportedLayers?.map((layer) => /* @__PURE__ */ jsx(
-            SingleSelectOption,
+          selected: Boolean(lodash.find(supportedLayers, "id", field.value)) ? field.value : void 0,
+          children: supportedLayers?.map((layer) => /* @__PURE__ */ jsxRuntime.jsx(
+            ui.SingleSelectOption,
             {
               value: layer.id,
               label: layer.name
@@ -62,6 +68,6 @@ function TypeField({ excluded }) {
   );
 }
 
-export { TypeField };
+exports.TypeField = TypeField;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=TypeField.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/hooks/data.js

@@ -1,25 +1,27 @@
-import { useGoogleEngineToken } from '../../MapLayer/components/GoogleEngineLayer/hooks/index.js';
-import { EarthEngine } from '../../MapLayer/components/GoogleEngineLayer/services/engine.js';
-import { useQuery } from 'react-query';
-import { useMemo } from 'react';
-import { useWatch } from 'react-hook-form';
-import { find } from 'lodash';
-import { EARTH_ENGINE_LAYERS } from '../../MapLayer/components/GoogleEngineLayer/constants/index.js';
+'use strict';
+
+var index_js = require('../../MapLayer/components/GoogleEngineLayer/hooks/index.js');
+var engine_js = require('../../MapLayer/components/GoogleEngineLayer/services/engine.js');
+var reactQuery = require('react-query');
+var react = require('react');
+var reactHookForm = require('react-hook-form');
+var lodash = require('lodash');
+var index_js$1 = require('../../MapLayer/components/GoogleEngineLayer/constants/index.js');
 
 function useDatasetInfo(shouldRun, config) {
-  const { refresh } = useGoogleEngineToken();
+  const { refresh } = index_js.useGoogleEngineToken();
   async function getInfo() {
     if (config) {
       const tokenData = await refresh();
-      await EarthEngine.setToken(tokenData.token, refresh);
-      const engine = new EarthEngine({
+      await engine_js.EarthEngine.setToken(tokenData.token, refresh);
+      const engine = new engine_js.EarthEngine({
         options: config
       });
       return engine.getPeriod();
     }
   }
-  const { data, error, isLoading } = useQuery([config], getInfo);
-  const periods = useMemo(() => {
+  const { data, error, isLoading } = reactQuery.useQuery([config], getInfo);
+  const periods = react.useMemo(() => {
     const features = data?.features;
     return features?.map((feature) => {
       return new Date(
@@ -34,12 +36,13 @@ function useDatasetInfo(shouldRun, config) {
   };
 }
 function useType() {
-  const type = useWatch({
+  const type = reactHookForm.useWatch({
     name: "type"
   });
-  return find(EARTH_ENGINE_LAYERS, ["id", type]);
+  return lodash.find(index_js$1.EARTH_ENGINE_LAYERS, ["id", type]);
 }
 
-export { useDatasetInfo, useType };
+exports.useDatasetInfo = useDatasetInfo;
+exports.useType = useType;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=data.js.map

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

@@ -1,4 +1,21 @@
-export * from './EarthEngineLayerConfigModal.js';
-export * from './EarthEngineLayerConfiguration.js';
+'use strict';
+
+var EarthEngineLayerConfigModal_js = require('./EarthEngineLayerConfigModal.js');
+var EarthEngineLayerConfiguration_js = require('./EarthEngineLayerConfiguration.js');
+
+
+
+Object.keys(EarthEngineLayerConfigModal_js).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return EarthEngineLayerConfigModal_js[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_js[k]; }
+	});
+});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map