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

package/dist/components/DHIS2PivotTable/index.js

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

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

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

package/dist/components/DHIS2PivotTable/services/engine.js

@@ -1,4 +1,6 @@
-import { findIndex, intersection, compact, times, zip } from 'lodash';
+'use strict';
+
+var lodash = require('lodash');
 
 class DHIS2PivotTableEngine {
   constructor({
@@ -7,7 +9,7 @@ class DHIS2PivotTableEngine {
   }) {
     this.config = config;
     this.analyticsData = analytics;
-    this.valueIndex = findIndex(this.analyticsData.headers, [
+    this.valueIndex = lodash.findIndex(this.analyticsData.headers, [
       "name",
       "value"
     ]);
@@ -29,7 +31,7 @@ class DHIS2PivotTableEngine {
   getValue(mapper) {
     const dimensions = Object.values(mapper);
     const data = this.analyticsData.rows?.filter(
-      (row) => intersection(row, dimensions).length >= dimensions.length
+      (row) => lodash.intersection(row, dimensions).length >= dimensions.length
     );
     return data?.reduce((acc, row) => {
       return acc + parseFloat(row[this.valueIndex]);
@@ -39,7 +41,7 @@ class DHIS2PivotTableEngine {
     this.rowHeaders = this.config.layout.rows.map((rowConfig) => {
       return {
         ...rowConfig,
-        items: compact(
+        items: lodash.compact(
           this.getDimensionItems(rowConfig.dimension).map(
             (itemId) => this.getItem(itemId)
           )
@@ -49,7 +51,7 @@ class DHIS2PivotTableEngine {
     this.columnHeaders = this.config.layout.columns.map((columnConfig) => {
       return {
         ...columnConfig,
-        items: compact(
+        items: lodash.compact(
           this.getDimensionItems(columnConfig.dimension).map(
             (itemId) => this.getItem(itemId)
           )
@@ -59,7 +61,7 @@ class DHIS2PivotTableEngine {
   }
   getColumnMap() {
     const columns = this.columnHeaders;
-    const sanitizedColumns = compact(
+    const sanitizedColumns = lodash.compact(
       columns?.map(
         (column) => column.items?.map((item) => ({
           [column.dimension]: item.uid
@@ -70,10 +72,10 @@ class DHIS2PivotTableEngine {
       return acc * (items?.length ?? 1);
     }, 1);
     const standardiseColumns = sanitizedColumns.map((items) => [
-      ...times(size / items.length, () => items).flat()
+      ...lodash.times(size / items.length, () => items).flat()
     ]);
-    this.columnMap = compact(
-      zip(...standardiseColumns).map(
+    this.columnMap = lodash.compact(
+      lodash.zip(...standardiseColumns).map(
         (arr) => arr.reduce((obj, value) => {
           return { ...obj, ...value };
         })
@@ -82,6 +84,6 @@ class DHIS2PivotTableEngine {
   }
 }
 
-export { DHIS2PivotTableEngine };
+exports.DHIS2PivotTableEngine = DHIS2PivotTableEngine;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=engine.js.map

package/dist/components/DHIS2PivotTable/state/engine.js

@@ -1,17 +1,20 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
+'use strict';
 
-const DHIS2PivotTableEngineContext = createContext(null);
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const DHIS2PivotTableEngineContext = react.createContext(null);
 function useCustomPivotTableEngine() {
-  return useContext(DHIS2PivotTableEngineContext);
+  return react.useContext(DHIS2PivotTableEngineContext);
 }
 function DHIS2PivotTableEngineProvider({
   children,
   engine
 }) {
-  return /* @__PURE__ */ jsx(DHIS2PivotTableEngineContext.Provider, { value: engine, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(DHIS2PivotTableEngineContext.Provider, { value: engine, children });
 }
 
-export { DHIS2PivotTableEngineProvider, useCustomPivotTableEngine };
+exports.DHIS2PivotTableEngineProvider = DHIS2PivotTableEngineProvider;
+exports.useCustomPivotTableEngine = useCustomPivotTableEngine;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=engine.js.map

package/dist/components/Map/DHIS2Map.js

@@ -1,11 +1,17 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import MapArea from './components/MapArea/index.js';
-import { MapProvider } from './components/MapProvider/index.js';
-import 'leaflet/dist/leaflet.css';
-import { QueryClient, QueryClientProvider } from 'react-query';
+'use strict';
 
-const queryClient = new QueryClient();
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var MapArea = require('./components/MapArea/index.js');
+var index_js = require('./components/MapProvider/index.js');
+require('leaflet/dist/leaflet.css');
+var reactQuery = require('react-query');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var MapArea__default = /*#__PURE__*/_interopDefault(MapArea);
+
+const queryClient = new reactQuery.QueryClient();
 const MapComponent = ({
   orgUnitSelection,
   pointLayer,
@@ -33,13 +39,13 @@ const MapComponent = ({
       enabled: boundaryLayer?.enabled ?? false
     }
   ];
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(
-    MapProvider,
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index_js.MapProvider,
     {
       periodSelection,
       orgUnitSelection,
-      children: /* @__PURE__ */ jsx(
-        MapArea,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        MapArea__default.default,
         {
           layers: {
             thematicLayers,
@@ -57,9 +63,10 @@ const MapComponent = ({
     }
   ) });
 };
-const DHIS2Map = forwardRef(MapComponent);
+const DHIS2Map = react.forwardRef(MapComponent);
 const Map = DHIS2Map;
 
-export { DHIS2Map, Map };
+exports.DHIS2Map = DHIS2Map;
+exports.Map = Map;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=DHIS2Map.js.map

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

@@ -1,8 +1,12 @@
-import { DHIS2Map } from './DHIS2Map';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DHIS2Map = require('./DHIS2Map');
 
 const meta = {
   title: "DHIS2 Map",
-  component: DHIS2Map
+  component: DHIS2Map.DHIS2Map
 };
 var DHIS2Map_stories_default = meta;
 const BaseMap = {
@@ -361,6 +365,16 @@ GoogleEarthEngineLayers.args = {
   }
 };
 
-export { AllThematicLayers, BaseMap, BoundaryLayer, BoundaryLayerWithLevels, BubbleThematicLayer, ChoroplethThematicLayer, ChoroplethThematicLayerWithLevels, Controls, GoogleEarthEngineLayers, PointLayer, DHIS2Map_stories_default as default };
+exports.AllThematicLayers = AllThematicLayers;
+exports.BaseMap = BaseMap;
+exports.BoundaryLayer = BoundaryLayer;
+exports.BoundaryLayerWithLevels = BoundaryLayerWithLevels;
+exports.BubbleThematicLayer = BubbleThematicLayer;
+exports.ChoroplethThematicLayer = ChoroplethThematicLayer;
+exports.ChoroplethThematicLayerWithLevels = ChoroplethThematicLayerWithLevels;
+exports.Controls = Controls;
+exports.GoogleEarthEngineLayers = GoogleEarthEngineLayers;
+exports.PointLayer = PointLayer;
+exports.default = DHIS2Map_stories_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=DHIS2Map.stories.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.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 { EarthEngineLayerConfiguration } from './EarthEngineLayerConfiguration.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 EarthEngineLayerConfiguration_js = require('./EarthEngineLayerConfiguration.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function EarthEngineLayerConfigModal({
   open,
@@ -12,30 +18,30 @@ function EarthEngineLayerConfigModal({
   onChange,
   ...props
 }) {
-  const form = useForm({
+  const form = reactHookForm.useForm({
     defaultValues: config ?? {}
   });
   const onSubmitClick = (values) => {
     onClose();
     onChange(values);
   };
-  return /* @__PURE__ */ jsxs(Modal, { ...props, hide: !open, onClose, children: [
-    /* @__PURE__ */ jsx(ModalTitle, { children: i18n.t("Configure Earth Engine Layer") }),
-    /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(EarthEngineLayerConfiguration, { form, excluded: 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 Earth Engine Layer") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalContent, { children: /* @__PURE__ */ jsxRuntime.jsx(EarthEngineLayerConfiguration_js.EarthEngineLayerConfiguration, { form, excluded: 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 { EarthEngineLayerConfigModal };
+exports.EarthEngineLayerConfigModal = EarthEngineLayerConfigModal;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=EarthEngineLayerConfigModal.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.js

@@ -1,10 +1,14 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '@dhis2/ui';
-import { useBoolean } from 'usehooks-ts';
-import { EarthEngineLayerConfigModal } from './EarthEngineLayerConfigModal';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var usehooksTs = require('usehooks-ts');
+var EarthEngineLayerConfigModal = require('./EarthEngineLayerConfigModal');
 
 const meta = {
-  component: EarthEngineLayerConfigModal,
+  component: EarthEngineLayerConfigModal.EarthEngineLayerConfigModal,
   title: "DHIS2 Map/Earth Engine Layer Config Modal",
   decorators: [
     (Story) => {
@@ -12,10 +16,10 @@ const meta = {
         value: hide,
         setTrue: onClose,
         setFalse: onOpen
-      } = useBoolean(true);
-      return /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Story, { args: { open: !hide, onClose }, onClose }),
-        /* @__PURE__ */ jsx(Button, { onClick: onOpen, children: "Open modal" })
+      } = usehooksTs.useBoolean(true);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Story, { args: { open: !hide, onClose }, onClose }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onOpen, children: "Open modal" })
       ] });
     }
   ]
@@ -29,6 +33,7 @@ Default.args = {
   open: true
 };
 
-export { Default, EarthEngineLayerConfigModal_stories_default as default };
+exports.Default = Default;
+exports.default = EarthEngineLayerConfigModal_stories_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=EarthEngineLayerConfigModal.stories.js.map

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

@@ -1,26 +1,28 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { FormProvider } from 'react-hook-form';
-import { StylesConfig } from './components/StylesConfig.js';
-import { Name } from './components/Name.js';
-import { TypeField } from './components/TypeField.js';
-import { AggregationSelector } from './components/AggregationSelector.js';
-import { PeriodSelector } from './components/PeriodSelector.js';
-import { QueryClient, QueryClientProvider } from 'react-query';
+'use strict';
 
-const queryClient = new QueryClient();
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var StylesConfig_js = require('./components/StylesConfig.js');
+var Name_js = require('./components/Name.js');
+var TypeField_js = require('./components/TypeField.js');
+var AggregationSelector_js = require('./components/AggregationSelector.js');
+var PeriodSelector_js = require('./components/PeriodSelector.js');
+var reactQuery = require('react-query');
+
+const queryClient = new reactQuery.QueryClient();
 function EarthEngineLayerConfiguration({
   form,
   excluded
 }) {
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("div", { className: "column gap-16", children: [
-    /* @__PURE__ */ jsx(TypeField, { excluded }),
-    /* @__PURE__ */ jsx(Name, {}),
-    /* @__PURE__ */ jsx(AggregationSelector, {}),
-    /* @__PURE__ */ jsx(PeriodSelector, {}),
-    /* @__PURE__ */ jsx(StylesConfig, {})
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "column gap-16", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TypeField_js.TypeField, { excluded }),
+    /* @__PURE__ */ jsxRuntime.jsx(Name_js.Name, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AggregationSelector_js.AggregationSelector, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(PeriodSelector_js.PeriodSelector, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(StylesConfig_js.StylesConfig, {})
   ] }) }) });
 }
 
-export { EarthEngineLayerConfiguration };
+exports.EarthEngineLayerConfiguration = EarthEngineLayerConfiguration;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=EarthEngineLayerConfiguration.js.map

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

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

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

@@ -1,43 +1,49 @@
-import { jsx } from 'react/jsx-runtime';
-import { Controller } from 'react-hook-form';
-import { SingleSelectField, SingleSelectOption, MultiSelectField, MultiSelectOption } from '@dhis2/ui';
-import { head, capitalize } from 'lodash';
-import i18n from '@dhis2/d2-i18n';
-import { useType } from '../hooks/data.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+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 AggregationSelector() {
-  const config = useType();
+  const config = data_js.useType();
   if (!config?.defaultAggregations) {
     return null;
   }
   const supportedAggregations = config?.defaultAggregations ?? [];
   const maxAggregations = config?.maxAggregations;
-  return /* @__PURE__ */ jsx(
-    Controller,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
     {
       render: ({ field, fieldState }) => {
-        return maxAggregations === 1 ? /* @__PURE__ */ jsx(
-          SingleSelectField,
+        return maxAggregations === 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SingleSelectField,
           {
             clearable: true,
             error: Boolean(fieldState.error),
             validationText: fieldState?.error?.message,
             selected: supportedAggregations.includes(
-              head(field.value) ?? ""
-            ) ? head(field.value) : void 0,
+              lodash.head(field.value) ?? ""
+            ) ? lodash.head(field.value) : void 0,
             onChange: ({ selected }) => field.onChange([selected]),
-            label: i18n.t("Aggregation"),
-            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsx(
-              SingleSelectOption,
+            label: i18n__default.default.t("Aggregation"),
+            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsxRuntime.jsx(
+              ui.SingleSelectOption,
               {
-                label: capitalize(aggregation),
+                label: lodash.capitalize(aggregation),
                 value: aggregation
               },
               `${aggregation}-option`
             ))
           }
-        ) : /* @__PURE__ */ jsx(
-          MultiSelectField,
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          ui.MultiSelectField,
           {
             error: Boolean(fieldState.error),
             validationText: fieldState?.error?.message,
@@ -45,11 +51,11 @@ function AggregationSelector() {
               (value) => supportedAggregations?.includes(value)
             ),
             onChange: ({ selected }) => field.onChange(selected),
-            label: i18n.t("Aggregations"),
-            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsx(
-              MultiSelectOption,
+            label: i18n__default.default.t("Aggregations"),
+            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsxRuntime.jsx(
+              ui.MultiSelectOption,
               {
-                label: capitalize(aggregation),
+                label: lodash.capitalize(aggregation),
                 value: aggregation
               },
               `${aggregation}-option`
@@ -62,6 +68,6 @@ function AggregationSelector() {
   );
 }
 
-export { AggregationSelector };
+exports.AggregationSelector = AggregationSelector;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=AggregationSelector.js.map