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

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

@@ -0,0 +1,405 @@
+import { compact, find, isEmpty, differenceBy, sortBy, last, head } from 'lodash';
+import { useMapOrganisationUnit, useMapPeriods } from '../../../hooks/index.js';
+import { useState, useMemo, useCallback } from 'react';
+import { getOrgUnitsSelection, sanitizeDate, sanitizeOrgUnits, toGeoJson, generateLegends } from '../../../../../utils/map.js';
+import { useDataEngine } from '@dhis2/app-runtime';
+import { asyncify, map } from 'async-es';
+import { defaultClasses, defaultColorScaleName } from '../../../../../utils/colors.js';
+import { useGoogleEngineToken } from '../../../../MapLayer/components/GoogleEngineLayer/hooks/index.js';
+import { useBoundaryData } from '../../../../MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js';
+import { EarthEngine } from '../../../../MapLayer/components/GoogleEngineLayer/services/engine.js';
+import { EARTH_ENGINE_LAYERS } from '../../../../MapLayer/components/GoogleEngineLayer/constants/index.js';
+
+const analyticsQuery = {
+  analytics: {
+    resource: "analytics",
+    params: ({ ou, pe, dx, startDate, endDate }) => {
+      const peDimension = !isEmpty(pe) ? `pe:${pe?.join(";")}` : void 0;
+      const ouDimension = !isEmpty(ou) ? `ou:${ou?.join(";")}` : void 0;
+      const dxDimension = !isEmpty(dx) ? `dx:${dx?.join(";")}` : void 0;
+      return {
+        dimension: compact([dxDimension, peDimension, ouDimension]),
+        startDate,
+        endDate,
+        displayProperty: "NAME"
+      };
+    }
+  }
+};
+const query = {
+  layer: {
+    resource: "geoFeatures",
+    params: ({ ous }) => ({
+      ou: `ou:${ous.join(";")}`
+    })
+  },
+  analytics: {
+    resource: "analytics",
+    params: ({ ous }) => ({
+      dimension: [
+        `ou:${ous.join(";")}`,
+        `pe:${(/* @__PURE__ */ new Date()).getFullYear()}`
+      ],
+      skipData: true,
+      hierarchyMeta: true
+    })
+  }
+};
+const groupSetQuery = {
+  groupSet: {
+    resource: "organisationUnitGroupSets",
+    id: ({ groupSet }) => groupSet,
+    params: {
+      fields: [
+        "organisationUnitGroups[name,color,symbol,organisationUnits[id]]"
+      ]
+    }
+  }
+};
+const legendSetsQuery = {
+  legendSets: {
+    resource: "legendSets",
+    id: ({ id }) => id,
+    params: {
+      fields: [
+        "id",
+        "displayName",
+        "legends[id,code,startValue,endValue,color]"
+      ]
+    }
+  }
+};
+function useThematicLayers() {
+  const engine = useDataEngine();
+  const [loading, setLoading] = useState(false);
+  const { orgUnits, orgUnitSelection } = useMapOrganisationUnit();
+  const { periods, range } = useMapPeriods() ?? {};
+  const ou = useMemo(
+    () => getOrgUnitsSelection(orgUnitSelection),
+    [orgUnitSelection]
+  );
+  const pe = useMemo(() => periods?.map((pe2) => pe2.id), [periods]);
+  const { startDate, endDate } = useMemo(() => {
+    if (!range) {
+      return {
+        startDate: void 0,
+        endDate: void 0
+      };
+    }
+    return {
+      startDate: sanitizeDate(range.start.toDateString()),
+      endDate: sanitizeDate(range.end.toDateString())
+    };
+  }, [range]);
+  const sanitizeData = (data, layer) => {
+    if (data) {
+      const { analytics } = data;
+      const rows = 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?.map((ou2) => {
+            const row = rows.find(
+              (row2) => row2[ouIndex] === ou2.id && row2[dxIndex] === layer.dataItem.id
+            );
+            return {
+              orgUnit: ou2,
+              data: row ? parseFloat(row[valueIndex]) : void 0,
+              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?.legendSets;
+            if (legendSet) {
+              legends.push(...legendSet.legends);
+            }
+          } else {
+            const { scale, colorClass } = layer.dataItem.legendConfig ?? {
+              scale: defaultClasses,
+              colorClass: defaultColorScaleName
+            };
+            const sortedData = sortBy(
+              layer.data.filter((datum) => !!datum.data),
+              "data"
+            );
+            const autoLegends = generateLegends(
+              last(sortedData)?.data ?? 0,
+              head(sortedData)?.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?.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) => ({
+          ...layer,
+          name: layer?.name ?? layer?.dataItem?.displayName ?? layer.id,
+          data: sanitizeData(data, layer)
+        }));
+      }
+      const sanitizedLayersWithOrgUnits = layersWithData.map((layer) => ({
+        ...layer,
+        data: layer.data?.map((datum) => ({
+          ...datum,
+          orgUnit: find(orgUnits, [
+            "id",
+            datum.orgUnit
+          ]),
+          dataItem: layer.dataItem,
+          name: layer?.name ?? layer?.dataItem?.displayName ?? 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
+  };
+}
+function usePointLayer() {
+  const engine = useDataEngine();
+  const { orgUnitSelection } = useMapOrganisationUnit();
+  const [loading, setLoading] = useState(false);
+  const sanitizePointData = useCallback(
+    (orgUnitData, groupSetData) => {
+      const { analytics, layer } = orgUnitData ?? {};
+      const rawOrgUnits = sanitizeOrgUnits(analytics?.metaData);
+      const geoJSONObjects = toGeoJson(
+        layer?.filter((bound) => bound.co)
+      );
+      return compact(
+        rawOrgUnits.map((orgUnit) => {
+          const geoJSONObject = geoJSONObjects?.find(
+            (geoJSON) => geoJSON.properties.id === orgUnit.id
+          );
+          const orgUnitGroups = groupSetData?.groupSet?.organisationUnitGroups ?? [];
+          const ouGroup = find(
+            orgUnitGroups,
+            (ouGroup2) => !!find(ouGroup2?.organisationUnits ?? [], [
+              "id",
+              orgUnit.id
+            ])
+          );
+          if (!geoJSONObject || geoJSONObject.properties.type !== "Point") {
+            return;
+          }
+          return {
+            ...orgUnit,
+            geoJSON: geoJSONObject,
+            level: geoJSONObject.properties.level,
+            icon: {
+              type: "groupIcon",
+              icon: ouGroup?.symbol
+            }
+          };
+        })
+      );
+    },
+    []
+  );
+  const sanitizeLayer = useCallback(
+    async (layer) => {
+      try {
+        if (!layer.level && !layer.group) {
+          return;
+        }
+        setLoading(true);
+        const level = layer.level ? `LEVEL-${layer.level}` : void 0;
+        const group = layer.group ? `OU_GROUP-${layer.group}` : void 0;
+        const ous = [
+          ...getOrgUnitsSelection(orgUnitSelection),
+          level,
+          group
+        ];
+        const pointData = await engine.query(query, {
+          variables: {
+            ous
+          }
+        });
+        const groupSetData = await engine.query(groupSetQuery, {
+          variables: {
+            groupSet: layer.style?.groupSet
+          }
+        });
+        const sanitizedOrgUnitData = sanitizePointData(
+          pointData,
+          groupSetData
+        );
+        const orgUnitGroups = groupSetData?.groupSet?.organisationUnitGroups ?? [];
+        const sanitizedOrgUnitGroups = orgUnitGroups.map(
+          (ouGroup) => ({
+            ...ouGroup,
+            organisationUnits: void 0
+          })
+        );
+        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
+  };
+}
+function useGoogleEngineLayers() {
+  const { refresh } = useGoogleEngineToken();
+  const orgUnits = useBoundaryData();
+  async function getImageUrl(earthEngine, { filters }) {
+    if (earthEngine.initialized) {
+      try {
+        earthEngine.setOrgUnits(orgUnits ?? []);
+        const period = 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 {
+              const defaultOptions = find(EARTH_ENGINE_LAYERS, ["id", layer.type]) ?? {};
+              const options = {
+                ...defaultOptions,
+                aggregations: layer.aggregations ?? defaultOptions?.aggregations,
+                params: layer.params ?? 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
+  };
+}
+
+export { useGoogleEngineLayers, usePointLayer, useThematicLayers };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapProvider/components/MapLayerProvider/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapProvider/components/MapLayerProvider/hooks/index.tsx"],"names":["pe","ou","row","ouGroup"],"mappings":"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","sourcesContent":["import {\n\tcompact,\n\tdifferenceBy,\n\tfind,\n\thead,\n\tisEmpty,\n\tlast,\n\tsortBy,\n} from \"lodash\";\nimport { useMapOrganisationUnit, useMapPeriods } from \"../../../hooks/index.js\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport {\n\tgenerateLegends,\n\tgetOrgUnitsSelection,\n\tsanitizeDate,\n\tsanitizeOrgUnits,\n\ttoGeoJson,\n} from \"../../../../../utils/map.js\";\nimport { useDataEngine } from \"@dhis2/app-runtime\";\nimport {\n\tCustomGoogleEngineLayer,\n\tCustomPointLayer,\n\tCustomThematicLayer,\n\tEarthEngineLayerConfig,\n\tThematicLayerConfig,\n} from \"../../../../MapLayer/interfaces\";\nimport { MapOrgUnit, PointOrgUnit } from \"../../../../../interfaces/index.js\";\nimport { asyncify, map } from \"async-es\";\nimport { LegendSet } from \"@hisptz/dhis2-utils\";\nimport {\n\tdefaultClasses,\n\tdefaultColorScaleName,\n} from \"../../../../../utils/colors.js\";\nimport { useGoogleEngineToken } from \"../../../../MapLayer/components/GoogleEngineLayer/hooks/index.js\";\nimport { useBoundaryData } from \"../../../../MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js\";\nimport { EarthEngine } from \"../../../../MapLayer/components/GoogleEngineLayer/services/engine.js\";\nimport { EARTH_ENGINE_LAYERS } from \"../../../../MapLayer/components/GoogleEngineLayer/constants/index.js\";\nimport { EarthEngineOptions } from \"../../../../MapLayer/components/GoogleEngineLayer/interfaces/index.js\";\n\nconst analyticsQuery = {\n\tanalytics: {\n\t\tresource: \"analytics\",\n\t\tparams: ({ ou, pe, dx, startDate, endDate }: any) => {\n\t\t\tconst peDimension = !isEmpty(pe)\n\t\t\t\t? `pe:${pe?.join(\";\")}`\n\t\t\t\t: undefined;\n\t\t\tconst ouDimension = !isEmpty(ou)\n\t\t\t\t? `ou:${ou?.join(\";\")}`\n\t\t\t\t: undefined;\n\t\t\tconst dxDimension = !isEmpty(dx)\n\t\t\t\t? `dx:${dx?.join(\";\")}`\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tdimension: compact([dxDimension, peDimension, ouDimension]),\n\t\t\t\tstartDate,\n\t\t\t\tendDate,\n\t\t\t\tdisplayProperty: \"NAME\",\n\t\t\t};\n\t\t},\n\t},\n};\nconst query = {\n\tlayer: {\n\t\tresource: \"geoFeatures\",\n\t\tparams: ({ ous }: any) => ({\n\t\t\tou: `ou:${ous.join(\";\")}`,\n\t\t}),\n\t},\n\tanalytics: {\n\t\tresource: \"analytics\",\n\t\tparams: ({ ous }: any) => ({\n\t\t\tdimension: [\n\t\t\t\t`ou:${ous.join(\";\")}`,\n\t\t\t\t`pe:${new Date().getFullYear()}`,\n\t\t\t],\n\t\t\tskipData: true,\n\t\t\thierarchyMeta: true,\n\t\t}),\n\t},\n};\nconst groupSetQuery = {\n\tgroupSet: {\n\t\tresource: \"organisationUnitGroupSets\",\n\t\tid: ({ groupSet }: any) => groupSet,\n\t\tparams: {\n\t\t\tfields: [\n\t\t\t\t\"organisationUnitGroups[name,color,symbol,organisationUnits[id]]\",\n\t\t\t],\n\t\t},\n\t},\n};\nconst legendSetsQuery = {\n\tlegendSets: {\n\t\tresource: \"legendSets\",\n\t\tid: ({ id }: any) => id,\n\t\tparams: {\n\t\t\tfields: [\n\t\t\t\t\"id\",\n\t\t\t\t\"displayName\",\n\t\t\t\t\"legends[id,code,startValue,endValue,color]\",\n\t\t\t],\n\t\t},\n\t},\n};\n\nexport function useThematicLayers(): any {\n\tconst engine = useDataEngine();\n\tconst [loading, setLoading] = useState(false);\n\tconst { orgUnits, orgUnitSelection } = useMapOrganisationUnit();\n\tconst { periods, range } = useMapPeriods() ?? {};\n\tconst ou = useMemo(\n\t\t() => getOrgUnitsSelection(orgUnitSelection),\n\t\t[orgUnitSelection],\n\t);\n\tconst pe = useMemo(() => periods?.map((pe: any) => pe.id), [periods]);\n\n\tconst { startDate, endDate } = useMemo(() => {\n\t\tif (!range) {\n\t\t\treturn {\n\t\t\t\tstartDate: undefined,\n\t\t\t\tendDate: undefined,\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tstartDate: sanitizeDate(range.start.toDateString()),\n\t\t\tendDate: sanitizeDate(range.end.toDateString()),\n\t\t};\n\t}, [range]);\n\tconst sanitizeData = (data: any, layer: ThematicLayerConfig) => {\n\t\tif (data) {\n\t\t\tconst { analytics } = data as any;\n\t\t\tconst rows = analytics?.rows;\n\t\t\tconst ouIndex = analytics.headers.findIndex(\n\t\t\t\t(header: any) => header.name === \"ou\",\n\t\t\t);\n\t\t\tconst dxIndex = analytics.headers.findIndex(\n\t\t\t\t(header: any) => header.name === \"dx\",\n\t\t\t);\n\t\t\tconst valueIndex = analytics.headers.findIndex(\n\t\t\t\t(header: any) => header.name === \"value\",\n\t\t\t);\n\n\t\t\tif (!isEmpty(rows)) {\n\t\t\t\treturn sortBy(\n\t\t\t\t\torgUnits?.map((ou: MapOrgUnit) => {\n\t\t\t\t\t\tconst row = rows.find(\n\t\t\t\t\t\t\t(row: any) =>\n\t\t\t\t\t\t\t\trow[ouIndex] === ou.id &&\n\t\t\t\t\t\t\t\trow[dxIndex] === layer.dataItem.id,\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\torgUnit: ou,\n\t\t\t\t\t\t\tdata: row ? parseFloat(row[valueIndex]) : undefined,\n\t\t\t\t\t\t\tdataItem: {\n\t\t\t\t\t\t\t\t...layer.dataItem,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t};\n\t\t\t\t\t}),\n\t\t\t\t\t[\"data\"],\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn [];\n\t\t}\n\t\treturn [];\n\t};\n\n\tconst sanitizeLegends = async (\n\t\tlayers: CustomThematicLayer[],\n\t): Promise<CustomThematicLayer[]> => {\n\t\treturn (await map(\n\t\t\tlayers,\n\t\t\tasyncify(async (layer: CustomThematicLayer) => {\n\t\t\t\ttry {\n\t\t\t\t\tconst legends = [];\n\t\t\t\t\tif (layer.dataItem.legendSet) {\n\t\t\t\t\t\tconst legendSetData = await engine.query(\n\t\t\t\t\t\t\tlegendSetsQuery,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvariables: {\n\t\t\t\t\t\t\t\t\tid: layer.dataItem.legendSet,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst legendSet: LegendSet =\n\t\t\t\t\t\t\tlegendSetData?.legendSets as LegendSet;\n\t\t\t\t\t\tif (legendSet) {\n\t\t\t\t\t\t\tlegends.push(...legendSet.legends);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst { scale, colorClass } = layer.dataItem\n\t\t\t\t\t\t\t.legendConfig ?? {\n\t\t\t\t\t\t\tscale: defaultClasses,\n\t\t\t\t\t\t\tcolorClass: defaultColorScaleName,\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst sortedData = sortBy(\n\t\t\t\t\t\t\tlayer.data.filter((datum) => !!datum.data),\n\t\t\t\t\t\t\t\"data\",\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst autoLegends = generateLegends(\n\t\t\t\t\t\t\tlast(sortedData)?.data ?? 0,\n\t\t\t\t\t\t\thead(sortedData)?.data ?? 0,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tclassesCount: scale,\n\t\t\t\t\t\t\t\tcolorClass,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\tlegends.push(...autoLegends);\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...layer,\n\t\t\t\t\t\tlegends,\n\t\t\t\t\t};\n\t\t\t\t} catch (e) {\n\t\t\t\t\treturn layer;\n\t\t\t\t}\n\t\t\t}),\n\t\t)) as CustomThematicLayer[];\n\t};\n\n\tconst sanitizeLayers = async (\n\t\tlayers: ThematicLayerConfig[],\n\t): Promise<CustomThematicLayer[]> => {\n\t\ttry {\n\t\t\tsetLoading(true);\n\t\t\tconst layersWithoutData = layers?.filter((layer) => !layer.data);\n\t\t\tconst layersWithData = differenceBy(\n\t\t\t\tlayers,\n\t\t\t\tlayersWithoutData,\n\t\t\t\t\"id\",\n\t\t\t);\n\t\t\tconst dx = layersWithoutData.map((layer) => layer.dataItem.id);\n\t\t\tlet sanitizedLayersWithData: any = [];\n\n\t\t\tconsole.log({ layersWithoutData });\n\n\t\t\tif (!isEmpty(dx)) {\n\t\t\t\tconst data = await engine.query(analyticsQuery, {\n\t\t\t\t\tvariables: {\n\t\t\t\t\t\tdx,\n\t\t\t\t\t\tou,\n\t\t\t\t\t\tpe,\n\t\t\t\t\t\tstartDate,\n\t\t\t\t\t\tendDate,\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t\tsanitizedLayersWithData = layersWithoutData.map((layer) => ({\n\t\t\t\t\t...layer,\n\t\t\t\t\tname:\n\t\t\t\t\t\tlayer?.name ?? layer?.dataItem?.displayName ?? layer.id,\n\t\t\t\t\tdata: sanitizeData(data, layer),\n\t\t\t\t}));\n\t\t\t}\n\t\t\tconst sanitizedLayersWithOrgUnits = layersWithData.map((layer) => ({\n\t\t\t\t...layer,\n\t\t\t\tdata: layer.data?.map((datum) => ({\n\t\t\t\t\t...datum,\n\t\t\t\t\torgUnit: find(orgUnits, [\n\t\t\t\t\t\t\"id\",\n\t\t\t\t\t\tdatum.orgUnit,\n\t\t\t\t\t]) as MapOrgUnit,\n\t\t\t\t\tdataItem: layer.dataItem,\n\t\t\t\t\tname:\n\t\t\t\t\t\tlayer?.name ?? layer?.dataItem?.displayName ?? layer.id,\n\t\t\t\t})),\n\t\t\t}));\n\t\t\tsetLoading(false);\n\t\t\treturn await sanitizeLegends([\n\t\t\t\t...sanitizedLayersWithData,\n\t\t\t\t...sanitizedLayersWithOrgUnits,\n\t\t\t]);\n\t\t} catch (e: any) {\n\t\t\tconsole.error(`Error getting thematic layers`, e.details);\n\t\t\tsetLoading(false);\n\t\t\treturn [];\n\t\t}\n\t};\n\n\treturn {\n\t\tsanitizeLayers,\n\t\tloading,\n\t};\n}\n\nexport function usePointLayer() {\n\tconst engine = useDataEngine();\n\tconst { orgUnitSelection } = useMapOrganisationUnit();\n\tconst [loading, setLoading] = useState(false);\n\n\tconst sanitizePointData = useCallback(\n\t\t(orgUnitData: any, groupSetData: any): PointOrgUnit[] => {\n\t\t\tconst { analytics, layer } = (orgUnitData as any) ?? {};\n\t\t\tconst rawOrgUnits = sanitizeOrgUnits(analytics?.metaData);\n\t\t\tconst geoJSONObjects = toGeoJson(\n\t\t\t\tlayer?.filter((bound: any) => bound.co),\n\t\t\t);\n\t\t\treturn compact(\n\t\t\t\trawOrgUnits.map((orgUnit: any) => {\n\t\t\t\t\tconst geoJSONObject: any = geoJSONObjects?.find(\n\t\t\t\t\t\t(geoJSON: any) => geoJSON.properties.id === orgUnit.id,\n\t\t\t\t\t);\n\t\t\t\t\tconst orgUnitGroups: any =\n\t\t\t\t\t\t(groupSetData?.groupSet as any)\n\t\t\t\t\t\t\t?.organisationUnitGroups ?? [];\n\t\t\t\t\tconst ouGroup = find(\n\t\t\t\t\t\torgUnitGroups,\n\t\t\t\t\t\t(ouGroup) =>\n\t\t\t\t\t\t\t!!find(ouGroup?.organisationUnits ?? [], [\n\t\t\t\t\t\t\t\t\"id\",\n\t\t\t\t\t\t\t\torgUnit.id,\n\t\t\t\t\t\t\t]),\n\t\t\t\t\t);\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t!geoJSONObject ||\n\t\t\t\t\t\tgeoJSONObject.properties.type !== \"Point\"\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...orgUnit,\n\t\t\t\t\t\tgeoJSON: geoJSONObject,\n\t\t\t\t\t\tlevel: geoJSONObject.properties.level,\n\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\ttype: \"groupIcon\",\n\t\t\t\t\t\t\ticon: ouGroup?.symbol,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t}),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\tconst sanitizeLayer = useCallback(\n\t\tasync (\n\t\t\tlayer: CustomPointLayer,\n\t\t): Promise<CustomPointLayer | undefined> => {\n\t\t\ttry {\n\t\t\t\tif (!layer.level && !layer.group) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst level = layer.level ? `LEVEL-${layer.level}` : undefined;\n\t\t\t\tconst group = layer.group\n\t\t\t\t\t? `OU_GROUP-${layer.group}`\n\t\t\t\t\t: undefined;\n\t\t\t\tconst ous = [\n\t\t\t\t\t...getOrgUnitsSelection(orgUnitSelection),\n\t\t\t\t\tlevel,\n\t\t\t\t\tgroup,\n\t\t\t\t];\n\n\t\t\t\tconst pointData = await engine.query(query, {\n\t\t\t\t\tvariables: {\n\t\t\t\t\t\tous,\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t\tconst groupSetData = await engine.query(groupSetQuery, {\n\t\t\t\t\tvariables: {\n\t\t\t\t\t\tgroupSet: layer.style?.groupSet,\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t\tconst sanitizedOrgUnitData = sanitizePointData(\n\t\t\t\t\tpointData,\n\t\t\t\t\tgroupSetData,\n\t\t\t\t);\n\n\t\t\t\tconst orgUnitGroups =\n\t\t\t\t\t(groupSetData?.groupSet as any)?.organisationUnitGroups ??\n\t\t\t\t\t[];\n\n\t\t\t\tconst sanitizedOrgUnitGroups = orgUnitGroups.map(\n\t\t\t\t\t(ouGroup: any) => ({\n\t\t\t\t\t\t...ouGroup,\n\t\t\t\t\t\torganisationUnits: undefined,\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t\tsetLoading(false);\n\t\t\t\treturn {\n\t\t\t\t\t...layer,\n\t\t\t\t\tpoints: sanitizedOrgUnitData,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...layer.style,\n\t\t\t\t\t\torgUnitGroups: sanitizedOrgUnitGroups,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t} catch (e: any) {\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.error(`Error getting point layer`, e.details);\n\t\t\t\treturn;\n\t\t\t}\n\t\t},\n\t\t[],\n\t);\n\n\treturn {\n\t\tloading,\n\t\tsanitizeLayer,\n\t};\n}\n\nexport function useGoogleEngineLayers() {\n\tconst { refresh } = useGoogleEngineToken();\n\tconst orgUnits = useBoundaryData();\n\n\tasync function getImageUrl(\n\t\tearthEngine: EarthEngine,\n\t\t{ filters }: EarthEngineLayerConfig,\n\t): Promise<string | undefined> {\n\t\tif (earthEngine.initialized) {\n\t\t\ttry {\n\t\t\t\tearthEngine.setOrgUnits(orgUnits ?? []);\n\t\t\t\tconst period = filters?.period;\n\t\t\t\tif (period) {\n\t\t\t\t\tearthEngine.setPeriod(period);\n\t\t\t\t}\n\t\t\t\treturn earthEngine.url();\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error(e);\n\t\t\t}\n\t\t}\n\t}\n\n\tconst sanitizeLayers = useCallback(\n\t\tasync (\n\t\t\tlayers: EarthEngineLayerConfig[],\n\t\t): Promise<CustomGoogleEngineLayer[]> => {\n\t\t\tif (isEmpty(layers)) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tconst { token } = await refresh();\n\t\t\t\tif (!token) {\n\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t`Google token not available in this instance`,\n\t\t\t\t\t);\n\t\t\t\t\treturn [];\n\t\t\t\t}\n\t\t\t\tawait EarthEngine.setToken(token, refresh);\n\t\t\t\treturn map(\n\t\t\t\t\tlayers,\n\t\t\t\t\tasyncify(async (layer: EarthEngineLayerConfig) => {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tconst defaultOptions: any =\n\t\t\t\t\t\t\t\tfind(EARTH_ENGINE_LAYERS, [\"id\", layer.type]) ??\n\t\t\t\t\t\t\t\t{};\n\t\t\t\t\t\t\tconst options: EarthEngineOptions = {\n\t\t\t\t\t\t\t\t...defaultOptions,\n\t\t\t\t\t\t\t\taggregations:\n\t\t\t\t\t\t\t\t\tlayer.aggregations ??\n\t\t\t\t\t\t\t\t\tdefaultOptions?.aggregations,\n\t\t\t\t\t\t\t\tparams: layer.params ?? defaultOptions?.params,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedLayer = {\n\t\t\t\t\t\t\t\t...layer,\n\t\t\t\t\t\t\t\toptions,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst earthEngine = new EarthEngine({ options });\n\t\t\t\t\t\t\tconst url = await getImageUrl(\n\t\t\t\t\t\t\t\tearthEngine,\n\t\t\t\t\t\t\t\tupdatedLayer,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...updatedLayer,\n\t\t\t\t\t\t\t\tengine: earthEngine,\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\tconsole.error(e);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t} catch (e: any) {\n\t\t\t\tconsole.error(`Error getting thematic layers`, e.details);\n\t\t\t\treturn [];\n\t\t\t}\n\t\t},\n\t\t[refresh],\n\t);\n\n\treturn {\n\t\tsanitizeLayers,\n\t};\n}\n"]}

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

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { Center, CircularLoader } from '@dhis2/ui';
+import { set, find, head, compact } from 'lodash';
+import { useState, useCallback, useEffect } from 'react';
+import { useMapEvents } from 'react-leaflet';
+import { MapLayersContext } from '../../../../state/index.js';
+import { useMapPeriods, useMapOrganisationUnit } from '../../hooks/index.js';
+import { useThematicLayers, usePointLayer, useGoogleEngineLayers } from './hooks/index.js';
+
+function MapLayersProvider({
+  layers,
+  children
+}) {
+  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 ?? []
+      ]);
+      const sanitizedBoundaryLayers = boundaryLayers ?? [];
+      const sanitizedPointLayer = head(pointLayers ?? []) ? await sanitizePointLayer(
+        head(pointLayers)
+      ) : void 0;
+      const sanitizedEarthEngineLayers = await sanitizeEarthEngineLayers([
+        ...earthEngineLayers ?? []
+      ]);
+      setUpdatedLayers(
+        compact([
+          ...sanitizedBoundaryLayers ?? [],
+          ...sanitizedThematicLayers ?? [],
+          sanitizedPointLayer,
+          ...sanitizedEarthEngineLayers ?? []
+        ])
+      );
+    } catch (e) {
+      console.error(`Error sanitizing layers`, e.toString());
+    }
+    setLoading(false);
+  };
+  const updateLayer = useCallback(
+    (id, updatedLayer) => {
+      setUpdatedLayers((prevLayers) => {
+        const updatedLayers2 = [...prevLayers];
+        const layerIndex = updatedLayers2.findIndex(
+          (layer) => layer.id === updatedLayer.id
+        );
+        if (layerIndex < 0) {
+          return prevLayers;
+        }
+        set(updatedLayers2, layerIndex, updatedLayer);
+        return updatedLayers2;
+      });
+    },
+    []
+  );
+  useEffect(() => {
+    sanitizeLayers().catch(console.error);
+  }, [period, orgUnit]);
+  const setupLayerListeners = (type, event) => {
+    const name = event.name;
+    const layerConfig = find(updatedLayers, (layer) => {
+      const nameFromConfig = layer?.name ?? layer?.dataItem?.displayname ?? layer?.label;
+      return nameFromConfig === name;
+    });
+    if (layerConfig) {
+      updateLayer(layerConfig.id, {
+        ...layerConfig,
+        enabled: type === "add"
+      });
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(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"),
+      ": ",
+      error.message
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(
+    MapLayersContext.Provider,
+    {
+      value: { layers: updatedLayers, updateLayer },
+      children
+    }
+  );
+}
+
+export { MapLayersProvider };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/MapProvider/components/MapLayerProvider/index.tsx"],"names":["updatedLayers"],"mappings":"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","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { Center, CircularLoader } from \"@dhis2/ui\";\nimport { LayersControlEvent } from \"leaflet\";\nimport { compact, find, head, set } from \"lodash\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { useMapEvents } from \"react-leaflet\";\nimport { MapLayersContext } from \"../../../../state/index.js\";\nimport { MapLayerConfig } from \"../../../MapArea/interfaces/index.js\";\nimport {\n\tCustomBoundaryLayer,\n\tCustomGoogleEngineLayer,\n\tCustomMapLayer,\n\tCustomPointLayer,\n\tCustomThematicLayer,\n\tThematicLayerConfig,\n} from \"../../../MapLayer/interfaces/index.js\";\nimport { useMapOrganisationUnit, useMapPeriods } from \"../../hooks/index.js\";\nimport {\n\tuseGoogleEngineLayers,\n\tusePointLayer,\n\tuseThematicLayers,\n} from \"./hooks/index.js\";\n\nexport function MapLayersProvider({\n\tlayers,\n\tchildren,\n}: {\n\tlayers: MapLayerConfig;\n\tchildren: React.ReactNode;\n}) {\n\tconst period = useMapPeriods();\n\tconst orgUnit = useMapOrganisationUnit();\n\tconst [updatedLayers, setUpdatedLayers] = useState<\n\t\tArray<\n\t\t\t| CustomThematicLayer\n\t\t\t| CustomBoundaryLayer\n\t\t\t| CustomPointLayer\n\t\t\t| CustomGoogleEngineLayer\n\t\t>\n\t>([]);\n\tconst { sanitizeLayers: sanitizeThematicLayers, error } =\n\t\tuseThematicLayers();\n\tconst { sanitizeLayer: sanitizePointLayer } = usePointLayer();\n\tconst { sanitizeLayers: sanitizeEarthEngineLayers } =\n\t\tuseGoogleEngineLayers();\n\tconst [loading, setLoading] = useState(false);\n\n\tuseMapEvents({\n\t\toverlayremove: (event) => {\n\t\t\tsetupLayerListeners(\"remove\", event);\n\t\t},\n\t\toverlayadd: (event) => {\n\t\t\tsetupLayerListeners(\"add\", event);\n\t\t},\n\t});\n\n\tconst sanitizeLayers = async () => {\n\t\tsetLoading(true);\n\t\ttry {\n\t\t\tconst {\n\t\t\t\tboundaryLayers,\n\t\t\t\tthematicLayers,\n\t\t\t\tpointLayers,\n\t\t\t\tearthEngineLayers,\n\t\t\t} = layers;\n\t\t\tconst sanitizedThematicLayers = await sanitizeThematicLayers([\n\t\t\t\t...(thematicLayers ?? []),\n\t\t\t] as ThematicLayerConfig[]);\n\t\t\tconst sanitizedBoundaryLayers = (boundaryLayers ??\n\t\t\t\t[]) as CustomBoundaryLayer[];\n\t\t\tconst sanitizedPointLayer = head(pointLayers ?? [])\n\t\t\t\t? await sanitizePointLayer(\n\t\t\t\t\t\thead(pointLayers) as CustomPointLayer,\n\t\t\t\t\t)\n\t\t\t\t: undefined;\n\t\t\tconst sanitizedEarthEngineLayers = await sanitizeEarthEngineLayers([\n\t\t\t\t...(earthEngineLayers ?? []),\n\t\t\t] as unknown as CustomGoogleEngineLayer[]);\n\t\t\tsetUpdatedLayers(\n\t\t\t\tcompact([\n\t\t\t\t\t...(sanitizedBoundaryLayers ?? []),\n\t\t\t\t\t...(sanitizedThematicLayers ?? []),\n\t\t\t\t\tsanitizedPointLayer,\n\t\t\t\t\t...(sanitizedEarthEngineLayers ?? []),\n\t\t\t\t]),\n\t\t\t);\n\t\t} catch (e: any) {\n\t\t\tconsole.error(`Error sanitizing layers`, e.toString());\n\t\t}\n\t\tsetLoading(false);\n\t};\n\n\tconst updateLayer = useCallback(\n\t\t(id: string, updatedLayer: CustomMapLayer) => {\n\t\t\tsetUpdatedLayers((prevLayers) => {\n\t\t\t\tconst updatedLayers = [...prevLayers];\n\t\t\t\tconst layerIndex = updatedLayers.findIndex(\n\t\t\t\t\t(layer) => layer.id === updatedLayer.id,\n\t\t\t\t);\n\t\t\t\tif (layerIndex < 0) {\n\t\t\t\t\treturn prevLayers;\n\t\t\t\t}\n\t\t\t\tset(updatedLayers, layerIndex, updatedLayer);\n\t\t\t\treturn updatedLayers;\n\t\t\t});\n\t\t},\n\t\t[],\n\t);\n\n\tuseEffect(() => {\n\t\tsanitizeLayers().catch(console.error);\n\t}, [period, orgUnit]);\n\n\tconst setupLayerListeners = (\n\t\ttype: \"add\" | \"remove\",\n\t\tevent: LayersControlEvent,\n\t) => {\n\t\tconst name = event.name;\n\n\t\tconst layerConfig = find(updatedLayers, (layer: any) => {\n\t\t\tconst nameFromConfig =\n\t\t\t\tlayer?.name ?? layer?.dataItem?.displayname ?? layer?.label;\n\t\t\treturn nameFromConfig === name;\n\t\t});\n\n\t\tif (layerConfig) {\n\t\t\tupdateLayer(layerConfig.id, {\n\t\t\t\t...layerConfig,\n\t\t\t\tenabled: type === \"add\",\n\t\t\t});\n\t\t}\n\t};\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<CircularLoader small />\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\tif (error) {\n\t\treturn (\n\t\t\t<div style={{ height: \"100%\", width: \"100%\" }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<h4>\n\t\t\t\t\t\t{i18n.t(\"Error\")}: {error.message}\n\t\t\t\t\t</h4>\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<MapLayersContext.Provider\n\t\t\tvalue={{ layers: updatedLayers, updateLayer }}\n\t\t>\n\t\t\t{children}\n\t\t</MapLayersContext.Provider>\n\t);\n}\n"]}

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

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { MapOrgUnitContext, MapPeriodContext, MapLayersContext } from '../../../state/index.js';
+
+function useMapOrganisationUnit() {
+  return useContext(MapOrgUnitContext);
+}
+function useMapPeriods() {
+  return useContext(MapPeriodContext);
+}
+function useMapLayers() {
+  return useContext(MapLayersContext);
+}
+
+export { useMapLayers, useMapOrganisationUnit, useMapPeriods };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/MapProvider/hooks/index.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,SAAS,yBAAyB;AACxC,SAAO,WAAW,iBAAiB;AACpC;AAEO,SAAS,gBAAgB;AAC/B,SAAO,WAAW,gBAAgB;AACnC;AAEO,SAAS,eAAe;AAC9B,SAAO,WAAW,gBAAgB;AACnC","sourcesContent":["import { useContext } from \"react\";\nimport {\n\tMapLayersContext,\n\tMapOrgUnitContext,\n\tMapPeriodContext,\n} from \"../../../state/index.js\";\n\nexport function useMapOrganisationUnit() {\n\treturn useContext(MapOrgUnitContext);\n}\n\nexport function useMapPeriods() {\n\treturn useContext(MapPeriodContext);\n}\n\nexport function useMapLayers() {\n\treturn useContext(MapLayersContext);\n}\n"]}