@dynatrace/strato-geo 0.8.13 → 0.9.17

package/esm/map/slots/ThresholdLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/slots/ThresholdLegend.ts"],
-  "sourcesContent": ["import { ThresholdLegendProps } from '../types/legend.js';\n\n/** The sequential legend slot component */\nexport const ThresholdLegend = (props: ThresholdLegendProps) => null;\n\nThresholdLegend['displayName'] = 'ThresholdLegend';\n"],
+  "sourcesContent": ["import type { ThresholdLegendProps } from '../types/legend.js';\n\n/** The sequential legend slot component */\nexport const ThresholdLegend = (props: ThresholdLegendProps) => null;\n\nThresholdLegend['displayName'] = 'ThresholdLegend';\n"],
   "mappings": "AAGO,MAAM,kBAAkB,CAAC,UAAgC;AAEhE,gBAAgB,aAAa,IAAI;",
   "names": []
 }

package/esm/map/slots/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/slots/Tooltip.tsx"],
-  "sourcesContent": ["import {\n  _ChartTooltipSlots as ChartTooltipSlots,\n  _ChartTooltipAtoms as ChartTooltipAtoms,\n  _ChartTooltipAtomsType as ChartTooltipAtomsType,\n  _ChartTooltipTemplate as ChartTooltipTemplate,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport type { ChartTooltip } from '../types/tooltip.js';\n\n/**\n * @public\n * Tooltip is responsible for exposing the\n * ChartTooltip props, such as, sections, to the consumer\n */\nexport const Tooltip: ChartTooltip = {\n  ...ChartTooltipSlots,\n  ...ChartTooltipTemplate,\n};\n\n/**\n * @public\n * TooltipAtoms is responsible for exposing the\n * ChartTooltip atoms.\n */\nexport const TooltipAtoms: ChartTooltipAtomsType = { ...ChartTooltipAtoms };\n"],
-  "mappings": "AAAA;AAAA,EACE,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EAEtB,yBAAyB;AAAA,OACpB;AASA,MAAM,UAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AACL;AAOO,MAAM,eAAsC,EAAE,GAAG,kBAAkB;",
+  "sourcesContent": ["import type { _ChartTooltipAtomsType as ChartTooltipAtomsType } from '@dynatrace/strato-components-preview/charts';\nimport {\n  _ChartTooltipSlots as ChartTooltipSlots,\n  _ChartTooltipAtoms as ChartTooltipAtoms,\n  _ChartTooltipTemplate as ChartTooltipTemplate,\n} from '@dynatrace/strato-components-preview/charts';\n\nimport type { ChartTooltip } from '../types/tooltip.js';\n\n/**\n * @public\n * Tooltip is responsible for exposing the\n * ChartTooltip props, such as, sections, to the consumer\n */\nexport const Tooltip: ChartTooltip = {\n  ...ChartTooltipSlots,\n  ...ChartTooltipTemplate,\n};\n\n/**\n * @public\n * TooltipAtoms is responsible for exposing the\n * ChartTooltip atoms.\n */\nexport const TooltipAtoms: ChartTooltipAtomsType = { ...ChartTooltipAtoms };\n"],
+  "mappings": "AACA;AAAA,EACE,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,OACpB;AASA,MAAM,UAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AACL;AAOO,MAAM,eAAsC,EAAE,GAAG,kBAAkB;",
   "names": []
 }

package/esm/map/slots/states/DisabledState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/slots/states/DisabledState.tsx"],
-  "sourcesContent": ["import React, { ReactNode } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { _EmptyState as EmptyState } from '@dynatrace/strato-components-preview/charts';\n\n/**\n * @internal\n */\nexport type DisabledStateProps = { height: string | number };\n\n/**\n * @internal\n */\nexport const DisabledState = ({ height }: DisabledStateProps) => {\n  const messageNode: ReactNode = (\n    <FormattedMessage\n      id=\"TXZNTtB5qReH8XE3\"\n      defaultMessage=\"Maps have been disabled in your environment - to enable these, please reach out to your environment administrator.\"\n      description=\"Message to display when all maps are hidden.\"\n    />\n  );\n\n  return <EmptyState height={height}>{messageNode}</EmptyState>;\n};\n\nDisabledState['displayName'] = 'DisabledState';\n"],
-  "mappings": "AAAA,OAAO,WAA0B;AACjC,SAAS,wBAAwB;AAEjC,SAAS,eAAe,kBAAkB;AAUnC,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAA0B;AAC/D,QAAM,cACJ;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,gBAAe;AAAA,MACf,aAAY;AAAA;AAAA,EACd;AAGF,SAAO,oCAAC,cAAW,UAAiB,WAAY;AAClD;AAEA,cAAc,aAAa,IAAI;",
+  "sourcesContent": ["import React, { type ReactNode } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { _EmptyState as EmptyState } from '@dynatrace/strato-components-preview/charts';\n\n/**\n * @internal\n */\nexport type DisabledStateProps = { height: string | number };\n\n/**\n * @internal\n */\nexport const DisabledState = ({ height }: DisabledStateProps) => {\n  const messageNode: ReactNode = (\n    <FormattedMessage\n      id=\"TXZNTtB5qReH8XE3\"\n      defaultMessage=\"Maps have been disabled in your environment - to enable these, please reach out to your environment administrator.\"\n      description=\"Message to display when all maps are hidden.\"\n    />\n  );\n\n  return <EmptyState height={height}>{messageNode}</EmptyState>;\n};\n\nDisabledState['displayName'] = 'DisabledState';\n"],
+  "mappings": "AAAA,OAAO,WAA+B;AACtC,SAAS,wBAAwB;AAEjC,SAAS,eAAe,kBAAkB;AAUnC,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAA0B;AAC/D,QAAM,cACJ;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,gBAAe;AAAA,MACf,aAAY;AAAA;AAAA,EACd;AAGF,SAAO,oCAAC,cAAW,UAAiB,WAAY;AAClD;AAEA,cAAc,aAAa,IAAI;",
   "names": []
 }

package/esm/map/slots/states/ErrorStateSlot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/map/slots/states/ErrorStateSlot.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport interface ErrorStateSlotProps {\n  children: React.ReactNode | ((errorMessage: string) => JSX.Element);\n}\n\nexport const ErrorStateSlot = (props: ErrorStateSlotProps) => null;\n"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nexport interface ErrorStateSlotProps {\n  children: ReactNode | ((errorMessage: string) => JSX.Element);\n}\n\nexport const ErrorStateSlot = (props: ErrorStateSlotProps) => null;\n"],
   "mappings": "AAMO,MAAM,iBAAiB,CAAC,UAA+B;",
   "names": []
 }

package/esm/map/store/map-store.context.js

@@ -1,5 +1,7 @@
 import React from "react";
-import { createStore } from "@dynatrace/strato-components-preview/core";
+import {
+  createStore
+} from "@dynatrace/strato-components-preview/core";
 const initialSelection = { highlightedSeries: void 0, visible: void 0 };
 const initialState = {
   tooltip: {

package/esm/map/store/map-store.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/store/map-store.context.ts"],
-  "sourcesContent": ["import React from 'react';\n\nimport { createStore, Store } from '@dynatrace/strato-components-preview/core';\n\nimport { MapState } from '../types/state.js';\n\nconst initialSelection = { highlightedSeries: undefined, visible: undefined };\n\nexport const initialState: MapState<unknown> = {\n  tooltip: {\n    pinned: false,\n    visible: false,\n    enabled: true,\n    hoveredLayerId: undefined,\n    data: undefined,\n    position: undefined,\n  },\n  overlay: {\n    mouseInBounds: false,\n  },\n  selection: initialSelection,\n};\n\nexport const MapStore = React.createContext<Store<MapState<unknown>>>(\n  createStore<MapState<unknown>>(initialState),\n);\n\nMapStore['displayName'] = 'MapStore';\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,mBAA0B;AAInC,MAAM,mBAAmB,EAAE,mBAAmB,QAAW,SAAS,OAAU;AAErE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,eAAe;AAAA,EACjB;AAAA,EACA,WAAW;AACb;AAEO,MAAM,WAAW,MAAM;AAAA,EAC5B,YAA+B,YAAY;AAC7C;AAEA,SAAS,aAAa,IAAI;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  createStore,\n  type Store,\n} from '@dynatrace/strato-components-preview/core';\n\nimport type { MapState } from '../types/state.js';\n\nconst initialSelection = { highlightedSeries: undefined, visible: undefined };\n\nexport const initialState: MapState<unknown> = {\n  tooltip: {\n    pinned: false,\n    visible: false,\n    enabled: true,\n    hoveredLayerId: undefined,\n    data: undefined,\n    position: undefined,\n  },\n  overlay: {\n    mouseInBounds: false,\n  },\n  selection: initialSelection,\n};\n\nexport const MapStore = React.createContext<Store<MapState<unknown>>>(\n  createStore<MapState<unknown>>(initialState),\n);\n\nMapStore['displayName'] = 'MapStore';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,OAEK;AAIP,MAAM,mBAAmB,EAAE,mBAAmB,QAAW,SAAS,OAAU;AAErE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,eAAe;AAAA,EACjB;AAAA,EACA,WAAW;AACb;AAEO,MAAM,WAAW,MAAM;AAAA,EAC5B,YAA+B,YAAY;AAC7C;AAEA,SAAS,aAAa,IAAI;",
   "names": []
 }

package/esm/map/store/map-store.provider.js

@@ -1,5 +1,7 @@
 import React, { useRef } from "react";
-import { createStore } from "@dynatrace/strato-components-preview/core";
+import {
+  createStore
+} from "@dynatrace/strato-components-preview/core";
 import { initialState, MapStore } from "./map-store.context.js";
 const MapStoreProvider = ({ children }) => {
   const storeRef = useRef();

package/esm/map/store/map-store.provider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/store/map-store.provider.tsx"],
-  "sourcesContent": ["import React, { PropsWithChildren, useRef } from 'react';\n\nimport { createStore, Store } from '@dynatrace/strato-components-preview/core';\n\nimport { initialState, MapStore } from './map-store.context.js';\nimport { MapState } from '../types/state.js';\n\nexport const MapStoreProvider = ({ children }: PropsWithChildren) => {\n  const storeRef = useRef<Store<MapState<unknown>>>();\n\n  storeRef.current = createStore(initialState);\n\n  return (\n    <MapStore.Provider value={storeRef.current}>{children}</MapStore.Provider>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,SAA4B,cAAc;AAEjD,SAAS,mBAA0B;AAEnC,SAAS,cAAc,gBAAgB;AAGhC,MAAM,mBAAmB,CAAC,EAAE,SAAS,MAAyB;AACnE,QAAM,WAAW,OAAiC;AAElD,WAAS,UAAU,YAAY,YAAY;AAE3C,SACE,oCAAC,SAAS,UAAT,EAAkB,OAAO,SAAS,WAAU,QAAS;AAE1D;",
+  "sourcesContent": ["import React, { useRef, type PropsWithChildren } from 'react';\n\nimport {\n  createStore,\n  type Store,\n} from '@dynatrace/strato-components-preview/core';\n\nimport { initialState, MapStore } from './map-store.context.js';\nimport type { MapState } from '../types/state.js';\n\nexport const MapStoreProvider = ({ children }: PropsWithChildren) => {\n  const storeRef = useRef<Store<MapState<unknown>>>();\n\n  storeRef.current = createStore(initialState);\n\n  return (\n    <MapStore.Provider value={storeRef.current}>{children}</MapStore.Provider>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,cAAsC;AAEtD;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,cAAc,gBAAgB;AAGhC,MAAM,mBAAmB,CAAC,EAAE,SAAS,MAAyB;AACnE,QAAM,WAAW,OAAiC;AAElD,WAAS,UAAU,YAAY,YAAY;AAE3C,SACE,oCAAC,SAAS,UAAT,EAAkB,OAAO,SAAS,WAAU,QAAS;AAE1D;",
   "names": []
 }

package/esm/map/store/selectors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/store/selectors.ts"],
-  "sourcesContent": ["import { isEqual } from 'lodash-es';\n\nimport { useStoreSelector } from '@dynatrace/strato-components-preview/core';\n\nimport { MapStore } from './map-store.context.js';\nimport { MapState } from '../types/state.js';\n\nexport const useSelector = <T, O>(selector: (state: MapState<T>) => O): O =>\n  useStoreSelector(MapStore, selector, isEqual);\n\nexport const useMapSelectionState = <T>() =>\n  useSelector(({ selection }: MapState<T>) => selection);\n\nexport const useMapTooltipState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => {\n    const { pinned, ...tooltipState } = tooltip;\n\n    return tooltipState;\n  });\n\nexport const useMapTooltipPinnedState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => {\n    const { pinned } = tooltip;\n\n    return pinned;\n  });\n\nexport const useMapOverlayState = <T>() =>\n  useSelector(({ overlay }: MapState<T>) => overlay);\n"],
+  "sourcesContent": ["import { isEqual } from 'lodash-es';\n\nimport { useStoreSelector } from '@dynatrace/strato-components-preview/core';\n\nimport { MapStore } from './map-store.context.js';\nimport type { MapState } from '../types/state.js';\n\nexport const useSelector = <T, O>(selector: (state: MapState<T>) => O): O =>\n  useStoreSelector(MapStore, selector, isEqual);\n\nexport const useMapSelectionState = <T>() =>\n  useSelector(({ selection }: MapState<T>) => selection);\n\nexport const useMapTooltipState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => {\n    const { pinned, ...tooltipState } = tooltip;\n\n    return tooltipState;\n  });\n\nexport const useMapTooltipPinnedState = <T>() =>\n  useSelector(({ tooltip }: MapState<T>) => {\n    const { pinned } = tooltip;\n\n    return pinned;\n  });\n\nexport const useMapOverlayState = <T>() =>\n  useSelector(({ overlay }: MapState<T>) => overlay);\n"],
   "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,wBAAwB;AAEjC,SAAS,gBAAgB;AAGlB,MAAM,cAAc,CAAO,aAChC,iBAAiB,UAAU,UAAU,OAAO;AAEvC,MAAM,uBAAuB,MAClC,YAAY,CAAC,EAAE,UAAU,MAAmB,SAAS;AAEhD,MAAM,qBAAqB,MAChC,YAAY,CAAC,EAAE,QAAQ,MAAmB;AACxC,QAAM,EAAE,QAAQ,GAAG,aAAa,IAAI;AAEpC,SAAO;AACT,CAAC;AAEI,MAAM,2BAA2B,MACtC,YAAY,CAAC,EAAE,QAAQ,MAAmB;AACxC,QAAM,EAAE,OAAO,IAAI;AAEnB,SAAO;AACT,CAAC;AAEI,MAAM,qBAAqB,MAChC,YAAY,CAAC,EAAE,QAAQ,MAAmB,OAAO;",
   "names": []
 }

package/esm/map/store/store.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/store/store.ts"],
-  "sourcesContent": ["import { useContext } from 'react';\n\nimport { MapStore } from './map-store.context.js';\nimport {\n  MapOverlayState,\n  MapSelectionState,\n  MapTooltipState,\n} from '../types/state.js';\n\nexport const useSetState = () => {\n  const { setState } = useContext(MapStore);\n\n  return setState;\n};\n\nexport * from './selectors.js';\n\nexport const useSetStateSelection = () => {\n  const setState = useSetState();\n\n  return (newSelectionState: Partial<MapSelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      selection: {\n        ...prev.selection,\n        ...newSelectionState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateTooltip = <T>() => {\n  const setState = useSetState();\n\n  return (newTooltipState: Partial<MapTooltipState<T>>) => {\n    setState((prev) => ({\n      ...prev,\n      tooltip: {\n        ...prev.tooltip,\n        ...newTooltipState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateOverlay = () => {\n  const setState = useSetState();\n\n  return (newOverlayState: Partial<MapOverlayState>) => {\n    setState((prev) => ({\n      ...prev,\n      overlay: {\n        ...prev.overlay,\n        ...newOverlayState,\n      },\n    }));\n  };\n};\n\nexport const useToggleStatePinnedTooltip = () => {\n  const setState = useSetState();\n\n  return () => {\n    setState((prev) => {\n      if (prev.tooltip.visible || prev.tooltip.pinned) {\n        return {\n          ...prev,\n          tooltip: {\n            ...prev.tooltip,\n            pinned: !prev.tooltip.pinned,\n          },\n        };\n      }\n      return { ...prev };\n    });\n  };\n};\n"],
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { MapStore } from './map-store.context.js';\nimport type {\n  MapOverlayState,\n  MapSelectionState,\n  MapTooltipState,\n} from '../types/state.js';\n\nexport const useSetState = () => {\n  const { setState } = useContext(MapStore);\n\n  return setState;\n};\n\nexport * from './selectors.js';\n\nexport const useSetStateSelection = () => {\n  const setState = useSetState();\n\n  return (newSelectionState: Partial<MapSelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      selection: {\n        ...prev.selection,\n        ...newSelectionState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateTooltip = <T>() => {\n  const setState = useSetState();\n\n  return (newTooltipState: Partial<MapTooltipState<T>>) => {\n    setState((prev) => ({\n      ...prev,\n      tooltip: {\n        ...prev.tooltip,\n        ...newTooltipState,\n      },\n    }));\n  };\n};\n\nexport const useSetStateOverlay = () => {\n  const setState = useSetState();\n\n  return (newOverlayState: Partial<MapOverlayState>) => {\n    setState((prev) => ({\n      ...prev,\n      overlay: {\n        ...prev.overlay,\n        ...newOverlayState,\n      },\n    }));\n  };\n};\n\nexport const useToggleStatePinnedTooltip = () => {\n  const setState = useSetState();\n\n  return () => {\n    setState((prev) => {\n      if (prev.tooltip.visible || prev.tooltip.pinned) {\n        return {\n          ...prev,\n          tooltip: {\n            ...prev.tooltip,\n            pinned: !prev.tooltip.pinned,\n          },\n        };\n      }\n      return { ...prev };\n    });\n  };\n};\n"],
   "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AAOlB,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,WAAW,QAAQ;AAExC,SAAO;AACT;AAEA,cAAc;AAEP,MAAM,uBAAuB,MAAM;AACxC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,sBAAkD;AACxD,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,WAAW;AAAA,QACT,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEO,MAAM,qBAAqB,MAAS;AACzC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,oBAAiD;AACvD,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAE7B,SAAO,CAAC,oBAA8C;AACpD,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AACF;AAEO,MAAM,8BAA8B,MAAM;AAC/C,QAAM,WAAW,YAAY;AAE7B,SAAO,MAAM;AACX,aAAS,CAAC,SAAS;AACjB,UAAI,KAAK,QAAQ,WAAW,KAAK,QAAQ,QAAQ;AAC/C,eAAO;AAAA,UACL,GAAG;AAAA,UACH,SAAS;AAAA,YACP,GAAG,KAAK;AAAA,YACR,QAAQ,CAAC,KAAK,QAAQ;AAAA,UACxB;AAAA,QACF;AAAA,MACF;AACA,aAAO,EAAE,GAAG,KAAK;AAAA,IACnB,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/esm/map/types/bubble-layer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/types/bubble-layer.ts"],
-  "sourcesContent": ["import { LegendColorLayerProps, LocationColorProps } from './coloring.js';\nimport { Location } from './location.js';\n\n/**\n * Base props to configure a BubbleLayer\n * @typeParam T - Object extending Location\n */\nexport interface BubbleLayerBaseProps<T extends Location> {\n  /**\n   * An array of location data items to be displayed as bubbles in the BubbleLayer\n   */\n  data: T[];\n  /**\n   * Determines the interpolation mode for bubble size.\n   * 'zoom': Bubble size changes with zoom.\n   * 'fixed': Constant bubble size regardless of zoom level.\n   * @defaultValue 'fixed'\n   */\n  sizeInterpolation?: 'zoom' | 'fixed';\n}\n\n/**\n * The BubbleLayer props\n * @typeParam T - Object extending Location\n */\nexport type BubbleLayerProps<T extends Location> = BubbleLayerBaseProps<T> &\n  (LocationColorProps<T> | LegendColorLayerProps) &\n  (ScaleRadiusProps<T> | ScaleNoneProps<T>);\n\n/**\n * When there's no scale provided, the radius prop is used as radius size in pixels\n * @typeParam T - Object extending Location\n */\nexport interface ScaleNoneProps<T> {\n  /**\n   * The way to indicate that scale should not be used\n   */\n  scale: 'none';\n  /**\n   * The radius property, which determines the size of the bubbles.\n   * It can be a constant number or a function that calculates the radius based on the data item\n   * @defaultValue 12\n   */\n  radius?: number | ((item: T) => number);\n}\n\n/**\n * When a scale is provided, all the values in the dataset will be scaled to fit between the `radiusRange`.\n * @typeParam T - Object extending Location\n */\nexport interface ScaleRadiusProps<T extends Location> {\n  /**\n   * The way the radius is scaled.\n   * @defaultValue 'linear'\n   */\n  scale?: 'linear' | 'log';\n  /**\n   * The radius property, which determines the size of the bubbles.\n   * It requires a callback that is used as data accessor.\n   */\n  radius: (item: T) => number;\n  /**\n   * It determines the min and max size for the bubble radius\n   * @defaultValue [10, 100]\n   */\n  radiusRange?: [number, number];\n}\n\n/**\n * Type guard to know whether radius should apply the scale\n * @param props - BubbleLayerProps\n */\nexport function isScaleRadius<T extends Location>(\n  props: BubbleLayerProps<T>,\n): props is BubbleLayerProps<T> & ScaleRadiusProps<T> {\n  return props.scale !== 'none';\n}\n\n/** @internal */\nexport type InternalBubbleLayerProps<T extends Location> = {\n  layerId: string;\n} & BubbleLayerProps<T>;\n"],
+  "sourcesContent": ["import type { LegendColorLayerProps, LocationColorProps } from './coloring.js';\nimport type { Location } from './location.js';\n\n/**\n * Base props to configure a BubbleLayer\n * @typeParam T - Object extending Location\n */\nexport interface BubbleLayerBaseProps<T extends Location> {\n  /**\n   * An array of location data items to be displayed as bubbles in the BubbleLayer\n   */\n  data: T[];\n  /**\n   * Determines the interpolation mode for bubble size.\n   * 'zoom': Bubble size changes with zoom.\n   * 'fixed': Constant bubble size regardless of zoom level.\n   * @defaultValue 'fixed'\n   */\n  sizeInterpolation?: 'zoom' | 'fixed';\n}\n\n/**\n * The BubbleLayer props\n * @typeParam T - Object extending Location\n */\nexport type BubbleLayerProps<T extends Location> = BubbleLayerBaseProps<T> &\n  (LocationColorProps<T> | LegendColorLayerProps) &\n  (ScaleRadiusProps<T> | ScaleNoneProps<T>);\n\n/**\n * When there's no scale provided, the radius prop is used as radius size in pixels\n * @typeParam T - Object extending Location\n */\nexport interface ScaleNoneProps<T> {\n  /**\n   * The way to indicate that scale should not be used\n   */\n  scale: 'none';\n  /**\n   * The radius property, which determines the size of the bubbles.\n   * It can be a constant number or a function that calculates the radius based on the data item\n   * @defaultValue 12\n   */\n  radius?: number | ((item: T) => number);\n}\n\n/**\n * When a scale is provided, all the values in the dataset will be scaled to fit between the `radiusRange`.\n * @typeParam T - Object extending Location\n */\nexport interface ScaleRadiusProps<T extends Location> {\n  /**\n   * The way the radius is scaled.\n   * @defaultValue 'linear'\n   */\n  scale?: 'linear' | 'log';\n  /**\n   * The radius property, which determines the size of the bubbles.\n   * It requires a callback that is used as data accessor.\n   */\n  radius: (item: T) => number;\n  /**\n   * It determines the min and max size for the bubble radius\n   * @defaultValue [10, 100]\n   */\n  radiusRange?: [number, number];\n}\n\n/**\n * Type guard to know whether radius should apply the scale\n * @param props - BubbleLayerProps\n */\nexport function isScaleRadius<T extends Location>(\n  props: BubbleLayerProps<T>,\n): props is BubbleLayerProps<T> & ScaleRadiusProps<T> {\n  return props.scale !== 'none';\n}\n\n/** @internal */\nexport type InternalBubbleLayerProps<T extends Location> = {\n  layerId: string;\n} & BubbleLayerProps<T>;\n"],
   "mappings": "AAwEO,SAAS,cACd,OACoD;AACpD,SAAO,MAAM,UAAU;AACzB;",
   "names": []
 }

package/esm/map/types/coloring.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/map/types/coloring.ts"],
-  "sourcesContent": ["import { Location } from './location.js';\n\n/**\n * Props to configure any Layer with custom coloring\n * @typeParam T - Object extending Location\n */\nexport interface LocationColorProps<T extends Location> {\n  /** Custom color to apply to the layer */\n  color?: string | ((item: T) => string);\n}\n\n/**\n * Props to configure any Layer with legend coloring\n */\nexport interface LegendColorLayerProps {\n  /** When the color prop is set to 'legend', a value accessor is needed */\n  color: 'legend';\n  /** The value accesor to map data point values to legend color */\n  valueAccessor: string;\n}\n\n/**\n * Props to configure any Layer with custom coloring\n * @typeParam T - Object extending a record of string keys and any type of values\n */\nexport interface ChoroplethCustomColorProps<T extends Record<string, unknown>> {\n  /** Color to apply to the layer */\n  color?: string | ((item: T) => string);\n}\n\n/**\n * Detects whether color is linked to legend or not\n * @param props - layer color props\n */\nexport function isLegendColoring(\n  props:\n    | LocationColorProps<never>\n    | ChoroplethCustomColorProps<never>\n    | LegendColorLayerProps,\n): props is LegendColorLayerProps {\n  return props.color === 'legend';\n}\n"],
+  "sourcesContent": ["import type { Location } from './location.js';\n\n/**\n * Props to configure any Layer with custom coloring\n * @typeParam T - Object extending Location\n */\nexport interface LocationColorProps<T extends Location> {\n  /** Custom color to apply to the layer */\n  color?: string | ((item: T) => string);\n}\n\n/**\n * Props to configure any Layer with legend coloring\n */\nexport interface LegendColorLayerProps {\n  /** When the color prop is set to 'legend', a value accessor is needed */\n  color: 'legend';\n  /** The value accesor to map data point values to legend color */\n  valueAccessor: string;\n}\n\n/**\n * Props to configure any Layer with custom coloring\n * @typeParam T - Object extending a record of string keys and any type of values\n */\nexport interface ChoroplethCustomColorProps<T extends Record<string, unknown>> {\n  /** Color to apply to the layer */\n  color?: string | ((item: T) => string);\n}\n\n/**\n * Detects whether color is linked to legend or not\n * @param props - layer color props\n */\nexport function isLegendColoring(\n  props:\n    | LocationColorProps<never>\n    | ChoroplethCustomColorProps<never>\n    | LegendColorLayerProps,\n): props is LegendColorLayerProps {\n  return props.color === 'legend';\n}\n"],
   "mappings": "AAkCO,SAAS,iBACd,OAIgC;AAChC,SAAO,MAAM,UAAU;AACzB;",
   "names": []
 }

package/map/MapView.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './styles/react-mapgl-styles.css';
-import { MapViewProps, MapViewRef } from './types/map-view.js';
+import type { MapViewProps, MapViewRef } from './types/map-view.js';
 /**
  * The `MapView` is a component that renders a map with various geospatial data layers.
  * @beta

package/map/MapView.js

@@ -78,18 +78,16 @@ const _MapView = (0, import_react.forwardRef)(
       }
     }));
     const config = (0, import_iterate_config_slots.iterateConfigSlots)(children);
-    const hideLegend = !config.legend || config.legend.hidden;
+    const isLegendHidden = !config.legend || !!config.legend.hidden;
+    const legendPosition = config.legend?.position;
+    const legendRatio = config.legend?.ratio;
+    const legendOnRatioChange = config.legend?.onRatioChange;
     const { errorState } = (0, import_get_map_states_template.getMapStatesTemplates)(children);
     const {
       isLoading: isLoadingSettings,
       isMapEnabled,
       countryCode
     } = (0, import_use_map_settings.useMapSettings)();
-    const legendConfig = {
-      orientation: config?.legend?.position,
-      sizes: import_constants.DEFAULT_LEGEND_SIZES,
-      ratio: config?.legend?.type === "sequential" || config?.legend?.type === "threshold" ? import_constants.DEFAULT_MAP_LEGEND_RATIO : void 0
-    };
     const chartHeight = (0, import_charts._coerceSizeValue)(props.height) || import_constants.DEFAULT_MAP_HEIGHT;
     const containerStyles = { width: "100%", ...costumerStyle };
     return /* @__PURE__ */ import_react.default.createElement(
@@ -103,12 +101,20 @@ const _MapView = (0, import_react.forwardRef)(
         import_charts._ChartLayout,
         {
           chartHeight,
-          legendConfig,
           errorState,
           showLoader: loading || isLoadingSettings
         },
         /* @__PURE__ */ import_react.default.createElement(import_charts._ChartLayout.Graph, null, !isLoadingSettings && /* @__PURE__ */ import_react.default.createElement(import_MapContent.MapContent, { ref: rootRef, ...remaining }, parsedChildren)),
-        /* @__PURE__ */ import_react.default.createElement(import_charts._ChartLayout.Legend, null, !hideLegend ? /* @__PURE__ */ import_react.default.createElement(import_MapLegendRenderer.MapLegendRenderer, null) : null)
+        !isLegendHidden && /* @__PURE__ */ import_react.default.createElement(
+          import_charts._ChartLayout.Legend,
+          {
+            position: legendPosition,
+            ratio: legendRatio,
+            ratioBoundaries: import_constants.DEFAULT_LEGEND_SIZES,
+            onResize: legendOnRatioChange
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_MapLegendRenderer.MapLegendRenderer, null)
+        )
       )))))))))
     );
   }

package/map/components/BubbleLayer/BubbleLayer.d.ts

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { InternalBubbleLayerProps } from '../../types/bubble-layer.js';
-import { Location } from '../../types/location.js';
+import React, { type PropsWithChildren } from 'react';
+import { type InternalBubbleLayerProps } from '../../types/bubble-layer.js';
+import type { Location } from '../../types/location.js';
 export declare const BubbleLayer: {
     <T extends Location>(props: React.PropsWithChildren<InternalBubbleLayerProps<T>>): React.JSX.Element;
     displayName: string;

package/map/components/BubbleLayer/BubbleLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BubbleLayerTooltipHandler } from '../../types/tooltip.js';
+import type { BubbleLayerTooltipHandler } from '../../types/tooltip.js';
 export interface BubbleLayerTooltipProps {
     layerId: string;
     tooltipTemplate?: BubbleLayerTooltipHandler;

package/map/components/BubbleLayer/functions/add-outline-size.d.ts

@@ -1,4 +1,4 @@
-import { ExpressionSpecification } from '@maplibre/maplibre-gl-style-spec';
+import type { ExpressionSpecification } from '@maplibre/maplibre-gl-style-spec';
 /**
  * It modifies the radius size expression to take the bubble outline stroke size into account
  * @param expression - radius expression

package/map/components/BubbleLayer/functions/build-radius-scale.d.ts

@@ -1,3 +1,3 @@
-import { ScaleLinear, ScaleLogarithmic } from 'd3-scale';
-import { Location } from '../../../types/location.js';
+import { type ScaleLinear, type ScaleLogarithmic } from 'd3-scale';
+import type { Location } from '../../../types/location.js';
 export declare const buildRadiusScale: <T extends Location>(data: T[], radius: (item: T) => number, scale: 'linear' | 'log', range: [number, number]) => ScaleLinear<number, number> | ScaleLogarithmic<number, number>;

package/map/components/BubbleLayer/functions/build-stick-to-distance-expressions.d.ts

@@ -1,4 +1,4 @@
-import { DataDrivenPropertyValueSpecification } from '@maplibre/maplibre-gl-style-spec';
+import type { DataDrivenPropertyValueSpecification } from '@maplibre/maplibre-gl-style-spec';
 /**
  * Builds the circle stick to distance expression.
  * It creates an exponential interpolation between the radius size at the minimum zoom level and the maximum zoom level

package/map/components/BubbleLayer/functions/define-radius.d.ts

@@ -1,2 +1,2 @@
-import { Location } from '../../../types/location.js';
+import type { Location } from '../../../types/location.js';
 export declare function defineRadius<T extends Location>(radius: number | ((item: T) => number), feature: T): number;

package/map/components/BubbleLayer/functions/parse-bubble-data-to-geo-json.d.ts

@@ -1,5 +1,5 @@
-import { ScaleLinear, ScaleLogarithmic } from 'd3-scale';
-import { Location } from '../../../types/location.js';
+import type { ScaleLinear, ScaleLogarithmic } from 'd3-scale';
+import type { Location } from '../../../types/location.js';
 type RadiusScale = ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ((value: number) => number);
 export declare const parseBubbleDataToGeoJSON: <T extends Location>(data: T[], color: string | ((item: T) => string), radius: number | ((item: T) => number), scale: RadiusScale) => {
     type: string;

package/map/components/ChoroplethLayer/ChoroplethLayer.d.ts

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react';
-import { InternalChoroplethLayerProps } from '../../types/choropleth-layer.js';
+import React, { type PropsWithChildren } from 'react';
+import type { InternalChoroplethLayerProps } from '../../types/choropleth-layer.js';
 export declare const ChoroplethLayer: {
     <T extends Record<string, unknown>>(props: React.PropsWithChildren<InternalChoroplethLayerProps<T>>): React.JSX.Element;
     displayName: string;

package/map/components/ChoroplethLayer/ChoroplethLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ChoroplethLayerTooltipHandler } from '../../types/tooltip.js';
+import type { ChoroplethLayerTooltipHandler } from '../../types/tooltip.js';
 export interface ChoroplethLayerTooltipProps {
     layerId: string;
     tooltipTemplate?: ChoroplethLayerTooltipHandler;

package/map/components/ConnectionLayer/ConnectionLayer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InternalConnectionLayerProps, type Connection } from '../../types/connection-layer.js';
+import type { InternalConnectionLayerProps, Connection } from '../../types/connection-layer.js';
 export declare const ConnectionLayer: {
     <T extends Connection>(props: React.PropsWithChildren<InternalConnectionLayerProps<T>>): React.JSX.Element[];
     displayName: string;

package/map/components/ConnectionLayer/ConnectionLayerDirection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InternalConnectionLayerProps, type Connection } from '../../types/connection-layer.js';
+import type { InternalConnectionLayerProps, Connection } from '../../types/connection-layer.js';
 interface ConnectionLayerDirectionProps<T extends Connection> extends Required<Pick<InternalConnectionLayerProps<T>, 'layerId' | 'directionIndicator'>> {
     geoJsonData: GeoJSON.FeatureCollection;
 }

package/map/components/ConnectionLayer/ConnectionLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ConnectionLayerTooltipHandler } from '../../types/tooltip.js';
+import type { ConnectionLayerTooltipHandler } from '../../types/tooltip.js';
 export interface ConnectionLayerTooltipProps {
     layerId: string;
     tooltipTemplate?: ConnectionLayerTooltipHandler;

package/map/components/ConnectionLayer/functions/get-arc-line-features.d.ts

@@ -1,4 +1,4 @@
 import type GeoJSON from 'geojson';
-import { FeatureProperties } from '../../../types/connection-layer.js';
-import { Location } from '../../../types/location.js';
+import type { FeatureProperties } from '../../../types/connection-layer.js';
+import type { Location } from '../../../types/location.js';
 export declare const getArcLineFeatures: (path: Location[], featureProperties: FeatureProperties) => GeoJSON.Feature<GeoJSON.LineString>[];

package/map/components/ConnectionLayer/functions/get-straight-line-features.d.ts

@@ -1,4 +1,4 @@
 import type GeoJSON from 'geojson';
-import { FeatureProperties } from '../../../types/connection-layer.js';
-import { Location } from '../../../types/location.js';
+import type { FeatureProperties } from '../../../types/connection-layer.js';
+import type { Location } from '../../../types/location.js';
 export declare const getStraightLineFeatures: (path: Location[], featureProperties: FeatureProperties) => GeoJSON.Feature[];

package/map/components/ConnectionLayer/functions/parse-connection-data-to-geo-json.d.ts

@@ -1,3 +1,3 @@
 import type GeoJSON from 'geojson';
-import { Connection, type CurvedLine } from '../../../types/connection-layer.js';
+import type { Connection, CurvedLine } from '../../../types/connection-layer.js';
 export declare const parseConnectionDataToGeoJSON: <T extends Connection>(data: T[], thickness: number, color: string | ((connection: T) => string), curve?: CurvedLine) => GeoJSON.FeatureCollection[];

package/map/components/ConnectionLayer/functions/parse-direction-data-to-geo-json.d.ts

@@ -1,4 +1,4 @@
-import { InternalConnectionLayerProps, type Connection } from '../../../types/connection-layer.js';
+import type { InternalConnectionLayerProps, Connection } from '../../../types/connection-layer.js';
 interface ParseGeoJsonDataProps<T extends Connection> extends Required<Pick<InternalConnectionLayerProps<T>, 'directionIndicator'>> {
     geoJsonData: GeoJSON.FeatureCollection;
 }

package/map/components/DefaultTooltip/DefaultTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LayerTooltipData } from '../../types/tooltip.js';
+import type { LayerTooltipData } from '../../types/tooltip.js';
 interface DefaultTooltipProps {
     closestPoint: LayerTooltipData;
     layerData?: LayerTooltipData[];

package/map/components/DefaultTooltip/utils/handle-copy-to-clipboard.d.ts

@@ -1,2 +1,2 @@
-import { Location } from '../../../types/location.js';
+import type { Location } from '../../../types/location.js';
 export declare const handleCopyToClipboard: (location: Location) => Promise<void>;

package/map/components/DotLayer/DotLayer.d.ts

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { InternalDotLayerProps } from '../../types/dot-layer.js';
-import { Location } from '../../types/location.js';
+import React, { type PropsWithChildren } from 'react';
+import type { InternalDotLayerProps } from '../../types/dot-layer.js';
+import type { Location } from '../../types/location.js';
 /**
  * DotLayer Component
  */

package/map/components/DotLayer/DotLayer.js

@@ -50,7 +50,7 @@ const DotLayer = (props) => {
     layerId,
     bearing = 0,
     children,
-    shape = "circle",
+    shape = "pin",
     background = false,
     shapeSize = import_constants.DEFAULT_SYMBOL_SIZE
   } = props;

package/map/components/DotLayer/DotLayerTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DotLayerTooltipHandler } from '../../types/tooltip.js';
+import type { DotLayerTooltipHandler } from '../../types/tooltip.js';
 export interface DotLayerTooltipProps {
     layerId: string;
     tooltipTemplate?: DotLayerTooltipHandler;

package/map/components/DotLayer/functions/define-bearing.d.ts

@@ -1,2 +1,2 @@
-import { Location } from '../../../types/location.js';
+import type { Location } from '../../../types/location.js';
 export declare function defineBearing<T extends Location>(bearing: number | ((item: T) => number), feature: T): number;

package/map/components/DotLayer/functions/parse-dot-data-to-geo-json.d.ts

@@ -1,4 +1,4 @@
-import { Location } from '../../../types/location.js';
+import type { Location } from '../../../types/location.js';
 export declare const parseDotDataToGeoJSON: <T extends Location>(data: T[], color: string | ((item: T) => string), bearing: number | ((item: T) => number)) => {
     type: string;
     features: {

package/map/components/MapContent.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { MapViewProps } from '../types/map-view.js';
+import type { MapViewProps } from '../types/map-view.js';
 export declare const MapContent: (props: React.PropsWithChildren<MapViewProps> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/map/components/legend/functions/resolve-color.d.ts

@@ -1,4 +1,4 @@
-import { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';
+import type { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';
 /**
  * Resolves a color inside the given scale just if it fits its domain
  *

package/map/components/toolbar/constants.d.ts

@@ -1,4 +1,4 @@
-import { A11yToolbarTabIndex } from '../../types/toolbar.js';
+import type { A11yToolbarTabIndex } from '../../types/toolbar.js';
 export declare const initialA11yToolbarTabIndexContext: A11yToolbarTabIndex[];
 export declare const TOOLBAR_MESSAGES: {
     zoomActionZoomIn: {

package/map/components/toolbar/functions/a11y-toolbar-controls.d.ts

@@ -1,4 +1,4 @@
-import { A11yToolbarTabIndex, ToolbarInteractionModes } from '../../../types/toolbar.js';
+import type { A11yToolbarTabIndex, ToolbarInteractionModes } from '../../../types/toolbar.js';
 /**
  * Get value from ToolbarTabIndex [key]: number
  *

package/map/components/toolbar/hooks/use-a11y-toolbar-tab-index.d.ts

@@ -1,4 +1,4 @@
-import { ToolbarInteractionModes } from '../../../types/toolbar.js';
+import type { ToolbarInteractionModes } from '../../../types/toolbar.js';
 /**
  * Get tabIndex value from context. depending on the param type
  *

package/map/constants.d.ts

@@ -1,4 +1,4 @@
-import { ExpressionSpecification } from '@maplibre/maplibre-gl-style-spec';
+import type { ExpressionSpecification } from '@maplibre/maplibre-gl-style-spec';
 export declare const DEFAULT_COUNTRIES_FILL_COLOR: string;
 export declare const DEFAULT_COUNTRIES_BORDER_COLOR: string;
 export declare const TRANSPARENT_BORDER_COLOR = "#00000000";
@@ -11,8 +11,9 @@ export declare const DEFAULT_COUNTRY_CODE = "default";
 export declare const FIT_BOUNDS_OPTIONS: {
     padding: number;
 };
-export declare const DEFAULT_MAP_HEIGHT = 300;
+export declare const DEFAULT_MAP_HEIGHT = 400;
 export declare const DEFAULT_MAP_LEGEND_RATIO = 12;
+export declare const DEFAULT_MAP_POSITION = "auto";
 export declare const DEFAULT_INPUT_ICON_SIZE = 20;
 export declare const ACTIVE_COLOR: string;
 export declare const BASE_LAYER_IDS: string[];

package/map/constants.js

@@ -53,6 +53,7 @@ __export(constants_exports, {
   DEFAULT_LINE_THICKNESS: () => DEFAULT_LINE_THICKNESS,
   DEFAULT_MAP_HEIGHT: () => DEFAULT_MAP_HEIGHT,
   DEFAULT_MAP_LEGEND_RATIO: () => DEFAULT_MAP_LEGEND_RATIO,
+  DEFAULT_MAP_POSITION: () => DEFAULT_MAP_POSITION,
   DEFAULT_RADIUS: () => DEFAULT_RADIUS,
   DEFAULT_RADIUS_EXPRESSION: () => DEFAULT_RADIUS_EXPRESSION,
   DEFAULT_RANGE_COLOR: () => DEFAULT_RANGE_COLOR,
@@ -93,8 +94,9 @@ const WHOLE_WORLD_VIEW_BOUNDARIES = [
 ];
 const DEFAULT_COUNTRY_CODE = "default";
 const FIT_BOUNDS_OPTIONS = { padding: 20 };
-const DEFAULT_MAP_HEIGHT = 300;
+const DEFAULT_MAP_HEIGHT = 400;
 const DEFAULT_MAP_LEGEND_RATIO = 12;
+const DEFAULT_MAP_POSITION = "auto";
 const DEFAULT_INPUT_ICON_SIZE = 20;
 const ACTIVE_COLOR = import_colors.default.Border.Neutral.AccentActive;
 const BASE_LAYER_IDS = ["geojson-line", "geojson-fill"];
@@ -140,7 +142,7 @@ const DEFAULT_LINE_DASH_ARRAY = [5, 2.5];
 const MIN_LINE_THICKNESS = 1;
 const MAX_LINE_THICKNESS = 64;
 const DIRECTION_ICON_OUTPUT_SIZE = 128;
-const DIRECTION_ICON_SHRINK_RATIO = 1 / 24;
+const DIRECTION_ICON_SHRINK_RATIO = 1 / 15;
 const ACTIVE_STATE_BORDERS_WIDTH = 1.8;
 const DEFAULT_CHOROPLETH_COLOR = import_colors.default.Charts.Sequential.Blue.Color05.Default;
 const COPY_TO_CLIPBOARD_MESSAGES = (0, import_react_intl.defineMessages)({

package/map/contexts/a11y-toolbar-tab-index.context.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { A11yToolbarTabIndex } from '../types/toolbar.js';
+import type { A11yToolbarTabIndex } from '../types/toolbar.js';
 export declare const A11yToolbarTabIndexContext: React.Context<A11yToolbarTabIndex[]>;

package/map/contexts/color-scale.context.d.ts

@@ -1,4 +1,4 @@
-import { ScaleQuantize, ScaleThreshold, ScaleOrdinal } from 'd3-scale';
+import type { ScaleQuantize, ScaleThreshold, ScaleOrdinal } from 'd3-scale';
 import React from 'react';
 export type ColorScaleContextProps = ScaleQuantize<string> | ScaleThreshold<number, string> | ScaleOrdinal<string, string>;
 export declare const ColorScaleContext: React.Context<ColorScaleContextProps | undefined>;

package/map/contexts/map-configuration.context.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { MapConfig } from '../types/configuration.js';
+import type { MapConfig } from '../types/configuration.js';
 export declare const MapConfigurationContext: React.Context<MapConfig>;

package/map/contexts/map-initial-view.context.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ViewState } from '../types/map-view.js';
+import type { ViewState } from '../types/map-view.js';
 export declare const MapInitialViewContext: React.Context<ViewState>;

package/map/functions/__test__/fixtures/business-locations.d.ts

@@ -1,4 +1,4 @@
-import { Location } from '../../../types/location.js';
+import type { Location } from '../../../types/location.js';
 interface BusinessLocation extends Location {
     id: number;
     revenue: number;

package/map/functions/__test__/fixtures/events-locations.d.ts

@@ -1,4 +1,4 @@
-import { Location } from '../../../types/location.js';
+import type { Location } from '../../../types/location.js';
 interface EventLocation extends Location {
     name: string;
     date: string;

package/map/functions/__test__/fixtures/facilities-locations.d.ts

@@ -1,4 +1,4 @@
-import { Location } from '../../../types/location.js';
+import type { Location } from '../../../types/location.js';
 interface Review {
     author: string;
     comment: string;

package/map/functions/__test__/fixtures/flight-connections.d.ts

@@ -1,4 +1,4 @@
-import { Connection } from '../../../types/connection-layer.js';
+import type { Connection } from '../../../types/connection-layer.js';
 interface Airport {
     name: string;
     city: string;

package/map/functions/attach-image-from-shape.d.ts

@@ -1,3 +1,3 @@
-import { MapRef } from 'react-map-gl/maplibre';
-import { MapShape } from '../types/shapes.js';
+import type { MapRef } from 'react-map-gl/maplibre';
+import type { MapShape } from '../types/shapes.js';
 export declare const attachImageFromShape: (map: MapRef, shape: MapShape, name: string, outputSize?: number) => void;

package/map/functions/attach-image-from-string.d.ts

@@ -1,3 +1,3 @@
-import { MapRef } from 'react-map-gl/maplibre';
-import { MapShape } from '../types/shapes.js';
+import type { MapRef } from 'react-map-gl/maplibre';
+import type { MapShape } from '../types/shapes.js';
 export declare const attachImageFromString: (map: MapRef, shape: MapShape | string, suffix?: string, outputSize?: number) => void;

package/map/functions/attach-image-from-text.d.ts

@@ -1,2 +1,2 @@
-import { MapRef } from 'react-map-gl/maplibre';
+import type { MapRef } from 'react-map-gl/maplibre';
 export declare const attachImageFromText: (map: MapRef, text: string, name: string, outputSize?: number) => void;

package/map/functions/attach-image-to-map.d.ts

@@ -1,2 +1,2 @@
-import { MapRef } from 'react-map-gl/maplibre';
+import type { MapRef } from 'react-map-gl/maplibre';
 export declare const attachImageToMap: (map: MapRef, bitmap: ImageBitmap | HTMLImageElement, iconName: string, sdf?: boolean) => void;

package/map/functions/build-categorical-scale.d.ts

@@ -1,2 +1,2 @@
-import { ColorPalette } from '@dynatrace/strato-components-preview/charts';
+import { type ColorPalette } from '@dynatrace/strato-components-preview/charts';
 export declare const buildCategoricalScale: (categories: string[], colorPalette: string[] | ColorPalette) => import("d3-scale").ScaleOrdinal<string, string, never>;

package/map/functions/is-valid-shape.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 isValidShape: (shape: MapShape | ReactNode) => shape is MapShape;

package/map/functions/iterate-config-slots.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MapConfig } from '../types/configuration.js';
+import type { MapConfig } from '../types/configuration.js';
 /**
  * Generate map config based on slots
  * @param children - Map children