@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/map/components/features/layers/MapOverlayLayers.js

@@ -1,23 +1,25 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { map } from 'es-toolkit/compat';
-import { MAP_LAYER_INCIDENTS, MAP_LAYER_ROAD_RESTRICTIONS, MAP_LAYER_TRAFFIC } from "../../constants.js";
-import IncidentsLayer from "./overlayLayers/IncidentsLayer.js";
-import RoadRestrictionLayer from "./overlayLayers/RoadRestrictionLayer.js";
-import TrafficLayer from "./overlayLayers/TrafficLayer.js";
-const MapOverlayLayers = (props) => {
-    const { layers } = props;
-    const layersToRender = map(layers, layer => {
-        switch (layer) {
-            case MAP_LAYER_TRAFFIC:
-                return _jsx(TrafficLayer, { id: MAP_LAYER_TRAFFIC }, layer);
-            case MAP_LAYER_INCIDENTS:
-                return _jsx(IncidentsLayer, {}, layer);
-            case MAP_LAYER_ROAD_RESTRICTIONS:
-                return _jsx(RoadRestrictionLayer, { id: MAP_LAYER_ROAD_RESTRICTIONS }, layer);
-            default:
-                return null;
-        }
-    });
-    return _jsx(_Fragment, { children: layersToRender });
+import { jsx as t, Fragment as m } from "react/jsx-runtime";
+import { map as s } from "es-toolkit/compat";
+import { MAP_LAYER_ROAD_RESTRICTIONS as e, MAP_LAYER_INCIDENTS as c, MAP_LAYER_TRAFFIC as o } from "../../constants.js";
+import f from "./overlayLayers/IncidentsLayer.js";
+import R from "./overlayLayers/RoadRestrictionLayer.js";
+import p from "./overlayLayers/TrafficLayer.js";
+const T = (a) => {
+  const { layers: n } = a, i = s(n, (r) => {
+    switch (r) {
+      case o:
+        return /* @__PURE__ */ t(p, { id: o }, r);
+      case c:
+        return /* @__PURE__ */ t(f, {}, r);
+      case e:
+        return /* @__PURE__ */ t(R, { id: e }, r);
+      default:
+        return null;
+    }
+  });
+  return /* @__PURE__ */ t(m, { children: i });
 };
-export default MapOverlayLayers;
+export {
+  T as default
+};
+//# sourceMappingURL=MapOverlayLayers.js.map

package/components/map/components/features/layers/MapOverlayLayers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapOverlayLayers.js","sources":["../../../../../../src/components/map/components/features/layers/MapOverlayLayers.tsx"],"sourcesContent":["import { map } from 'es-toolkit/compat';\n\nimport { MAP_LAYER_INCIDENTS, MAP_LAYER_ROAD_RESTRICTIONS, MAP_LAYER_TRAFFIC } from '../../constants';\nimport IncidentsLayer from './overlayLayers/IncidentsLayer';\nimport RoadRestrictionLayer from './overlayLayers/RoadRestrictionLayer';\nimport TrafficLayer from './overlayLayers/TrafficLayer';\n\nexport type MapOverlayLayersProps = {\n    layers: string[];\n};\n\nconst MapOverlayLayers = (props: MapOverlayLayersProps) => {\n    const { layers } = props;\n\n    const layersToRender = map(layers, layer => {\n        switch (layer) {\n            case MAP_LAYER_TRAFFIC:\n                return <TrafficLayer id={MAP_LAYER_TRAFFIC} key={layer} />;\n            case MAP_LAYER_INCIDENTS:\n                return <IncidentsLayer key={layer} />;\n            case MAP_LAYER_ROAD_RESTRICTIONS:\n                return <RoadRestrictionLayer id={MAP_LAYER_ROAD_RESTRICTIONS} key={layer} />;\n            default:\n                return null;\n        }\n    });\n\n    return <>{layersToRender}</>;\n};\n\nexport default MapOverlayLayers;\n"],"names":["MapOverlayLayers","props","layers","layersToRender","map","layer","MAP_LAYER_TRAFFIC","jsx","TrafficLayer","MAP_LAYER_INCIDENTS","IncidentsLayer","MAP_LAYER_ROAD_RESTRICTIONS","RoadRestrictionLayer"],"mappings":";;;;;;AAWA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM,EAAE,QAAAC,MAAWD,GAEbE,IAAiBC,EAAIF,GAAQ,CAAAG,MAAS;AACxC,YAAQA,GAAA;AAAA,MACJ,KAAKC;AACD,eAAO,gBAAAC,EAACC,GAAA,EAAa,IAAIF,EAAA,GAAwBD,CAAO;AAAA,MAC5D,KAAKI;AACD,eAAO,gBAAAF,EAACG,OAAoBL,CAAO;AAAA,MACvC,KAAKM;AACD,eAAO,gBAAAJ,EAACK,GAAA,EAAqB,IAAID,EAAA,GAAkCN,CAAO;AAAA,MAC9E;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,CAAC;AAED,gCAAU,UAAAF,EAAA,CAAe;AAC7B;"}

package/components/map/components/features/layers/MarkerLayer.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import ClusterLayer, { type ClusterTheme } from './clustering/ClusterLayer';
+import { default as React } from 'react';
+import { default as ClusterLayer, ClusterTheme } from './clustering/ClusterLayer';
 export type MarkerLayerProps = React.ComponentProps<typeof ClusterLayer> & {
     simpleTheme?: ClusterTheme;
     clusterDissolvable?: boolean;

package/components/map/components/features/layers/MarkerLayer.js

@@ -1,19 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ClusterLayer from "./clustering/ClusterLayer.js";
-import { wrapSimpleTheme } from "../../../utils/clustering.js";
-import { useMapContext } from "../../MapContext.js";
-/*
- * Not very different to the SimpleClusterLayer, but with a different intention.
- */
-const MarkerLayer = (props) => {
-    const mapContext = useMapContext();
-    const { simpleTheme, clusterDissolvable = true, ...rest } = props;
-    // Norbert: Not an ideal solution
-    const showCluster = !clusterDissolvable || mapContext.showCluster;
-    const newProps = {
-        clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme),
-        ...rest,
-    };
-    return _jsx(ClusterLayer, { ...newProps, minWeight: showCluster ? undefined : 1000000000 });
+import { jsx as i } from "react/jsx-runtime";
+import l from "./clustering/ClusterLayer.js";
+import { wrapSimpleTheme as n } from "../../../utils/clustering.js";
+import { useMapContext as a } from "../../MapContext.js";
+const C = (r) => {
+  const t = a(), { simpleTheme: e, clusterDissolvable: o = !0, ...s } = r, m = !o || t.showCluster, p = {
+    clusterTheme: e && n(e),
+    ...s
+  };
+  return /* @__PURE__ */ i(l, { ...p, minWeight: m ? void 0 : 1e9 });
 };
-export default MarkerLayer;
+export {
+  C as default
+};
+//# sourceMappingURL=MarkerLayer.js.map

package/components/map/components/features/layers/MarkerLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkerLayer.js","sources":["../../../../../../src/components/map/components/features/layers/MarkerLayer.tsx"],"sourcesContent":["import type React from 'react';\n\nimport ClusterLayer, { type ClusterTheme } from './clustering/ClusterLayer';\nimport { wrapSimpleTheme } from '../../../utils/clustering';\nimport { useMapContext } from '../../MapContext';\n\nexport type MarkerLayerProps = React.ComponentProps<typeof ClusterLayer> & {\n    simpleTheme?: ClusterTheme;\n    clusterDissolvable?: boolean;\n    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n    eps?: number;\n};\n\n/*\n * Not very different to the SimpleClusterLayer, but with a different intention.\n */\nconst MarkerLayer = (props: MarkerLayerProps) => {\n    const mapContext = useMapContext();\n\n    const { simpleTheme, clusterDissolvable = true, ...rest } = props;\n\n    // Norbert: Not an ideal solution\n    const showCluster = !clusterDissolvable || mapContext.showCluster;\n    const newProps = {\n        clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme),\n        ...rest,\n    };\n    return <ClusterLayer {...newProps} minWeight={showCluster ? undefined : 1000000000} />;\n};\n\nexport default MarkerLayer;\n"],"names":["MarkerLayer","props","mapContext","useMapContext","simpleTheme","clusterDissolvable","rest","showCluster","newProps","wrapSimpleTheme","ClusterLayer"],"mappings":";;;;AAgBA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAMC,IAAaC,EAAA,GAEb,EAAE,aAAAC,GAAa,oBAAAC,IAAqB,IAAM,GAAGC,MAASL,GAGtDM,IAAc,CAACF,KAAsBH,EAAW,aAChDM,IAAW;AAAA,IACb,cAAcJ,KAAeK,EAAgBL,CAAW;AAAA,IACxD,GAAGE;AAAA,EAAA;AAEP,2BAAQI,GAAA,EAAc,GAAGF,GAAU,WAAWD,IAAc,SAAY,KAAY;AACxF;"}

package/components/map/components/features/layers/clustering/ClusterLayer.d.ts

@@ -1,4 +1,4 @@
-import type { EventListenerMap } from '../../../../utils/eventHandling';
+import { EventListenerMap } from '../../../../utils/eventHandling';
 export type ClusterStrategy = 'FASTGRID' | 'GRID' | 'DYNAMICGRID';
 export type ClusterTheme = H.clustering.ITheme;
 export type Position = {

package/components/map/components/features/layers/clustering/ClusterLayer.js

@@ -1,115 +1,84 @@
-import { useState, useEffect, useLayoutEffect } from 'react';
-// import ReactDomServer from 'react-dom/server';
-import { useMapContext } from "../../../MapContext.js";
-import { useUpdateProp, useUpdateEventListenerMap } from "../../../../utils/hooks.js";
-const DEFAULT_DATA_CONVERTER = (pos, index) => new H.clustering.DataPoint(pos.lat, pos.lng, 1, pos);
-const convertData = (data, converterFunc = DEFAULT_DATA_CONVERTER) => data.map((value, index) => converterFunc(value, index));
-const DEFAULT_CLUSTER_THEME = new H.clustering.Provider([]).getTheme();
-const getClusterStrategy = (strategy) => {
-    switch (strategy) {
-        case 'GRID':
-            return H.clustering.Provider.Strategy.GRID;
-        case 'DYNAMICGRID':
-            return H.clustering.Provider.Strategy.DYNAMICGRID;
-        default:
-            return H.clustering.Provider.Strategy.FASTGRID;
-    }
+import { useState as D, useEffect as L, useLayoutEffect as P } from "react";
+import { useMapContext as f } from "../../../MapContext.js";
+import { useUpdateProp as E, useUpdateEventListenerMap as I } from "../../../../utils/hooks.js";
+const T = (e, t) => new H.clustering.DataPoint(e.lat, e.lng, 1, e), p = (e, t = T) => e.map((r, n) => t(r, n)), C = new H.clustering.Provider([]).getTheme(), R = (e) => {
+  switch (e) {
+    case "GRID":
+      return H.clustering.Provider.Strategy.GRID;
+    case "DYNAMICGRID":
+      return H.clustering.Provider.Strategy.DYNAMICGRID;
+    default:
+      return H.clustering.Provider.Strategy.FASTGRID;
+  }
+}, w = (e) => {
+  const {
+    data: t,
+    dataConverter: r,
+    minWeight: n,
+    minZoom: a,
+    maxZoom: o,
+    clusterTheme: m = C,
+    eventListenerMap: d,
+    clusterStrategy: l,
+    eps: g = 100
+  } = e, { api: i } = f(), [s, v] = D();
+  return L(() => {
+    const y = {
+      clusteringOptions: {
+        strategy: R(l),
+        eps: g,
+        minWeight: n ? Number.parseInt(n, 10) : 2
+      },
+      min: a ? Number.parseInt(a, 10) : 0,
+      max: o ? Number.parseInt(o, 10) : 22,
+      theme: m
+      // theme: {
+      //     getClusterPresentation: cluster => {
+      //         // Use cluster weight to change the icon size
+      //         const weight = cluster.getWeight();
+      //         // Calculate circle size
+      //         const radius = weight; // * 5;
+      //         const diameter = radius * 2;
+      //         // Replace variables in the icon template
+      //         const svgString = clusterSvgTemplate.replace(/\{text\}/g, String(weight));
+      //         // .replace(/\{diameter\}/g, String(diameter));
+      //         // Create an icon
+      //         // Note that we create a different icon depending from the weight of the cluster
+      //         const clusterIcon = new H.map.Icon(svgString);
+      //         // Create a marker for the cluster
+      //         const clusterMarker = new H.map.Marker(cluster.getPosition(), {
+      //             icon: clusterIcon,
+      //             // Set min/max zoom with values from the cluster, otherwise
+      //             // clusters will be shown at all zoom levels
+      //             min: cluster.getMinZoom(),
+      //             max: cluster.getMaxZoom(),
+      //         });
+      //         // Bind cluster data to the marker
+      //         clusterMarker.setData(cluster);
+      //         return clusterMarker;
+      //     },
+      //     getNoisePresentation: noisePoint => {
+      //         // Create a marker for noise points:
+      //         const noiseMarker = new H.map.DomMarker(noisePoint.getPosition(), {
+      //             // icon: noiseIcon,
+      //             icon: reactIcon,
+      //             // Use min zoom from a noise point to show it correctly at certain zoom levels
+      //             min: noisePoint.getMinZoom(),
+      //         });
+      //         // Bind noise point data to the marker:
+      //         noiseMarker.setData(noisePoint);
+      //         return noiseMarker;
+      //     },
+      // },
+    }, u = new H.clustering.Provider(p(t, r), y), c = new H.map.layer.ObjectLayer(u);
+    return i.map?.addLayer(c), v(u), () => {
+      i.map?.removeLayer(c), c.dispose(), u.dispose();
+    };
+  }, [n, a, o, i.map]), P(() => {
+    s && s.setDataPoints(p(t, r));
+  }, [t, r]), E(s, "setTheme", m), I(s, d), null;
 };
-// TODO: replace some cluster marker like for POIs with SVG MarkerIcons instead of rendering DomMarker
-// to increase rendering performance, especially, when rendering hundreds of marker like for charging stations
-// const noiseSvg =
-//     '<svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px"><circle cx="5px" cy="5px" r="5px" fill="green" /></svg>';
-// Create an icon to represent the noise points
-// Note that same icon will be used for all noise points
-// const noiseIcon = new H.map.Icon(noiseSvg, {
-//     size: { w: 20, h: 20 },
-//     anchor: { x: 10, y: 10 },
-// });
-// SVG template to use for cluster icons
-// const clusterSvgTemplate = `<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" style="cursor: pointer">
-//     <circle cx="20" cy="20" r="19.5" fill="#B23672" stroke="#B23672"/>
-//     <g transform="translate(20,24.6)">
-//         <text fill="white" font-family="'Source Sans Pro', Helvetica, sans-serif" font-size="15" font-weight="500" text-anchor="middle">
-//             {text}
-//         </text>
-//     </g>
-// </svg>`;
-const ClusterLayer = (props) => {
-    const { data, dataConverter, minWeight, minZoom, maxZoom, clusterTheme = DEFAULT_CLUSTER_THEME, eventListenerMap, clusterStrategy, eps = 100, } = props;
-    const { api } = useMapContext();
-    const [provider, setProvider] = useState();
-    useEffect(() => {
-        // const reactIcon = new H.map.DomIcon(
-        //     ReactDomServer.renderToStaticMarkup(
-        //         <div className='bg-info padding-x-5 padding-y-2 border rounded shadow-default'>test</div>
-        //     )
-        // );
-        const clusterProviderOptions = {
-            clusteringOptions: {
-                strategy: getClusterStrategy(clusterStrategy),
-                eps,
-                minWeight: minWeight ? Number.parseInt(minWeight, 10) : 2,
-            },
-            min: minZoom ? Number.parseInt(minZoom, 10) : 0,
-            max: maxZoom ? Number.parseInt(maxZoom, 10) : 22,
-            theme: clusterTheme,
-            // theme: {
-            //     getClusterPresentation: cluster => {
-            //         // Use cluster weight to change the icon size
-            //         const weight = cluster.getWeight();
-            //         // Calculate circle size
-            //         const radius = weight; // * 5;
-            //         const diameter = radius * 2;
-            //         // Replace variables in the icon template
-            //         const svgString = clusterSvgTemplate.replace(/\{text\}/g, String(weight));
-            //         // .replace(/\{diameter\}/g, String(diameter));
-            //         // Create an icon
-            //         // Note that we create a different icon depending from the weight of the cluster
-            //         const clusterIcon = new H.map.Icon(svgString);
-            //         // Create a marker for the cluster
-            //         const clusterMarker = new H.map.Marker(cluster.getPosition(), {
-            //             icon: clusterIcon,
-            //             // Set min/max zoom with values from the cluster, otherwise
-            //             // clusters will be shown at all zoom levels
-            //             min: cluster.getMinZoom(),
-            //             max: cluster.getMaxZoom(),
-            //         });
-            //         // Bind cluster data to the marker
-            //         clusterMarker.setData(cluster);
-            //         return clusterMarker;
-            //     },
-            //     getNoisePresentation: noisePoint => {
-            //         // Create a marker for noise points:
-            //         const noiseMarker = new H.map.DomMarker(noisePoint.getPosition(), {
-            //             // icon: noiseIcon,
-            //             icon: reactIcon,
-            //             // Use min zoom from a noise point to show it correctly at certain zoom levels
-            //             min: noisePoint.getMinZoom(),
-            //         });
-            //         // Bind noise point data to the marker:
-            //         noiseMarker.setData(noisePoint);
-            //         return noiseMarker;
-            //     },
-            // },
-        };
-        const newProvider = new H.clustering.Provider(convertData(data, dataConverter), clusterProviderOptions);
-        const objectLayer = new H.map.layer.ObjectLayer(newProvider);
-        api.map?.addLayer(objectLayer);
-        setProvider(newProvider);
-        return () => {
-            api.map?.removeLayer(objectLayer);
-            objectLayer.dispose();
-            newProvider.dispose();
-        };
-    }, [minWeight, minZoom, maxZoom, api.map]);
-    // Effect to update data points of provider
-    useLayoutEffect(() => {
-        if (provider) {
-            provider.setDataPoints(convertData(data, dataConverter));
-        }
-    }, [data, dataConverter]);
-    useUpdateProp(provider, 'setTheme', clusterTheme);
-    useUpdateEventListenerMap(provider, eventListenerMap);
-    return null;
+export {
+  w as default
 };
-export default ClusterLayer;
+//# sourceMappingURL=ClusterLayer.js.map

package/components/map/components/features/layers/clustering/ClusterLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/ClusterLayer.tsx"],"sourcesContent":["import { useState, useEffect, useLayoutEffect } from 'react';\n\n// import ReactDomServer from 'react-dom/server';\n\nimport { useMapContext } from '../../../MapContext';\nimport { useUpdateProp, useUpdateEventListenerMap } from '../../../../utils/hooks';\nimport type { EventListenerMap } from '../../../../utils/eventHandling';\nexport type ClusterStrategy = 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n\nexport type ClusterTheme = H.clustering.ITheme;\n\nexport type Position = {\n    lat: number;\n    lng: number;\n};\n\nexport type DataConverter = (data: Position, index: number) => H.clustering.DataPoint;\n\nexport type ClusterLayerProps = {\n    data: object[];\n    dataConverter?: DataConverter;\n    minWeight?: string | number;\n    minZoom?: string | number;\n    maxZoom?: string | number;\n    clusterTheme?: ClusterTheme | undefined;\n    eventListenerMap?: EventListenerMap;\n    clusterStrategy?: ClusterStrategy;\n    eps?: number;\n};\n\nconst DEFAULT_DATA_CONVERTER: DataConverter = (pos: Position, index: number): H.clustering.DataPoint =>\n    new H.clustering.DataPoint(pos.lat, pos.lng, 1, pos);\n\nconst convertData = (data: object[], converterFunc: DataConverter = DEFAULT_DATA_CONVERTER) =>\n    data.map((value, index): H.clustering.DataPoint => converterFunc(value as Position, index));\n\nconst DEFAULT_CLUSTER_THEME = new H.clustering.Provider([]).getTheme();\n\nconst getClusterStrategy = (strategy?: ClusterStrategy): H.clustering.Provider.Strategy => {\n    switch (strategy) {\n        case 'GRID':\n            return H.clustering.Provider.Strategy.GRID;\n        case 'DYNAMICGRID':\n            return H.clustering.Provider.Strategy.DYNAMICGRID;\n        default:\n            return H.clustering.Provider.Strategy.FASTGRID;\n    }\n};\n\n// TODO: replace some cluster marker like for POIs with SVG MarkerIcons instead of rendering DomMarker\n// to increase rendering performance, especially, when rendering hundreds of marker like for charging stations\n\n// const noiseSvg =\n//     '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20px\" width=\"20px\"><circle cx=\"5px\" cy=\"5px\" r=\"5px\" fill=\"green\" /></svg>';\n\n// Create an icon to represent the noise points\n// Note that same icon will be used for all noise points\n// const noiseIcon = new H.map.Icon(noiseSvg, {\n//     size: { w: 20, h: 20 },\n//     anchor: { x: 10, y: 10 },\n// });\n\n// SVG template to use for cluster icons\n// const clusterSvgTemplate = `<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\" style=\"cursor: pointer\">\n//     <circle cx=\"20\" cy=\"20\" r=\"19.5\" fill=\"#B23672\" stroke=\"#B23672\"/>\n//     <g transform=\"translate(20,24.6)\">\n//         <text fill=\"white\" font-family=\"'Source Sans Pro', Helvetica, sans-serif\" font-size=\"15\" font-weight=\"500\" text-anchor=\"middle\">\n//             {text}\n//         </text>\n//     </g>\n// </svg>`;\n\nconst ClusterLayer = (props: ClusterLayerProps) => {\n    const {\n        data,\n        dataConverter,\n        minWeight,\n        minZoom,\n        maxZoom,\n        clusterTheme = DEFAULT_CLUSTER_THEME,\n        eventListenerMap,\n        clusterStrategy,\n        eps = 100,\n    } = props;\n\n    const { api } = useMapContext();\n\n    const [provider, setProvider] = useState<H.clustering.Provider | undefined>();\n\n    useEffect(() => {\n        // const reactIcon = new H.map.DomIcon(\n        //     ReactDomServer.renderToStaticMarkup(\n        //         <div className='bg-info padding-x-5 padding-y-2 border rounded shadow-default'>test</div>\n        //     )\n        // );\n\n        const clusterProviderOptions: H.clustering.Provider.Options = {\n            clusteringOptions: {\n                strategy: getClusterStrategy(clusterStrategy),\n                eps,\n                minWeight: minWeight ? Number.parseInt(minWeight as string, 10) : 2,\n            },\n            min: minZoom ? Number.parseInt(minZoom as string, 10) : 0,\n            max: maxZoom ? Number.parseInt(maxZoom as string, 10) : 22,\n            theme: clusterTheme,\n            // theme: {\n            //     getClusterPresentation: cluster => {\n            //         // Use cluster weight to change the icon size\n            //         const weight = cluster.getWeight();\n            //         // Calculate circle size\n            //         const radius = weight; // * 5;\n            //         const diameter = radius * 2;\n\n            //         // Replace variables in the icon template\n            //         const svgString = clusterSvgTemplate.replace(/\\{text\\}/g, String(weight));\n            //         // .replace(/\\{diameter\\}/g, String(diameter));\n\n            //         // Create an icon\n            //         // Note that we create a different icon depending from the weight of the cluster\n            //         const clusterIcon = new H.map.Icon(svgString);\n\n            //         // Create a marker for the cluster\n            //         const clusterMarker = new H.map.Marker(cluster.getPosition(), {\n            //             icon: clusterIcon,\n\n            //             // Set min/max zoom with values from the cluster, otherwise\n            //             // clusters will be shown at all zoom levels\n            //             min: cluster.getMinZoom(),\n            //             max: cluster.getMaxZoom(),\n            //         });\n\n            //         // Bind cluster data to the marker\n            //         clusterMarker.setData(cluster);\n\n            //         return clusterMarker;\n            //     },\n            //     getNoisePresentation: noisePoint => {\n            //         // Create a marker for noise points:\n            //         const noiseMarker = new H.map.DomMarker(noisePoint.getPosition(), {\n            //             // icon: noiseIcon,\n            //             icon: reactIcon,\n\n            //             // Use min zoom from a noise point to show it correctly at certain zoom levels\n            //             min: noisePoint.getMinZoom(),\n            //         });\n\n            //         // Bind noise point data to the marker:\n            //         noiseMarker.setData(noisePoint);\n            //         return noiseMarker;\n            //     },\n            // },\n        };\n\n        const newProvider = new H.clustering.Provider(convertData(data, dataConverter), clusterProviderOptions);\n        const objectLayer = new H.map.layer.ObjectLayer(newProvider);\n\n        api.map?.addLayer(objectLayer);\n\n        setProvider(newProvider);\n\n        return () => {\n            api.map?.removeLayer(objectLayer);\n            objectLayer.dispose();\n            newProvider.dispose();\n        };\n    }, [minWeight, minZoom, maxZoom, api.map]);\n\n    // Effect to update data points of provider\n    useLayoutEffect(() => {\n        if (provider) {\n            provider.setDataPoints(convertData(data, dataConverter));\n        }\n    }, [data, dataConverter]);\n\n    useUpdateProp(provider, 'setTheme', clusterTheme);\n    useUpdateEventListenerMap(provider, eventListenerMap);\n\n    return null;\n};\n\nexport default ClusterLayer;\n"],"names":["DEFAULT_DATA_CONVERTER","pos","index","convertData","data","converterFunc","value","DEFAULT_CLUSTER_THEME","getClusterStrategy","strategy","ClusterLayer","props","dataConverter","minWeight","minZoom","maxZoom","clusterTheme","eventListenerMap","clusterStrategy","eps","api","useMapContext","provider","setProvider","useState","useEffect","clusterProviderOptions","newProvider","objectLayer","useLayoutEffect","useUpdateProp","useUpdateEventListenerMap"],"mappings":";;;AA8BA,MAAMA,IAAwC,CAACC,GAAeC,MAC1D,IAAI,EAAE,WAAW,UAAUD,EAAI,KAAKA,EAAI,KAAK,GAAGA,CAAG,GAEjDE,IAAc,CAACC,GAAgBC,IAA+BL,MAChEI,EAAK,IAAI,CAACE,GAAOJ,MAAkCG,EAAcC,GAAmBJ,CAAK,CAAC,GAExFK,IAAwB,IAAI,EAAE,WAAW,SAAS,CAAA,CAAE,EAAE,SAAA,GAEtDC,IAAqB,CAACC,MAA+D;AACvF,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,IAC1C,KAAK;AACD,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,IAC1C;AACI,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,EAAA;AAElD,GAyBMC,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,MAAAP;AAAA,IACA,eAAAQ;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC,IAAeT;AAAA,IACf,kBAAAU;AAAA,IACA,iBAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,EAAA,IACNR,GAEE,EAAE,KAAAS,EAAA,IAAQC,EAAA,GAEV,CAACC,GAAUC,CAAW,IAAIC,EAAA;AAEhC,SAAAC,EAAU,MAAM;AAOZ,UAAMC,IAAwD;AAAA,MAC1D,mBAAmB;AAAA,QACf,UAAUlB,EAAmBU,CAAe;AAAA,QAC5C,KAAAC;AAAA,QACA,WAAWN,IAAY,OAAO,SAASA,GAAqB,EAAE,IAAI;AAAA,MAAA;AAAA,MAEtE,KAAKC,IAAU,OAAO,SAASA,GAAmB,EAAE,IAAI;AAAA,MACxD,KAAKC,IAAU,OAAO,SAASA,GAAmB,EAAE,IAAI;AAAA,MACxD,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,GAiDLW,IAAc,IAAI,EAAE,WAAW,SAASxB,EAAYC,GAAMQ,CAAa,GAAGc,CAAsB,GAChGE,IAAc,IAAI,EAAE,IAAI,MAAM,YAAYD,CAAW;AAE3D,WAAAP,EAAI,KAAK,SAASQ,CAAW,GAE7BL,EAAYI,CAAW,GAEhB,MAAM;AACT,MAAAP,EAAI,KAAK,YAAYQ,CAAW,GAChCA,EAAY,QAAA,GACZD,EAAY,QAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAACd,GAAWC,GAASC,GAASK,EAAI,GAAG,CAAC,GAGzCS,EAAgB,MAAM;AAClB,IAAIP,KACAA,EAAS,cAAcnB,EAAYC,GAAMQ,CAAa,CAAC;AAAA,EAE/D,GAAG,CAACR,GAAMQ,CAAa,CAAC,GAExBkB,EAAcR,GAAU,YAAYN,CAAY,GAChDe,EAA0BT,GAAUL,CAAgB,GAE7C;AACX;"}

package/components/map/components/features/layers/clustering/SimpleClusterLayer.d.ts

@@ -1,4 +1,4 @@
-import { type ClusterTheme, type ClusterLayerProps } from './ClusterLayer';
+import { ClusterTheme, ClusterLayerProps } from './ClusterLayer';
 export type SimpleClusterLayerProps = Omit<ClusterLayerProps, 'clusterTheme'> & {
     simpleTheme?: ClusterTheme;
 };

package/components/map/components/features/layers/clustering/SimpleClusterLayer.js

@@ -1,8 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ClusterLayer from "./ClusterLayer.js";
-import { wrapSimpleTheme } from "../../../../utils/clustering.js";
-const SimpleClusterLayer = (props) => {
-    const { simpleTheme, ...rest } = props;
-    return _jsx(ClusterLayer, { ...rest, clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme) });
+import { jsx as t } from "react/jsx-runtime";
+import o from "./ClusterLayer.js";
+import { wrapSimpleTheme as s } from "../../../../utils/clustering.js";
+const a = (r) => {
+  const { simpleTheme: e, ...m } = r;
+  return /* @__PURE__ */ t(o, { ...m, clusterTheme: e && s(e) });
 };
-export default SimpleClusterLayer;
+export {
+  a as default
+};
+//# sourceMappingURL=SimpleClusterLayer.js.map

package/components/map/components/features/layers/clustering/SimpleClusterLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/SimpleClusterLayer.tsx"],"sourcesContent":["import ClusterLayer, { type ClusterTheme, type ClusterLayerProps } from './ClusterLayer';\nimport { wrapSimpleTheme } from '../../../../utils/clustering';\n\nexport type SimpleClusterLayerProps = Omit<ClusterLayerProps, 'clusterTheme'> & {\n    simpleTheme?: ClusterTheme;\n};\n\nconst SimpleClusterLayer = (props: SimpleClusterLayerProps) => {\n    const { simpleTheme, ...rest } = props;\n    return <ClusterLayer {...rest} clusterTheme={simpleTheme && wrapSimpleTheme(simpleTheme)} />;\n};\n\nexport default SimpleClusterLayer;\n"],"names":["SimpleClusterLayer","props","simpleTheme","rest","jsx","ClusterLayer","wrapSimpleTheme"],"mappings":";;;AAOA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,aAAAC,GAAa,GAAGC,EAAA,IAASF;AACjC,SAAO,gBAAAG,EAACC,KAAc,GAAGF,GAAM,cAAcD,KAAeI,EAAgBJ,CAAW,GAAG;AAC9F;"}