@dynatrace/strato-geo 3.0.1 → 3.1.0

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

@@ -1,10 +1,11 @@
+import type { BehaviorTrackingProps } from '@dynatrace/strato-components/core';
 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
  * @public
  */
-export interface ChoroplethLayerBaseProps<T extends Record<string, unknown>> {
+export interface ChoroplethLayerBaseProps<T extends Record<string, unknown>> extends BehaviorTrackingProps {
     /**
      * An array of data items representing regions to be displayed in the ChoroplethLayer
      */

package/map/types/coloring.d.ts

@@ -1,4 +1,3 @@
-import type { Connection } from './connection-layer.js';
 import type { Location } from './location.js';
 /**
  * Props to configure any Layer with custom coloring
@@ -9,18 +8,6 @@ export interface LocationColorProps<T extends Location> {
     /** Custom color to apply to the layer */
     color?: string | ((item: T) => string);
 }
-/**
- * Props to configure a connection Layer with custom coloring
- * @typeParam T - Object extending Connection
- * @public
- */
-export interface ConnectionColorProps<T extends Connection> {
-    /**
-     * Specifies the color of the connection layer.
-     * @defaultValue Colors.Charts.Categorical.Color03.Default
-     */
-    color?: string | ((connection: T) => string);
-}
 /**
  * Props to configure any Layer with legend coloring
  * @public

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

@@ -1,5 +1,6 @@
 import type GeoJSON from 'geojson';
-import type { ConnectionColorProps, LegendColorLayerProps } from './coloring.js';
+import type { BehaviorTrackingProps } from '@dynatrace/strato-components/core';
+import type { LegendColorLayerProps } from './coloring.js';
 import type { Location } from './location.js';
 /**
  * Data type for connections in the Connection Layer.
@@ -21,7 +22,7 @@ export type ConnectionLayerProps<T extends Connection> = ConnectionLayerBaseProp
  * @typeParam T - Object extending Connection<L>.
  * @public
  */
-export interface ConnectionLayerBaseProps<T extends Connection> {
+export interface ConnectionLayerBaseProps<T extends Connection> extends BehaviorTrackingProps {
     /** Set of data related to the connections */
     data: T[];
     /**
@@ -66,3 +67,22 @@ export type GeoJSONFeature<T extends GeoJSON.Geometry> = GeoJSON.Feature<T, Feat
  * @public
  */
 export type CurvedLine = 'linear' | 'smooth';
+/**
+ * Props to configure a connection Layer with custom coloring
+ * @typeParam T - Object extending Connection
+ * @public
+ */
+export interface ConnectionColorProps<T extends Connection> {
+    /**
+     * Specifies the color of the connection layer.
+     * @defaultValue Colors.Charts.Categorical.Color03.Default
+     */
+    color?: string | ((connection: T) => string);
+}
+/** @internal */
+export type ConnectionTooltipStatePayload = {
+    path: Location[];
+    __lineColor: string;
+    __lineWidth: number;
+    __nullValues: string[] | undefined;
+};

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

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import type { BehaviorTrackingProps } from '@dynatrace/strato-components/core';
 import type { LegendColorLayerProps, LocationColorProps } from './coloring.js';
 import type { Location } from './location.js';
 import type { MapShape } from './shapes.js';
@@ -7,7 +8,7 @@ import type { MapShape } from './shapes.js';
  * @typeParam T - Object extending Location
  * @public
  */
-export interface DotLayerBaseProps<T extends Location> {
+export interface DotLayerBaseProps<T extends Location> extends BehaviorTrackingProps {
     /**
      * An array of location data items to be displayed in the DotLayer
      */

package/map/types/legend.d.ts

@@ -1,4 +1,4 @@
-import type { ColoredRange, ColorPalette, LegendProps } from '@dynatrace/strato-components-preview/charts';
+import type { ColoredRange, ColorPalette, LegendProps } from '@dynatrace/strato-components/charts';
 /**
  * The props common to all different legends
  * @public

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

@@ -1,7 +1,7 @@
 import { StyleSpecification } from '@maplibre/maplibre-gl-style-spec';
-import type { DataTestId, MaskingProps, StylingProps } from '@dynatrace/strato-components/core';
+import { Formatter } from '@dynatrace/strato-components/charts';
+import type { BehaviorTrackingProps, DataTestId, MaskingProps, StylingProps } from '@dynatrace/strato-components/core';
 import type { TruncationMode } from '@dynatrace/strato-components/typography';
-import { Formatter } from '@dynatrace/strato-components-preview/charts';
 import { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';
 /**
  * Type to disallow al props in a given type
@@ -50,7 +50,7 @@ export interface MapViewUncontrolledProps extends DisallowAll<ViewState> {
  * Props present in both ways of controlling a Map
  * @public
  */
-export interface MapViewBaseProps extends DataTestId, StylingProps, MaskingProps {
+export interface MapViewBaseProps extends DataTestId, StylingProps, MaskingProps, BehaviorTrackingProps {
     /**
      * Styles of maplibre to be overridden
      */

package/map/types/state.d.ts

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

package/map/types/toolbar.d.ts

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

package/map/types/tooltip.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { _ChartTooltipSlotsType as ChartTooltipSlotsType, _ChartTooltipTemplateType as ChartTooltipTemplateType } from '@dynatrace/strato-components-preview/charts';
+import type { _ChartTooltipSlotsType as ChartTooltipSlotsType, _ChartTooltipTemplateType as ChartTooltipTemplateType } from '@dynatrace/strato-components/charts';
 import type { Connection } from './connection-layer.js';
 import type { Location } from './location.js';
 /**

package/map/utils/attach-image-from-string.js

@@ -21,7 +21,7 @@ __export(attach_image_from_string_exports, {
   attachImageFromString: () => attachImageFromString
 });
 module.exports = __toCommonJS(attach_image_from_string_exports);
-var import_core = require("@dynatrace/strato-components-preview/core");
+var import_core = require("@dynatrace/strato-components/core");
 var import_attach_image_from_shape = require("./attach-image-from-shape.js");
 var import_attach_image_from_text = require("./attach-image-from-text.js");
 var import_is_valid_shape = require("./is-valid-shape.js");

package/map/utils/build-and-download-csv.js

@@ -21,8 +21,8 @@ __export(build_and_download_csv_exports, {
   buildAndDownloadCsv: () => buildAndDownloadCsv
 });
 module.exports = __toCommonJS(build_and_download_csv_exports);
-var import_charts = require("@dynatrace/strato-components-preview/charts");
-var import_core = require("@dynatrace/strato-components-preview/core");
+var import_charts = require("@dynatrace/strato-components/charts");
+var import_core = require("@dynatrace/strato-components/core");
 var import_tabularize_layers_data = require("./tabularize-layers-data.js");
 const buildAndDownloadCsv = (rawData) => {
   const csvString = (0, import_tabularize_layers_data.tabularizeLayersData)(rawData);

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

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

package/map/utils/build-scale-from-legend-config.js

@@ -24,7 +24,7 @@ __export(build_scale_from_legend_config_exports, {
   isThresholdLegend: () => isThresholdLegend
 });
 module.exports = __toCommonJS(build_scale_from_legend_config_exports);
-var import_charts = require("@dynatrace/strato-components-preview/charts");
+var import_charts = require("@dynatrace/strato-components/charts");
 var import_build_categorical_scale = require("./build-categorical-scale.js");
 var import_constants = require("../constants.js");
 var import_create_categorical_color_scheme_from_custom_color_object = require("./create-categorical-color-scheme-from-custom-color-object.js");

package/map/utils/calculate-hovered-color.js

@@ -32,7 +32,7 @@ __export(calculate_hovered_color_exports, {
 });
 module.exports = __toCommonJS(calculate_hovered_color_exports);
 var import_d3_interpolate = require("d3-interpolate");
-var import_charts = require("@dynatrace/strato-components-preview/charts");
+var import_charts = require("@dynatrace/strato-components/charts");
 var import_colors = __toESM(require("@dynatrace/strato-design-tokens/colors"));
 const calculateHoveredColor = (color) => {
   return (0, import_d3_interpolate.interpolateRgb)(

package/map/utils/create-categorical-color-scheme-from-legend-props.d.ts

@@ -1,4 +1,4 @@
-import { ColorPalette } from '@dynatrace/strato-components-preview/charts';
+import { ColorPalette } from '@dynatrace/strato-components/charts';
 export declare const createCategoricalColorSchemeFromLegendProps: (colorPalette: string[] | ColorPalette, categories: string[]) => ColorPalette | {
     [key: string]: string;
 };

package/map/utils/create-categorical-color-scheme-from-legend-props.js

@@ -22,7 +22,7 @@ __export(create_categorical_color_scheme_from_legend_props_exports, {
 });
 module.exports = __toCommonJS(create_categorical_color_scheme_from_legend_props_exports);
 var import_lodash_es = require("lodash");
-var import_charts = require("@dynatrace/strato-components-preview/charts");
+var import_charts = require("@dynatrace/strato-components/charts");
 var import_constants = require("../constants.js");
 const createCategoricalColorSchemeFromLegendProps = (colorPalette, categories) => {
   let obj = {};

package/map/utils/get-data-layers-bounding-box.js

@@ -22,7 +22,7 @@ __export(get_data_layers_bounding_box_exports, {
 });
 module.exports = __toCommonJS(get_data_layers_bounding_box_exports);
 var import_react = require("react");
-var import_core = require("@dynatrace/strato-components-preview/core");
+var import_core = require("@dynatrace/strato-components/core");
 var import_is_component = require("./is-component.js");
 var import_BubbleLayer = require("../components/BubbleLayer/BubbleLayer.js");
 var import_ChoroplethLayer = require("../components/ChoroplethLayer/ChoroplethLayer.js");

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

@@ -23,7 +23,7 @@ __export(iterate_config_slots_exports, {
 module.exports = __toCommonJS(iterate_config_slots_exports);
 var import_lodash_es = require("lodash");
 var import_react = require("react");
-var import_charts = require("@dynatrace/strato-components-preview/charts");
+var import_charts = require("@dynatrace/strato-components/charts");
 var import_constants = require("../constants.js");
 var import_is_slot = require("./is-slot.js");
 var import_replace_infinite_values_in_ranges = require("./replace-infinite-values-in-ranges.js");

package/map/utils/replace-infinite-values-in-ranges.d.ts

@@ -1,4 +1,4 @@
-import { ColoredRange } from '@dynatrace/strato-components-preview/charts';
+import { ColoredRange } from '@dynatrace/strato-components/charts';
 export declare const replaceInfiniteValuesInRanges: (ranges: ColoredRange[], domain: [number, number]) => {
     from: number;
     to: number;

package/map/utils/tabularize-layers-data.js

@@ -23,7 +23,7 @@ __export(tabularize_layers_data_exports, {
 });
 module.exports = __toCommonJS(tabularize_layers_data_exports);
 var import_lodash_es = require("lodash");
-var import_core = require("@dynatrace/strato-components-preview/core");
+var import_core = require("@dynatrace/strato-components/core");
 const NESTED_LEVELS_SUPPORTED = 2;
 const buildColumnsHeadersMapping = (columns) => new Map([...columns].map((value, index) => [value, index]));
 const getObjectHeaders = (data, objectKey = "", nestingLevel = 0) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynatrace/strato-geo",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "private": false,
   "license": "Apache-2.0",
   "keywords": [
@@ -54,14 +54,13 @@
     "@dynatrace-sdk/client-classic-environment-v2": "^5.1.0",
     "@dynatrace-sdk/client-platform-management-service": "^1.7.0",
     "@dynatrace-sdk/units": "^1.5.0",
+    "@dynatrace/strato-components": "^3.1.0",
+    "@dynatrace/strato-design-tokens": "^1.3.1",
+    "@dynatrace/strato-icons": "^2.1.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-intl": "^6.0.8 || ^7.0.0",
-    "react-is": "^18.0.0",
-    "@dynatrace/strato-components": "^3.0.1",
-    "@dynatrace/strato-components-preview": "^3.0.1",
-    "@dynatrace/strato-design-tokens": "^1.3.1",
-    "@dynatrace/strato-icons": "^2.0.0"
+    "react-is": "^18.0.0"
   },
   "sideEffects": [
     "./map/styles/react-mapgl-styles.css",