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

package/dist/components/Map/components/MapLayer/components/GoogleEngineLayer/services/engine.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/GoogleEngineLayer/services/engine.ts"],"names":["token"],"mappings":"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","sourcesContent":["import { MapOrgUnit } from \"../../../../../interfaces\";\nimport {\n\tEarthEngineOptions,\n\tEarthEngineToken,\n\tRefreshToken,\n} from \"../interfaces\";\nimport {\n\tcombineReducers,\n\tgetFeatureCollectionProperties,\n\tgetHistogramStatistics,\n\tgetInfo,\n\tgetScale,\n\thasClasses,\n} from \"../utils\";\nimport { find, head, isEmpty } from \"lodash\";\n\n// async function importEEModule(): Promise<any> {\n//     // @ts-ignore\n//     if (import.meta.env.STORYBOOK_BUILD === \"true\") {\n//         return await import(\"@google/earthengine\");\n//     }\n//     return await import(\"./api\");\n// }\n// const EE = await importEEModule();\n//@ts-ignore\nimport EE from \"./api\";\n// @ts-ignore\nconst ee = EE as any;\n// @ts-ignore\nwindow.ee = ee;\n\nconst FEATURE_STYLE = {color: \"FFA500\", strokeWidth: 2};\nconst DEFAULT_TILE_SCALE = 1;\n\nexport class EarthEngine {\n    token?: EarthEngineToken;\n    options: EarthEngineOptions;\n    refresh?: RefreshToken;\n    orgUnits?: MapOrgUnit[];\n    initialized = false;\n    period?: string | string[];\n    instance: any;\n    scale?: any;\n    image: any;\n    aggregationData: any;\n\n    constructor({options}: { options: EarthEngineOptions }) {\n        this.options = options;\n        this.initialized = true;\n        this.getInstance();\n    }\n\n    static async setToken(token: EarthEngineToken, refresh: RefreshToken): Promise<void> {\n        const tokenType = \"Bearer\";\n\n        function refreshToken(authArgs: { scope: any }, callback: (props: any) => void) {\n            refresh().then(({token}: { token: EarthEngineToken }) => {\n                callback({\n                    ...token,\n                    token_type: tokenType ?? \"Bearer\",\n                    state: authArgs?.scope,\n                });\n            });\n        }\n\n        await new Promise((resolve, reject) => {\n            if (ee.data.getAuthToken()) {\n                ee.initialize(null, null, resolve, reject);\n            }\n            if (token) {\n                const {access_token, client_id, expires_in} = token;\n                ee.data.setAuthToken(\n                    client_id,\n                    tokenType ?? \"Bearer\",\n                    access_token,\n                    expires_in,\n                    null,\n                    () => {\n                        ee.initialize(null, null, resolve, reject);\n                    },\n                    false\n                );\n                ee.data.setAuthTokenRefresher(refreshToken);\n            }\n            resolve(\"Token not found\");\n        });\n    }\n\n    setOrgUnits(orgUnits: MapOrgUnit[]): EarthEngine {\n        this.orgUnits = orgUnits;\n        return this;\n    }\n\n    setPeriod(period: string) {\n        this.period = period;\n    }\n\n    async getValue(geoJSON: any, type: string) {\n        return new Promise((resolve, reject) => {\n            const point = this.getGeometryByType(geoJSON);\n            const reducer = this.getReducerByType(type);\n            const image = this.getImage();\n\n            const reducedImage = image.reduceRegion(reducer, point, 1);\n\n            reducedImage.evaluate((data: unknown, error: any) => {\n                if (error) {\n                    reject(error);\n                } else {\n                    resolve(data);\n                }\n            });\n        });\n    }\n\n    async getPeriod() {\n        const {type} = this.options;\n        if (type !== \"ImageCollection\") {\n            return;\n        }\n\n        const imageCollection = this.instance.distinct(\"system:time_start\").sort(\"system:time_start\", false);\n        const featureCollection = ee.FeatureCollection(imageCollection).select([\"system:time_start\", \"system:time_end\"], null, false);\n\n        return getInfo(featureCollection);\n    }\n\n    async info() {\n        return new Promise((resolve) => {\n            this.instance.getInfo(resolve);\n        });\n    }\n\n    async getScale() {\n        try {\n            const {type} = this.options;\n            switch (type) {\n                case \"ImageCollection\":\n                    this.scale = await getScale(this.instance.first());\n                    break;\n                default:\n                    this.scale = await getScale(this.getImage());\n            }\n        } catch (e) {\n        }\n    }\n\n    async getFeatureCollectionAggregation() {\n        const {datasetId} = this.options;\n        const dataset = ee.FeatureCollection(datasetId);\n        const collection = this.getFeatureCollection() as any;\n        const aggFeatures = collection\n            ?.map((feature: any) => {\n                feature = ee.Feature(feature);\n                const count = dataset.filterBounds(feature.geometry()).size();\n\n                return feature.set(\"count\", count);\n            })\n            .select([\"count\"], null, false);\n\n        return getInfo(aggFeatures).then(getFeatureCollectionProperties);\n    }\n\n    async getHistogramAggregations() {\n        try {\n            const aggregation = head(this.options.aggregations) ?? \"\";\n            const reducer = ee.Reducer.frequencyHistogram();\n            const collection = this.getFeatureCollection();\n            const legend = this.options.legend?.items;\n            const scale = this.scale;\n            const tileScale = this.options.tileScale ?? DEFAULT_TILE_SCALE;\n            const scaleValue = await getInfo(scale);\n\n            const image = this.getImage();\n            const features = Object.values(\n                await getInfo(\n                    image\n                        .reduceRegions({\n                            collection,\n                            reducer,\n                            scale,\n                            tileScale,\n                        })\n                        .select([\"histogram\"], null, false)\n                ).then((data) =>\n                    getHistogramStatistics({\n                        data,\n                        scale: scaleValue,\n                        aggregationType: aggregation,\n                        legend,\n                    })\n                )\n            );\n\n            return features.map((feature: any, index: number) => {\n                return {\n                    orgUnit: this.orgUnits?.[index],\n                    data: feature,\n                };\n            });\n        } catch (e: any) {\n            throw Error(\"Could not get histogram\", {\n                cause: e,\n            });\n        }\n    }\n\n    async getAggregations() {\n        await this.getScale();\n        const {type} = this.options;\n        if (type === \"FeatureCollection\") {\n            this.aggregationData = await this.getFeatureCollectionAggregation();\n            return;\n        }\n        const aggregations = this.options.aggregations;\n        if (!aggregations) return;\n\n        if (hasClasses(head(aggregations) ?? \"\")) {\n            this.aggregationData = await this.getHistogramAggregations();\n            return;\n        }\n\n        const reducer = combineReducers(ee)(aggregations);\n        const collection = this.getFeatureCollection();\n        const image = this.getImage();\n        const scale = this.scale;\n        const tileScale = this.options.tileScale ?? DEFAULT_TILE_SCALE;\n        const aggregatedFeatures = image\n            .reduceRegions({\n                collection,\n                reducer,\n                scale,\n                tileScale,\n            })\n            .select(aggregations, null, false);\n\n        const features = Object.values(getFeatureCollectionProperties(await getInfo(aggregatedFeatures))) as any[];\n        if (!isEmpty(features) && features.length === this.orgUnits?.length) {\n            //Mapping features to orgUnits using index.\n            this.aggregationData = features.map((feature: any, index: number) => {\n                return {\n                    orgUnit: this.orgUnits?.[index],\n                    data: feature,\n                };\n            });\n        }\n    }\n\n    getAggregation(orgUnit: MapOrgUnit) {\n        if (isEmpty(this.aggregationData)) {\n            return;\n        }\n        return find(this.aggregationData, (aggregation) => aggregation.orgUnit.id === orgUnit.id);\n    }\n\n    async url(): Promise<string> {\n        if (!this.initialized) throw \"You need to call init() first\";\n        return this.visualize(this.getImage());\n    }\n\n    protected applyPeriod(imageCollection: any) {\n        const period = this.period;\n        if (period) {\n            return imageCollection.filterDate(period);\n        }\n    }\n\n    protected applyMask(image: any) {\n        if (this.options.mask) {\n            return image.updateMask(image.gt(0));\n        } else {\n            return image;\n        }\n    }\n\n    protected applyBand(imageCollection: any) {\n        if (this.options.selectedBands) {\n            return imageCollection.select(this.options.selectedBands);\n        } else {\n            return imageCollection;\n        }\n    }\n\n    protected getReducerByType(type: string) {\n        return ee.Reducer[type].call();\n    }\n\n    protected getGeometryByType(geoJSON: any) {\n        return ee.Geometry(geoJSON?.geometry);\n    }\n\n    protected getFeatureByType(geoJSON: any) {\n        const featureType = geoJSON.type;\n        const features = geoJSON.features ?? [];\n        const geometry = this.getGeometryByType(geoJSON);\n        switch (featureType) {\n            case \"Feature\":\n                return ee.Feature(geometry);\n            case \"FeatureCollection\":\n                return ee.FeatureCollection([...features.map((feature: any) => ee.Feature(this.getGeometryByType(feature)))]);\n        }\n    }\n\n    protected getFeatureCollection(): unknown {\n        if (this.orgUnits) {\n            return ee.FeatureCollection(this.orgUnits.map((orgUnit: MapOrgUnit) => this.getFeatureByType(orgUnit.geoJSON)));\n        } else {\n            throw \"You need to set org units first\";\n        }\n    }\n\n    protected getParamsFromLegend() {\n        if (!this.options.legend) return;\n        const legend = this.options.legend.items;\n        const keys = legend.map((l) => l.id);\n        const min = Math.min(...keys);\n        const max = Math.max(...keys);\n        const palette = legend.map((l) => l.color).join(\",\");\n        return {min, max, palette};\n    }\n\n    protected async visualize(image: any): Promise<string> {\n        const {min, max, palette} = this.getParamsFromLegend() ??\n        this.options.params ?? {\n            min: null,\n            max: null,\n            palette: null,\n        };\n        return (\n            (await new Promise((resolve, reject) => {\n                image.getMap({min, max, palette}, resolve);\n            })) as any\n        )?.urlFormat;\n    }\n\n    protected getImageCollectionInstance() {\n        const {datasetId} = this.options;\n        let imageCollection = ee.ImageCollection(datasetId);\n        if (this.period) {\n            imageCollection = this.applyPeriod(imageCollection);\n        }\n        imageCollection = this.applyBand(imageCollection);\n        return imageCollection;\n    }\n\n    protected getImageFromImageCollection() {\n        const {mosaic} = this.options;\n        const imageCollection = this.instance;\n        return mosaic\n            ? imageCollection.mosaic().clipToCollection(this.getFeatureCollection())\n            : ee.Image(imageCollection.first()).clipToCollection(this.getFeatureCollection());\n    }\n\n    protected getImageInstance() {\n        const {datasetId} = this.options;\n        return ee.Image(datasetId).clipToCollection(this.getFeatureCollection());\n    }\n\n    protected getImageFromImage() {\n        return this.instance;\n    }\n\n    protected getFeatureInstance() {\n        const {datasetId} = this.options;\n        const feature = ee.Feature(datasetId);\n        this.instance = feature;\n        return feature;\n    }\n\n    protected getImageFromFeature() {\n        return this.instance;\n    }\n\n    protected getFeatureCollectionInstance() {\n        const {datasetId} = this.options;\n        let featureCollection = ee.FeatureCollection(datasetId);\n        if (this.period) {\n            featureCollection = this.applyPeriod(featureCollection);\n        }\n        return featureCollection;\n    }\n\n    protected getImageFromFeatureCollection() {\n        let featureCollection = this.instance;\n        return featureCollection.draw(FEATURE_STYLE).clipToCollection(this.getFeatureCollection());\n    }\n\n    protected getInstance() {\n        const {type} = this.options;\n        switch (type) {\n            case \"Feature\":\n                this.instance = this.getFeatureInstance();\n                break;\n            case \"FeatureCollection\":\n                this.instance = this.getFeatureCollectionInstance();\n                break;\n            case \"Image\":\n                this.instance = this.getImageInstance();\n                break;\n            case \"ImageCollection\":\n                this.instance = this.getImageCollectionInstance();\n                break;\n            default:\n                this.instance = this.getImageFromImage();\n        }\n    }\n\n    protected getImage(): any {\n        if (this.image) {\n            return this.image;\n        }\n        const {type} = this.options;\n        let image;\n        switch (type) {\n            case \"Feature\":\n                image = this.getImageFromFeature();\n                break;\n            case \"FeatureCollection\":\n                image = this.getImageFromFeatureCollection();\n                break;\n            case \"Image\":\n                image = this.getImageFromImage();\n                break;\n            case \"ImageCollection\":\n                image = this.getImageFromImageCollection();\n                break;\n            default:\n                image = this.getImageFromImage();\n        }\n        image = this.applyMask(image);\n        image = this.applyBand(image);\n        this.image = image;\n        return image;\n    }\n}\n"]}

package/dist/components/Map/components/MapLayer/components/GoogleEngineLayer/utils/index.mjs

@@ -1,82 +0,0 @@
-const combineReducers = (ee) => (types) => types.reduce(
-  (r, t, i) => i === 0 ? r[t]() : r.combine({
-    reducer2: ee.Reducer[t](),
-    sharedInputs: true
-  }),
-  ee.Reducer
-);
-const getInfo = (instance) => new Promise(
-  (resolve, reject) => instance.evaluate((data, error) => {
-    if (error) {
-      reject(error);
-    } else {
-      resolve(data);
-    }
-  })
-);
-const getFeatureCollectionProperties = (data) => data.features.reduce(
-  (obj, f) => ({
-    ...obj,
-    [f.id]: f.properties
-  }),
-  {}
-);
-const getScale = async (image) => {
-  return image.select(0).projection().nominalScale();
-};
-const getParamsFromLegend = (legend) => {
-  const keys = legend.map((l) => l.id);
-  const min = Math.min(...keys);
-  const max = Math.max(...keys);
-  const palette = legend.map((l) => l.color).join(",");
-  return { min, max, palette };
-};
-const getClassifiedImage = (eeImage, { legend: legends, params }) => {
-  const legend = legends?.items ?? [];
-  if (!params) {
-    return { eeImage, params: getParamsFromLegend(legend) };
-  }
-  const min = 0;
-  const max = legend.length - 1;
-  const { palette } = params;
-  let zones;
-  for (let i = min, item; i < max; i++) {
-    item = legend[i];
-    if (!zones) {
-      zones = eeImage.gt(item.to);
-    } else {
-      zones = zones.add(eeImage.gt(item.to));
-    }
-  }
-  return { eeImage: zones, params: { min, max, palette } };
-};
-const squareMetersToHectares = (value) => value / 1e4;
-const squareMetersToAcres = (value) => value / 4046.8564224;
-const classAggregation = ["percentage", "hectares", "acres"];
-const hasClasses = (type) => classAggregation.includes(type);
-const getHistogramStatistics = ({ data, scale, aggregationType, legend }) => data.features.reduce((obj, { id, properties }) => {
-  const { histogram } = properties;
-  const sum = Object.values(histogram).reduce((a, b) => a + b, 0);
-  obj[id] = legend.reduce((values, { id: id2 }) => {
-    const count = histogram[id2] || 0;
-    const sqMeters = count * (scale * scale);
-    let value;
-    switch (aggregationType) {
-      case "hectares":
-        value = Math.round(squareMetersToHectares(sqMeters));
-        break;
-      case "acres":
-        value = Math.round(squareMetersToAcres(sqMeters));
-        break;
-      default:
-        value = count / sum * 100;
-    }
-    values[id2] = value;
-    return values;
-  }, {});
-  return obj;
-}, {});
-
-export { combineReducers, getClassifiedImage, getFeatureCollectionProperties, getHistogramStatistics, getInfo, getScale, hasClasses };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/GoogleEngineLayer/utils/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/GoogleEngineLayer/utils/index.ts"],"names":["id"],"mappings":"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","sourcesContent":["import { EarthEngineOptions } from \"../interfaces\";\n\nexport const combineReducers = (ee: any) => (types: string[]) =>\n\ttypes.reduce(\n\t\t(r: any, t: any, i: any) =>\n\t\t\ti === 0\n\t\t\t\t? r[t]()\n\t\t\t\t: r.combine({\n\t\t\t\t\t\treducer2: ee.Reducer[t](),\n\t\t\t\t\t\tsharedInputs: true,\n\t\t\t\t\t}),\n\t\tee.Reducer,\n\t);\n\nexport const getInfo = (instance: any) =>\n  new Promise((resolve, reject) =>\n    instance.evaluate((data: any, error: Error) => {\n      if (error) {\n        reject(error);\n      } else {\n        resolve(data);\n      }\n    })\n  );\n\nexport const getFeatureCollectionProperties = (data: any) =>\n  data.features.reduce(\n    (obj: any, f: any) => ({\n      ...obj,\n      [f.id]: f.properties,\n    }),\n    {}\n  );\n\nexport const getScale = async (image: any) => {\n  return image.select(0).projection().nominalScale();\n};\n\nconst getParamsFromLegend = (legend: any[]) => {\n  const keys = legend.map((l) => l.id);\n  const min = Math.min(...keys);\n  const max = Math.max(...keys);\n  const palette = legend.map((l) => l.color).join(\",\");\n\n  return { min, max, palette };\n};\n\nexport const getClassifiedImage = (eeImage: any, { legend: legends, params }: EarthEngineOptions) => {\n  const legend = legends?.items ?? [];\n  if (!params) {\n    // Image has classes (e.g. landcover)\n    return { eeImage, params: getParamsFromLegend(legend) };\n  }\n\n  const min = 0;\n  const max = legend.length - 1;\n  const { palette } = params;\n  let zones;\n\n  for (let i = min, item; i < max; i++) {\n    item = legend[i] as any;\n\n    if (!zones) {\n      zones = eeImage.gt(item.to);\n    } else {\n      zones = zones.add(eeImage.gt(item.to));\n    }\n  }\n\n  return { eeImage: zones, params: { min, max, palette } };\n};\n\nconst squareMetersToHectares = (value: number) => value / 10000;\n\nconst squareMetersToAcres = (value: number) => value / 4046.8564224;\n\nconst classAggregation = [\"percentage\", \"hectares\", \"acres\"];\n\nexport const hasClasses = (type: string) => classAggregation.includes(type);\n\nexport const getHistogramStatistics = ({ data, scale, aggregationType, legend }: { data: any; scale: any; aggregationType: string; legend: any }) =>\n  data.features.reduce((obj: Record<any, any>, { id, properties }: { id: string; properties: any }) => {\n    const { histogram } = properties;\n    const sum: number = Object.values(histogram).reduce((a: any, b: any) => a + b, 0) as number;\n    obj[id] = legend.reduce((values: any, { id }: { id: string }) => {\n      const count = histogram[id] || 0;\n      const sqMeters = count * (scale * scale);\n      let value;\n      switch (aggregationType) {\n        case \"hectares\":\n          value = Math.round(squareMetersToHectares(sqMeters));\n          break;\n        case \"acres\":\n          value = Math.round(squareMetersToAcres(sqMeters));\n          break;\n        default:\n          value = (count / sum) * 100; // percentage\n      }\n\n      values[id] = value;\n\n      return values;\n    }, {});\n    return obj;\n  }, {});\n"]}

package/dist/components/Map/components/MapLayer/components/LegendArea/components/LegendCardHeader/index.mjs

@@ -1,17 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconLaunch16 } from '@dhis2/ui';
-
-function LegendCardHeader({
-  title,
-  collapsible,
-  onCollapse
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "row w-100 space-between align-items-center", children: [
-    /* @__PURE__ */ jsx("h4", { style: { margin: 0 }, className: "legend-header", children: title }),
-    collapsible && /* @__PURE__ */ jsx("div", { onClick: onCollapse, children: /* @__PURE__ */ jsx(IconLaunch16, {}) })
-  ] });
-}
-
-export { LegendCardHeader as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/LegendArea/components/LegendCardHeader/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/LegendArea/components/LegendCardHeader/index.tsx"],"names":[],"mappings":"AAaE,SACC,KADD;AAbF,SAAS,oBAAoB;AAGd,SAAR,iBAAkC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,SACC,qBAAC,SAAI,WAAU,8CACd;AAAA,wBAAC,QAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,WAAU,iBAClC,iBACF;AAAA,IACC,eACA,oBAAC,SAAI,SAAS,YACb,8BAAC,gBAAa,GACf;AAAA,KAEF;AAEF","sourcesContent":["import { IconLaunch16 } from \"@dhis2/ui\";\nimport React from \"react\";\n\nexport default function LegendCardHeader({\n\ttitle,\n\tcollapsible,\n\tonCollapse,\n}: {\n\ttitle: string;\n\tonCollapse?: () => void;\n\tcollapsible?: boolean;\n}) {\n\treturn (\n\t\t<div className=\"row w-100 space-between align-items-center\">\n\t\t\t<h4 style={{ margin: 0 }} className=\"legend-header\">\n\t\t\t\t{title}\n\t\t\t</h4>\n\t\t\t{collapsible && (\n\t\t\t\t<div onClick={onCollapse}>\n\t\t\t\t\t<IconLaunch16 />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"]}

package/dist/components/Map/components/MapLayer/components/LegendArea/index.mjs

@@ -1,179 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconLegend24, Portal, Popper, colors } from '@dhis2/ui';
-import { compact, head } from 'lodash';
-import React, { useState, useRef, useEffect } from 'react';
-import { CustomControl } from '../../../MapControls/components/CustomControl';
-import { SUPPORTED_EARTH_ENGINE_LAYERS } from '../../interfaces';
-import PointLegend from '../PointLayer/components/PointLegend';
-import BubbleLegend from '../ThematicLayer/components/Bubble/components/BubbleLegend';
-import ChoroplethLegend from '../ThematicLayer/components/Choropleth/components/ChoroplethLegend';
-import EarthEngineLegend from '../GoogleEngineLayer/components/EarthEngineLegend';
-import classes from './LegendArea.module.css';
-import { usePrintMedia } from '../../../../hooks/map';
-
-const TOOLTIP_OFFSET = 4;
-function getLegendComponent(layer) {
-  if (layer.type === "point") {
-    return /* @__PURE__ */ jsx(PointLegend, { name: layer.label });
-  }
-  if (SUPPORTED_EARTH_ENGINE_LAYERS.includes(layer.type)) {
-    return /* @__PURE__ */ jsx(
-      EarthEngineLegend,
-      {
-        name: layer.name ?? "",
-        layer
-      }
-    );
-  }
-  const { type, enabled, control, dataItem, name, data, legends } = layer ?? {};
-  if (!enabled || !control) {
-    return null;
-  }
-  switch (type) {
-    case "bubble":
-      return /* @__PURE__ */ jsx(
-        BubbleLegend,
-        {
-          radius: layer?.radius ?? {
-            min: 0,
-            max: 50
-          },
-          legends: legends ?? [],
-          name: name ?? dataItem.displayName,
-          data,
-          dataItem: head(data)?.dataItem ?? dataItem
-        }
-      );
-    case "choropleth":
-      return /* @__PURE__ */ jsx(
-        ChoroplethLegend,
-        {
-          legends: legends ?? [],
-          name: name ?? dataItem.displayName,
-          data,
-          dataItem: head(data)?.dataItem ?? dataItem
-        }
-      );
-  }
-}
-function CollapsedLegendIcon({
-  onCollapse,
-  name
-}) {
-  const openDelay = 200;
-  const closeDelay = 200;
-  const [openTooltip, setOpenTooltip] = useState(false);
-  const openTimerRef = useRef(null);
-  const closeTimerRef = useRef(null);
-  const ref = useRef(null);
-  const hideModifier = { name: "hide" };
-  const offsetModifier = {
-    name: "offset",
-    options: {
-      offset: [0, TOOLTIP_OFFSET]
-    }
-  };
-  const flipModifier = {
-    name: "flip",
-    options: { altBoundary: true }
-  };
-  const onMouseOver = () => {
-    clearTimeout(closeTimerRef.current);
-    openTimerRef.current = setTimeout(() => {
-      setOpenTooltip(true);
-    }, openDelay);
-  };
-  const onMouseOut = () => {
-    clearTimeout(openTimerRef.current);
-    closeTimerRef.current = setTimeout(() => {
-      setOpenTooltip(false);
-    }, closeDelay);
-  };
-  useEffect(
-    () => () => {
-      clearTimeout(openTimerRef.current);
-      clearTimeout(closeTimerRef.current);
-    },
-    []
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      onMouseOver,
-      onMouseOut,
-      onClick: onCollapse,
-      style: { width: 28, height: 28 },
-      className: "legend-card collapsed",
-      children: [
-        /* @__PURE__ */ jsx(IconLegend24, {}),
-        openTooltip && /* @__PURE__ */ jsx(
-          Portal,
-          {
-            className: classes["map-tooltip"],
-            children: /* @__PURE__ */ jsx(
-              Popper,
-              {
-                className: classes["map-tooltip"],
-                reference: ref,
-                modifiers: [offsetModifier, flipModifier, hideModifier],
-                children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      backgroundColor: `${colors.grey900}`,
-                      borderRadius: 3,
-                      color: `${colors.white}`,
-                      padding: "4px 6px"
-                    },
-                    "data-test": `content`,
-                    children: name
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function Legend({
-  children,
-  collapsible
-}) {
-  const [collapsed, setCollapsed] = useState(collapsible);
-  const inPrintMode = usePrintMedia();
-  const onCollapse = () => {
-    if (collapsible) {
-      setCollapsed((prevState) => !prevState);
-    }
-  };
-  const name = head(React.Children.toArray(children))?.props.name;
-  const shouldCollapse = collapsed && !inPrintMode;
-  return /* @__PURE__ */ jsx("div", { className: "w-100", children: shouldCollapse ? /* @__PURE__ */ jsx(CollapsedLegendIcon, { name, onCollapse }) : React.Children.map(
-    children,
-    (child) => React.cloneElement(child, { collapsible, onCollapse })
-  ) });
-}
-function LegendArea({
-  layers,
-  legends: legendConfig
-}) {
-  const legends = compact(
-    layers.filter((layer) => layer.enabled).map(getLegendComponent)
-  );
-  const { position, collapsible } = legendConfig ?? {};
-  return /* @__PURE__ */ jsx(CustomControl, { position, children: /* @__PURE__ */ jsx("div", { className: "column gap-16 align-items-end", children: legends?.map((legend, index) => /* @__PURE__ */ jsx(
-    Legend,
-    {
-      collapsible: collapsible ?? true,
-      children: legend
-    },
-    `${index}-map-legend`
-  )) }) });
-}
-
-export { LegendArea as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/LegendArea/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/components/LegendArea/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { colors, IconLegend24, Popper, Portal } from \"@dhis2/ui\";\nimport { ControlPosition } from \"leaflet\";\nimport { compact, head } from \"lodash\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { MapLegendConfig } from \"../../../MapArea/interfaces\";\nimport { CustomControl } from \"../../../MapControls/components/CustomControl\";\nimport {\n\tCustomBubbleLayer,\n\tCustomGoogleEngineLayer,\n\tCustomPointLayer,\n\tCustomThematicLayer,\n\tSUPPORTED_EARTH_ENGINE_LAYERS,\n} from \"../../interfaces\";\nimport PointLegend from \"../PointLayer/components/PointLegend\";\nimport BubbleLegend from \"../ThematicLayer/components/Bubble/components/BubbleLegend\";\nimport ChoroplethLegend from \"../ThematicLayer/components/Choropleth/components/ChoroplethLegend\";\nimport EarthEngineLegend from \"../GoogleEngineLayer/components/EarthEngineLegend\";\nimport classes from \"./LegendArea.module.css\";\nimport { usePrintMedia } from \"../../../../hooks/map\";\n\nconst TOOLTIP_OFFSET = 4;\n\nfunction getLegendComponent(\n\tlayer: CustomThematicLayer | CustomPointLayer | CustomGoogleEngineLayer,\n) {\n\tif (layer.type === \"point\") {\n\t\treturn <PointLegend name={layer.label} />;\n\t}\n\n\tif (SUPPORTED_EARTH_ENGINE_LAYERS.includes(layer.type)) {\n\t\treturn (\n\t\t\t<EarthEngineLegend\n\t\t\t\tname={layer.name ?? \"\"}\n\t\t\t\tlayer={layer as CustomGoogleEngineLayer}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst { type, enabled, control, dataItem, name, data, legends } =\n\t\t(layer as CustomThematicLayer) ?? {};\n\n\tif (!enabled || !control) {\n\t\treturn null;\n\t}\n\tswitch (type) {\n\t\tcase \"bubble\":\n\t\t\treturn (\n\t\t\t\t<BubbleLegend\n\t\t\t\t\tradius={\n\t\t\t\t\t\t(layer as CustomBubbleLayer)?.radius ?? {\n\t\t\t\t\t\t\tmin: 0,\n\t\t\t\t\t\t\tmax: 50,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\tname={name ?? dataItem.displayName}\n\t\t\t\t\tdata={data}\n\t\t\t\t\tdataItem={head(data)?.dataItem ?? dataItem}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase \"choropleth\":\n\t\t\treturn (\n\t\t\t\t<ChoroplethLegend\n\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\tname={name ?? dataItem.displayName}\n\t\t\t\t\tdata={data}\n\t\t\t\t\tdataItem={head(data)?.dataItem ?? dataItem}\n\t\t\t\t/>\n\t\t\t);\n\t}\n}\n\nfunction CollapsedLegendIcon({\n\tonCollapse,\n\tname,\n}: {\n\tname: string;\n\tonCollapse: () => void;\n}) {\n\tconst openDelay = 200;\n\tconst closeDelay = 200;\n\tconst [openTooltip, setOpenTooltip] = useState(false);\n\tconst openTimerRef = useRef<any>(null);\n\tconst closeTimerRef = useRef<any>(null);\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst hideModifier = { name: \"hide\" };\n\tconst offsetModifier = {\n\t\tname: \"offset\",\n\t\toptions: {\n\t\t\toffset: [0, TOOLTIP_OFFSET],\n\t\t},\n\t};\n\n\tconst flipModifier = {\n\t\tname: \"flip\",\n\t\toptions: { altBoundary: true },\n\t};\n\n\tconst onMouseOver = () => {\n\t\tclearTimeout(closeTimerRef.current);\n\n\t\topenTimerRef.current = setTimeout(() => {\n\t\t\tsetOpenTooltip(true);\n\t\t}, openDelay);\n\t};\n\n\tconst onMouseOut = () => {\n\t\tclearTimeout(openTimerRef.current);\n\n\t\tcloseTimerRef.current = setTimeout(() => {\n\t\t\tsetOpenTooltip(false);\n\t\t}, closeDelay);\n\t};\n\n\tuseEffect(\n\t\t() => () => {\n\t\t\tclearTimeout(openTimerRef.current);\n\t\t\tclearTimeout(closeTimerRef.current);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonMouseOut={onMouseOut}\n\t\t\tonClick={onCollapse}\n\t\t\tstyle={{ width: 28, height: 28 }}\n\t\t\tclassName=\"legend-card collapsed\"\n\t\t>\n\t\t\t<IconLegend24 />\n\t\t\t{openTooltip && (\n\t\t\t\t<Portal\n\t\t\t\t\t/*\n\t\t\t  // @ts-ignore */\n\t\t\t\t\tclassName={classes[\"map-tooltip\"]}\n\t\t\t\t>\n\t\t\t\t\t<Popper\n\t\t\t\t\t\tclassName={classes[\"map-tooltip\"]}\n\t\t\t\t\t\treference={ref}\n\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\tmodifiers={[offsetModifier, flipModifier, hideModifier]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackgroundColor: `${colors.grey900}`,\n\t\t\t\t\t\t\t\tborderRadius: 3,\n\t\t\t\t\t\t\t\tcolor: `${colors.white}`,\n\t\t\t\t\t\t\t\tpadding: \"4px 6px\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata-test={`content`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Popper>\n\t\t\t\t</Portal>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction Legend({\n\tchildren,\n\tcollapsible,\n}: {\n\tchildren: React.ReactElement;\n\tcollapsible: boolean;\n}) {\n\tconst [collapsed, setCollapsed] = useState(collapsible);\n\tconst inPrintMode = usePrintMedia();\n\tconst onCollapse = () => {\n\t\tif (collapsible) {\n\t\t\tsetCollapsed((prevState) => !prevState);\n\t\t}\n\t};\n\n\tconst name = head(React.Children.toArray(children) as React.ReactElement[])\n\t\t?.props.name;\n\n\tconst shouldCollapse = collapsed && !inPrintMode;\n\n\treturn (\n\t\t<div className=\"w-100\">\n\t\t\t{shouldCollapse ? (\n\t\t\t\t<CollapsedLegendIcon name={name} onCollapse={onCollapse} />\n\t\t\t) : (\n\t\t\t\tReact.Children.map(children, (child) =>\n\t\t\t\t\tReact.cloneElement(child, { collapsible, onCollapse }),\n\t\t\t\t)\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport default function LegendArea({\n\tlayers,\n\tlegends: legendConfig,\n}: {\n\tlayers: Array<\n\t\tCustomThematicLayer | CustomPointLayer | CustomGoogleEngineLayer\n\t>;\n\tposition: ControlPosition;\n\tlegends?: MapLegendConfig;\n}) {\n\tconst legends: JSX.Element[] = compact(\n\t\tlayers.filter((layer) => layer.enabled).map(getLegendComponent),\n\t);\n\tconst { position, collapsible } = legendConfig ?? {};\n\n\treturn (\n\t\t<CustomControl position={position}>\n\t\t\t<div className=\"column gap-16 align-items-end\">\n\t\t\t\t{legends?.map((legend: any, index) => (\n\t\t\t\t\t<Legend\n\t\t\t\t\t\tcollapsible={collapsible ?? true}\n\t\t\t\t\t\tkey={`${index}-map-legend`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{legend}\n\t\t\t\t\t</Legend>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</CustomControl>\n\t);\n}\n"]}

package/dist/components/Map/components/MapLayer/components/PointLayer/components/PointLegend/index.mjs

@@ -1,78 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useConfig } from '@dhis2/app-runtime';
-import { Divider } from '@dhis2/ui';
-import { forwardRef } from 'react';
-import { getIconUrl } from '../../../../../../utils/helpers';
-import LegendCardHeader from '../../../LegendArea/components/LegendCardHeader';
-import { usePointLayer } from '../../hooks';
-
-function PointLegends({
-  orgUnitGroups,
-  icon,
-  label
-}) {
-  const { baseUrl } = useConfig();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: { minWidth: 100, alignItems: "flex-start" },
-      className: "w-100 p-8 legend-list column",
-      children: [
-        icon && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "row gap-16  align-items-center",
-            children: [
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  height: 20,
-                  width: 20,
-                  alt: `${name}-icon`,
-                  src: getIconUrl(icon, { baseUrl })
-                }
-              ),
-              /* @__PURE__ */ jsx("p", { children: label })
-            ]
-          },
-          `${icon}-legend`
-        ),
-        orgUnitGroups.map(({ name: name2, symbol }) => {
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "row gap-16  align-items-center",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    height: 20,
-                    width: 20,
-                    alt: `${name2}-icon`,
-                    src: getIconUrl(symbol ?? "", { baseUrl })
-                  }
-                ),
-                /* @__PURE__ */ jsx("p", { children: name2 })
-              ]
-            },
-            `${name2}-legend`
-          );
-        })
-      ]
-    }
-  );
-}
-function PointLegend({ collapsible, onCollapse }, ref) {
-  const pointLayer = usePointLayer();
-  const { label, style } = pointLayer ?? {};
-  return /* @__PURE__ */ jsxs("div", { ref, className: "legend-card", children: [
-    /* @__PURE__ */ jsx(LegendCardHeader, { collapsible, onCollapse, title: label ?? "Points" }),
-    /* @__PURE__ */ jsx(Divider, { margin: "0" }),
-    /* @__PURE__ */ jsx(PointLegends, { label, orgUnitGroups: style?.orgUnitGroups ?? [], icon: style?.icon })
-  ] });
-}
-var PointLegend_default = forwardRef(PointLegend);
-
-export { PointLegend_default as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/PointLayer/components/PointLegend/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/PointLayer/components/PointLegend/index.tsx"],"names":["name"],"mappings":"AAwBI,SAIC,KAJD;AAxBJ,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,OAAO,sBAAsB;AAC7B,SAAS,qBAAqB;AAE9B,SAAS,aAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,EAAE,QAAQ,IAAI,UAAU;AAE9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO,EAAE,UAAU,KAAK,YAAY,aAAa;AAAA,MACjD,WAAU;AAAA,MAET;AAAA,gBACA;AAAA,UAAC;AAAA;AAAA,YAEA,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,QAAQ;AAAA,kBACR,OAAO;AAAA,kBACP,KAAK,GAAG,IAAI;AAAA,kBACZ,KAAK,WAAW,MAAM,EAAE,QAAQ,CAAC;AAAA;AAAA,cAClC;AAAA,cACA,oBAAC,OAAG,iBAAM;AAAA;AAAA;AAAA,UATL,GAAG,IAAI;AAAA,QAUb;AAAA,QAEA,cAAc,IAAI,CAAC,EAAE,MAAAA,OAAM,OAAO,MAAM;AACxC,iBACC;AAAA,YAAC;AAAA;AAAA,cAEA,WAAU;AAAA,cAEV;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACA,QAAQ;AAAA,oBACR,OAAO;AAAA,oBACP,KAAK,GAAGA,KAAI;AAAA,oBACZ,KAAK,WAAW,UAAU,IAAI,EAAE,QAAQ,CAAC;AAAA;AAAA,gBAC1C;AAAA,gBACA,oBAAC,OAAG,UAAAA,OAAK;AAAA;AAAA;AAAA,YATJ,GAAGA,KAAI;AAAA,UAUb;AAAA,QAEF,CAAC;AAAA;AAAA;AAAA,EACF;AAEF;AAEA,SAAS,YAAY,EAAE,aAAa,WAAW,GAAQ,KAAsC;AAC3F,QAAM,aAAa,cAAc;AACjC,QAAM,EAAE,OAAO,MAAM,IAAI,cAAc,CAAC;AAExC,SACE,qBAAC,SAAI,KAAU,WAAU,eACvB;AAAA,wBAAC,oBAAiB,aAA0B,YAAwB,OAAO,SAAS,UAAU;AAAA,IAC9F,oBAAC,WAAQ,QAAQ,KAAK;AAAA,IACtB,oBAAC,gBAAa,OAAc,eAAe,OAAO,iBAAiB,CAAC,GAAG,MAAM,OAAO,MAAM;AAAA,KAC5F;AAEJ;AAEA,IAAO,sBAAQ,WAAW,WAAW","sourcesContent":["import { useConfig } from \"@dhis2/app-runtime\";\nimport { Divider } from \"@dhis2/ui\";\nimport React, { forwardRef } from \"react\";\nimport { getIconUrl } from \"../../../../../../utils/helpers\";\nimport LegendCardHeader from \"../../../LegendArea/components/LegendCardHeader\";\nimport { usePointLayer } from \"../../hooks\";\n\nfunction PointLegends({\n\torgUnitGroups,\n\ticon,\n\tlabel,\n}: {\n\torgUnitGroups: { name: string; symbol: string }[];\n\ticon?: string;\n\tlabel?: string;\n}) {\n\tconst { baseUrl } = useConfig();\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ minWidth: 100, alignItems: \"flex-start\" }}\n\t\t\tclassName=\"w-100 p-8 legend-list column\"\n\t\t>\n\t\t\t{icon && (\n\t\t\t\t<div\n\t\t\t\t\tkey={`${icon}-legend`}\n\t\t\t\t\tclassName=\"row gap-16  align-items-center\"\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\talt={`${name}-icon`}\n\t\t\t\t\t\tsrc={getIconUrl(icon, { baseUrl })}\n\t\t\t\t\t/>\n\t\t\t\t\t<p>{label}</p>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{orgUnitGroups.map(({ name, symbol }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={`${name}-legend`}\n\t\t\t\t\t\tclassName=\"row gap-16  align-items-center\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\talt={`${name}-icon`}\n\t\t\t\t\t\t\tsrc={getIconUrl(symbol ?? \"\", { baseUrl })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<p>{name}</p>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nfunction PointLegend({ collapsible, onCollapse }: any, ref: React.LegacyRef<HTMLDivElement>) {\n  const pointLayer = usePointLayer();\n  const { label, style } = pointLayer ?? {};\n\n  return (\n    <div ref={ref} className=\"legend-card\">\n      <LegendCardHeader collapsible={collapsible} onCollapse={onCollapse} title={label ?? \"Points\"} />\n      <Divider margin={\"0\"} />\n      <PointLegends label={label} orgUnitGroups={style?.orgUnitGroups ?? []} icon={style?.icon} />\n    </div>\n  );\n}\n\nexport default forwardRef(PointLegend);\n"]}

package/dist/components/Map/components/MapLayer/components/PointLayer/hooks/index.mjs

@@ -1,11 +0,0 @@
-import { find } from 'lodash';
-import { useMapLayers } from '../../../../MapProvider/hooks';
-
-function usePointLayer() {
-  const { layers } = useMapLayers();
-  return find(layers, ["type", "point"]);
-}
-
-export { usePointLayer };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/PointLayer/hooks/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/PointLayer/hooks/index.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAGtB,SAAS,gBAAgB;AAC/B,QAAM,EAAE,OAAO,IAAI,aAAa;AAChC,SAAO,KAAK,QAAQ,CAAC,QAAQ,OAAO,CAAC;AACtC","sourcesContent":["import { find } from \"lodash\";\nimport { useMapLayers } from \"../../../../MapProvider/hooks\";\nimport { CustomPointLayer } from \"../../../interfaces\";\n\nexport function usePointLayer() {\n\tconst { layers } = useMapLayers();\n\treturn find(layers, [\"type\", \"point\"]) as CustomPointLayer;\n}\n"]}

package/dist/components/Map/components/MapLayer/components/PointLayer/index.mjs

@@ -1,48 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useConfig } from '@dhis2/app-runtime';
-import i18n from '@dhis2/d2-i18n';
-import L from 'leaflet';
-import { LayersControl, LayerGroup, GeoJSON, Tooltip, Popup } from 'react-leaflet';
-import { getIcon, getIconUrl } from '../../../../utils/helpers';
-import { usePointLayer } from './hooks';
-
-function PointLayer() {
-  const pointLayer = usePointLayer();
-  const { enabled, label, points: orgUnits, style } = pointLayer ?? {};
-  const { baseUrl } = useConfig();
-  return /* @__PURE__ */ jsx(
-    LayersControl.Overlay,
-    {
-      checked: enabled,
-      name: label ?? i18n.t("Points"),
-      children: /* @__PURE__ */ jsx(LayerGroup, { children: orgUnits?.map((area) => {
-        return /* @__PURE__ */ jsxs(
-          GeoJSON,
-          {
-            pointToLayer: (_, coordinates) => {
-              return L.marker(coordinates, {
-                icon: getIcon(
-                  getIconUrl(
-                    area.icon.icon ?? style?.icon,
-                    { baseUrl }
-                  )
-                )
-              });
-            },
-            data: area.geoJSON,
-            interactive: true,
-            children: [
-              /* @__PURE__ */ jsx(Tooltip, { children: area.name }),
-              /* @__PURE__ */ jsx(Popup, { minWidth: 80, children: /* @__PURE__ */ jsx("h3", { children: area.name }) })
-            ]
-          },
-          `${area.id}-polygon`
-        );
-      }) })
-    }
-  );
-}
-
-export { PointLayer };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/MapLayer/components/PointLayer/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/components/PointLayer/index.tsx"],"names":[],"mappings":"AA2BM,SAeC,KAfD;AA3BN,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AACjB,OAAO,OAAO;AAEd;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,SAAS,SAAS,kBAAkB;AACpC,SAAS,qBAAqB;AAEvB,SAAS,aAAa;AAC5B,QAAM,aAAa,cAAc;AACjC,QAAM,EAAE,SAAS,OAAO,QAAQ,UAAU,MAAM,IAAI,cAAc,CAAC;AACnE,QAAM,EAAE,QAAQ,IAAI,UAAU;AAC9B,SACC;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACA,SAAS;AAAA,MACT,MAAM,SAAS,KAAK,EAAE,QAAQ;AAAA,MAE9B,8BAAC,cACC,oBAAU,IAAI,CAAC,SAAuB;AACtC,eACC;AAAA,UAAC;AAAA;AAAA,YACA,cAAc,CAAC,GAAG,gBAAgB;AACjC,qBAAO,EAAE,OAAO,aAAa;AAAA,gBAC5B,MAAM;AAAA,kBACL;AAAA,oBACC,KAAK,KAAK,QAAQ,OAAO;AAAA,oBACzB,EAAE,QAAQ;AAAA,kBACX;AAAA,gBACD;AAAA,cACD,CAAC;AAAA,YACF;AAAA,YACA,MAAM,KAAK;AAAA,YACX,aAAW;AAAA,YAGX;AAAA,kCAAC,WAAS,eAAK,MAAK;AAAA,cACpB,oBAAC,SAAM,UAAU,IAChB,8BAAC,QAAI,eAAK,MAAK,GAChB;AAAA;AAAA;AAAA,UALK,GAAG,KAAK,EAAE;AAAA,QAMhB;AAAA,MAEF,CAAC,GACF;AAAA;AAAA,EACD;AAEF","sourcesContent":["import { useConfig } from \"@dhis2/app-runtime\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport L from \"leaflet\";\nimport React from \"react\";\nimport {\n\tGeoJSON,\n\tLayerGroup,\n\tLayersControl,\n\tPopup,\n\tTooltip,\n} from \"react-leaflet\";\nimport { PointOrgUnit } from \"../../../../interfaces\";\nimport { getIcon, getIconUrl } from \"../../../../utils/helpers\";\nimport { usePointLayer } from \"./hooks\";\n\nexport function PointLayer() {\n\tconst pointLayer = usePointLayer();\n\tconst { enabled, label, points: orgUnits, style } = pointLayer ?? {};\n\tconst { baseUrl } = useConfig();\n\treturn (\n\t\t<LayersControl.Overlay\n\t\t\tchecked={enabled}\n\t\t\tname={label ?? i18n.t(\"Points\")}\n\t\t>\n\t\t\t<LayerGroup>\n\t\t\t\t{orgUnits?.map((area: PointOrgUnit) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GeoJSON\n\t\t\t\t\t\t\tpointToLayer={(_, coordinates) => {\n\t\t\t\t\t\t\t\treturn L.marker(coordinates, {\n\t\t\t\t\t\t\t\t\ticon: getIcon(\n\t\t\t\t\t\t\t\t\t\tgetIconUrl(\n\t\t\t\t\t\t\t\t\t\t\tarea.icon.icon ?? style?.icon,\n\t\t\t\t\t\t\t\t\t\t\t{ baseUrl },\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata={area.geoJSON}\n\t\t\t\t\t\t\tinteractive\n\t\t\t\t\t\t\tkey={`${area.id}-polygon`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip>{area.name}</Tooltip>\n\t\t\t\t\t\t\t<Popup minWidth={80}>\n\t\t\t\t\t\t\t\t<h3>{area.name}</h3>\n\t\t\t\t\t\t\t</Popup>\n\t\t\t\t\t\t</GeoJSON>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</LayerGroup>\n\t\t</LayersControl.Overlay>\n\t);\n}\n"]}

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubble.mjs

@@ -1,36 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { guideLength, textPadding } from './Bubbles';
-
-const Bubble = ({ radius, maxRadius, text, textAlign, color, stroke, pattern }) => {
-  const leftAlign = textAlign === "left";
-  const x = maxRadius;
-  const y = maxRadius * 2 - radius;
-  const x2 = leftAlign ? x - maxRadius - guideLength : x + maxRadius + guideLength;
-  const y2 = maxRadius * 2 - radius * 2;
-  const textX = x2 + (leftAlign ? -textPadding : textPadding);
-  const textAnchor = leftAlign ? "end" : "start";
-  return /* @__PURE__ */ jsxs("g", { children: [
-    /* @__PURE__ */ jsx(
-      "circle",
-      {
-        cx: x,
-        cy: y,
-        r: radius,
-        stroke: stroke || "#000",
-        style: {
-          fill: pattern ? `url(#${pattern})` : color || "none",
-          strokeWidth: 0.5
-        }
-      }
-    ),
-    text && /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx("line", { x1: x, x2, y1: y2, y2, stroke: "black", style: { strokeDasharray: "2, 2", strokeWidth: 0.5 } }),
-      /* @__PURE__ */ jsx("text", { x: textX, y: y2, textAnchor, alignmentBaseline: "middle", style: { fontSize: 12 }, children: text })
-    ] })
-  ] });
-};
-var Bubble_default = Bubble;
-
-export { Bubble_default as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=Bubble.mjs.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubble.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubble.tsx"],"names":[],"mappings":"AAyBM,cAWE,YAXF;AAxBN,SAAS,aAAa,mBAAmB;AAazC,MAAM,SAAS,CAAC,EAAE,QAAQ,WAAW,MAAM,WAAW,OAAO,QAAQ,QAAQ,MAAmB;AAC9F,QAAM,YAAY,cAAc;AAChC,QAAM,IAAI;AACV,QAAM,IAAI,YAAY,IAAI;AAC1B,QAAM,KAAK,YAAY,IAAI,YAAY,cAAc,IAAI,YAAY;AACrE,QAAM,KAAK,YAAY,IAAI,SAAS;AACpC,QAAM,QAAQ,MAAM,YAAY,CAAC,cAAc;AAC/C,QAAM,aAAa,YAAY,QAAQ;AAEvC,SACE,qBAAC,OACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAG;AAAA,QACH,QAAQ,UAAU;AAAA,QAClB,OAAO;AAAA,UACL,MAAM,UAAU,QAAQ,OAAO,MAAM,SAAS;AAAA,UAC9C,aAAa;AAAA,QACf;AAAA;AAAA,IACF;AAAA,IACC,QACC,qBAAC,OACC;AAAA,0BAAC,UAAK,IAAI,GAAG,IAAQ,IAAI,IAAI,IAAQ,QAAO,SAAQ,OAAO,EAAE,iBAAiB,QAAQ,aAAa,IAAI,GAAG;AAAA,MAC1G,oBAAC,UAAK,GAAG,OAAO,GAAG,IAAI,YAAwB,mBAAkB,UAAS,OAAO,EAAE,UAAU,GAAG,GAC7F,gBACH;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import React from \"react\";\nimport { guideLength, textPadding } from \"./Bubbles\";\n\nexport interface BubbleProps {\n\tradius: number;\n\tmaxRadius: number;\n\ttext?: string;\n\ttextAlign?: \"left\" | \"right\";\n\tcolor?: string;\n\tstroke?: string;\n\tpattern?: string;\n\tgap?: number;\n}\n\nconst Bubble = ({ radius, maxRadius, text, textAlign, color, stroke, pattern }: BubbleProps) => {\n  const leftAlign = textAlign === \"left\";\n  const x = maxRadius;\n  const y = maxRadius * 2 - radius;\n  const x2 = leftAlign ? x - maxRadius - guideLength : x + maxRadius + guideLength;\n  const y2 = maxRadius * 2 - radius * 2;\n  const textX = x2 + (leftAlign ? -textPadding : textPadding);\n  const textAnchor = leftAlign ? \"end\" : \"start\";\n\n  return (\n    <g>\n      <circle\n        cx={x}\n        cy={y}\n        r={radius}\n        stroke={stroke || \"#000\"}\n        style={{\n          fill: pattern ? `url(#${pattern})` : color || \"none\",\n          strokeWidth: 0.5,\n        }}\n      />\n      {text && (\n        <g>\n          <line x1={x} x2={x2} y1={y2} y2={y2} stroke=\"black\" style={{ strokeDasharray: \"2, 2\", strokeWidth: 0.5 }} />\n          <text x={textX} y={y2} textAnchor={textAnchor} alignmentBaseline=\"middle\" style={{ fontSize: 12 }}>\n            {text}\n          </text>\n        </g>\n      )}\n    </g>\n  );\n};\n\nexport default Bubble;\n"]}