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

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

@@ -1,15 +1,24 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { uid } from '@hisptz/dhis2-utils';
-import { isEmpty } from 'lodash';
-import { forwardRef, useRef } from 'react';
-import { MapContainer, TileLayer, LayersControl } from 'react-leaflet';
-import { useMapBounds } from '../../hooks/map.js';
-import MapControl from '../MapControls/index.js';
-import MapLayer from '../MapLayer/index.js';
-import LegendArea from '../MapLayer/components/LegendArea/index.js';
-import { MapLayersProvider } from '../MapProvider/components/MapLayerProvider/index.js';
-import { useMapLayers } from '../MapProvider/hooks/index.js';
-import MapUpdater from '../MapUpdater/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dhis2Utils = require('@hisptz/dhis2-utils');
+var lodash = require('lodash');
+var react = require('react');
+var reactLeaflet = require('react-leaflet');
+var map_js = require('../../hooks/map.js');
+var MapControl = require('../MapControls/index.js');
+var MapLayer = require('../MapLayer/index.js');
+var LegendArea = require('../MapLayer/components/LegendArea/index.js');
+var index_js = require('../MapProvider/components/MapLayerProvider/index.js');
+var index_js$1 = require('../MapProvider/hooks/index.js');
+var MapUpdater = require('../MapUpdater/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var MapControl__default = /*#__PURE__*/_interopDefault(MapControl);
+var MapLayer__default = /*#__PURE__*/_interopDefault(MapLayer);
+var LegendArea__default = /*#__PURE__*/_interopDefault(LegendArea);
+var MapUpdater__default = /*#__PURE__*/_interopDefault(MapUpdater);
 
 function MapLayerArea({
   id,
@@ -17,27 +26,27 @@ function MapLayerArea({
   controls,
   legends
 }) {
-  const { layers } = useMapLayers();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TileLayer,
+  const { layers } = index_js$1.useMapLayers();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactLeaflet.TileLayer,
       {
         id,
         attribution: base?.attribution ?? '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> | &copy; <a href="https://carto.com/attribution">CARTO</a>',
         url: base?.url ?? "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png"
       }
     ),
-    controls?.map((control) => /* @__PURE__ */ jsx(
-      MapControl,
+    controls?.map((control) => /* @__PURE__ */ jsxRuntime.jsx(
+      MapControl__default.default,
       {
         mapId: id,
         ...control
       },
       `${control.type}-control`
     )),
-    !isEmpty(layers) && /* @__PURE__ */ jsx(LayersControl, { hideSingleBase: true, position: "topleft", children: layers.map(
-      (layer, index) => /* @__PURE__ */ jsx(
-        MapLayer,
+    !lodash.isEmpty(layers) && /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayersControl, { hideSingleBase: true, position: "topleft", children: layers.map(
+      (layer, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        MapLayer__default.default,
         {
           layer,
           index
@@ -45,8 +54,8 @@ function MapLayerArea({
         layer.id
       )
     ) }),
-    !isEmpty(layers) && /* @__PURE__ */ jsx(
-      LegendArea,
+    !lodash.isEmpty(layers) && /* @__PURE__ */ jsxRuntime.jsx(
+      LegendArea__default.default,
       {
         legends,
         layers,
@@ -56,15 +65,15 @@ function MapLayerArea({
   ] });
 }
 const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
-  const { center, bounds } = useMapBounds();
-  const { current: id } = useRef(uid());
-  return /* @__PURE__ */ jsx(
+  const { center, bounds } = map_js.useMapBounds();
+  const { current: id } = react.useRef(dhis2Utils.uid());
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       id: `${id}-"map-container`,
       style: { height: "100%", width: "100%" },
-      children: /* @__PURE__ */ jsxs(
-        MapContainer,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        reactLeaflet.MapContainer,
         {
           attributionControl: true,
           ref,
@@ -76,8 +85,8 @@ const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
           trackResize: true,
           ...mapOptions,
           children: [
-            /* @__PURE__ */ jsx(MapUpdater, { bounds }),
-            /* @__PURE__ */ jsx(MapLayersProvider, { layers, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(MapUpdater__default.default, { bounds }),
+            /* @__PURE__ */ jsxRuntime.jsx(index_js.MapLayersProvider, { layers, children: /* @__PURE__ */ jsxRuntime.jsx(
               MapLayerArea,
               {
                 base,
@@ -93,8 +102,8 @@ const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
     }
   );
 };
-var MapArea_default = forwardRef(MapArea);
+var MapArea_default = react.forwardRef(MapArea);
 
-export { MapArea_default as default };
+module.exports = MapArea_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapArea/interfaces/index.js

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

package/dist/components/Map/components/MapControls/components/CustomControl/index.js

@@ -1,4 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
 
 const POSITION_CLASSES = {
   bottomleft: "leaflet-bottom leaflet-left",
@@ -8,9 +10,9 @@ const POSITION_CLASSES = {
 };
 function CustomControl({ children, position, ...options }) {
   const positionClass = position && POSITION_CLASSES[position] || POSITION_CLASSES.topright;
-  return /* @__PURE__ */ jsx("div", { ...options, className: `${positionClass}`, children: /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", border: "none" }, className: "leaflet-control leaflet-bar", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...options, className: `${positionClass}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden", border: "none" }, className: "leaflet-control leaflet-bar", children }) });
 }
 
-export { CustomControl };
+exports.CustomControl = CustomControl;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapControls/components/DownloadControl/index.js

@@ -1,15 +1,21 @@
-import { jsx } from 'react/jsx-runtime';
-import { createControlComponent } from '@react-leaflet/core';
-import L from 'leaflet';
-import 'leaflet-easyprint';
+'use strict';
 
-const DownloadControlComponent = createControlComponent((props) => {
-  return L.easyPrint(props);
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@react-leaflet/core');
+var L = require('leaflet');
+require('leaflet-easyprint');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var L__default = /*#__PURE__*/_interopDefault(L);
+
+const DownloadControlComponent = core.createControlComponent((props) => {
+  return L__default.default.easyPrint(props);
 });
 function DownloadControl({ options, position, mapId }) {
-  return /* @__PURE__ */ jsx(DownloadControlComponent, { ...{ ...options, position } });
+  return /* @__PURE__ */ jsxRuntime.jsx(DownloadControlComponent, { ...{ ...options, position } });
 }
 
-export { DownloadControl as default };
+module.exports = DownloadControl;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapControls/components/FullscreenControl/index.js

@@ -1,13 +1,15 @@
-import { createControlComponent } from '@react-leaflet/core';
-import { control } from 'leaflet';
-import 'leaflet.fullscreen';
-import 'leaflet.fullscreen/Control.FullScreen.css';
+'use strict';
 
-const FullscreenControl = createControlComponent(
-  (props) => control.fullscreen(props)
+var core = require('@react-leaflet/core');
+var leaflet = require('leaflet');
+require('leaflet.fullscreen');
+require('leaflet.fullscreen/Control.FullScreen.css');
+
+const FullscreenControl = core.createControlComponent(
+  (props) => leaflet.control.fullscreen(props)
 );
 var FullscreenControl_default = FullscreenControl;
 
-export { FullscreenControl_default as default };
+module.exports = FullscreenControl_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
-import { ScaleControl, ZoomControl } from 'react-leaflet';
-import FullscreenControl from './components/FullscreenControl/index.js';
-import DownloadControl from './components/DownloadControl/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactLeaflet = require('react-leaflet');
+var FullscreenControl = require('./components/FullscreenControl/index.js');
+var DownloadControl = require('./components/DownloadControl/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var FullscreenControl__default = /*#__PURE__*/_interopDefault(FullscreenControl);
+var DownloadControl__default = /*#__PURE__*/_interopDefault(DownloadControl);
 
 function MapControl({
   type,
@@ -11,14 +18,14 @@ function MapControl({
 }) {
   switch (type) {
     case "zoom":
-      return /* @__PURE__ */ jsx(ZoomControl, { position, ...options });
+      return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.ZoomControl, { position, ...options });
     case "scale":
-      return /* @__PURE__ */ jsx(ScaleControl, { position, ...options });
+      return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.ScaleControl, { position, ...options });
     case "fullscreen":
-      return /* @__PURE__ */ jsx(FullscreenControl, { position, ...options });
+      return /* @__PURE__ */ jsxRuntime.jsx(FullscreenControl__default.default, { position, ...options });
     case "print":
-      return /* @__PURE__ */ jsx(
-        DownloadControl,
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DownloadControl__default.default,
         {
           mapId,
           position,
@@ -30,6 +37,6 @@ function MapControl({
   }
 }
 
-export { MapControl as default };
+module.exports = MapControl;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js

@@ -1,10 +1,12 @@
-import { useMapOrganisationUnit } from '../../../../MapProvider/hooks/index.js';
+'use strict';
+
+var index_js = require('../../../../MapProvider/hooks/index.js');
 
 function useBoundaryData() {
-  const { orgUnits } = useMapOrganisationUnit();
+  const { orgUnits } = index_js.useMapOrganisationUnit();
   return orgUnits;
 }
 
-export { useBoundaryData };
+exports.useBoundaryData = useBoundaryData;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useBoundaryData.js.map

package/dist/components/Map/components/MapLayer/components/BoundaryLayer/index.js

@@ -1,42 +1,50 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { colors } from '@dhis2/ui';
-import { LayersControl, LayerGroup, GeoJSON, Tooltip, Popup } from 'react-leaflet';
-import { highlightFeature, resetHighlight } from '../../../../utils/map.js';
-import { useBoundaryData } from './hooks/useBoundaryData.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var reactLeaflet = require('react-leaflet');
+var map_js = require('../../../../utils/map.js');
+var useBoundaryData_js = require('./hooks/useBoundaryData.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 const defaultStyle = {
   weight: 1,
-  color: colors.grey900,
-  fillColor: colors.grey900,
+  color: ui.colors.grey900,
+  fillColor: ui.colors.grey900,
   fillOpacity: 0
 };
 const highlightStyle = {
   weight: 2,
-  color: colors.grey900,
+  color: ui.colors.grey900,
   dashArray: "",
   fillOpacity: 0.1
 };
 function BoundaryLayer(props) {
   const { enabled } = props ?? {};
-  const orgUnits = useBoundaryData();
-  return /* @__PURE__ */ jsx(LayersControl.Overlay, { checked: enabled, name: i18n.t("Boundaries"), children: /* @__PURE__ */ jsx(LayerGroup, { children: orgUnits?.map((area) => {
-    return /* @__PURE__ */ jsxs(
-      GeoJSON,
+  const orgUnits = useBoundaryData_js.useBoundaryData();
+  return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayersControl.Overlay, { checked: enabled, name: i18n__default.default.t("Boundaries"), children: /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.LayerGroup, { children: orgUnits?.map((area) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactLeaflet.GeoJSON,
       {
         data: area.geoJSON,
         interactive: true,
         eventHandlers: {
-          mouseover: (e) => highlightFeature(e, highlightStyle),
-          mouseout: (e) => resetHighlight(e, defaultStyle)
+          mouseover: (e) => map_js.highlightFeature(e, highlightStyle),
+          mouseout: (e) => map_js.resetHighlight(e, defaultStyle)
         },
         pathOptions: defaultStyle,
         children: [
-          /* @__PURE__ */ jsx(Tooltip, { children: area.name }),
-          /* @__PURE__ */ jsxs(Popup, { minWidth: 80, children: [
-            /* @__PURE__ */ jsx("h3", { children: area.name }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("b", { children: "Level: " }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Tooltip, { children: area.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactLeaflet.Popup, { minWidth: 80, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { children: area.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("b", { children: "Level: " }),
               area.level
             ] })
           ] })
@@ -47,6 +55,8 @@ function BoundaryLayer(props) {
   }) }) });
 }
 
-export { BoundaryLayer as default, defaultStyle, highlightStyle };
+exports.default = BoundaryLayer;
+exports.defaultStyle = defaultStyle;
+exports.highlightStyle = highlightStyle;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.js

@@ -1,22 +1,31 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import LegendCardHeader from '../../LegendArea/components/LegendCardHeader/index.js';
-import { Divider } from '@dhis2/ui';
-import i18n from '@dhis2/d2-i18n';
-import { isEmpty } from 'lodash';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var LegendCardHeader = require('../../LegendArea/components/LegendCardHeader/index.js');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+var lodash = require('lodash');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var LegendCardHeader__default = /*#__PURE__*/_interopDefault(LegendCardHeader);
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function LegendItem({
   legend
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-item", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: "legend-item-color",
         style: { backgroundColor: legend.color }
       }
     ),
-    legend.name ? /* @__PURE__ */ jsx("div", { className: "legend-item-label", children: `${legend.name}` }) : /* @__PURE__ */ jsx("div", { className: "legend-item-label", children: `${legend.min} - ${legend.max}` })
+    legend.name ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-item-label", children: `${legend.name}` }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-item-label", children: `${legend.min} - ${legend.max}` })
   ] });
 }
 function getLegendsFromParams(params) {
@@ -50,35 +59,35 @@ function EarthEngineLegend({
 }, ref) {
   const { options } = layer;
   const legends = options?.legend?.items ?? getLegendsFromParams(options?.params);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       style: { maxWidth: 200, alignItems: "start", gap: 8 },
       className: "legend-card",
       ref,
       children: [
-        /* @__PURE__ */ jsx(
-          LegendCardHeader,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          LegendCardHeader__default.default,
           {
             title: name,
             collapsible,
             onCollapse
           }
         ),
-        /* @__PURE__ */ jsx(Divider, { margin: "0" }),
-        /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: options?.description ?? "" }),
-        !isEmpty(legends) && /* @__PURE__ */ jsx("b", { children: options?.unit ?? "" }),
-        /* @__PURE__ */ jsx("div", { className: "legend-list", children: legends?.map((legend) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { margin: "0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0 }, children: options?.description ?? "" }),
+        !lodash.isEmpty(legends) && /* @__PURE__ */ jsxRuntime.jsx("b", { children: options?.unit ?? "" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "legend-list", children: legends?.map((legend) => /* @__PURE__ */ jsxRuntime.jsx(
           LegendItem,
           {
             legend
           },
           `${legend?.color}-legend-list`
         )) }),
-        options?.source && /* @__PURE__ */ jsxs("div", { className: "row gap-8", children: [
-          i18n.t("Source"),
+        options?.source && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row gap-8", children: [
+          i18n__default.default.t("Source"),
           ":",
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "a",
             {
               className: "source-url",
@@ -93,8 +102,9 @@ function EarthEngineLegend({
     }
   );
 }
-var EarthEngineLegend_default = forwardRef(EarthEngineLegend);
+var EarthEngineLegend_default = react.forwardRef(EarthEngineLegend);
 
-export { LegendItem, EarthEngineLegend_default as default };
+exports.LegendItem = LegendItem;
+exports.default = EarthEngineLegend_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=EarthEngineLegend.js.map