@dynatrace/strato-geo 0.10.72 → 0.11.2

package/esm/map/MapView.js

@@ -1,14 +1,9 @@
-import React, {
-  forwardRef,
-  useImperativeHandle,
-  useRef
-} from "react";
+import React, { forwardRef } from "react";
 import {
   _ChartLayout as ChartLayout,
   _coerceSizeValue as coerceSizeValue,
   _useAutoLegendRefresh as useAutoLegendRefresh
 } from "@dynatrace/strato-components-preview/charts";
-import { useMergeRefs } from "@dynatrace/strato-components-preview/core";
 import { MapLegendRenderer } from "./components/legend/MapLegendRenderer.js";
 import { MapContent } from "./components/MapContent.js";
 import { MapUnavailable } from "./components/MapUnavailable.js";
@@ -17,13 +12,13 @@ import { LayerIdsContext } from "./contexts/layer-ids.context.js";
 import { MapBaseLayerFeaturesContext } from "./contexts/map-base-layer.context.js";
 import { MapConfigurationContext } from "./contexts/map-configuration.context.js";
 import { MapDataBoundingBoxContext } from "./contexts/map-data-bounding-box.context.js";
+import { MapLoadingContext } from "./contexts/map-loading.context.js";
 import { MapRawDataContext } from "./contexts/map-raw-data.context.js";
 import { useLoadMapBaseLayer } from "./hooks/use-load-map-base-layer.js";
 import { ColorScaleProvider } from "./providers/color-scale.provider.js";
 import { LayerColorStrategyProvider } from "./providers/layer-color-strategy.provider.js";
 import { ErrorStateSlot } from "./slots/states/ErrorStateSlot.js";
 import { MapStoreProvider } from "./store/map-store.provider.js";
-import { buildAndDownloadCsv } from "./utils/build-and-download-csv.js";
 import { extractLayersData } from "./utils/extract-layers-data.js";
 import { getDataLayersBoundingBox } from "./utils/get-data-layers-bounding-box.js";
 import { getMapStatesTemplates } from "./utils/get-map-states-template.js";
@@ -42,17 +37,6 @@ const _MapView = forwardRef(
     const { layerIds, parsedChildren } = setLayersId(children);
     const layersData = extractLayersData(parsedChildren);
     const dataLayersBBox = getDataLayersBoundingBox(children);
-    const containerRef = useRef(null);
-    const rootRef = useMergeRefs([
-      forwardedRef,
-      containerRef
-    ]);
-    useImperativeHandle(forwardedRef, () => ({
-      element: containerRef.current,
-      downloadData: () => {
-        buildAndDownloadCsv(layersData);
-      }
-    }));
     const config = iterateConfigSlots(children);
     const isLegendHidden = !config.legend || !!config.legend.hidden;
     const legendPosition = config.legend?.position;
@@ -80,26 +64,45 @@ const _MapView = forwardRef(
           chartHeight,
           error
         }
-      ) : /* @__PURE__ */ React.createElement(MapBaseLayerFeaturesContext.Provider, { value: baseFeatureCollection }, /* @__PURE__ */ React.createElement(MapConfigurationContext.Provider, { value: config }, /* @__PURE__ */ React.createElement(LayerIdsContext.Provider, { value: layerIds }, /* @__PURE__ */ React.createElement(MapRawDataContext.Provider, { value: layersData }, /* @__PURE__ */ React.createElement(MapDataBoundingBoxContext.Provider, { value: dataLayersBBox }, /* @__PURE__ */ React.createElement(MapStoreProvider, null, /* @__PURE__ */ React.createElement(ColorScaleProvider, null, /* @__PURE__ */ React.createElement(LayerColorStrategyProvider, null, /* @__PURE__ */ React.createElement(
-        ChartLayout,
+      ) : /* @__PURE__ */ React.createElement(MapLoadingContext.Provider, { value: loading }, /* @__PURE__ */ React.createElement(
+        MapBaseLayerFeaturesContext.Provider,
         {
-          ref: chartLayoutRef,
-          chartHeight,
-          errorState,
-          showLoader: loading || isLoading
+          value: baseFeatureCollection
         },
-        /* @__PURE__ */ React.createElement(ChartLayout.Graph, null, !isLoading && /* @__PURE__ */ React.createElement(MapContent, { ref: rootRef, ...remaining }, parsedChildren)),
-        !isLegendHidden && /* @__PURE__ */ React.createElement(
-          ChartLayout.Legend,
+        /* @__PURE__ */ React.createElement(MapConfigurationContext.Provider, { value: config }, /* @__PURE__ */ React.createElement(LayerIdsContext.Provider, { value: layerIds }, /* @__PURE__ */ React.createElement(MapRawDataContext.Provider, { value: layersData }, /* @__PURE__ */ React.createElement(
+          MapDataBoundingBoxContext.Provider,
           {
-            position: legendPosition,
-            ratio: legendRatio,
-            ratioBoundaries: DEFAULT_LEGEND_SIZES,
-            onResize: legendOnRatioChange
+            value: dataLayersBBox
           },
-          /* @__PURE__ */ React.createElement(MapLegendRenderer, null)
-        )
-      )))))))))
+          /* @__PURE__ */ React.createElement(MapStoreProvider, null, /* @__PURE__ */ React.createElement(ColorScaleProvider, null, /* @__PURE__ */ React.createElement(LayerColorStrategyProvider, null, /* @__PURE__ */ React.createElement(
+            ChartLayout,
+            {
+              ref: chartLayoutRef,
+              chartHeight,
+              errorState,
+              showLoader: loading || isLoading
+            },
+            /* @__PURE__ */ React.createElement(ChartLayout.Graph, null, baseFeatureCollection && /* @__PURE__ */ React.createElement(
+              MapContent,
+              {
+                ref: forwardedRef,
+                ...remaining
+              },
+              parsedChildren
+            )),
+            !isLegendHidden && /* @__PURE__ */ React.createElement(
+              ChartLayout.Legend,
+              {
+                position: legendPosition,
+                ratio: legendRatio,
+                ratioBoundaries: DEFAULT_LEGEND_SIZES,
+                onResize: legendOnRatioChange
+              },
+              /* @__PURE__ */ React.createElement(MapLegendRenderer, null)
+            )
+          ))))
+        ))))
+      ))
     );
   }
 );

package/esm/map/MapView.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/map/MapView.tsx"],
-  "sourcesContent": ["import React, {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport {\n  _ChartLayout as ChartLayout,\n  _coerceSizeValue as coerceSizeValue,\n  _useAutoLegendRefresh as useAutoLegendRefresh,\n} from '@dynatrace/strato-components-preview/charts';\nimport { useMergeRefs } from '@dynatrace/strato-components-preview/core';\n\nimport { MapLegendRenderer } from './components/legend/MapLegendRenderer.js';\nimport { MapContent } from './components/MapContent.js';\nimport { MapUnavailable } from './components/MapUnavailable.js';\nimport { DEFAULT_LEGEND_SIZES, DEFAULT_MAP_HEIGHT } from './constants.js';\nimport { LayerIdsContext } from './contexts/layer-ids.context.js';\nimport { MapBaseLayerFeaturesContext } from './contexts/map-base-layer.context.js';\nimport { MapConfigurationContext } from './contexts/map-configuration.context.js';\nimport { MapDataBoundingBoxContext } from './contexts/map-data-bounding-box.context.js';\nimport { MapRawDataContext } from './contexts/map-raw-data.context.js';\nimport { useLoadMapBaseLayer } from './hooks/use-load-map-base-layer.js';\nimport { ColorScaleProvider } from './providers/color-scale.provider.js';\nimport { LayerColorStrategyProvider } from './providers/layer-color-strategy.provider.js';\nimport { ErrorStateSlot } from './slots/states/ErrorStateSlot.js';\nimport { MapStoreProvider } from './store/map-store.provider.js';\nimport type { MapViewProps, MapViewRef } from './types/map-view.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { extractLayersData } from './utils/extract-layers-data.js';\nimport { getDataLayersBoundingBox } from './utils/get-data-layers-bounding-box.js';\nimport { getMapStatesTemplates } from './utils/get-map-states-template.js';\nimport { iterateConfigSlots } from './utils/iterate-config-slots.js';\nimport { setLayersId } from './utils/set-layers-id.js';\n// eslint-disable-next-line no-restricted-imports\nimport './styles/react-mapgl-styles.css';\n\n/**\n * MapView Component\n */\nconst _MapView = forwardRef<MapViewRef, PropsWithChildren<MapViewProps>>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      loading = false,\n      style: costumerStyle,\n      className: customerClassNames,\n      ...remaining\n    } = props;\n    const { layerIds, parsedChildren } = setLayersId(children);\n\n    const layersData = extractLayersData(parsedChildren);\n    const dataLayersBBox = getDataLayersBoundingBox(children);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const rootRef = useMergeRefs<MapViewRef | HTMLDivElement>([\n      forwardedRef,\n      containerRef,\n    ]);\n\n    useImperativeHandle(forwardedRef, () => ({\n      element: containerRef.current,\n      downloadData: () => {\n        buildAndDownloadCsv(layersData);\n      },\n    }));\n\n    const config = iterateConfigSlots(children);\n\n    const isLegendHidden = !config.legend || !!config.legend.hidden;\n    const legendPosition = config.legend?.position;\n    const legendRatio = config.legend?.ratio;\n    const legendOnRatioChange = config.legend?.onRatioChange;\n\n    const { isMapEnabled, isLoading, baseFeatureCollection, error } =\n      useLoadMapBaseLayer(config.baseLayer);\n\n    const { errorState } = getMapStatesTemplates(children);\n\n    const chartHeight = coerceSizeValue(props.height) || DEFAULT_MAP_HEIGHT;\n\n    const containerStyles = { width: '100%', ...costumerStyle };\n\n    const chartLayoutRef = useAutoLegendRefresh(layersData);\n    const mapUnavailable = (!isLoading && !isMapEnabled) || error;\n\n    return (\n      <div\n        style={containerStyles}\n        className={customerClassNames}\n        data-testid=\"mapview-container\"\n      >\n        {\n          // TODO: Error boundaries global fix needed - this error state only purpose is to make map not rendering when there error in response\n          mapUnavailable ? (\n            <MapUnavailable\n              isLoading={isLoading}\n              isDisabled={!isMapEnabled}\n              chartHeight={chartHeight}\n              error={error}\n            />\n          ) : (\n            <MapBaseLayerFeaturesContext.Provider value={baseFeatureCollection}>\n              <MapConfigurationContext.Provider value={config}>\n                <LayerIdsContext.Provider value={layerIds}>\n                  <MapRawDataContext.Provider value={layersData}>\n                    <MapDataBoundingBoxContext.Provider value={dataLayersBBox}>\n                      <MapStoreProvider>\n                        <ColorScaleProvider>\n                          <LayerColorStrategyProvider>\n                            <ChartLayout\n                              ref={chartLayoutRef}\n                              chartHeight={chartHeight}\n                              errorState={errorState}\n                              showLoader={loading || isLoading}\n                            >\n                              <ChartLayout.Graph>\n                                {!isLoading && (\n                                  <MapContent ref={rootRef} {...remaining}>\n                                    {parsedChildren}\n                                  </MapContent>\n                                )}\n                              </ChartLayout.Graph>\n                              {!isLegendHidden && (\n                                <ChartLayout.Legend\n                                  position={legendPosition}\n                                  ratio={legendRatio}\n                                  ratioBoundaries={DEFAULT_LEGEND_SIZES}\n                                  onResize={legendOnRatioChange}\n                                >\n                                  <MapLegendRenderer />\n                                </ChartLayout.Legend>\n                              )}\n                            </ChartLayout>\n                          </LayerColorStrategyProvider>\n                        </ColorScaleProvider>\n                      </MapStoreProvider>\n                    </MapDataBoundingBoxContext.Provider>\n                  </MapRawDataContext.Provider>\n                </LayerIdsContext.Provider>\n              </MapConfigurationContext.Provider>\n            </MapBaseLayerFeaturesContext.Provider>\n          )\n        }\n      </div>\n    );\n  },\n);\n\n(_MapView as typeof _MapView & { displayName: string })['displayName'] =\n  'MapView';\n\n/**\n * The `MapView` is a component that renders a map with various geospatial data layers.\n * @beta\n */\nexport const MapView = Object.assign(_MapView, {\n  ErrorState: ErrorStateSlot,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { forwardRef, type PropsWithChildren } from 'react';\n\nimport {\n  _ChartLayout as ChartLayout,\n  _coerceSizeValue as coerceSizeValue,\n  _useAutoLegendRefresh as useAutoLegendRefresh,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { MapLegendRenderer } from './components/legend/MapLegendRenderer.js';\nimport { MapContent } from './components/MapContent.js';\nimport { MapUnavailable } from './components/MapUnavailable.js';\nimport { DEFAULT_LEGEND_SIZES, DEFAULT_MAP_HEIGHT } from './constants.js';\nimport { LayerIdsContext } from './contexts/layer-ids.context.js';\nimport { MapBaseLayerFeaturesContext } from './contexts/map-base-layer.context.js';\nimport { MapConfigurationContext } from './contexts/map-configuration.context.js';\nimport { MapDataBoundingBoxContext } from './contexts/map-data-bounding-box.context.js';\nimport { MapLoadingContext } from './contexts/map-loading.context.js';\nimport { MapRawDataContext } from './contexts/map-raw-data.context.js';\nimport { useLoadMapBaseLayer } from './hooks/use-load-map-base-layer.js';\nimport { ColorScaleProvider } from './providers/color-scale.provider.js';\nimport { LayerColorStrategyProvider } from './providers/layer-color-strategy.provider.js';\nimport { ErrorStateSlot } from './slots/states/ErrorStateSlot.js';\nimport { MapStoreProvider } from './store/map-store.provider.js';\nimport type { MapViewProps, MapViewRef } from './types/map-view.js';\nimport { extractLayersData } from './utils/extract-layers-data.js';\nimport { getDataLayersBoundingBox } from './utils/get-data-layers-bounding-box.js';\nimport { getMapStatesTemplates } from './utils/get-map-states-template.js';\nimport { iterateConfigSlots } from './utils/iterate-config-slots.js';\nimport { setLayersId } from './utils/set-layers-id.js';\n// eslint-disable-next-line no-restricted-imports\nimport './styles/react-mapgl-styles.css';\n\n/**\n * MapView Component\n */\nconst _MapView = forwardRef<MapViewRef, PropsWithChildren<MapViewProps>>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      loading = false,\n      style: costumerStyle,\n      className: customerClassNames,\n      ...remaining\n    } = props;\n    const { layerIds, parsedChildren } = setLayersId(children);\n\n    const layersData = extractLayersData(parsedChildren);\n    const dataLayersBBox = getDataLayersBoundingBox(children);\n\n    const config = iterateConfigSlots(children);\n\n    const isLegendHidden = !config.legend || !!config.legend.hidden;\n    const legendPosition = config.legend?.position;\n    const legendRatio = config.legend?.ratio;\n    const legendOnRatioChange = config.legend?.onRatioChange;\n\n    const { isMapEnabled, isLoading, baseFeatureCollection, error } =\n      useLoadMapBaseLayer(config.baseLayer);\n\n    const { errorState } = getMapStatesTemplates(children);\n\n    const chartHeight = coerceSizeValue(props.height) || DEFAULT_MAP_HEIGHT;\n\n    const containerStyles = { width: '100%', ...costumerStyle };\n\n    const chartLayoutRef = useAutoLegendRefresh(layersData);\n    const mapUnavailable = (!isLoading && !isMapEnabled) || error;\n\n    return (\n      <div\n        style={containerStyles}\n        className={customerClassNames}\n        data-testid=\"mapview-container\"\n      >\n        {\n          // TODO: Error boundaries global fix needed - this error state only purpose is to make map not rendering when there error in response\n          mapUnavailable ? (\n            <MapUnavailable\n              isLoading={isLoading}\n              isDisabled={!isMapEnabled}\n              chartHeight={chartHeight}\n              error={error}\n            />\n          ) : (\n            <MapLoadingContext.Provider value={loading}>\n              <MapBaseLayerFeaturesContext.Provider\n                value={baseFeatureCollection}\n              >\n                <MapConfigurationContext.Provider value={config}>\n                  <LayerIdsContext.Provider value={layerIds}>\n                    <MapRawDataContext.Provider value={layersData}>\n                      <MapDataBoundingBoxContext.Provider\n                        value={dataLayersBBox}\n                      >\n                        <MapStoreProvider>\n                          <ColorScaleProvider>\n                            <LayerColorStrategyProvider>\n                              <ChartLayout\n                                ref={chartLayoutRef}\n                                chartHeight={chartHeight}\n                                errorState={errorState}\n                                showLoader={loading || isLoading}\n                              >\n                                <ChartLayout.Graph>\n                                  {baseFeatureCollection && (\n                                    <MapContent\n                                      ref={forwardedRef}\n                                      {...remaining}\n                                    >\n                                      {parsedChildren}\n                                    </MapContent>\n                                  )}\n                                </ChartLayout.Graph>\n                                {!isLegendHidden && (\n                                  <ChartLayout.Legend\n                                    position={legendPosition}\n                                    ratio={legendRatio}\n                                    ratioBoundaries={DEFAULT_LEGEND_SIZES}\n                                    onResize={legendOnRatioChange}\n                                  >\n                                    <MapLegendRenderer />\n                                  </ChartLayout.Legend>\n                                )}\n                              </ChartLayout>\n                            </LayerColorStrategyProvider>\n                          </ColorScaleProvider>\n                        </MapStoreProvider>\n                      </MapDataBoundingBoxContext.Provider>\n                    </MapRawDataContext.Provider>\n                  </LayerIdsContext.Provider>\n                </MapConfigurationContext.Provider>\n              </MapBaseLayerFeaturesContext.Provider>\n            </MapLoadingContext.Provider>\n          )\n        }\n      </div>\n    );\n  },\n);\n\n(_MapView as typeof _MapView & { displayName: string })['displayName'] =\n  'MapView';\n\n/**\n * The `MapView` is a component that renders a map with various geospatial data layers.\n * @beta\n */\nexport const MapView = Object.assign(_MapView, {\n  ErrorState: ErrorStateSlot,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/map/components/ChoroplethLayer/ChoroplethLayer.js

@@ -32,12 +32,7 @@ const ChoroplethLayer = (props) => {
   const sourceId = layerId.replace("layer", "source");
   useLegendInteractionHighlighting(props, sourceId);
   useLegendInteractionVisibility(props, layerId);
-  const dataGeoJSON = parseRegionDataToGeoJSON(
-    mapSource,
-    data,
-    regionAccessor,
-    choroplethColor
-  );
+  const dataGeoJSON = mapSource && parseRegionDataToGeoJSON(mapSource, data, regionAccessor, choroplethColor);
   const tooltipTemplate = useTooltipTemplate(
     children,
     ChoroplethLayerTooltipSlot

package/esm/map/components/ChoroplethLayer/ChoroplethLayer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/ChoroplethLayer/ChoroplethLayer.tsx"],
-  "sourcesContent": ["import React, { type PropsWithChildren } from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components-preview/charts';\n\nimport { ChoroplethLayerTooltip } from './ChoroplethLayerTooltip.js';\nimport { parseRegionDataToGeoJSON } from './utils/parse-region-data-to-geo-json.js';\nimport {\n  ACTIVE_COLOR,\n  ACTIVE_STATE_BORDERS_WIDTH,\n  DEFAULT_CHOROPLETH_COLOR,\n  DEFAULT_COUNTRIES_BORDER_COLOR,\n  LEGEND_DIM_OPACITY,\n  SHAPE_OPACITY,\n  TRANSPARENT_BORDER_COLOR,\n} from '../../constants.js';\nimport { useLayerColoringStrategy } from '../../hooks/use-layer-coloring-strategy.js';\nimport { useLegendInteractionHighlighting } from '../../hooks/use-legend-interaction-highlighting.js';\nimport { useLegendInteractionVisibility } from '../../hooks/use-legend-interaction-visibility.js';\nimport { useMapBaseLayerFeatures } from '../../hooks/use-map-base-layer-features.js';\nimport { useResolveChoroplethColor } from '../../hooks/use-resolve-color.js';\nimport { useTooltipTemplate } from '../../hooks/use-tooltip-template.js';\nimport { ChoroplethLayerTooltip as ChoroplethLayerTooltipSlot } from '../../slots/ChoroplethLayerTooltip.js';\nimport type { InternalChoroplethLayerProps } from '../../types/choropleth-layer.js';\nimport { isChoroplethTooltipTemplate } from '../../utils/tooltip-type-guards.js';\n\nexport const ChoroplethLayer = <T extends Record<string, unknown>>(\n  props: PropsWithChildren<InternalChoroplethLayerProps<T>>,\n) => {\n  const { layerId, data, regionAccessor, children } = props;\n\n  const mapSource = useMapBaseLayerFeatures();\n\n  const colorParser = useLayerColoringStrategy();\n  const choroplethColor = useResolveChoroplethColor(\n    DEFAULT_CHOROPLETH_COLOR,\n    props,\n    colorParser,\n  );\n  const sourceId = layerId.replace('layer', 'source');\n  useLegendInteractionHighlighting(props, sourceId);\n  useLegendInteractionVisibility(props, layerId);\n\n  const dataGeoJSON = parseRegionDataToGeoJSON(\n    mapSource!,\n    data,\n    regionAccessor,\n    choroplethColor,\n  );\n\n  const tooltipTemplate = useTooltipTemplate(\n    children,\n    ChoroplethLayerTooltipSlot,\n  );\n\n  return (\n    <>\n      <Source id={sourceId} type=\"geojson\" data={dataGeoJSON} generateId>\n        <Layer\n          id={layerId}\n          type=\"fill\"\n          source={sourceId}\n          paint={{\n            'fill-color': [\n              'case',\n              ['boolean', ['feature-state', 'active'], false],\n              ['get', '__color'],\n              ['boolean', ['feature-state', 'hover'], false],\n              ['get', '__hoveredColor'],\n              ['get', '__color'],\n            ],\n            'fill-opacity': [\n              'case',\n              ['boolean', ['feature-state', 'legendHover'], true],\n              SHAPE_OPACITY,\n              LEGEND_DIM_OPACITY,\n            ],\n          }}\n        />\n        <Layer\n          type=\"line\"\n          source={sourceId}\n          paint={{\n            'line-color': getCanvasColor(DEFAULT_COUNTRIES_BORDER_COLOR),\n          }}\n        />\n        <Layer\n          type=\"line\"\n          source={sourceId}\n          paint={{\n            'line-color': [\n              'case',\n              ['boolean', ['feature-state', 'active'], false],\n              getCanvasColor(ACTIVE_COLOR),\n              getCanvasColor(TRANSPARENT_BORDER_COLOR),\n            ],\n            'line-width': ACTIVE_STATE_BORDERS_WIDTH,\n          }}\n        />\n      </Source>\n\n      <ChoroplethLayerTooltip\n        layerId={layerId}\n        tooltipTemplate={\n          isChoroplethTooltipTemplate(tooltipTemplate)\n            ? tooltipTemplate\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nChoroplethLayer['displayName'] = 'ChoroplethLayer';\n"],
-  "mappings": "AAAA,OAAO,WAAuC;AAC9C,SAAS,OAAO,cAAc;AAE9B,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AACjD,SAAS,sCAAsC;AAC/C,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,0BAA0B,kCAAkC;AAErE,SAAS,mCAAmC;AAErC,MAAM,kBAAkB,CAC7B,UACG;AACH,QAAM,EAAE,SAAS,MAAM,gBAAgB,SAAS,IAAI;AAEpD,QAAM,YAAY,wBAAwB;AAE1C,QAAM,cAAc,yBAAyB;AAC7C,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,WAAW,QAAQ,QAAQ,SAAS,QAAQ;AAClD,mCAAiC,OAAO,QAAQ;AAChD,iCAA+B,OAAO,OAAO;AAE7C,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,SACE,0DACE,oCAAC,UAAO,IAAI,UAAU,MAAK,WAAU,MAAM,aAAa,YAAU,QAChE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc;AAAA,UACZ;AAAA,UACA,CAAC,WAAW,CAAC,iBAAiB,QAAQ,GAAG,KAAK;AAAA,UAC9C,CAAC,OAAO,SAAS;AAAA,UACjB,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,UAC7C,CAAC,OAAO,gBAAgB;AAAA,UACxB,CAAC,OAAO,SAAS;AAAA,QACnB;AAAA,QACA,gBAAgB;AAAA,UACd;AAAA,UACA,CAAC,WAAW,CAAC,iBAAiB,aAAa,GAAG,IAAI;AAAA,UAClD;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc,eAAe,8BAA8B;AAAA,MAC7D;AAAA;AAAA,EACF,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc;AAAA,UACZ;AAAA,UACA,CAAC,WAAW,CAAC,iBAAiB,QAAQ,GAAG,KAAK;AAAA,UAC9C,eAAe,YAAY;AAAA,UAC3B,eAAe,wBAAwB;AAAA,QACzC;AAAA,QACA,cAAc;AAAA,MAChB;AAAA;AAAA,EACF,CACF,GAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,iBACE,4BAA4B,eAAe,IACvC,kBACA;AAAA;AAAA,EAER,CACF;AAEJ;AAEA,gBAAgB,aAAa,IAAI;",
+  "sourcesContent": ["import React, { type PropsWithChildren } from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nimport { _getCanvasColor as getCanvasColor } from '@dynatrace/strato-components-preview/charts';\n\nimport { ChoroplethLayerTooltip } from './ChoroplethLayerTooltip.js';\nimport { parseRegionDataToGeoJSON } from './utils/parse-region-data-to-geo-json.js';\nimport {\n  ACTIVE_COLOR,\n  ACTIVE_STATE_BORDERS_WIDTH,\n  DEFAULT_CHOROPLETH_COLOR,\n  DEFAULT_COUNTRIES_BORDER_COLOR,\n  LEGEND_DIM_OPACITY,\n  SHAPE_OPACITY,\n  TRANSPARENT_BORDER_COLOR,\n} from '../../constants.js';\nimport { useLayerColoringStrategy } from '../../hooks/use-layer-coloring-strategy.js';\nimport { useLegendInteractionHighlighting } from '../../hooks/use-legend-interaction-highlighting.js';\nimport { useLegendInteractionVisibility } from '../../hooks/use-legend-interaction-visibility.js';\nimport { useMapBaseLayerFeatures } from '../../hooks/use-map-base-layer-features.js';\nimport { useResolveChoroplethColor } from '../../hooks/use-resolve-color.js';\nimport { useTooltipTemplate } from '../../hooks/use-tooltip-template.js';\nimport { ChoroplethLayerTooltip as ChoroplethLayerTooltipSlot } from '../../slots/ChoroplethLayerTooltip.js';\nimport type { InternalChoroplethLayerProps } from '../../types/choropleth-layer.js';\nimport { isChoroplethTooltipTemplate } from '../../utils/tooltip-type-guards.js';\n\nexport const ChoroplethLayer = <T extends Record<string, unknown>>(\n  props: PropsWithChildren<InternalChoroplethLayerProps<T>>,\n) => {\n  const { layerId, data, regionAccessor, children } = props;\n\n  const mapSource = useMapBaseLayerFeatures();\n\n  const colorParser = useLayerColoringStrategy();\n  const choroplethColor = useResolveChoroplethColor(\n    DEFAULT_CHOROPLETH_COLOR,\n    props,\n    colorParser,\n  );\n  const sourceId = layerId.replace('layer', 'source');\n  useLegendInteractionHighlighting(props, sourceId);\n  useLegendInteractionVisibility(props, layerId);\n\n  const dataGeoJSON =\n    mapSource &&\n    parseRegionDataToGeoJSON(mapSource, data, regionAccessor, choroplethColor);\n\n  const tooltipTemplate = useTooltipTemplate(\n    children,\n    ChoroplethLayerTooltipSlot,\n  );\n\n  return (\n    <>\n      <Source id={sourceId} type=\"geojson\" data={dataGeoJSON} generateId>\n        <Layer\n          id={layerId}\n          type=\"fill\"\n          source={sourceId}\n          paint={{\n            'fill-color': [\n              'case',\n              ['boolean', ['feature-state', 'active'], false],\n              ['get', '__color'],\n              ['boolean', ['feature-state', 'hover'], false],\n              ['get', '__hoveredColor'],\n              ['get', '__color'],\n            ],\n            'fill-opacity': [\n              'case',\n              ['boolean', ['feature-state', 'legendHover'], true],\n              SHAPE_OPACITY,\n              LEGEND_DIM_OPACITY,\n            ],\n          }}\n        />\n        <Layer\n          type=\"line\"\n          source={sourceId}\n          paint={{\n            'line-color': getCanvasColor(DEFAULT_COUNTRIES_BORDER_COLOR),\n          }}\n        />\n        <Layer\n          type=\"line\"\n          source={sourceId}\n          paint={{\n            'line-color': [\n              'case',\n              ['boolean', ['feature-state', 'active'], false],\n              getCanvasColor(ACTIVE_COLOR),\n              getCanvasColor(TRANSPARENT_BORDER_COLOR),\n            ],\n            'line-width': ACTIVE_STATE_BORDERS_WIDTH,\n          }}\n        />\n      </Source>\n\n      <ChoroplethLayerTooltip\n        layerId={layerId}\n        tooltipTemplate={\n          isChoroplethTooltipTemplate(tooltipTemplate)\n            ? tooltipTemplate\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nChoroplethLayer['displayName'] = 'ChoroplethLayer';\n"],
+  "mappings": "AAAA,OAAO,WAAuC;AAC9C,SAAS,OAAO,cAAc;AAE9B,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AACjD,SAAS,sCAAsC;AAC/C,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,0BAA0B,kCAAkC;AAErE,SAAS,mCAAmC;AAErC,MAAM,kBAAkB,CAC7B,UACG;AACH,QAAM,EAAE,SAAS,MAAM,gBAAgB,SAAS,IAAI;AAEpD,QAAM,YAAY,wBAAwB;AAE1C,QAAM,cAAc,yBAAyB;AAC7C,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,WAAW,QAAQ,QAAQ,SAAS,QAAQ;AAClD,mCAAiC,OAAO,QAAQ;AAChD,iCAA+B,OAAO,OAAO;AAE7C,QAAM,cACJ,aACA,yBAAyB,WAAW,MAAM,gBAAgB,eAAe;AAE3E,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,SACE,0DACE,oCAAC,UAAO,IAAI,UAAU,MAAK,WAAU,MAAM,aAAa,YAAU,QAChE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc;AAAA,UACZ;AAAA,UACA,CAAC,WAAW,CAAC,iBAAiB,QAAQ,GAAG,KAAK;AAAA,UAC9C,CAAC,OAAO,SAAS;AAAA,UACjB,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,UAC7C,CAAC,OAAO,gBAAgB;AAAA,UACxB,CAAC,OAAO,SAAS;AAAA,QACnB;AAAA,QACA,gBAAgB;AAAA,UACd;AAAA,UACA,CAAC,WAAW,CAAC,iBAAiB,aAAa,GAAG,IAAI;AAAA,UAClD;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc,eAAe,8BAA8B;AAAA,MAC7D;AAAA;AAAA,EACF,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc;AAAA,UACZ;AAAA,UACA,CAAC,WAAW,CAAC,iBAAiB,QAAQ,GAAG,KAAK;AAAA,UAC9C,eAAe,YAAY;AAAA,UAC3B,eAAe,wBAAwB;AAAA,QACzC;AAAA,QACA,cAAc;AAAA,MAChB;AAAA;AAAA,EACF,CACF,GAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,iBACE,4BAA4B,eAAe,IACvC,kBACA;AAAA;AAAA,EAER,CACF;AAEJ;AAEA,gBAAgB,aAAa,IAAI;",
   "names": []
 }

package/esm/map/components/MapContent.js

@@ -20,10 +20,12 @@ import { useHoverInteraction } from "../hooks/use-hover-interaction.js";
 import { useInitialViewState } from "../hooks/use-initial-view-state.js";
 import { useMapBaseLayerFeatures } from "../hooks/use-map-base-layer-features.js";
 import { useMapConfig } from "../hooks/use-map-config.js";
+import { useMapLoading } from "../hooks/use-map-loading.js";
 import { useMapPerformance } from "../hooks/use-map-performance.js";
 import { useOverlayEvents } from "../hooks/use-overlay-events.js";
 import { useTooltipEventListeners } from "../hooks/use-tooltip-event-listeners.js";
 import { defaultStyle } from "../map-styles/default-style.js";
+import { MapViewImperativeHandler } from "../providers/imperative-handler.provider.js";
 import { getColorFromToken } from "../utils/get-color-from-token.js";
 import { toMapBoxInitialViewState } from "../utils/to-mapbox-initial-view-state.js";
 import { useSetMapInitialConfiguration } from "../utils/use-set-map-initial-configuration.js";
@@ -69,8 +71,12 @@ const MapContent = forwardRef((props, forwardedRef) => {
     onViewStateChange,
     ...remaining
   } = props;
+  const loading = useMapLoading();
   const mapContainerRef = useRef(null);
-  const mergedRefs = useMergeRefs([mapContainerRef, forwardedRef]);
+  const mergedRefs = useMergeRefs([
+    mapContainerRef,
+    forwardedRef
+  ]);
   useTooltipEventListeners();
   const { toolbar: toolbarConfig, interactions: interactionsConfig } = useMapConfig();
   const layerIds = useContext(LayerIdsContext);
@@ -122,9 +128,15 @@ const MapContent = forwardRef((props, forwardedRef) => {
         interactive: true,
         ...remaining
       },
-      /* @__PURE__ */ React.createElement(MapSource, null),
-      /* @__PURE__ */ React.createElement(MapInteractions, null, children),
-      shouldRenderToolbar ? /* @__PURE__ */ React.createElement(MapToolbar, null) : null
+      /* @__PURE__ */ React.createElement(
+        MapViewImperativeHandler,
+        {
+          forwardedRef,
+          containerRef: mapContainerRef
+        },
+        /* @__PURE__ */ React.createElement(MapSource, null),
+        loading ? null : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MapInteractions, null, children), shouldRenderToolbar ? /* @__PURE__ */ React.createElement(MapToolbar, null) : null)
+      )
     )
   );
 });

package/esm/map/components/MapContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/components/MapContent.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport type { MapLayerMouseEvent } from 'maplibre-gl';\nimport React, {\n  forwardRef,\n  type PropsWithChildren,\n  useContext,\n  useRef,\n} from 'react';\nimport { Layer, type LayerProps, Map, Source } from 'react-map-gl/maplibre';\n\nimport { _useGraphSize as useGraphSize } from '@dynatrace/strato-components-preview/charts';\nimport { useMergeRefs } from '@dynatrace/strato-components-preview/core';\n\nimport {\n  BASE_LAYER_FILL_ID,\n  BASE_LAYER_LINE_ID,\n  DEFAULT_COUNTRIES_BORDER_COLOR,\n  DEFAULT_COUNTRIES_FILL_COLOR,\n} from '../constants.js';\nimport { MapToolbar } from './toolbar/MapToolbar.js';\nimport { LayerIdsContext } from '../contexts/layer-ids.context.js';\nimport { useActiveInteraction } from '../hooks/use-active-interaction.js';\nimport { useHoverInteraction } from '../hooks/use-hover-interaction.js';\nimport { useInitialViewState } from '../hooks/use-initial-view-state.js';\nimport { useMapBaseLayerFeatures } from '../hooks/use-map-base-layer-features.js';\nimport { useMapConfig } from '../hooks/use-map-config.js';\nimport { useMapPerformance } from '../hooks/use-map-performance.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\nimport { useTooltipEventListeners } from '../hooks/use-tooltip-event-listeners.js';\nimport { defaultStyle } from '../map-styles/default-style.js';\nimport type { MapViewProps } from '../types/map-view.js';\nimport { getColorFromToken } from '../utils/get-color-from-token.js';\nimport { toMapBoxInitialViewState } from '../utils/to-mapbox-initial-view-state.js';\nimport { useSetMapInitialConfiguration } from '../utils/use-set-map-initial-configuration.js';\n\nconst lineLayer: LayerProps = {\n  id: BASE_LAYER_LINE_ID,\n  type: 'line',\n};\n\nconst fillLayer: LayerProps = {\n  id: BASE_LAYER_FILL_ID,\n  type: 'fill',\n};\n\nconst MapSource = () => {\n  const baseLayerFeatures = useMapBaseLayerFeatures();\n  return (\n    <Source id=\"data\" type=\"geojson\" data={baseLayerFeatures}>\n      <Layer\n        {...fillLayer}\n        paint={{\n          'fill-color': getColorFromToken(DEFAULT_COUNTRIES_FILL_COLOR),\n        }}\n      ></Layer>\n      <Layer\n        {...lineLayer}\n        paint={{\n          'line-color': getColorFromToken(DEFAULT_COUNTRIES_BORDER_COLOR),\n        }}\n      ></Layer>\n    </Source>\n  );\n};\n\nconst MapInteractions = ({ children }: PropsWithChildren) => {\n  useHoverInteraction();\n  useActiveInteraction();\n\n  return children;\n};\n\nexport const MapContent = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<MapViewProps>\n>((props, forwardedRef) => {\n  const {\n    initialViewState: initialViewStateProp,\n    children,\n    style,\n    mapStyle = defaultStyle,\n    onViewStateChange,\n    ...remaining\n  } = props;\n\n  const mapContainerRef = useRef<HTMLDivElement>(null);\n  const mergedRefs = useMergeRefs([mapContainerRef, forwardedRef]);\n\n  useTooltipEventListeners();\n\n  const { toolbar: toolbarConfig, interactions: interactionsConfig } =\n    useMapConfig();\n  const layerIds = useContext(LayerIdsContext);\n  const shouldRenderToolbar =\n    !isUndefined(toolbarConfig) || !isUndefined(interactionsConfig);\n\n  const { height: graphHeight, width: graphWidth } = useGraphSize();\n\n  const {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n    handleZoom,\n    handleDrag,\n  } = useOverlayEvents();\n\n  const initialViewState = useInitialViewState(initialViewStateProp);\n\n  const { onLoadHandler, onRenderHandler } = useMapPerformance(mapContainerRef);\n\n  return (\n    <div\n      data-testid=\"map-container\"\n      ref={mergedRefs}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <Map\n        onMove={(evt) => {\n          onViewStateChange?.(evt.viewState);\n        }}\n        initialViewState={toMapBoxInitialViewState(initialViewState)}\n        style={{\n          width: graphWidth,\n          height: `${graphHeight}px`,\n          ...style,\n        }}\n        mapStyle={mapStyle}\n        dragRotate={false}\n        fadeDuration={0}\n        RTLTextPlugin={false}\n        renderWorldCopies={false}\n        interactiveLayerIds={layerIds}\n        onMouseMove={(e) => handleMouseMove(e as MapLayerMouseEvent)}\n        onClick={(e) => handleMouseClick(e as MapLayerMouseEvent)}\n        onZoom={handleZoom}\n        onDrag={handleDrag}\n        onRender={() => onRenderHandler && onRenderHandler()}\n        onLoad={() => onLoadHandler && onLoadHandler()}\n        ref={useSetMapInitialConfiguration()}\n        interactive\n        {...remaining}\n      >\n        <MapSource />\n        <MapInteractions>{children}</MapInteractions>\n        {shouldRenderToolbar ? <MapToolbar /> : null}\n      </Map>\n    </div>\n  );\n});\n\n(MapContent as typeof MapContent & { displayName: string }).displayName =\n  'MapContent';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport type { MapLayerMouseEvent } from 'maplibre-gl';\nimport React, {\n  forwardRef,\n  type PropsWithChildren,\n  useContext,\n  useRef,\n} from 'react';\nimport { Layer, type LayerProps, Map, Source } from 'react-map-gl/maplibre';\n\nimport { _useGraphSize as useGraphSize } from '@dynatrace/strato-components-preview/charts';\nimport { useMergeRefs } from '@dynatrace/strato-components-preview/core';\n\nimport {\n  BASE_LAYER_FILL_ID,\n  BASE_LAYER_LINE_ID,\n  DEFAULT_COUNTRIES_BORDER_COLOR,\n  DEFAULT_COUNTRIES_FILL_COLOR,\n} from '../constants.js';\nimport { MapToolbar } from './toolbar/MapToolbar.js';\nimport { LayerIdsContext } from '../contexts/layer-ids.context.js';\nimport { useActiveInteraction } from '../hooks/use-active-interaction.js';\nimport { useHoverInteraction } from '../hooks/use-hover-interaction.js';\nimport { useInitialViewState } from '../hooks/use-initial-view-state.js';\nimport { useMapBaseLayerFeatures } from '../hooks/use-map-base-layer-features.js';\nimport { useMapConfig } from '../hooks/use-map-config.js';\nimport { useMapLoading } from '../hooks/use-map-loading.js';\nimport { useMapPerformance } from '../hooks/use-map-performance.js';\nimport { useOverlayEvents } from '../hooks/use-overlay-events.js';\nimport { useTooltipEventListeners } from '../hooks/use-tooltip-event-listeners.js';\nimport { defaultStyle } from '../map-styles/default-style.js';\nimport { MapViewImperativeHandler } from '../providers/imperative-handler.provider.js';\nimport type { MapViewProps, MapViewRef } from '../types/map-view.js';\nimport { getColorFromToken } from '../utils/get-color-from-token.js';\nimport { toMapBoxInitialViewState } from '../utils/to-mapbox-initial-view-state.js';\nimport { useSetMapInitialConfiguration } from '../utils/use-set-map-initial-configuration.js';\n\nconst lineLayer: LayerProps = {\n  id: BASE_LAYER_LINE_ID,\n  type: 'line',\n};\n\nconst fillLayer: LayerProps = {\n  id: BASE_LAYER_FILL_ID,\n  type: 'fill',\n};\n\nconst MapSource = () => {\n  const baseLayerFeatures = useMapBaseLayerFeatures();\n  return (\n    <Source id=\"data\" type=\"geojson\" data={baseLayerFeatures}>\n      <Layer\n        {...fillLayer}\n        paint={{\n          'fill-color': getColorFromToken(DEFAULT_COUNTRIES_FILL_COLOR),\n        }}\n      ></Layer>\n      <Layer\n        {...lineLayer}\n        paint={{\n          'line-color': getColorFromToken(DEFAULT_COUNTRIES_BORDER_COLOR),\n        }}\n      ></Layer>\n    </Source>\n  );\n};\n\nconst MapInteractions = ({ children }: PropsWithChildren) => {\n  useHoverInteraction();\n  useActiveInteraction();\n\n  return children;\n};\n\nexport const MapContent = forwardRef<\n  MapViewRef,\n  PropsWithChildren<MapViewProps>\n>((props, forwardedRef) => {\n  const {\n    initialViewState: initialViewStateProp,\n    children,\n    style,\n    mapStyle = defaultStyle,\n    onViewStateChange,\n    ...remaining\n  } = props;\n\n  const loading = useMapLoading();\n\n  const mapContainerRef = useRef<HTMLDivElement>(null);\n  const mergedRefs = useMergeRefs<MapViewRef | HTMLDivElement>([\n    mapContainerRef,\n    forwardedRef,\n  ]);\n\n  useTooltipEventListeners();\n\n  const { toolbar: toolbarConfig, interactions: interactionsConfig } =\n    useMapConfig();\n  const layerIds = useContext(LayerIdsContext);\n  const shouldRenderToolbar =\n    !isUndefined(toolbarConfig) || !isUndefined(interactionsConfig);\n\n  const { height: graphHeight, width: graphWidth } = useGraphSize();\n\n  const {\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleMouseClick,\n    handleZoom,\n    handleDrag,\n  } = useOverlayEvents();\n\n  const initialViewState = useInitialViewState(initialViewStateProp);\n\n  const { onLoadHandler, onRenderHandler } = useMapPerformance(mapContainerRef);\n\n  return (\n    <div\n      data-testid=\"map-container\"\n      ref={mergedRefs}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <Map\n        onMove={(evt) => {\n          onViewStateChange?.(evt.viewState);\n        }}\n        initialViewState={toMapBoxInitialViewState(initialViewState)}\n        style={{\n          width: graphWidth,\n          height: `${graphHeight}px`,\n          ...style,\n        }}\n        mapStyle={mapStyle}\n        dragRotate={false}\n        fadeDuration={0}\n        RTLTextPlugin={false}\n        renderWorldCopies={false}\n        interactiveLayerIds={layerIds}\n        onMouseMove={(e) => handleMouseMove(e as MapLayerMouseEvent)}\n        onClick={(e) => handleMouseClick(e as MapLayerMouseEvent)}\n        onZoom={handleZoom}\n        onDrag={handleDrag}\n        onRender={() => onRenderHandler && onRenderHandler()}\n        onLoad={() => onLoadHandler && onLoadHandler()}\n        ref={useSetMapInitialConfiguration()}\n        interactive\n        {...remaining}\n      >\n        <MapViewImperativeHandler\n          forwardedRef={forwardedRef}\n          containerRef={mapContainerRef}\n        >\n          <MapSource />\n          {loading ? null : (\n            <>\n              <MapInteractions>{children}</MapInteractions>\n              {shouldRenderToolbar ? <MapToolbar /> : null}\n            </>\n          )}\n        </MapViewImperativeHandler>\n      </Map>\n    </div>\n  );\n});\n\n(MapContent as typeof MapContent & { displayName: string }).displayName =\n  'MapContent';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/map/components/legend/SequentialLegendRenderer.js

@@ -1,13 +1,17 @@
 import { isUndefined } from "lodash-es";
 import React from "react";
 import {
+  __RangeLegend as RangeLegend,
   _buildQuantizedRangeItems as buildQuantizedRangeItems,
   _getLegendOrientation as getLegendOrientation,
-  _RangeLegend as RangeLegend,
+  _getTickFormatterMethod as getTickFormatterMethod,
   _useChartLayoutOrientation as useChartLayoutOrientation
 } from "@dynatrace/strato-components-preview/charts";
-import { DEFAULT_FORMATTER } from "../../constants.js";
 import { useColorScale } from "../../hooks/use-color-scale.js";
+const buildLegendTicks = (scale) => [
+  ...scale.domain(),
+  ...scale.thresholds()
+];
 const SequentialLegendRenderer = () => {
   const { orientation: layoutOrientation } = useChartLayoutOrientation();
   const scale = useColorScale();
@@ -17,12 +21,13 @@ const SequentialLegendRenderer = () => {
   const orientation = getLegendOrientation(layoutOrientation);
   const invertItems = orientation === "vertical";
   const items = buildQuantizedRangeItems(scale, invertItems);
+  const domain = buildLegendTicks(scale);
   return /* @__PURE__ */ React.createElement(
     RangeLegend,
     {
       items,
       orientation,
-      formatter: DEFAULT_FORMATTER
+      formatter: getTickFormatterMethod(domain)
     }
   );
 };

package/esm/map/components/legend/SequentialLegendRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/legend/SequentialLegendRenderer.tsx"],
-  "sourcesContent": ["import type { ScaleQuantize } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\nimport React from 'react';\n\nimport {\n  _buildQuantizedRangeItems as buildQuantizedRangeItems,\n  _getLegendOrientation as getLegendOrientation,\n  _RangeLegend as RangeLegend,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { DEFAULT_FORMATTER } from '../../constants.js';\nimport { useColorScale } from '../../hooks/use-color-scale.js';\n\nexport const SequentialLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const scale = useColorScale() as ScaleQuantize<string>;\n  if (isUndefined(scale)) {\n    return null;\n  }\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const invertItems = orientation === 'vertical';\n  const items = buildQuantizedRangeItems(scale, invertItems);\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={DEFAULT_FORMATTER}\n    />\n  );\n};\n"],
-  "mappings": "AACA,SAAS,mBAAmB;AAC5B,OAAO,WAAW;AAElB;AAAA,EACE,6BAA6B;AAAA,EAC7B,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,8BAA8B;AAAA,OACzB;AAEP,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAEvB,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,QAAQ,cAAc;AAC5B,MAAI,YAAY,KAAK,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,cAAc,gBAAgB;AACpC,QAAM,QAAQ,yBAAyB,OAAO,WAAW;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA;AAAA,EACb;AAEJ;",
+  "sourcesContent": ["import type { ScaleQuantize } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\nimport React from 'react';\n\nimport {\n  __RangeLegend as RangeLegend,\n  _buildQuantizedRangeItems as buildQuantizedRangeItems,\n  _getLegendOrientation as getLegendOrientation,\n  _getTickFormatterMethod as getTickFormatterMethod,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { useColorScale } from '../../hooks/use-color-scale.js';\n\nconst buildLegendTicks = (scale: ScaleQuantize<string>) => [\n  ...scale.domain(),\n  ...scale.thresholds(),\n];\n\nexport const SequentialLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const scale = useColorScale() as ScaleQuantize<string>;\n\n  if (isUndefined(scale)) {\n    return null;\n  }\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const invertItems = orientation === 'vertical';\n  const items = buildQuantizedRangeItems(scale, invertItems);\n\n  const domain = buildLegendTicks(scale);\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={getTickFormatterMethod(domain)}\n    />\n  );\n};\n"],
+  "mappings": "AACA,SAAS,mBAAmB;AAC5B,OAAO,WAAW;AAElB;AAAA,EACE,iBAAiB;AAAA,EACjB,6BAA6B;AAAA,EAC7B,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,OACzB;AAEP,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB,CAAC,UAAiC;AAAA,EACzD,GAAG,MAAM,OAAO;AAAA,EAChB,GAAG,MAAM,WAAW;AACtB;AAEO,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,QAAQ,cAAc;AAE5B,MAAI,YAAY,KAAK,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,cAAc,gBAAgB;AACpC,QAAM,QAAQ,yBAAyB,OAAO,WAAW;AAEzD,QAAM,SAAS,iBAAiB,KAAK;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,uBAAuB,MAAM;AAAA;AAAA,EAC1C;AAEJ;",
   "names": []
 }

package/esm/map/components/legend/ThresholdLegendRenderer.js

@@ -2,7 +2,7 @@ import React from "react";
 import {
   _buildLegendItemsFromRange as buildLegendItemsFromRange,
   _getLegendOrientation as getLegendOrientation,
-  _RangeLegend as RangeLegend,
+  __RangeLegend as RangeLegend,
   _useChartLayoutOrientation as useChartLayoutOrientation
 } from "@dynatrace/strato-components-preview/charts";
 import { DEFAULT_FORMATTER } from "../../constants.js";

package/esm/map/components/legend/ThresholdLegendRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/components/legend/ThresholdLegendRenderer.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  _buildLegendItemsFromRange as buildLegendItemsFromRange,\n  _getLegendOrientation as getLegendOrientation,\n  _RangeLegend as RangeLegend,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { DEFAULT_FORMATTER } from '../../constants.js';\nimport { useMapConfig } from '../../hooks/use-map-config.js';\nimport type { ThresholdLegendConfig } from '../../types/legend.js';\n\nexport const ThresholdLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n\n  const { legend } = useMapConfig();\n\n  const { ranges } = legend as ThresholdLegendConfig;\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const invertItems = orientation === 'vertical';\n  const items = buildLegendItemsFromRange(ranges);\n  invertItems && items.reverse();\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={DEFAULT_FORMATTER}\n    />\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE,8BAA8B;AAAA,EAC9B,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,8BAA8B;AAAA,OACzB;AAEP,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAGtB,MAAM,0BAA0B,MAAM;AAC3C,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AAErE,QAAM,EAAE,OAAO,IAAI,aAAa;AAEhC,QAAM,EAAE,OAAO,IAAI;AAEnB,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,cAAc,gBAAgB;AACpC,QAAM,QAAQ,0BAA0B,MAAM;AAC9C,iBAAe,MAAM,QAAQ;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA;AAAA,EACb;AAEJ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  _buildLegendItemsFromRange as buildLegendItemsFromRange,\n  _getLegendOrientation as getLegendOrientation,\n  __RangeLegend as RangeLegend,\n  _useChartLayoutOrientation as useChartLayoutOrientation,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport { DEFAULT_FORMATTER } from '../../constants.js';\nimport { useMapConfig } from '../../hooks/use-map-config.js';\nimport type { ThresholdLegendConfig } from '../../types/legend.js';\n\nexport const ThresholdLegendRenderer = () => {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n\n  const { legend } = useMapConfig();\n\n  const { ranges } = legend as ThresholdLegendConfig;\n\n  const orientation = getLegendOrientation(layoutOrientation);\n  const invertItems = orientation === 'vertical';\n  const items = buildLegendItemsFromRange(ranges);\n  invertItems && items.reverse();\n\n  return (\n    <RangeLegend\n      items={items}\n      orientation={orientation}\n      formatter={DEFAULT_FORMATTER}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE,8BAA8B;AAAA,EAC9B,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,8BAA8B;AAAA,OACzB;AAEP,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAGtB,MAAM,0BAA0B,MAAM;AAC3C,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AAErE,QAAM,EAAE,OAAO,IAAI,aAAa;AAEhC,QAAM,EAAE,OAAO,IAAI;AAEnB,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,cAAc,gBAAgB;AACpC,QAAM,QAAQ,0BAA0B,MAAM;AAC9C,iBAAe,MAAM,QAAQ;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA;AAAA,EACb;AAEJ;",
   "names": []
 }

package/esm/map/constants.js

@@ -77,6 +77,10 @@ const COPY_TO_CLIPBOARD_MESSAGES = defineMessages({
     description: "Text in a tooltip shown when hovering a tooltip item and hovering the copy button next to its coordinates"
   }
 });
+const DEFAULT_BASE_LAYER_RULES = {
+  include: [INCLUDE_ALL_WILDCARD_RULE],
+  exclude: []
+};
 export {
   ACTIVE_COLOR,
   ACTIVE_STATE_BORDERS_WIDTH,
@@ -88,6 +92,7 @@ export {
   BUBBLE_STROKE,
   CDN_BASE_PATH,
   COPY_TO_CLIPBOARD_MESSAGES,
+  DEFAULT_BASE_LAYER_RULES,
   DEFAULT_BASIC_SHAPE_COLOR_TOKEN,
   DEFAULT_BUBBLE_COLOR,
   DEFAULT_CHOROPLETH_COLOR,

package/esm/map/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/map/constants.ts"],
-  "sourcesContent": ["import type { ExpressionSpecification } from '@maplibre/maplibre-gl-style-spec';\nimport { defineMessages } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\n//region GENERAL\nexport const DEFAULT_COUNTRIES_FILL_COLOR = Colors.Theme.Neutral['50'];\nexport const DEFAULT_COUNTRIES_BORDER_COLOR = Colors.Background.Surface.Default;\nexport const TRANSPARENT_BORDER_COLOR = '#00000000';\nexport const MAX_LATITUDE = 90;\nexport const MIN_LATITUDE = -90;\nexport const MAX_LONGITUDE = 180;\nexport const MIN_LONGITUDE = -180;\nexport const WHOLE_WORLD_VIEW_BOUNDARIES: [number, number, number, number] = [\n  MAX_LONGITUDE,\n  MAX_LATITUDE,\n  MIN_LONGITUDE,\n  MIN_LATITUDE,\n];\nexport const DEFAULT_COUNTRY_CODE = 'default';\nexport const FIT_BOUNDS_OPTIONS = { padding: 20 };\nexport const DEFAULT_MAP_HEIGHT = 400;\nexport const DEFAULT_MAP_LEGEND_RATIO = 12;\nexport const DEFAULT_MAP_POSITION = 'auto';\nexport const DEFAULT_INPUT_ICON_SIZE = 20;\nexport const ACTIVE_COLOR = Colors.Border.Neutral.AccentActive;\n\nexport const BASE_LAYER_FILL_ID = 'geojson-fill';\nexport const BASE_LAYER_LINE_ID = 'geojson-line';\nexport const BASE_LAYER_IDS = [BASE_LAYER_LINE_ID, BASE_LAYER_FILL_ID];\nexport const SHAPE_OPACITY = 1;\nexport const DEFAULT_SYMBOL_SIZE = 32;\n\nexport const CDN_BASE_PATH =\n  'https://dt-cdn.net/scripts/data/worldmap/maps/v002/' as const;\nexport const INCLUDE_ALL_WILDCARD_RULE = '*' as const;\n//endregion\n\n//region LEGEND\nexport const DEFAULT_BASIC_SHAPE_COLOR_TOKEN =\n  Colors.Charts.CategoricalThemed.PurpleRain.Color01;\nexport const DEFAULT_LEGEND_SIZES = {\n  // Minimum size in which the legend can be resized (vertical layout)\n  minWidth: 0.1,\n  // Minimum size in which the legend can be resized (horizontal layout)\n  minHeight: 0.1,\n  // Maximum size in which the legend can be resized (vertical layout). 80% represent 4 / 5ths of the container.\n  maxWidth: 0.8,\n  // Maximum size in which the legend can be resized (horizontal layout). 80% represent 4 / 5ths of the container.\n  maxHeight: 0.8,\n};\nexport const DEFAULT_FORMATTER = {\n  maximumFractionDigits: 1,\n};\nexport const DEFAULT_RANGE_COLOR = Colors.Background.Container.Neutral.Accent;\nexport const LEGEND_DIM_OPACITY = 0.2;\nexport const DEFAULT_SEQUENTIAL_LEGEND_COLOR_PALETTE = 'blue';\n//endregion\n\n//region DOT LAYER\nexport const ICON_BACKGROUND_OPACITY = 0.7;\nexport const ICON_BACKGROUND_RADIUS = 16;\nexport const DEFAULT_ICON_BACKGROUND_COLOR =\n  Colors.Background.Container.Neutral.Subdued;\nexport const DEFAULT_ICON_SIZE_RATIO = 0.6;\nexport const DEFAULT_SHAPE_COLOR = Colors.Charts.Categorical.Color15.Default;\nexport const DEFAULT_ICON_COLOR = Colors.Icon.Neutral.Default;\n//endregion\n\n//region BUBBLE LAYER\nexport const DEFAULT_BUBBLE_COLOR = Colors.Charts.Categorical.Color07.Default;\nexport const DEFAULT_RADIUS = 12;\nexport const BUBBLE_DEFAULT_OPACITY = 0.4;\nexport const BUBBLE_STROKE = 1;\nexport const BUBBLE_OUTLINE_STROKE = 1;\nexport const DEFAULT_RADIUS_EXPRESSION: ExpressionSpecification = [\n  'get',\n  '__radius',\n];\n//endregion\n\n//region CONNECTION LAYER\nexport const DEFAULT_LINE_JOIN: 'bevel' | 'round' | 'miter' = 'miter';\nexport const DEFAULT_LINE_CAP: 'butt' | 'round' | 'square' = 'butt';\nexport const DEFAULT_LINE_THICKNESS = 2;\nexport const DEFAULT_LINE_COLOR = Colors.Charts.Categorical.Color03.Default;\nexport const DEFAULT_LINE_DASH_ARRAY = [5, 2.5];\nexport const MIN_LINE_THICKNESS = 1;\nexport const MAX_LINE_THICKNESS = 64;\nexport const DIRECTION_ICON_OUTPUT_SIZE = 128;\nexport const DIRECTION_ICON_SHRINK_RATIO = 1 / 15;\n//endregion\n\n//region CHOROPLETH LAYER\n\nexport const ACTIVE_STATE_BORDERS_WIDTH = 1.8;\n\nexport const DEFAULT_CHOROPLETH_COLOR =\n  Colors.Charts.Sequential.Blue.Color05.Default;\n\nexport const COPY_TO_CLIPBOARD_MESSAGES = defineMessages({\n  copyActionCoords: {\n    id: 'g2qESM+ibB5sUyjf',\n    defaultMessage: 'Copy coordinates',\n    description:\n      'Text in a tooltip shown when hovering a tooltip item and hovering the copy button next to its coordinates',\n  },\n});\n//endregion\n"],
-  "mappings": "AACA,SAAS,sBAAsB;AAE/B,OAAO,YAAY;AAGZ,MAAM,+BAA+B,OAAO,MAAM,QAAQ,IAAI;AAC9D,MAAM,iCAAiC,OAAO,WAAW,QAAQ;AACjE,MAAM,2BAA2B;AACjC,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,8BAAgE;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACO,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB,EAAE,SAAS,GAAG;AACzC,MAAM,qBAAqB;AAC3B,MAAM,2BAA2B;AACjC,MAAM,uBAAuB;AAC7B,MAAM,0BAA0B;AAChC,MAAM,eAAe,OAAO,OAAO,QAAQ;AAE3C,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB,CAAC,oBAAoB,kBAAkB;AAC9D,MAAM,gBAAgB;AACtB,MAAM,sBAAsB;AAE5B,MAAM,gBACX;AACK,MAAM,4BAA4B;AAIlC,MAAM,kCACX,OAAO,OAAO,kBAAkB,WAAW;AACtC,MAAM,uBAAuB;AAAA;AAAA,EAElC,UAAU;AAAA;AAAA,EAEV,WAAW;AAAA;AAAA,EAEX,UAAU;AAAA;AAAA,EAEV,WAAW;AACb;AACO,MAAM,oBAAoB;AAAA,EAC/B,uBAAuB;AACzB;AACO,MAAM,sBAAsB,OAAO,WAAW,UAAU,QAAQ;AAChE,MAAM,qBAAqB;AAC3B,MAAM,0CAA0C;AAIhD,MAAM,0BAA0B;AAChC,MAAM,yBAAyB;AAC/B,MAAM,gCACX,OAAO,WAAW,UAAU,QAAQ;AAC/B,MAAM,0BAA0B;AAChC,MAAM,sBAAsB,OAAO,OAAO,YAAY,QAAQ;AAC9D,MAAM,qBAAqB,OAAO,KAAK,QAAQ;AAI/C,MAAM,uBAAuB,OAAO,OAAO,YAAY,QAAQ;AAC/D,MAAM,iBAAiB;AACvB,MAAM,yBAAyB;AAC/B,MAAM,gBAAgB;AACtB,MAAM,wBAAwB;AAC9B,MAAM,4BAAqD;AAAA,EAChE;AAAA,EACA;AACF;AAIO,MAAM,oBAAiD;AACvD,MAAM,mBAAgD;AACtD,MAAM,yBAAyB;AAC/B,MAAM,qBAAqB,OAAO,OAAO,YAAY,QAAQ;AAC7D,MAAM,0BAA0B,CAAC,GAAG,GAAG;AACvC,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;AAC3B,MAAM,6BAA6B;AACnC,MAAM,8BAA8B,IAAI;AAKxC,MAAM,6BAA6B;AAEnC,MAAM,2BACX,OAAO,OAAO,WAAW,KAAK,QAAQ;AAEjC,MAAM,6BAA6B,eAAe;AAAA,EACvD,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AACF,CAAC;",
+  "sourcesContent": ["import type { ExpressionSpecification } from '@maplibre/maplibre-gl-style-spec';\nimport { defineMessages } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { BaseLayerRules } from './types/base-layer.js';\n\n//region GENERAL\nexport const DEFAULT_COUNTRIES_FILL_COLOR = Colors.Theme.Neutral['50'];\nexport const DEFAULT_COUNTRIES_BORDER_COLOR = Colors.Background.Surface.Default;\nexport const TRANSPARENT_BORDER_COLOR = '#00000000';\nexport const MAX_LATITUDE = 90;\nexport const MIN_LATITUDE = -90;\nexport const MAX_LONGITUDE = 180;\nexport const MIN_LONGITUDE = -180;\nexport const WHOLE_WORLD_VIEW_BOUNDARIES: [number, number, number, number] = [\n  MAX_LONGITUDE,\n  MAX_LATITUDE,\n  MIN_LONGITUDE,\n  MIN_LATITUDE,\n];\nexport const DEFAULT_COUNTRY_CODE = 'default';\nexport const FIT_BOUNDS_OPTIONS = { padding: 20 };\nexport const DEFAULT_MAP_HEIGHT = 400;\nexport const DEFAULT_MAP_LEGEND_RATIO = 12;\nexport const DEFAULT_MAP_POSITION = 'auto';\nexport const DEFAULT_INPUT_ICON_SIZE = 20;\nexport const ACTIVE_COLOR = Colors.Border.Neutral.AccentActive;\n\nexport const BASE_LAYER_FILL_ID = 'geojson-fill';\nexport const BASE_LAYER_LINE_ID = 'geojson-line';\nexport const BASE_LAYER_IDS = [BASE_LAYER_LINE_ID, BASE_LAYER_FILL_ID];\nexport const SHAPE_OPACITY = 1;\nexport const DEFAULT_SYMBOL_SIZE = 32;\n\nexport const CDN_BASE_PATH =\n  'https://dt-cdn.net/scripts/data/worldmap/maps/v002/' as const;\nexport const INCLUDE_ALL_WILDCARD_RULE = '*' as const;\n//endregion\n\n//region LEGEND\nexport const DEFAULT_BASIC_SHAPE_COLOR_TOKEN =\n  Colors.Charts.CategoricalThemed.PurpleRain.Color01;\nexport const DEFAULT_LEGEND_SIZES = {\n  // Minimum size in which the legend can be resized (vertical layout)\n  minWidth: 0.1,\n  // Minimum size in which the legend can be resized (horizontal layout)\n  minHeight: 0.1,\n  // Maximum size in which the legend can be resized (vertical layout). 80% represent 4 / 5ths of the container.\n  maxWidth: 0.8,\n  // Maximum size in which the legend can be resized (horizontal layout). 80% represent 4 / 5ths of the container.\n  maxHeight: 0.8,\n};\nexport const DEFAULT_FORMATTER = {\n  maximumFractionDigits: 1,\n};\nexport const DEFAULT_RANGE_COLOR = Colors.Background.Container.Neutral.Accent;\nexport const LEGEND_DIM_OPACITY = 0.2;\nexport const DEFAULT_SEQUENTIAL_LEGEND_COLOR_PALETTE = 'blue';\n//endregion\n\n//region DOT LAYER\nexport const ICON_BACKGROUND_OPACITY = 0.7;\nexport const ICON_BACKGROUND_RADIUS = 16;\nexport const DEFAULT_ICON_BACKGROUND_COLOR =\n  Colors.Background.Container.Neutral.Subdued;\nexport const DEFAULT_ICON_SIZE_RATIO = 0.6;\nexport const DEFAULT_SHAPE_COLOR = Colors.Charts.Categorical.Color15.Default;\nexport const DEFAULT_ICON_COLOR = Colors.Icon.Neutral.Default;\n//endregion\n\n//region BUBBLE LAYER\nexport const DEFAULT_BUBBLE_COLOR = Colors.Charts.Categorical.Color07.Default;\nexport const DEFAULT_RADIUS = 12;\nexport const BUBBLE_DEFAULT_OPACITY = 0.4;\nexport const BUBBLE_STROKE = 1;\nexport const BUBBLE_OUTLINE_STROKE = 1;\nexport const DEFAULT_RADIUS_EXPRESSION: ExpressionSpecification = [\n  'get',\n  '__radius',\n];\n//endregion\n\n//region CONNECTION LAYER\nexport const DEFAULT_LINE_JOIN: 'bevel' | 'round' | 'miter' = 'miter';\nexport const DEFAULT_LINE_CAP: 'butt' | 'round' | 'square' = 'butt';\nexport const DEFAULT_LINE_THICKNESS = 2;\nexport const DEFAULT_LINE_COLOR = Colors.Charts.Categorical.Color03.Default;\nexport const DEFAULT_LINE_DASH_ARRAY = [5, 2.5];\nexport const MIN_LINE_THICKNESS = 1;\nexport const MAX_LINE_THICKNESS = 64;\nexport const DIRECTION_ICON_OUTPUT_SIZE = 128;\nexport const DIRECTION_ICON_SHRINK_RATIO = 1 / 15;\n//endregion\n\n//region CHOROPLETH LAYER\n\nexport const ACTIVE_STATE_BORDERS_WIDTH = 1.8;\n\nexport const DEFAULT_CHOROPLETH_COLOR =\n  Colors.Charts.Sequential.Blue.Color05.Default;\n\nexport const COPY_TO_CLIPBOARD_MESSAGES = defineMessages({\n  copyActionCoords: {\n    id: 'g2qESM+ibB5sUyjf',\n    defaultMessage: 'Copy coordinates',\n    description:\n      'Text in a tooltip shown when hovering a tooltip item and hovering the copy button next to its coordinates',\n  },\n});\n//endregion\n\n//region BASE LAYER RULES\nexport const DEFAULT_BASE_LAYER_RULES = {\n  include: [INCLUDE_ALL_WILDCARD_RULE],\n  exclude: [],\n} as const as BaseLayerRules;\n\n//endregion\n"],
+  "mappings": "AACA,SAAS,sBAAsB;AAE/B,OAAO,YAAY;AAKZ,MAAM,+BAA+B,OAAO,MAAM,QAAQ,IAAI;AAC9D,MAAM,iCAAiC,OAAO,WAAW,QAAQ;AACjE,MAAM,2BAA2B;AACjC,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,8BAAgE;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACO,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB,EAAE,SAAS,GAAG;AACzC,MAAM,qBAAqB;AAC3B,MAAM,2BAA2B;AACjC,MAAM,uBAAuB;AAC7B,MAAM,0BAA0B;AAChC,MAAM,eAAe,OAAO,OAAO,QAAQ;AAE3C,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB,CAAC,oBAAoB,kBAAkB;AAC9D,MAAM,gBAAgB;AACtB,MAAM,sBAAsB;AAE5B,MAAM,gBACX;AACK,MAAM,4BAA4B;AAIlC,MAAM,kCACX,OAAO,OAAO,kBAAkB,WAAW;AACtC,MAAM,uBAAuB;AAAA;AAAA,EAElC,UAAU;AAAA;AAAA,EAEV,WAAW;AAAA;AAAA,EAEX,UAAU;AAAA;AAAA,EAEV,WAAW;AACb;AACO,MAAM,oBAAoB;AAAA,EAC/B,uBAAuB;AACzB;AACO,MAAM,sBAAsB,OAAO,WAAW,UAAU,QAAQ;AAChE,MAAM,qBAAqB;AAC3B,MAAM,0CAA0C;AAIhD,MAAM,0BAA0B;AAChC,MAAM,yBAAyB;AAC/B,MAAM,gCACX,OAAO,WAAW,UAAU,QAAQ;AAC/B,MAAM,0BAA0B;AAChC,MAAM,sBAAsB,OAAO,OAAO,YAAY,QAAQ;AAC9D,MAAM,qBAAqB,OAAO,KAAK,QAAQ;AAI/C,MAAM,uBAAuB,OAAO,OAAO,YAAY,QAAQ;AAC/D,MAAM,iBAAiB;AACvB,MAAM,yBAAyB;AAC/B,MAAM,gBAAgB;AACtB,MAAM,wBAAwB;AAC9B,MAAM,4BAAqD;AAAA,EAChE;AAAA,EACA;AACF;AAIO,MAAM,oBAAiD;AACvD,MAAM,mBAAgD;AACtD,MAAM,yBAAyB;AAC/B,MAAM,qBAAqB,OAAO,OAAO,YAAY,QAAQ;AAC7D,MAAM,0BAA0B,CAAC,GAAG,GAAG;AACvC,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;AAC3B,MAAM,6BAA6B;AACnC,MAAM,8BAA8B,IAAI;AAKxC,MAAM,6BAA6B;AAEnC,MAAM,2BACX,OAAO,OAAO,WAAW,KAAK,QAAQ;AAEjC,MAAM,6BAA6B,eAAe;AAAA,EACvD,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AACF,CAAC;AAIM,MAAM,2BAA2B;AAAA,EACtC,SAAS,CAAC,yBAAyB;AAAA,EACnC,SAAS,CAAC;AACZ;",
   "names": []
 }

package/esm/map/contexts/map-configuration.context.js

@@ -1,9 +1,10 @@
 import React from "react";
+import { DEFAULT_BASE_LAYER_RULES } from "../constants.js";
 const MapConfigurationContext = React.createContext({
   toolbar: void 0,
   interactions: void 0,
   legend: void 0,
-  baseLayer: void 0
+  baseLayer: DEFAULT_BASE_LAYER_RULES
 });
 export {
   MapConfigurationContext

package/esm/map/contexts/map-configuration.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/contexts/map-configuration.context.ts"],
-  "sourcesContent": ["import React from 'react';\n\nimport type { MapConfig } from '../types/configuration.js';\n\nexport const MapConfigurationContext = React.createContext<MapConfig>({\n  toolbar: undefined,\n  interactions: undefined,\n  legend: undefined,\n  baseLayer: undefined,\n});\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAIX,MAAM,0BAA0B,MAAM,cAAyB;AAAA,EACpE,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,WAAW;AACb,CAAC;",
+  "sourcesContent": ["import React from 'react';\n\nimport { DEFAULT_BASE_LAYER_RULES } from '../constants.js';\nimport type { MapConfig } from '../types/configuration.js';\n\nexport const MapConfigurationContext = React.createContext<MapConfig>({\n  toolbar: undefined,\n  interactions: undefined,\n  legend: undefined,\n  baseLayer: DEFAULT_BASE_LAYER_RULES,\n});\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,gCAAgC;AAGlC,MAAM,0BAA0B,MAAM,cAAyB;AAAA,EACpE,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,WAAW;AACb,CAAC;",
   "names": []
 }

package/esm/map/contexts/map-loading.context.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const MapLoadingContext = createContext(void 0);
+export {
+  MapLoadingContext
+};
+//# sourceMappingURL=map-loading.context.js.map

package/esm/map/contexts/map-loading.context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/map/contexts/map-loading.context.ts"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nexport const MapLoadingContext = createContext<boolean | undefined>(undefined);\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAEvB,MAAM,oBAAoB,cAAmC,MAAS;",
+  "names": []
+}

package/esm/map/hooks/use-load-map-base-layer.js

@@ -1,5 +1,4 @@
-import { useEffect, useState } from "react";
-import { INCLUDE_ALL_WILDCARD_RULE } from "../constants.js";
+import { useCallback, useEffect, useState } from "react";
 import { applyFeatureFilterRules } from "../utils/apply-feature-filter-rules.js";
 import {
   getCountryRegionsRules,
@@ -14,33 +13,28 @@ import { getBaseLayerShapesRequestConfig } from "../utils/get-base-layer-shapes-
 import { getClientSettings } from "../utils/get-client-settings.js";
 import { getTenantCountryCode } from "../utils/get-tenant-country-code.js";
 import { mergeFeatureCollections } from "../utils/merge-feature-collections.js";
-const DEFAULT_BASE_LAYER_RULES = {
-  include: [INCLUDE_ALL_WILDCARD_RULE],
-  exclude: []
-};
 const useLoadMapBaseLayer = (baseLayerConfig) => {
   const [isLoading, setIsLoading] = useState(true);
   const [isMapEnabled, setIsMapEnabled] = useState(false);
   const [baseFeatureCollection, setBaseFeatureCollection] = useState(void 0);
-  const baseLayerRules = baseLayerConfig ?? DEFAULT_BASE_LAYER_RULES;
   const [error, setError] = useState(false);
-  const getData = async () => {
+  const getData = useCallback(async () => {
     setIsLoading(true);
     const isMapEnabledResponse = await getClientSettings();
     if (isMapEnabledResponse) {
       setIsMapEnabled(isMapEnabledResponse);
       getTenantCountryCode().then((tenantCountryCode) => {
-        const { includeWorldView, countryRegions } = getBaseLayerShapesRequestConfig(baseLayerRules.include);
+        const { includeWorldView, countryRegions } = getBaseLayerShapesRequestConfig(baseLayerConfig.include);
         const featuresRequests = [];
         if (includeWorldView) {
-          const worldViewRules = getWorldViewRules(baseLayerRules);
+          const worldViewRules = getWorldViewRules(baseLayerConfig);
           const worldViewRequest = fetchWorldViewFeatures(
             tenantCountryCode
           ).then(applyFeatureFilterRules(worldViewRules));
           featuresRequests.push(worldViewRequest);
         }
         if (countryRegions.length > 0) {
-          const regionsRules = getRegionsRules(baseLayerRules);
+          const regionsRules = getRegionsRules(baseLayerConfig);
           countryRegions.forEach((countryCode) => {
             const countryRules = getCountryRegionsRules(
               regionsRules,
@@ -62,10 +56,10 @@ const useLoadMapBaseLayer = (baseLayerConfig) => {
         }).finally(() => setIsLoading(false));
       });
     }
-  };
+  }, [baseLayerConfig.include, baseLayerConfig.exclude]);
   useEffect(() => {
     getData();
-  }, []);
+  }, [getData]);
   return { isLoading, baseFeatureCollection, isMapEnabled, error };
 };
 export {

package/esm/map/hooks/use-load-map-base-layer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/hooks/use-load-map-base-layer.ts"],
-  "sourcesContent": ["import { FeatureCollection } from 'geojson';\nimport { useEffect, useState } from 'react';\n\nimport { INCLUDE_ALL_WILDCARD_RULE } from '../constants.js';\nimport type { BaseLayerRules } from '../types/base-layer.js';\nimport { applyFeatureFilterRules } from '../utils/apply-feature-filter-rules.js';\nimport {\n  getCountryRegionsRules,\n  getRegionsRules,\n  getWorldViewRules,\n} from '../utils/base-layer-rules.js';\nimport {\n  fetchCountryFeatures,\n  fetchWorldViewFeatures,\n} from '../utils/fetch-base-layer-features.js';\nimport { getBaseLayerShapesRequestConfig } from '../utils/get-base-layer-shapes-request-config.js';\nimport { getClientSettings } from '../utils/get-client-settings.js';\nimport { getTenantCountryCode } from '../utils/get-tenant-country-code.js';\nimport { mergeFeatureCollections } from '../utils/merge-feature-collections.js';\n\nconst DEFAULT_BASE_LAYER_RULES = {\n  include: [INCLUDE_ALL_WILDCARD_RULE],\n  exclude: [],\n} as const as BaseLayerRules;\nexport const useLoadMapBaseLayer = (\n  baseLayerConfig: BaseLayerRules | undefined,\n) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isMapEnabled, setIsMapEnabled] = useState(false);\n  const [baseFeatureCollection, setBaseFeatureCollection] = useState<\n    FeatureCollection | undefined\n  >(undefined);\n  const baseLayerRules = baseLayerConfig ?? DEFAULT_BASE_LAYER_RULES;\n  const [error, setError] = useState<boolean>(false);\n  const getData = async () => {\n    setIsLoading(true);\n    const isMapEnabledResponse = await getClientSettings();\n    if (isMapEnabledResponse) {\n      setIsMapEnabled(isMapEnabledResponse);\n      getTenantCountryCode().then((tenantCountryCode) => {\n        const { includeWorldView, countryRegions } =\n          getBaseLayerShapesRequestConfig(baseLayerRules.include);\n        const featuresRequests: Promise<FeatureCollection>[] = [];\n        if (includeWorldView) {\n          const worldViewRules = getWorldViewRules(baseLayerRules);\n          const worldViewRequest = fetchWorldViewFeatures(\n            tenantCountryCode,\n          ).then(applyFeatureFilterRules(worldViewRules));\n          featuresRequests.push(worldViewRequest);\n        }\n        if (countryRegions.length > 0) {\n          const regionsRules = getRegionsRules(baseLayerRules);\n          countryRegions.forEach((countryCode: string) => {\n            const countryRules = getCountryRegionsRules(\n              regionsRules,\n              countryCode,\n            );\n            const countryRequest = fetchCountryFeatures(\n              tenantCountryCode,\n              countryCode,\n            ).then(applyFeatureFilterRules(countryRules, countryCode));\n            featuresRequests.push(countryRequest);\n          });\n        }\n        Promise.all(featuresRequests)\n          .then((featureCollections) => {\n            setBaseFeatureCollection(\n              mergeFeatureCollections(featureCollections),\n            );\n          })\n          .catch(() => {\n            setError(true);\n          })\n          .finally(() => setIsLoading(false));\n      });\n    }\n  };\n\n  useEffect(() => {\n    getData();\n  }, []);\n  return { isLoading, baseFeatureCollection, isMapEnabled, error };\n};\n"],
-  "mappings": "AACA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,iCAAiC;AAE1C,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uCAAuC;AAChD,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AAExC,MAAM,2BAA2B;AAAA,EAC/B,SAAS,CAAC,yBAAyB;AAAA,EACnC,SAAS,CAAC;AACZ;AACO,MAAM,sBAAsB,CACjC,oBACG;AACH,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAExD,MAAS;AACX,QAAM,iBAAiB,mBAAmB;AAC1C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB,KAAK;AACjD,QAAM,UAAU,YAAY;AAC1B,iBAAa,IAAI;AACjB,UAAM,uBAAuB,MAAM,kBAAkB;AACrD,QAAI,sBAAsB;AACxB,sBAAgB,oBAAoB;AACpC,2BAAqB,EAAE,KAAK,CAAC,sBAAsB;AACjD,cAAM,EAAE,kBAAkB,eAAe,IACvC,gCAAgC,eAAe,OAAO;AACxD,cAAM,mBAAiD,CAAC;AACxD,YAAI,kBAAkB;AACpB,gBAAM,iBAAiB,kBAAkB,cAAc;AACvD,gBAAM,mBAAmB;AAAA,YACvB;AAAA,UACF,EAAE,KAAK,wBAAwB,cAAc,CAAC;AAC9C,2BAAiB,KAAK,gBAAgB;AAAA,QACxC;AACA,YAAI,eAAe,SAAS,GAAG;AAC7B,gBAAM,eAAe,gBAAgB,cAAc;AACnD,yBAAe,QAAQ,CAAC,gBAAwB;AAC9C,kBAAM,eAAe;AAAA,cACnB;AAAA,cACA;AAAA,YACF;AACA,kBAAM,iBAAiB;AAAA,cACrB;AAAA,cACA;AAAA,YACF,EAAE,KAAK,wBAAwB,cAAc,WAAW,CAAC;AACzD,6BAAiB,KAAK,cAAc;AAAA,UACtC,CAAC;AAAA,QACH;AACA,gBAAQ,IAAI,gBAAgB,EACzB,KAAK,CAAC,uBAAuB;AAC5B;AAAA,YACE,wBAAwB,kBAAkB;AAAA,UAC5C;AAAA,QACF,CAAC,EACA,MAAM,MAAM;AACX,mBAAS,IAAI;AAAA,QACf,CAAC,EACA,QAAQ,MAAM,aAAa,KAAK,CAAC;AAAA,MACtC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,YAAU,MAAM;AACd,YAAQ;AAAA,EACV,GAAG,CAAC,CAAC;AACL,SAAO,EAAE,WAAW,uBAAuB,cAAc,MAAM;AACjE;",
+  "sourcesContent": ["import { FeatureCollection } from 'geojson';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport type { BaseLayerRules } from '../types/base-layer.js';\nimport { applyFeatureFilterRules } from '../utils/apply-feature-filter-rules.js';\nimport {\n  getCountryRegionsRules,\n  getRegionsRules,\n  getWorldViewRules,\n} from '../utils/base-layer-rules.js';\nimport {\n  fetchCountryFeatures,\n  fetchWorldViewFeatures,\n} from '../utils/fetch-base-layer-features.js';\nimport { getBaseLayerShapesRequestConfig } from '../utils/get-base-layer-shapes-request-config.js';\nimport { getClientSettings } from '../utils/get-client-settings.js';\nimport { getTenantCountryCode } from '../utils/get-tenant-country-code.js';\nimport { mergeFeatureCollections } from '../utils/merge-feature-collections.js';\n\nexport const useLoadMapBaseLayer = (baseLayerConfig: BaseLayerRules) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isMapEnabled, setIsMapEnabled] = useState(false);\n  const [baseFeatureCollection, setBaseFeatureCollection] = useState<\n    FeatureCollection | undefined\n  >(undefined);\n  const [error, setError] = useState<boolean>(false);\n\n  const getData = useCallback(async () => {\n    setIsLoading(true);\n    const isMapEnabledResponse = await getClientSettings();\n\n    if (isMapEnabledResponse) {\n      setIsMapEnabled(isMapEnabledResponse);\n      getTenantCountryCode().then((tenantCountryCode: string) => {\n        const { includeWorldView, countryRegions } =\n          getBaseLayerShapesRequestConfig(baseLayerConfig.include);\n        const featuresRequests: Promise<FeatureCollection>[] = [];\n\n        if (includeWorldView) {\n          const worldViewRules = getWorldViewRules(baseLayerConfig);\n          const worldViewRequest = fetchWorldViewFeatures(\n            tenantCountryCode,\n          ).then(applyFeatureFilterRules(worldViewRules));\n          featuresRequests.push(worldViewRequest);\n        }\n\n        if (countryRegions.length > 0) {\n          const regionsRules = getRegionsRules(baseLayerConfig);\n          countryRegions.forEach((countryCode: string) => {\n            const countryRules = getCountryRegionsRules(\n              regionsRules,\n              countryCode,\n            );\n            const countryRequest = fetchCountryFeatures(\n              tenantCountryCode,\n              countryCode,\n            ).then(applyFeatureFilterRules(countryRules, countryCode));\n            featuresRequests.push(countryRequest);\n          });\n        }\n\n        Promise.all(featuresRequests)\n          .then((featureCollections) => {\n            setBaseFeatureCollection(\n              mergeFeatureCollections(featureCollections),\n            );\n          })\n          .catch(() => {\n            setError(true);\n          })\n          .finally(() => setIsLoading(false));\n      });\n    }\n  }, [baseLayerConfig.include, baseLayerConfig.exclude]);\n\n  useEffect(() => {\n    getData();\n  }, [getData]);\n  return { isLoading, baseFeatureCollection, isMapEnabled, error };\n};\n"],
+  "mappings": "AACA,SAAS,aAAa,WAAW,gBAAgB;AAGjD,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uCAAuC;AAChD,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AAEjC,MAAM,sBAAsB,CAAC,oBAAoC;AACtE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAExD,MAAS;AACX,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB,KAAK;AAEjD,QAAM,UAAU,YAAY,YAAY;AACtC,iBAAa,IAAI;AACjB,UAAM,uBAAuB,MAAM,kBAAkB;AAErD,QAAI,sBAAsB;AACxB,sBAAgB,oBAAoB;AACpC,2BAAqB,EAAE,KAAK,CAAC,sBAA8B;AACzD,cAAM,EAAE,kBAAkB,eAAe,IACvC,gCAAgC,gBAAgB,OAAO;AACzD,cAAM,mBAAiD,CAAC;AAExD,YAAI,kBAAkB;AACpB,gBAAM,iBAAiB,kBAAkB,eAAe;AACxD,gBAAM,mBAAmB;AAAA,YACvB;AAAA,UACF,EAAE,KAAK,wBAAwB,cAAc,CAAC;AAC9C,2BAAiB,KAAK,gBAAgB;AAAA,QACxC;AAEA,YAAI,eAAe,SAAS,GAAG;AAC7B,gBAAM,eAAe,gBAAgB,eAAe;AACpD,yBAAe,QAAQ,CAAC,gBAAwB;AAC9C,kBAAM,eAAe;AAAA,cACnB;AAAA,cACA;AAAA,YACF;AACA,kBAAM,iBAAiB;AAAA,cACrB;AAAA,cACA;AAAA,YACF,EAAE,KAAK,wBAAwB,cAAc,WAAW,CAAC;AACzD,6BAAiB,KAAK,cAAc;AAAA,UACtC,CAAC;AAAA,QACH;AAEA,gBAAQ,IAAI,gBAAgB,EACzB,KAAK,CAAC,uBAAuB;AAC5B;AAAA,YACE,wBAAwB,kBAAkB;AAAA,UAC5C;AAAA,QACF,CAAC,EACA,MAAM,MAAM;AACX,mBAAS,IAAI;AAAA,QACf,CAAC,EACA,QAAQ,MAAM,aAAa,KAAK,CAAC;AAAA,MACtC,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,gBAAgB,SAAS,gBAAgB,OAAO,CAAC;AAErD,YAAU,MAAM;AACd,YAAQ;AAAA,EACV,GAAG,CAAC,OAAO,CAAC;AACZ,SAAO,EAAE,WAAW,uBAAuB,cAAc,MAAM;AACjE;",
   "names": []
 }

package/esm/map/hooks/use-map-loading.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import { MapLoadingContext } from "../contexts/map-loading.context.js";
+const useMapLoading = () => useContext(MapLoadingContext);
+export {
+  useMapLoading
+};
+//# sourceMappingURL=use-map-loading.js.map

package/esm/map/hooks/use-map-loading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/map/hooks/use-map-loading.ts"],
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { MapLoadingContext } from '../contexts/map-loading.context.js';\n\nexport const useMapLoading = () => useContext(MapLoadingContext);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAE3B,MAAM,gBAAgB,MAAM,WAAW,iBAAiB;",
+  "names": []
+}