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

package/build/es/components/Map/components/MapProvider/components/MapLayerProvider/hooks/index.js

@@ -1,391 +0,0 @@
-import { compact, differenceBy, find, head, isEmpty, last, sortBy } from "lodash";
-import { useMapOrganisationUnit, useMapPeriods } from "../../../hooks";
-import { useCallback, useMemo, useState } from "react";
-import { generateLegends, getOrgUnitsSelection, sanitizeDate, sanitizeOrgUnits, toGeoJson } from "../../../../../utils/map";
-import { useDataEngine } from "@dhis2/app-runtime";
-import { asyncify, map } from "async-es";
-import { defaultClasses, defaultColorScaleName } from "../../../../../utils/colors";
-import { useGoogleEngineToken } from "../../../../MapLayer/components/GoogleEngineLayer/hooks";
-import { useBoundaryData } from "../../../../MapLayer/components/BoundaryLayer/hooks/useBoundaryData";
-import { EarthEngine } from "../../../../MapLayer/components/GoogleEngineLayer/services/engine";
-import { EARTH_ENGINE_LAYERS } from "../../../../MapLayer/components/GoogleEngineLayer/constants";
-const analyticsQuery = {
-  analytics: {
-    resource: "analytics",
-    params: _ref => {
-      let {
-        ou,
-        pe,
-        dx,
-        startDate,
-        endDate
-      } = _ref;
-      const peDimension = !isEmpty(pe) ? `pe:${pe === null || pe === void 0 ? void 0 : pe.join(";")}` : undefined;
-      const ouDimension = !isEmpty(ou) ? `ou:${ou === null || ou === void 0 ? void 0 : ou.join(";")}` : undefined;
-      const dxDimension = !isEmpty(dx) ? `dx:${dx === null || dx === void 0 ? void 0 : dx.join(";")}` : undefined;
-      return {
-        dimension: compact([dxDimension, peDimension, ouDimension]),
-        startDate,
-        endDate,
-        displayProperty: "NAME"
-      };
-    }
-  }
-};
-const query = {
-  layer: {
-    resource: "geoFeatures",
-    params: _ref2 => {
-      let {
-        ous
-      } = _ref2;
-      return {
-        ou: `ou:${ous.join(";")}`
-      };
-    }
-  },
-  analytics: {
-    resource: "analytics",
-    params: _ref3 => {
-      let {
-        ous
-      } = _ref3;
-      return {
-        dimension: [`ou:${ous.join(";")}`, `pe:${new Date().getFullYear()}`],
-        skipData: true,
-        hierarchyMeta: true
-      };
-    }
-  }
-};
-const groupSetQuery = {
-  groupSet: {
-    resource: "organisationUnitGroupSets",
-    id: _ref4 => {
-      let {
-        groupSet
-      } = _ref4;
-      return groupSet;
-    },
-    params: {
-      fields: ["organisationUnitGroups[name,color,symbol,organisationUnits[id]]"]
-    }
-  }
-};
-const legendSetsQuery = {
-  legendSets: {
-    resource: "legendSets",
-    id: _ref5 => {
-      let {
-        id
-      } = _ref5;
-      return id;
-    },
-    params: {
-      fields: ["id", "displayName", "legends[id,code,startValue,endValue,color]"]
-    }
-  }
-};
-export function useThematicLayers() {
-  var _useMapPeriods;
-  const engine = useDataEngine();
-  const [loading, setLoading] = useState(false);
-  const {
-    orgUnits,
-    orgUnitSelection
-  } = useMapOrganisationUnit();
-  const {
-    periods,
-    range
-  } = (_useMapPeriods = useMapPeriods()) !== null && _useMapPeriods !== void 0 ? _useMapPeriods : {};
-  const ou = useMemo(() => getOrgUnitsSelection(orgUnitSelection), [orgUnitSelection]);
-  const pe = useMemo(() => periods === null || periods === void 0 ? void 0 : periods.map(pe => pe.id), [periods]);
-  const {
-    startDate,
-    endDate
-  } = useMemo(() => {
-    if (!range) {
-      return {
-        startDate: undefined,
-        endDate: undefined
-      };
-    }
-    return {
-      startDate: sanitizeDate(range.start.toDateString()),
-      endDate: sanitizeDate(range.end.toDateString())
-    };
-  }, [range]);
-  const sanitizeData = (data, layer) => {
-    if (data) {
-      const {
-        analytics
-      } = data;
-      const rows = analytics === null || analytics === void 0 ? void 0 : analytics.rows;
-      const ouIndex = analytics.headers.findIndex(header => header.name === "ou");
-      const dxIndex = analytics.headers.findIndex(header => header.name === "dx");
-      const valueIndex = analytics.headers.findIndex(header => header.name === "value");
-      if (!isEmpty(rows)) {
-        return sortBy(orgUnits === null || orgUnits === void 0 ? void 0 : orgUnits.map(ou => {
-          const row = rows.find(row => row[ouIndex] === ou.id && row[dxIndex] === layer.dataItem.id);
-          return {
-            orgUnit: ou,
-            data: row ? parseFloat(row[valueIndex]) : undefined,
-            dataItem: {
-              ...layer.dataItem
-            }
-          };
-        }), ["data"]);
-      }
-      return [];
-    }
-    return [];
-  };
-  const sanitizeLegends = async layers => {
-    return await map(layers, asyncify(async layer => {
-      try {
-        const legends = [];
-        if (layer.dataItem.legendSet) {
-          const legendSetData = await engine.query(legendSetsQuery, {
-            variables: {
-              id: layer.dataItem.legendSet
-            }
-          });
-          const legendSet = legendSetData === null || legendSetData === void 0 ? void 0 : legendSetData.legendSets;
-          if (legendSet) {
-            legends.push(...legendSet.legends);
-          }
-        } else {
-          var _layer$dataItem$legen, _last$data, _last, _head$data, _head;
-          const {
-            scale,
-            colorClass
-          } = (_layer$dataItem$legen = layer.dataItem.legendConfig) !== null && _layer$dataItem$legen !== void 0 ? _layer$dataItem$legen : {
-            scale: defaultClasses,
-            colorClass: defaultColorScaleName
-          };
-          const sortedData = sortBy(layer.data.filter(datum => !!datum.data), "data");
-          const autoLegends = generateLegends((_last$data = (_last = last(sortedData)) === null || _last === void 0 ? void 0 : _last.data) !== null && _last$data !== void 0 ? _last$data : 0, (_head$data = (_head = head(sortedData)) === null || _head === void 0 ? void 0 : _head.data) !== null && _head$data !== void 0 ? _head$data : 0, {
-            classesCount: scale,
-            colorClass
-          });
-          legends.push(...autoLegends);
-        }
-        return {
-          ...layer,
-          legends
-        };
-      } catch (e) {
-        return layer;
-      }
-    }));
-  };
-  const sanitizeLayers = async layers => {
-    try {
-      setLoading(true);
-      const layersWithoutData = layers === null || layers === void 0 ? void 0 : layers.filter(layer => !layer.data);
-      const layersWithData = differenceBy(layers, layersWithoutData, "id");
-      const dx = layersWithoutData.map(layer => layer.dataItem.id);
-      let sanitizedLayersWithData = [];
-      console.log({
-        layersWithoutData
-      });
-      if (!isEmpty(dx)) {
-        const data = await engine.query(analyticsQuery, {
-          variables: {
-            dx,
-            ou,
-            pe,
-            startDate,
-            endDate
-          }
-        });
-        sanitizedLayersWithData = layersWithoutData.map(layer => {
-          var _ref6, _layer$name, _layer$dataItem;
-          return {
-            ...layer,
-            name: (_ref6 = (_layer$name = layer === null || layer === void 0 ? void 0 : layer.name) !== null && _layer$name !== void 0 ? _layer$name : layer === null || layer === void 0 ? void 0 : (_layer$dataItem = layer.dataItem) === null || _layer$dataItem === void 0 ? void 0 : _layer$dataItem.displayName) !== null && _ref6 !== void 0 ? _ref6 : layer.id,
-            data: sanitizeData(data, layer)
-          };
-        });
-      }
-      const sanitizedLayersWithOrgUnits = layersWithData.map(layer => {
-        var _layer$data;
-        return {
-          ...layer,
-          data: (_layer$data = layer.data) === null || _layer$data === void 0 ? void 0 : _layer$data.map(datum => {
-            var _ref7, _layer$name2, _layer$dataItem2;
-            return {
-              ...datum,
-              orgUnit: find(orgUnits, ["id", datum.orgUnit]),
-              dataItem: layer.dataItem,
-              name: (_ref7 = (_layer$name2 = layer === null || layer === void 0 ? void 0 : layer.name) !== null && _layer$name2 !== void 0 ? _layer$name2 : layer === null || layer === void 0 ? void 0 : (_layer$dataItem2 = layer.dataItem) === null || _layer$dataItem2 === void 0 ? void 0 : _layer$dataItem2.displayName) !== null && _ref7 !== void 0 ? _ref7 : layer.id
-            };
-          })
-        };
-      });
-      setLoading(false);
-      return await sanitizeLegends([...sanitizedLayersWithData, ...sanitizedLayersWithOrgUnits]);
-    } catch (e) {
-      console.error(`Error getting thematic layers`, e.details);
-      setLoading(false);
-      return [];
-    }
-  };
-  return {
-    sanitizeLayers,
-    loading
-  };
-}
-export function usePointLayer() {
-  const engine = useDataEngine();
-  const {
-    orgUnitSelection
-  } = useMapOrganisationUnit();
-  const [loading, setLoading] = useState(false);
-  const sanitizePointData = useCallback((orgUnitData, groupSetData) => {
-    var _ref8;
-    const {
-      analytics,
-      layer
-    } = (_ref8 = orgUnitData) !== null && _ref8 !== void 0 ? _ref8 : {};
-    const rawOrgUnits = sanitizeOrgUnits(analytics === null || analytics === void 0 ? void 0 : analytics.metaData);
-    const geoJSONObjects = toGeoJson(layer === null || layer === void 0 ? void 0 : layer.filter(bound => bound.co));
-    return compact(rawOrgUnits.map(orgUnit => {
-      var _organisationUnitGrou, _groupSetData$groupSe;
-      const geoJSONObject = geoJSONObjects === null || geoJSONObjects === void 0 ? void 0 : geoJSONObjects.find(geoJSON => geoJSON.properties.id === orgUnit.id);
-      const orgUnitGroups = (_organisationUnitGrou = groupSetData === null || groupSetData === void 0 ? void 0 : (_groupSetData$groupSe = groupSetData.groupSet) === null || _groupSetData$groupSe === void 0 ? void 0 : _groupSetData$groupSe.organisationUnitGroups) !== null && _organisationUnitGrou !== void 0 ? _organisationUnitGrou : [];
-      const ouGroup = find(orgUnitGroups, ouGroup => {
-        var _ouGroup$organisation;
-        return !!find((_ouGroup$organisation = ouGroup === null || ouGroup === void 0 ? void 0 : ouGroup.organisationUnits) !== null && _ouGroup$organisation !== void 0 ? _ouGroup$organisation : [], ["id", orgUnit.id]);
-      });
-      if (!geoJSONObject || geoJSONObject.properties.type !== "Point") {
-        return;
-      }
-      return {
-        ...orgUnit,
-        geoJSON: geoJSONObject,
-        level: geoJSONObject.properties.level,
-        icon: {
-          type: "groupIcon",
-          icon: ouGroup === null || ouGroup === void 0 ? void 0 : ouGroup.symbol
-        }
-      };
-    }));
-  }, []);
-  const sanitizeLayer = useCallback(async layer => {
-    try {
-      var _layer$style, _organisationUnitGrou2, _groupSetData$groupSe2;
-      if (!layer.level && !layer.group) {
-        return;
-      }
-      setLoading(true);
-      const level = layer.level ? `LEVEL-${layer.level}` : undefined;
-      const group = layer.group ? `OU_GROUP-${layer.group}` : undefined;
-      const ous = [...getOrgUnitsSelection(orgUnitSelection), level, group];
-      const pointData = await engine.query(query, {
-        variables: {
-          ous
-        }
-      });
-      const groupSetData = await engine.query(groupSetQuery, {
-        variables: {
-          groupSet: (_layer$style = layer.style) === null || _layer$style === void 0 ? void 0 : _layer$style.groupSet
-        }
-      });
-      const sanitizedOrgUnitData = sanitizePointData(pointData, groupSetData);
-      const orgUnitGroups = (_organisationUnitGrou2 = groupSetData === null || groupSetData === void 0 ? void 0 : (_groupSetData$groupSe2 = groupSetData.groupSet) === null || _groupSetData$groupSe2 === void 0 ? void 0 : _groupSetData$groupSe2.organisationUnitGroups) !== null && _organisationUnitGrou2 !== void 0 ? _organisationUnitGrou2 : [];
-      const sanitizedOrgUnitGroups = orgUnitGroups.map(ouGroup => ({
-        ...ouGroup,
-        organisationUnits: undefined
-      }));
-      setLoading(false);
-      return {
-        ...layer,
-        points: sanitizedOrgUnitData,
-        style: {
-          ...layer.style,
-          orgUnitGroups: sanitizedOrgUnitGroups
-        }
-      };
-    } catch (e) {
-      setLoading(false);
-      console.error(`Error getting point layer`, e.details);
-      return;
-    }
-  }, []);
-  return {
-    loading,
-    sanitizeLayer
-  };
-}
-export function useGoogleEngineLayers() {
-  const {
-    refresh
-  } = useGoogleEngineToken();
-  const orgUnits = useBoundaryData();
-  async function getImageUrl(earthEngine, _ref9) {
-    let {
-      filters
-    } = _ref9;
-    if (earthEngine.initialized) {
-      try {
-        earthEngine.setOrgUnits(orgUnits !== null && orgUnits !== void 0 ? orgUnits : []);
-        const period = filters === null || filters === void 0 ? void 0 : filters.period;
-        if (period) {
-          earthEngine.setPeriod(period);
-        }
-        return earthEngine.url();
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  }
-  const sanitizeLayers = useCallback(async layers => {
-    if (isEmpty(layers)) {
-      return [];
-    }
-    try {
-      const {
-        token
-      } = await refresh();
-      if (!token) {
-        console.error(`Google token not available in this instance`);
-        return [];
-      }
-      await EarthEngine.setToken(token, refresh);
-      return map(layers, asyncify(async layer => {
-        try {
-          var _find, _layer$aggregations, _layer$params;
-          const defaultOptions = (_find = find(EARTH_ENGINE_LAYERS, ["id", layer.type])) !== null && _find !== void 0 ? _find : {};
-          const options = {
-            ...defaultOptions,
-            aggregations: (_layer$aggregations = layer.aggregations) !== null && _layer$aggregations !== void 0 ? _layer$aggregations : defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions.aggregations,
-            params: (_layer$params = layer.params) !== null && _layer$params !== void 0 ? _layer$params : defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions.params
-          };
-          const updatedLayer = {
-            ...layer,
-            options
-          };
-          const earthEngine = new EarthEngine({
-            options
-          });
-          const url = await getImageUrl(earthEngine, updatedLayer);
-          return {
-            ...updatedLayer,
-            engine: earthEngine,
-            url
-          };
-        } catch (e) {
-          console.error(e);
-          return;
-        }
-      }));
-    } catch (e) {
-      console.error(`Error getting thematic layers`, e.details);
-      return [];
-    }
-  }, [refresh]);
-  return {
-    sanitizeLayers
-  };
-}

package/build/es/components/Map/components/MapProvider/components/MapLayerProvider/index.js

@@ -1,107 +0,0 @@
-import i18n from "@dhis2/d2-i18n";
-import { CenteredContent, CircularLoader } from "@dhis2/ui";
-import { compact, find, head, set } from "lodash";
-import React, { useCallback, useEffect, useState } from "react";
-import { useMapEvents } from "react-leaflet";
-import { MapLayersContext } from "../../../../state";
-import { useMapOrganisationUnit, useMapPeriods } from "../../hooks";
-import { useGoogleEngineLayers, usePointLayer, useThematicLayers } from "./hooks";
-export function MapLayersProvider(_ref) {
-  let {
-    layers,
-    children
-  } = _ref;
-  const period = useMapPeriods();
-  const orgUnit = useMapOrganisationUnit();
-  const [updatedLayers, setUpdatedLayers] = useState([]);
-  const {
-    sanitizeLayers: sanitizeThematicLayers,
-    error
-  } = useThematicLayers();
-  const {
-    sanitizeLayer: sanitizePointLayer
-  } = usePointLayer();
-  const {
-    sanitizeLayers: sanitizeEarthEngineLayers
-  } = useGoogleEngineLayers();
-  const [loading, setLoading] = useState(false);
-  useMapEvents({
-    overlayremove: event => {
-      setupLayerListeners("remove", event);
-    },
-    overlayadd: event => {
-      setupLayerListeners("add", event);
-    }
-  });
-  const sanitizeLayers = async () => {
-    setLoading(true);
-    try {
-      const {
-        boundaryLayers,
-        thematicLayers,
-        pointLayers,
-        earthEngineLayers
-      } = layers;
-      const sanitizedThematicLayers = await sanitizeThematicLayers([...(thematicLayers !== null && thematicLayers !== void 0 ? thematicLayers : [])]);
-      const sanitizedBoundaryLayers = boundaryLayers !== null && boundaryLayers !== void 0 ? boundaryLayers : [];
-      const sanitizedPointLayer = head(pointLayers !== null && pointLayers !== void 0 ? pointLayers : []) ? await sanitizePointLayer(head(pointLayers)) : undefined;
-      const sanitizedEarthEngineLayers = await sanitizeEarthEngineLayers([...(earthEngineLayers !== null && earthEngineLayers !== void 0 ? earthEngineLayers : [])]);
-      setUpdatedLayers(compact([...(sanitizedBoundaryLayers !== null && sanitizedBoundaryLayers !== void 0 ? sanitizedBoundaryLayers : []), ...(sanitizedThematicLayers !== null && sanitizedThematicLayers !== void 0 ? sanitizedThematicLayers : []), sanitizedPointLayer, ...(sanitizedEarthEngineLayers !== null && sanitizedEarthEngineLayers !== void 0 ? sanitizedEarthEngineLayers : [])]));
-    } catch (e) {
-      console.error(`Error sanitizing layers`, e.toString());
-    }
-    setLoading(false);
-  };
-  const updateLayer = useCallback((id, updatedLayer) => {
-    setUpdatedLayers(prevLayers => {
-      const updatedLayers = [...prevLayers];
-      const layerIndex = updatedLayers.findIndex(layer => layer.id === updatedLayer.id);
-      if (layerIndex < 0) {
-        return prevLayers;
-      }
-      set(updatedLayers, layerIndex, updatedLayer);
-      return updatedLayers;
-    });
-  }, []);
-  useEffect(() => {
-    sanitizeLayers().catch(console.error);
-  }, [period, orgUnit]);
-  const setupLayerListeners = (type, event) => {
-    const name = event.name;
-    const layerConfig = find(updatedLayers, layer => {
-      var _ref2, _layer$name, _layer$dataItem;
-      const nameFromConfig = (_ref2 = (_layer$name = layer === null || layer === void 0 ? void 0 : layer.name) !== null && _layer$name !== void 0 ? _layer$name : layer === null || layer === void 0 ? void 0 : (_layer$dataItem = layer.dataItem) === null || _layer$dataItem === void 0 ? void 0 : _layer$dataItem.displayname) !== null && _ref2 !== void 0 ? _ref2 : layer === null || layer === void 0 ? void 0 : layer.label;
-      return nameFromConfig === name;
-    });
-    if (layerConfig) {
-      updateLayer(layerConfig.id, {
-        ...layerConfig,
-        enabled: type === "add"
-      });
-    }
-  };
-  if (loading) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: "100%",
-        width: "100%"
-      }
-    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement(CircularLoader, {
-      small: true
-    })));
-  }
-  if (error) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: "100%",
-        width: "100%"
-      }
-    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement("h4", null, i18n.t("Error"), ": ", error.message)));
-  }
-  return /*#__PURE__*/React.createElement(MapLayersContext.Provider, {
-    value: {
-      layers: updatedLayers,
-      updateLayer
-    }
-  }, children);
-}

package/build/es/components/Map/components/MapProvider/hooks/index.js

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { MapLayersContext, MapOrgUnitContext, MapPeriodContext } from "../../../state";
-export function useMapOrganisationUnit() {
-  return useContext(MapOrgUnitContext);
-}
-export function useMapPeriods() {
-  return useContext(MapPeriodContext);
-}
-export function useMapLayers() {
-  return useContext(MapLayersContext);
-}

package/build/es/components/Map/components/MapProvider/index.js

@@ -1,112 +0,0 @@
-import { useDataQuery } from "@dhis2/app-runtime";
-import i18n from "@dhis2/d2-i18n";
-import { CenteredContent, CircularLoader } from "@dhis2/ui";
-import { compact, isEmpty } from "lodash";
-import React, { useEffect, useState } from "react";
-import { MapOrgUnitContext, MapPeriodContext } from "../../state";
-import { getOrgUnitsSelection, sanitizeOrgUnits, toGeoJson } from "../../utils/map";
-import { PeriodUtility } from "@hisptz/dhis2-utils";
-const boundaryQuery = {
-  boundaries: {
-    resource: "geoFeatures",
-    params: _ref => {
-      let {
-        orgUnitIds
-      } = _ref;
-      return {
-        ou: `ou:${orgUnitIds === null || orgUnitIds === void 0 ? void 0 : orgUnitIds.join(";")}`
-      };
-    }
-  },
-  analytics: {
-    resource: "analytics",
-    params: _ref2 => {
-      let {
-        orgUnitIds
-      } = _ref2;
-      return {
-        dimension: [`ou:${orgUnitIds.join(";")}`, `pe:${new Date().getFullYear()}`],
-        skipData: true,
-        hierarchyMeta: true
-      };
-    }
-  }
-};
-export function MapProvider(_ref3) {
-  var _periodSelection$peri;
-  let {
-    children,
-    orgUnitSelection,
-    periodSelection
-  } = _ref3;
-  const [orgUnits, setOrgUnits] = useState([]);
-  const {
-    refetch,
-    loading,
-    error
-  } = useDataQuery(boundaryQuery, {
-    lazy: true
-  });
-  useEffect(() => {
-    async function getOrgUnits() {
-      var _ref4;
-      const rawOrgUnitIds = getOrgUnitsSelection(orgUnitSelection);
-      const data = await refetch({
-        orgUnitIds: rawOrgUnitIds
-      });
-      const {
-        analytics,
-        boundaries
-      } = (_ref4 = data) !== null && _ref4 !== void 0 ? _ref4 : {};
-      const rawOrgUnits = sanitizeOrgUnits(analytics === null || analytics === void 0 ? void 0 : analytics.metaData);
-      const geoJSONObjects = toGeoJson(boundaries.filter(bound => bound.co));
-      const orgUnits = compact(rawOrgUnits.map(orgUnit => {
-        const geoJSONObject = geoJSONObjects === null || geoJSONObjects === void 0 ? void 0 : geoJSONObjects.find(geoJSON => geoJSON.properties.id === orgUnit.id);
-        if (!geoJSONObject) {
-          return;
-        }
-        return {
-          ...orgUnit,
-          geoJSON: geoJSONObject,
-          bounds: [],
-          level: geoJSONObject.properties.level
-        };
-      }));
-      setOrgUnits(orgUnits);
-    }
-    getOrgUnits().catch(error => console.log(error));
-  }, [orgUnitSelection, refetch]);
-  if (loading) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: "100%",
-        width: "100%"
-      }
-    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement(CircularLoader, {
-      small: true
-    })));
-  }
-  if (error) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: "100%",
-        width: "100%"
-      }
-    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement("h4", null, i18n.t("Error"), ": ", error.message)));
-  }
-  const periods = compact(periodSelection === null || periodSelection === void 0 ? void 0 : (_periodSelection$peri = periodSelection.periods) === null || _periodSelection$peri === void 0 ? void 0 : _periodSelection$peri.map(pe => PeriodUtility.getPeriodById(pe)));
-  if (!isEmpty(orgUnits)) {
-    return /*#__PURE__*/React.createElement(MapOrgUnitContext.Provider, {
-      value: {
-        orgUnitSelection,
-        orgUnits
-      }
-    }, /*#__PURE__*/React.createElement(MapPeriodContext.Provider, {
-      value: {
-        ...periodSelection,
-        periods
-      }
-    }, children));
-  }
-  return null;
-}

package/build/es/components/Map/components/MapUpdater/index.js

@@ -1,17 +0,0 @@
-import { useCenterMap } from "../../hooks/map";
-import React from "react";
-export default function MapUpdater(_ref) {
-  let {
-    bounds
-  } = _ref;
-  const ref = useCenterMap({
-    bounds
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: "100%",
-      height: "100%"
-    },
-    ref: ref
-  });
-}

package/build/es/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.js

@@ -1,23 +0,0 @@
-import { ThematicLayerConfigModal } from "./index";
-import React from "react";
-const Template = args => {
-  return /*#__PURE__*/React.createElement(ThematicLayerConfigModal, args);
-};
-export const Basic = Template.bind({});
-Basic.args = {
-  onChange: console.info,
-  onClose: () => {},
-  open: true
-};
-export default {
-  title: "Analytics/Map/Thematic Layer Config Modal",
-  component: ThematicLayerConfigModal,
-  decorators: [MapStory => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "50%",
-        height: "50%"
-      }
-    }, /*#__PURE__*/React.createElement(MapStory, null));
-  }]
-};

package/build/es/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfiguration.stories.js

@@ -1,31 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { ThematicLayerConfiguration } from "./index";
-import React from "react";
-import { useForm } from "react-hook-form";
-import i18n from "@dhis2/d2-i18n";
-import { Button } from "@dhis2/ui";
-const Template = args => {
-  const form = useForm();
-  return /*#__PURE__*/React.createElement("form", {
-    className: "column gap-16",
-    onSubmit: form.handleSubmit(console.log)
-  }, /*#__PURE__*/React.createElement(ThematicLayerConfiguration, _extends({}, args, {
-    form: form
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "submit"
-  }, i18n.t("Submit")));
-};
-export const Basic = Template.bind({});
-Basic.args = {};
-export default {
-  title: "Analytics/Map/Thematic Layer Configuration",
-  component: ThematicLayerConfiguration,
-  decorators: [MapStory => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "50%",
-        height: "50%"
-      }
-    }, /*#__PURE__*/React.createElement(MapStory, null));
-  }]
-};