@dynatrace/strato-geo 0.8.13 → 0.9.17

package/map/functions/iterate-config-slots.js

@@ -78,6 +78,8 @@ const iterateConfigSlots = (children) => {
             legend: {
               type: "sequential",
               colorPalette: import_constants.DEFAULT_SEQUENTIAL_LEGEND_COLOR_PALETTE,
+              position: import_constants.DEFAULT_MAP_POSITION,
+              ratio: import_constants.DEFAULT_MAP_LEGEND_RATIO,
               ...legend
             }
           };
@@ -89,6 +91,7 @@ const iterateConfigSlots = (children) => {
             ...slots,
             legend: {
               type: "categorical",
+              position: import_constants.DEFAULT_MAP_POSITION,
               ...legend
             }
           };
@@ -100,6 +103,8 @@ const iterateConfigSlots = (children) => {
             ...slots,
             legend: {
               type: "threshold",
+              position: import_constants.DEFAULT_MAP_POSITION,
+              ratio: import_constants.DEFAULT_MAP_LEGEND_RATIO,
               ...legend
             }
           };

package/map/functions/parse-tooltip-data.d.ts

@@ -1,4 +1,4 @@
-import { MapGeoJSONFeature } from 'maplibre-gl';
+import type { MapGeoJSONFeature } from 'maplibre-gl';
 /**
  * Extracts useful map features data for the tooltip
  * @param features - map features

package/map/functions/set-layers-id.js

@@ -66,6 +66,7 @@ const setLayersId = (children) => {
           };
           return {
             ...child,
+            key: layerId,
             props: newProps,
             type: layer?.component
           };

package/map/functions/tooltip-type-guards.d.ts

@@ -1,4 +1,4 @@
-import { BubbleLayerTooltipHandler, ChoroplethLayerTooltipData, ChoroplethLayerTooltipHandler, ConnectionLayerTooltipData, ConnectionLayerTooltipHandler, DotLayerTooltipHandler, LayerTooltipData, LayerTooltipHandler } from '../types/tooltip.js';
+import type { BubbleLayerTooltipHandler, ChoroplethLayerTooltipData, ChoroplethLayerTooltipHandler, ConnectionLayerTooltipData, ConnectionLayerTooltipHandler, DotLayerTooltipHandler, LayerTooltipData, LayerTooltipHandler } from '../types/tooltip.js';
 /**
  * Type guards for tooltip template
  * @param template

package/map/hooks/use-attach-image-from-icon.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
-import { MapShape } from '../types/shapes.js';
+import { type ReactNode } from 'react';
+import type { MapShape } from '../types/shapes.js';
 export declare const useAttachImageFromIcon: (icon: string | MapShape | ReactNode, suffix: string, outputSize?: number) => boolean;

package/map/hooks/use-attach-symbol-to-map.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
-import { MapShape } from '../types/shapes.js';
+import type { ReactNode } from 'react';
+import type { MapShape } from '../types/shapes.js';
 export declare const useAttachSymbolToMap: (icon: string | MapShape | ReactNode, suffix?: string, outputSize?: number) => null | undefined;

package/map/hooks/use-color-scale.d.ts

@@ -1,2 +1,2 @@
-import { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';
+import type { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';
 export declare function useColorScale(): ScaleQuantize<string> | ScaleThreshold<number, string> | ScaleOrdinal<string, string> | undefined;

package/map/hooks/use-initial-view-state.d.ts

@@ -1,2 +1,2 @@
-import { ViewState } from '../types/map-view.js';
+import type { ViewState } from '../types/map-view.js';
 export declare const useInitialViewState: (initialViewState: ViewState | undefined) => [number, number, number, number] | ViewState;

package/map/hooks/use-legend-interaction-highlighting.d.ts

@@ -1,5 +1,5 @@
-import { BubbleLayerProps } from '../types/bubble-layer.js';
-import { ChoroplethLayerProps } from '../types/choropleth-layer.js';
-import { DotLayerProps } from '../types/dot-layer.js';
-import { Location } from '../types/location.js';
+import type { BubbleLayerProps } from '../types/bubble-layer.js';
+import type { ChoroplethLayerProps } from '../types/choropleth-layer.js';
+import type { DotLayerProps } from '../types/dot-layer.js';
+import type { Location } from '../types/location.js';
 export declare const useLegendInteractionHighlighting: <L extends Location, R extends Record<string, unknown>>(props: DotLayerProps<L> | BubbleLayerProps<L> | ChoroplethLayerProps<R>, sourceId: string) => void;

package/map/hooks/use-legend-interaction-visibility.d.ts

@@ -1,5 +1,5 @@
-import { BubbleLayerProps } from '../types/bubble-layer.js';
-import { ChoroplethLayerProps } from '../types/choropleth-layer.js';
-import { DotLayerProps } from '../types/dot-layer.js';
-import { Location } from '../types/location.js';
+import type { BubbleLayerProps } from '../types/bubble-layer.js';
+import type { ChoroplethLayerProps } from '../types/choropleth-layer.js';
+import type { DotLayerProps } from '../types/dot-layer.js';
+import type { Location } from '../types/location.js';
 export declare const useLegendInteractionVisibility: <L extends Location, R extends Record<string, unknown>>(props: DotLayerProps<L> | BubbleLayerProps<L> | ChoroplethLayerProps<R>, layerId: string) => void;

package/map/hooks/use-load-symbol-into-map.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { MapShape, SymbolType } from '../types/shapes.js';
+import type { ReactNode } from 'react';
+import type { MapShape, SymbolType } from '../types/shapes.js';
 export declare const useLoadSymbolIntoMap: (shape: string | MapShape | ReactNode, layerId: string, outputSize?: number) => {
     symbolType: SymbolType;
     symbolName: string;

package/map/hooks/use-map-performance.d.ts

@@ -1,18 +1,3 @@
-/**
- * @license
- * Copyright 2023 Dynatrace LLC
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 export declare const useMapPerformance: (mapContainerRef: React.RefObject<HTMLDivElement>) => {
     onLoadHandler: (() => void) | undefined;
     onRenderHandler: (() => void) | undefined;

package/map/hooks/use-map-performance.js

@@ -21,21 +21,6 @@ __export(use_map_performance_exports, {
 });
 module.exports = __toCommonJS(use_map_performance_exports);
 var import_react = require("react");
-/**
- * @license
- * Copyright 2023 Dynatrace LLC
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 const useMapPerformance = (mapContainerRef) => {
   const isDev = true;
   const isRendered = (0, import_react.useRef)(false);

package/map/hooks/use-overlay-events.d.ts

@@ -1,4 +1,4 @@
-import { MapLayerMouseEvent } from 'maplibre-gl';
+import type { MapLayerMouseEvent } from 'maplibre-gl';
 export declare const useOverlayEvents: () => {
     handleMouseEnter: () => void;
     handleMouseMove: (event: MapLayerMouseEvent) => void;

package/map/hooks/use-tooltip-template.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactNode } from 'react';
-import { LayerTooltipHandler } from '../types/tooltip.js';
+import React, { type ReactNode } from 'react';
+import type { LayerTooltipHandler } from '../types/tooltip.js';
 /**
  * It returns the tooltip template handler or undefined (tooltip disabled).
  *

package/map/providers/color-scale.provider.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 /**
  * This provider will hold the scale used to map from a value of the domain
  * to a color in the color palette (range) or undefined in case is out of the

package/map/providers/layer-color-strategy.provider.d.ts

@@ -1,6 +1,6 @@
-import { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';
-import React, { PropsWithChildren } from 'react';
-import { MapLegendConfig } from '../types/legend.js';
+import type { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';
+import React, { type PropsWithChildren } from 'react';
+import type { MapLegendConfig } from '../types/legend.js';
 export declare function buildCategoricalScale(scale: ScaleOrdinal<string, string>): (value: string) => string | undefined;
 export declare function buildNumericScale(scale: ScaleThreshold<number, string> | ScaleQuantize<string>): (value: number) => string | undefined;
 export declare function buildClampedScale(legend: MapLegendConfig, scale: ScaleQuantize<string> | ScaleThreshold<number, string> | ScaleOrdinal<string, string>): (value: string | number) => string | undefined;

package/map/providers/map-initial-view.provider.d.ts

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react';
-import { ViewState } from '../types/map-view.js';
+import React, { type PropsWithChildren } from 'react';
+import type { ViewState } from '../types/map-view.js';
 /**
  *
  * Since the initial view state can be determined in 2 different ways

package/map/shapes/shape-picker.d.ts

@@ -1,2 +1,2 @@
-import { MapShape } from '../types/shapes.js';
+import type { MapShape } from '../types/shapes.js';
 export declare const getShape: (shape: MapShape) => string;

package/map/slots/BubbleLayer.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { BubbleLayerProps } from '../types/bubble-layer.js';
-import { Location } from '../types/location.js';
+import type { PropsWithChildren } from 'react';
+import type { BubbleLayerProps } from '../types/bubble-layer.js';
+import type { Location } from '../types/location.js';
 /**
  * The `BubbleLayer` component renders data points as bubbles on a map, accepting an array of data points
  * with required properties like latitude and longitude. It supports customization of bubble size
  * using the radius prop and optional tooltips for displaying additional information.
  */
 export declare const BubbleLayer: {
-    <T extends Location>(_: React.PropsWithChildren<BubbleLayerProps<T>>): null;
+    <T extends Location>(_: PropsWithChildren<BubbleLayerProps<T>>): null;
     Tooltip: {
-        ({ children, }: import("../types/tooltip.js").BubbleLayerTooltipHandlerProps): React.JSX.Element;
+        ({ children, }: import("../types/tooltip.js").BubbleLayerTooltipHandlerProps): import("react").JSX.Element;
         displayName: string;
     };
     displayName: string;

package/map/slots/BubbleLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BubbleLayerTooltipHandlerProps } from '../types/tooltip.js';
+import type { BubbleLayerTooltipHandlerProps } from '../types/tooltip.js';
 export declare const BubbleLayerTooltip: {
     ({ children, }: BubbleLayerTooltipHandlerProps): React.JSX.Element;
     displayName: string;

package/map/slots/CategoricalLegend.d.ts

@@ -1,4 +1,4 @@
-import { CategoricalLegendProps } from '../types/legend.js';
+import type { CategoricalLegendProps } from '../types/legend.js';
 /** The categorical legend slot component */
 export declare const CategoricalLegend: {
     (props: CategoricalLegendProps): null;

package/map/slots/ChartInteractions.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { ChartInteractionsProps } from '../types/toolbar.js';
+import type { PropsWithChildren } from 'react';
+import type { ChartInteractionsProps } from '../types/toolbar.js';
 /** ChartInteractions interactions slot component */
 export declare const ChartInteractions: {
     (props: PropsWithChildren<ChartInteractionsProps>): null;

package/map/slots/ChoroplethLayer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ChoroplethLayerProps } from '../types/choropleth-layer.js';
+import type { PropsWithChildren } from 'react';
+import type { ChoroplethLayerProps } from '../types/choropleth-layer.js';
 /**
  * The `ChoroplethLayer` component allows users to display divided geographical
  * areas or regions that are coloured in relation to a given data. It provides an
@@ -7,7 +7,7 @@ import { ChoroplethLayerProps } from '../types/choropleth-layer.js';
  * the level of variability within a region.
  */
 export declare const ChoroplethLayer: {
-    <T extends Record<string, unknown>>(_: React.PropsWithChildren<ChoroplethLayerProps<T>>): null;
+    <T extends Record<string, unknown>>(_: PropsWithChildren<ChoroplethLayerProps<T>>): null;
     Tooltip: {
         ({ children, }: import("../types/tooltip.js").ChoroplethLayerTooltipHandlerProps): null;
         displayName: string;

package/map/slots/ChoroplethLayerTooltip.d.ts

@@ -1,4 +1,4 @@
-import { ChoroplethLayerTooltipHandlerProps } from '../types/tooltip.js';
+import type { ChoroplethLayerTooltipHandlerProps } from '../types/tooltip.js';
 export declare const ChoroplethLayerTooltip: {
     ({ children, }: ChoroplethLayerTooltipHandlerProps): null;
     displayName: string;

package/map/slots/ConnectionLayer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ConnectionLayerProps, type Connection } from '../types/connection-layer.js';
+import type { PropsWithChildren } from 'react';
+import type { ConnectionLayerProps, Connection } from '../types/connection-layer.js';
 /**
  * The `ConnectionLayer` component renders connections between points on a map,
  * accepting an array of `Connection` data points with required properties like
@@ -7,7 +7,7 @@ import { ConnectionLayerProps, type Connection } from '../types/connection-layer
  * direction the connection indicators.
  */
 export declare const ConnectionLayer: {
-    <T extends Connection>(_: React.PropsWithChildren<ConnectionLayerProps<T>>): null;
+    <T extends Connection>(_: PropsWithChildren<ConnectionLayerProps<T>>): null;
     Tooltip: {
         (_: import("../types/tooltip.js").ConnectionLayerTooltipHandlerProps): null;
         displayName: string;

package/map/slots/ConnectionLayerTooltip.d.ts

@@ -1,4 +1,4 @@
-import { ConnectionLayerTooltipHandlerProps } from '../types/tooltip.js';
+import type { ConnectionLayerTooltipHandlerProps } from '../types/tooltip.js';
 export declare const ConnectionLayerTooltip: {
     (_: ConnectionLayerTooltipHandlerProps): null;
     displayName: string;

package/map/slots/DotLayer.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { DotLayerProps } from '../types/dot-layer.js';
-import { Location } from '../types/location.js';
+import type { PropsWithChildren } from 'react';
+import type { DotLayerProps } from '../types/dot-layer.js';
+import type { Location } from '../types/location.js';
 /**
  * The `DotLayer` component renders data points on a map, accepting an array of data points
  * with required properties like latitude and longitude. It provides support
@@ -9,9 +9,9 @@ import { Location } from '../types/location.js';
  * legends for color configuration.
  */
 export declare const DotLayer: {
-    <T extends Location>(_: React.PropsWithChildren<DotLayerProps<T>>): null;
+    <T extends Location>(_: PropsWithChildren<DotLayerProps<T>>): null;
     Tooltip: {
-        ({ children }: import("../types/tooltip.js").DotLayerTooltipHandlerProps): React.JSX.Element;
+        ({ children }: import("../types/tooltip.js").DotLayerTooltipHandlerProps): import("react").JSX.Element;
         displayName: string;
     };
     displayName: string;

package/map/slots/DotLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DotLayerTooltipHandlerProps } from '../types/tooltip.js';
+import type { DotLayerTooltipHandlerProps } from '../types/tooltip.js';
 export declare const DotLayerTooltip: {
     ({ children }: DotLayerTooltipHandlerProps): React.JSX.Element;
     displayName: string;

package/map/slots/SequentialLegend.d.ts

@@ -1,4 +1,4 @@
-import { SequentialLegendProps } from '../types/legend.js';
+import type { SequentialLegendProps } from '../types/legend.js';
 /** The sequential legend slot component */
 export declare const SequentialLegend: {
     (props: SequentialLegendProps): null;

package/map/slots/ThresholdLegend.d.ts

@@ -1,4 +1,4 @@
-import { ThresholdLegendProps } from '../types/legend.js';
+import type { ThresholdLegendProps } from '../types/legend.js';
 /** The sequential legend slot component */
 export declare const ThresholdLegend: {
     (props: ThresholdLegendProps): null;

package/map/slots/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { _ChartTooltipAtomsType as ChartTooltipAtomsType } from '@dynatrace/strato-components-preview/charts';
+import type { _ChartTooltipAtomsType as ChartTooltipAtomsType } from '@dynatrace/strato-components-preview/charts';
 import type { ChartTooltip } from '../types/tooltip.js';
 /**
  * @public

package/map/slots/states/ErrorStateSlot.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+import type { ReactNode } from 'react';
 export interface ErrorStateSlotProps {
-    children: React.ReactNode | ((errorMessage: string) => JSX.Element);
+    children: ReactNode | ((errorMessage: string) => JSX.Element);
 }
 export declare const ErrorStateSlot: (props: ErrorStateSlotProps) => null;

package/map/store/map-store.context.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Store } from '@dynatrace/strato-components-preview/core';
-import { MapState } from '../types/state.js';
+import { type Store } from '@dynatrace/strato-components-preview/core';
+import type { MapState } from '../types/state.js';
 export declare const initialState: MapState<unknown>;
 export declare const MapStore: React.Context<Store<MapState<unknown>>>;

package/map/store/map-store.provider.d.ts

@@ -1,2 +1,2 @@
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 export declare const MapStoreProvider: ({ children }: PropsWithChildren) => React.JSX.Element;

package/map/store/selectors.d.ts

@@ -1,4 +1,4 @@
-import { MapState } from '../types/state.js';
+import type { MapState } from '../types/state.js';
 export declare const useSelector: <T, O>(selector: (state: MapState<T>) => O) => O;
 export declare const useMapSelectionState: <T>() => import("../types/state.js").MapSelectionState;
 export declare const useMapTooltipState: <T>() => {

package/map/store/store.d.ts

@@ -1,4 +1,4 @@
-import { MapOverlayState, MapSelectionState, MapTooltipState } from '../types/state.js';
+import type { MapOverlayState, MapSelectionState, MapTooltipState } from '../types/state.js';
 export declare const useSetState: () => (action: import("../types/state.js").MapState<unknown> | ((prev: import("../types/state.js").MapState<unknown>) => import("../types/state.js").MapState<unknown>)) => void;
 export * from './selectors.js';
 export declare const useSetStateSelection: () => (newSelectionState: Partial<MapSelectionState>) => void;

package/map/types/bubble-layer.d.ts

@@ -1,5 +1,5 @@
-import { LegendColorLayerProps, LocationColorProps } from './coloring.js';
-import { Location } from './location.js';
+import type { LegendColorLayerProps, LocationColorProps } from './coloring.js';
+import type { Location } from './location.js';
 /**
  * Base props to configure a BubbleLayer
  * @typeParam T - Object extending Location

package/map/types/choropleth-layer.d.ts

@@ -1,4 +1,4 @@
-import { ChoroplethCustomColorProps, LegendColorLayerProps } from './coloring.js';
+import type { ChoroplethCustomColorProps, LegendColorLayerProps } from './coloring.js';
 /**
  * Base props to configure a ChoroplethLayer
  * @typeParam T - Object extending a record of string keys and any type of values

package/map/types/coloring.d.ts

@@ -1,4 +1,4 @@
-import { Location } from './location.js';
+import type { Location } from './location.js';
 /**
  * Props to configure any Layer with custom coloring
  * @typeParam T - Object extending Location

package/map/types/configuration.d.ts

@@ -1,5 +1,5 @@
-import { MapLegendConfig } from './legend.js';
-import { ChartInteractionsConfig, MapToolbarConfig } from './toolbar.js';
+import type { MapLegendConfig } from './legend.js';
+import type { ChartInteractionsConfig, MapToolbarConfig } from './toolbar.js';
 /**
  * @internal
  */

package/map/types/connection-layer.d.ts

@@ -1,5 +1,5 @@
 import type GeoJSON from 'geojson';
-import { Location } from './location.js';
+import type { Location } from './location.js';
 /**
  * Data type for connections in the Connection Layer.
  * @typeParam L - Object extending Location.

package/map/types/dot-layer.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { LegendColorLayerProps, LocationColorProps } from './coloring.js';
-import { Location } from './location.js';
-import { MapShape } from './shapes.js';
+import type { ReactNode } from 'react';
+import type { LegendColorLayerProps, LocationColorProps } from './coloring.js';
+import type { Location } from './location.js';
+import type { MapShape } from './shapes.js';
 /**
  * Base props to configure a DotLayer.
  * @typeParam T - Object extending Location
@@ -13,7 +13,7 @@ export interface DotLayerBaseProps<T extends Location> {
     data: T[];
     /**
      * The shape of the dots
-     * @defaultValue 'circle'
+     * @defaultValue 'pin'
      */
     shape?: string | MapShape | ReactNode;
     /**

package/map/types/legend.d.ts

@@ -1,17 +1,6 @@
-import { ColoredRange, ColorPalette, LegendPosition } from '@dynatrace/strato-components-preview/charts';
+import type { ColoredRange, ColorPalette, LegendProps } from '@dynatrace/strato-components-preview/charts';
 /** The props common to all different legends */
-export interface BaseLegendProps {
-    /**
-     * The legend position relative to the map
-     * @defaultValue 'auto'
-     */
-    position?: LegendPosition;
-    /**
-     * Hides the legend while keeping the coloring
-     * @defaultValue false
-     */
-    hidden?: boolean;
-}
+export type BaseLegendProps = Omit<LegendProps, 'resizable'>;
 /** The sequential legend props */
 export interface SequentialLegendProps extends BaseLegendProps {
     /** The min boundary */
@@ -34,18 +23,7 @@ export interface ThresholdLegendProps extends BaseLegendProps {
     ranges: ColoredRange[];
 }
 /** The internal configs common to all different legends */
-export interface BaseLegendConfig {
-    /**
-     * The legend position relative to the map
-     * @defaultValue 'auto'
-     */
-    position: LegendPosition;
-    /**
-     * Hides the legend while keeping the coloring
-     * @defaultValue 'false'
-     */
-    hidden: boolean;
-}
+export type BaseLegendConfig = Omit<LegendProps, 'resizable'>;
 /** The sequential legend internal config */
 export interface SequentialLegendConfig extends BaseLegendConfig {
     type: 'sequential';

package/map/types/map-view.d.ts

@@ -1,5 +1,5 @@
-import { Style } from 'maplibre-gl';
-import { CSSProperties } from 'react';
+import type { Style } from 'maplibre-gl';
+import type { CSSProperties } from 'react';
 /**
  * Type to disallow al props in a given type
  */
@@ -61,7 +61,7 @@ export interface MapViewBaseProps {
     loading?: boolean;
     /**
      * The height of the chart. If a number is passed, it will be treated as px
-     * @defaultValue 300px
+     * @defaultValue 400px
      */
     height?: number | string;
     /**

package/map/types/state.d.ts

@@ -1,4 +1,4 @@
-import { _LegendItem as LegendItem } from '@dynatrace/strato-components-preview/charts';
+import type { _LegendItem as LegendItem } from '@dynatrace/strato-components-preview/charts';
 export interface MapSelectionState {
     highlightedSeries: LegendItem[] | undefined;
     visible: LegendItem[] | undefined;

package/map/types/toolbar.d.ts

@@ -1,4 +1,4 @@
-import { ToolbarPlacement, ZoomChangeHandler } from '@dynatrace/strato-components-preview/charts';
+import type { ToolbarPlacement, ZoomChangeHandler } from '@dynatrace/strato-components-preview/charts';
 export type ToolbarInteractionModes = 'zoom' | 'zoom-to-fit' | 'zoom-in' | 'zoom-out' | 'reset' | 'download-data';
 /** Props for the ChartInteractions component **/
 export interface ChartInteractionsProps {

package/map/types/tooltip.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { _ChartTooltipSlotsType as ChartTooltipSlotsType, _ChartTooltipTemplateType as ChartTooltipTemplateType } from '@dynatrace/strato-components-preview/charts';
+import type { _ChartTooltipSlotsType as ChartTooltipSlotsType, _ChartTooltipTemplateType as ChartTooltipTemplateType } from '@dynatrace/strato-components-preview/charts';
 import type { Connection } from './connection-layer.js';
-import { Location } from './location.js';
+import type { Location } from './location.js';
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynatrace/strato-geo",
-  "version": "0.8.13",
+  "version": "0.9.17",
   "private": false,
   "license": "Apache-2.0",
   "lang": "lang/uncompiled",
@@ -39,7 +39,7 @@
     "mapbox-gl": "npm:empty-npm-package@1.0.0",
     "maplibre-gl": "^3.1.0",
     "react-map-gl": "^7.1.7",
-    "@dynatrace/strato-design-tokens": "0.20.10",
+    "@dynatrace/strato-design-tokens": "0.20.30",
     "@dynatrace/strato-icons": "0.37.0"
   },
   "peerDependencies": {
@@ -49,7 +49,7 @@
     "react-dom": "^18.0.0",
     "react-intl": "^6.0.8",
     "react-is": "^18.0.0",
-    "@dynatrace/strato-components-preview": "~0.114.12"
+    "@dynatrace/strato-components-preview": "~0.115.17"
   },
   "sideEffects": [
     "./map/styles/react-mapgl-styles.css",