npm - @hisptz/dhis2-analytics - Versions diffs - 1.0.65 → 2.0.0-alpha.0 - Mend

@hisptz/dhis2-analytics 1.0.65 → 2.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1029) hide show

package/dist/components/Map/components/MapLayer/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/Map/components/MapLayer/index.tsx"],"names":[],"mappings":"AA0BU;AAzBV,OAAO,mBAAmB;AAC1B,OAAO,uBAAuB;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,mBAAmB;AAQX,SAAR,SAA0B;AAAA,EAChC;AAAA,EACA;AACD,GAOG;AACF,UAAQ,MAAM,MAAM;AAAA,IACnB,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,oBAAC,iBAAe,GAAG,OAAO;AAAA,IAClC,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,oBAAC,iBAAc,SAAS,MAAM,IAAI,OAAc;AAAA,IACxD,KAAK;AACJ,aAAO,oBAAC,cAAW;AAAA,IACpB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,oBAAC,qBAAkB,SAAS,MAAM,IAAI;AAAA,IAC9C;AACC,aAAO;AAAA,EACT;AACD","sourcesContent":["import React from \"react\";\nimport BoundaryLayer from \"./components/BoundaryLayer\";\nimport GoogleEngineLayer from \"./components/GoogleEngineLayer\";\nimport { PointLayer } from \"./components/PointLayer\";\nimport ThematicLayer from \"./components/ThematicLayer\";\nimport {\n\tCustomBoundaryLayer,\n\tCustomGoogleEngineLayer,\n\tCustomPointLayer,\n\tCustomThematicLayer,\n} from \"./interfaces\";\n\nexport default function MapLayer({\n\tlayer,\n\tindex,\n}: {\n\tlayer:\n\t\t| CustomThematicLayer\n\t\t| CustomBoundaryLayer\n\t\t| CustomPointLayer\n\t\t| CustomGoogleEngineLayer;\n\tindex: number;\n}) {\n\tswitch (layer.type) {\n\t\tcase \"overlay\":\n\t\tcase \"basemap\":\n\t\t\treturn <BoundaryLayer {...layer} />;\n\t\tcase \"bubble\":\n\t\tcase \"choropleth\":\n\t\t\treturn <ThematicLayer layerId={layer.id} index={index} />;\n\t\tcase \"point\":\n\t\t\treturn <PointLayer />;\n\t\tcase \"population\":\n\t\tcase \"elevation\":\n\t\tcase \"footprints\":\n\t\tcase \"landCover\":\n\t\t\treturn <GoogleEngineLayer layerId={layer.id} />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n"]}

package/dist/components/Map/components/MapLayer/interfaces/index.js ADDED Viewed

@@ -0,0 +1,7 @@
+'use strict';
+const SUPPORTED_EARTH_ENGINE_LAYERS = ["population", "footprints", "elevation", "landCover"];
+exports.SUPPORTED_EARTH_ENGINE_LAYERS = SUPPORTED_EARTH_ENGINE_LAYERS;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/interfaces/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":"AASO,MAAM,gCAAgC,CAAC,cAAc,cAAc,aAAa,WAAW","sourcesContent":["import type { Legend } from \"@hisptz/dhis2-utils\";\nimport { MapOrgUnit, PointOrgUnit } from \"../../../interfaces\";\nimport { LegendColorScale } from \"../../../utils/colors\";\nimport { EarthEngineOptions } from \"../components/GoogleEngineLayer/interfaces\";\nimport { EarthEngine } from \"../components/GoogleEngineLayer/services/engine\";\n\nexport type BoundaryLayerType = \"basemap\" | \"overlay\";\nexport type ThematicLayerType = \"choropleth\" | \"bubble\";\n\nexport const SUPPORTED_EARTH_ENGINE_LAYERS = [\"population\", \"footprints\", \"elevation\", \"landCover\"];\n\nexport type GoogleEngineLayerType = \"population\" | \"footprints\" | \"elevation\" | \"landCover\";\n\nexport interface CustomBoundaryLayer extends CustomMapLayer {\n id: string;\n type: BoundaryLayerType;\n enabled: boolean;\n}\n\nexport interface EarthEngineLayerConfig extends CustomMapLayer {\n type: GoogleEngineLayerType;\n aggregations?: string[];\n name?: string;\n filters?: {\n period: string;\n };\n params?: {\n min: number;\n max: number;\n palette?: string;\n };\n}\n\nexport interface CustomGoogleEngineLayer extends CustomMapLayer {\n type: GoogleEngineLayerType;\n options: EarthEngineOptions;\n aggregations?: string[];\n name: string;\n url: string;\n engine?: EarthEngine;\n}\n\nexport interface CustomPointLayer extends CustomMapLayer {\n id: string;\n type: \"point\";\n label?: string;\n level?: string | number;\n group?: string;\n style?: {\n icon?: string;\n groupSet?: string;\n orgUnitGroups?: Array<{ name: string; symbol: string }>;\n };\n points?: Array<PointOrgUnit>;\n}\n\nexport type DataItemType = \"dataElement\" | \"indicator\" | \"programIndicator\";\n\nexport interface ThematicLayerDataItem {\n id: string;\n displayName: string;\n type: DataItemType;\n legendSet?: string;\n legendConfig?: {\n colorClass: LegendColorScale;\n scale: number;\n };\n}\n\nexport interface ThematicLayerControl {\n position: \"topleft\" | \"topright\" | \"bottomleft\" | \"bottomright\";\n enabled: boolean;\n}\n\nexport interface ThematicLayerData {\n orgUnit: MapOrgUnit;\n data?: number;\n dataItem: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerRawData {\n orgUnit: string;\n data?: number;\n dataItem: string;\n}\n\nexport interface CustomChoroplethLayer extends CustomMapLayer {\n enabled: boolean;\n name?: string;\n data: ThematicLayerData[];\n dataItem: ThematicLayerDataItem;\n type: \"choropleth\";\n control?: ThematicLayerControl;\n legends?: Legend[];\n}\n\nexport interface CustomBubbleLayer extends CustomMapLayer {\n enabled: boolean;\n name?: string;\n data: ThematicLayerData[];\n dataItem: ThematicLayerDataItem;\n type: \"bubble\";\n control?: ThematicLayerControl;\n legends?: Legend[];\n radius?: {\n min: number;\n max: number;\n };\n}\n\nexport type CustomThematicLayer = CustomBubbleLayer | CustomChoroplethLayer;\n\nexport interface ThematicLayerConfig {\n id: string;\n data?: ThematicLayerRawData[];\n enabled: boolean;\n name?: string;\n dataItem: ThematicLayerDataItem;\n type: ThematicLayerType;\n control?: ThematicLayerControl;\n radius?: {\n min: number;\n max: number;\n };\n}\n\nexport interface CustomMapLayer {\n id: string;\n type: string;\n enabled: boolean;\n}\n\nexport type MapLayer = CustomBoundaryLayer | ThematicLayerConfig | CustomPointLayer | CustomGoogleEngineLayer;\n\nexport interface MapLayerProps {\n enabled: boolean;\n type: \"boundary\" | \"thematic\" | \"external\" | \"point\" | \"earthEngine\";\n layer: MapLayer;\n}\n"]}

package/dist/components/Map/components/MapLayer/interfaces/index.mjs ADDED Viewed

@@ -0,0 +1,5 @@
+const SUPPORTED_EARTH_ENGINE_LAYERS = ["population", "footprints", "elevation", "landCover"];
+export { SUPPORTED_EARTH_ENGINE_LAYERS };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/interfaces/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

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

@@ -0,0 +1,409 @@
+'use strict';
+var lodash = require('lodash');
+var hooks = require('../../../hooks');
+var react = require('react');
+var map = require('../../../../../utils/map');
+var appRuntime = require('@dhis2/app-runtime');
+var asyncEs = require('async-es');
+var colors = require('../../../../../utils/colors');
+var hooks$1 = require('../../../../MapLayer/components/GoogleEngineLayer/hooks');
+var useBoundaryData = require('../../../../MapLayer/components/BoundaryLayer/hooks/useBoundaryData');
+var engine = require('../../../../MapLayer/components/GoogleEngineLayer/services/engine');
+var constants = require('../../../../MapLayer/components/GoogleEngineLayer/constants');
+const analyticsQuery = {
+  analytics: {
+    resource: "analytics",
+    params: ({ ou, pe, dx, startDate, endDate }) => {
+      const peDimension = !lodash.isEmpty(pe) ? `pe:${pe?.join(";")}` : void 0;
+      const ouDimension = !lodash.isEmpty(ou) ? `ou:${ou?.join(";")}` : void 0;
+      const dxDimension = !lodash.isEmpty(dx) ? `dx:${dx?.join(";")}` : void 0;
+      return {
+        dimension: lodash.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 = appRuntime.useDataEngine();
+  const [loading, setLoading] = react.useState(false);
+  const { orgUnits, orgUnitSelection } = hooks.useMapOrganisationUnit();
+  const { periods, range } = hooks.useMapPeriods() ?? {};
+  const ou = react.useMemo(
+    () => map.getOrgUnitsSelection(orgUnitSelection),
+    [orgUnitSelection]
+  );
+  const pe = react.useMemo(() => periods?.map((pe2) => pe2.id), [periods]);
+  const { startDate, endDate } = react.useMemo(() => {
+    if (!range) {
+      return {
+        startDate: void 0,
+        endDate: void 0
+      };
+    }
+    return {
+      startDate: map.sanitizeDate(range.start.toDateString()),
+      endDate: map.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 (!lodash.isEmpty(rows)) {
+        return lodash.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 asyncEs.map(
+      layers,
+      asyncEs.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: colors.defaultClasses,
+              colorClass: colors.defaultColorScaleName
+            };
+            const sortedData = lodash.sortBy(
+              layer.data.filter((datum) => !!datum.data),
+              "data"
+            );
+            const autoLegends = map.generateLegends(
+              lodash.last(sortedData)?.data ?? 0,
+              lodash.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 = lodash.differenceBy(
+        layers,
+        layersWithoutData,
+        "id"
+      );
+      const dx = layersWithoutData.map((layer) => layer.dataItem.id);
+      let sanitizedLayersWithData = [];
+      console.log({ layersWithoutData });
+      if (!lodash.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: lodash.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 = appRuntime.useDataEngine();
+  const { orgUnitSelection } = hooks.useMapOrganisationUnit();
+  const [loading, setLoading] = react.useState(false);
+  const sanitizePointData = react.useCallback(
+    (orgUnitData, groupSetData) => {
+      const { analytics, layer } = orgUnitData ?? {};
+      const rawOrgUnits = map.sanitizeOrgUnits(analytics?.metaData);
+      const geoJSONObjects = map.toGeoJson(
+        layer?.filter((bound) => bound.co)
+      );
+      return lodash.compact(
+        rawOrgUnits.map((orgUnit) => {
+          const geoJSONObject = geoJSONObjects?.find(
+            (geoJSON) => geoJSON.properties.id === orgUnit.id
+          );
+          const orgUnitGroups = groupSetData?.groupSet?.organisationUnitGroups ?? [];
+          const ouGroup = lodash.find(
+            orgUnitGroups,
+            (ouGroup2) => !!lodash.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 = react.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 = [
+          ...map.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 } = hooks$1.useGoogleEngineToken();
+  const orgUnits = useBoundaryData.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 = react.useCallback(
+    async (layers) => {
+      if (lodash.isEmpty(layers)) {
+        return [];
+      }
+      try {
+        const { token } = await refresh();
+        if (!token) {
+          console.error(
+            `Google token not available in this instance`
+          );
+          return [];
+        }
+        await engine.EarthEngine.setToken(token, refresh);
+        return asyncEs.map(
+          layers,
+          asyncEs.asyncify(async (layer) => {
+            try {
+              const defaultOptions = lodash.find(constants.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 engine.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
+  };
+}
+exports.useGoogleEngineLayers = useGoogleEngineLayers;
+exports.usePointLayer = usePointLayer;
+exports.useThematicLayers = useThematicLayers;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -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\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport {\n\tgenerateLegends,\n\tgetOrgUnitsSelection,\n\tsanitizeDate,\n\tsanitizeOrgUnits,\n\ttoGeoJson,\n} from \"../../../../../utils/map\";\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\";\nimport { asyncify, map } from \"async-es\";\nimport { LegendSet } from \"@hisptz/dhis2-utils\";\nimport {\n\tdefaultClasses,\n\tdefaultColorScaleName,\n} from \"../../../../../utils/colors\";\nimport { useGoogleEngineToken } from \"../../../../MapLayer/components/GoogleEngineLayer/hooks\";\nimport { useBoundaryData } from \"../../../../MapLayer/components/BoundaryLayer/hooks/useBoundaryData\";\nimport { EarthEngine } from \"../../../../MapLayer/components/GoogleEngineLayer/services/engine\";\nimport { EARTH_ENGINE_LAYERS } from \"../../../../MapLayer/components/GoogleEngineLayer/constants\";\nimport { EarthEngineOptions } from \"../../../../MapLayer/components/GoogleEngineLayer/interfaces\";\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"]}