@dynatrace/strato-geo 1.3.4 → 1.4.2

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

@@ -31,13 +31,15 @@ var import_create_categorical_color_scheme_from_legend_props = require("./create
 const isThresholdLegend = (legendConfig) => legendConfig.type === "threshold";
 const isSequentialLegend = (legendConfig) => legendConfig.type === "sequential";
 const isCategoricalLegend = (legendConfig) => legendConfig.type === "categorical";
-const buildScaleFromLegendConfig = (mapLegendConfig, categories) => {
+const buildScaleFromLegendConfig = (mapLegendConfig, categories, dataMax) => {
   if (isSequentialLegend(mapLegendConfig)) {
     const { min, max, colorPalette } = mapLegendConfig;
     return (0, import_charts._buildQuantizeScaleFromColorPalette)(min, max, colorPalette);
   } else if (isThresholdLegend(mapLegendConfig)) {
     const { ranges } = mapLegendConfig;
-    return (0, import_charts._buildThresholdScaleFromRanges)(ranges, import_constants.DEFAULT_RANGE_COLOR);
+    return (0, import_charts._buildThresholdScaleFromRanges)(ranges, import_constants.DEFAULT_RANGE_COLOR, {
+      max: dataMax
+    });
   } else if (isCategoricalLegend(mapLegendConfig)) {
     const isArrayOfColors = Array.isArray(mapLegendConfig.colorPalette);
     const isDefaultColorPalette = import_charts.colorPaletteOptions.includes(

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

@@ -43,14 +43,14 @@ const addCategory = (extendedDataPoint, valueAccessor) => {
   }
 };
 const updateDomain = (domain, value) => {
-  const [min, max] = domain;
+  let [min, max] = domain;
   if (value < min) {
-    return [value, max];
+    min = value;
   }
   if (value > max) {
-    return [min, value];
+    max = value;
   }
-  return domain;
+  return [min, max];
 };
 const extractLayersData = (children, valueAccessors) => {
   let flattenData = [];

package/map/utils/get-data-layers-bounding-box.d.ts

@@ -1,3 +1,4 @@
 import { Feature } from 'geojson';
 import React from 'react';
-export declare const getDataLayersBoundingBox: (children: React.ReactNode, featureCollection?: Feature[]) => [number, number, number, number];
+import type { BoundingBoxCoords } from '../types/map-view.js';
+export declare const getDataLayersBoundingBox: (children: React.ReactNode, featureCollection?: Feature[]) => BoundingBoxCoords;

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

@@ -32,12 +32,12 @@ __export(get_data_layers_bounding_box_exports, {
 module.exports = __toCommonJS(get_data_layers_bounding_box_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@dynatrace/strato-components-preview/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");
 var import_ConnectionLayer = require("../components/ConnectionLayer/ConnectionLayer.js");
 var import_DotLayer = require("../components/DotLayer/DotLayer.js");
 var import_constants = require("../constants.js");
-var import_is_component = require("./is-component.js");
 const narrowDownLocationBounds = (coordinates, initialBounds) => {
   const bounds = [...initialBounds];
   coordinates.forEach(({ latitude, longitude }) => {

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

@@ -34,6 +34,7 @@ var import_react = __toESM(require("react"));
 var import_react_is = require("react-is");
 var import_charts = require("@dynatrace/strato-components-preview/charts");
 var import_constants = require("../constants.js");
+var import_replace_infinite_values_in_ranges = require("./replace-infinite-values-in-ranges.js");
 var import_BaseLayer = require("../slots/BaseLayer.js");
 var import_CategoricalLegend = require("../slots/CategoricalLegend.js");
 var import_ChartInteractions = require("../slots/ChartInteractions.js");
@@ -103,13 +104,18 @@ const iterateConfigSlots = (children, legendDomain) => {
         }
         case import_ThresholdLegend.ThresholdLegend: {
           const { children: children2, ...legend } = child.props;
+          const ranges = (0, import_replace_infinite_values_in_ranges.replaceInfiniteValuesInRanges)(
+            legend.ranges,
+            legendDomain
+          );
           slots = {
             ...slots,
             legend: {
               type: "threshold",
               position: import_constants.DEFAULT_MAP_POSITION,
               ratio: import_constants.DEFAULT_MAP_LEGEND_RATIO,
-              ...legend
+              ...legend,
+              ranges
             }
           };
           break;

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

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

package/map/{components/legend/utils/resolve-color.js → utils/replace-infinite-values-in-ranges.js}

@@ -15,25 +15,34 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var resolve_color_exports = {};
-__export(resolve_color_exports, {
-  resolveColor: () => resolveColor
+var replace_infinite_values_in_ranges_exports = {};
+__export(replace_infinite_values_in_ranges_exports, {
+  replaceInfiniteValuesInRanges: () => replaceInfiniteValuesInRanges
 });
-module.exports = __toCommonJS(resolve_color_exports);
-const resolveColor = (scale, value) => {
-  if (typeof value === "string") {
-    const castedScale = scale;
-    const categories = castedScale.domain();
-    if (categories.includes(value)) {
-      return castedScale(value);
+module.exports = __toCommonJS(replace_infinite_values_in_ranges_exports);
+const replaceInfiniteValuesInRanges = (ranges, domain) => {
+  const replaceInfiniteValues = (value) => {
+    if (value === -Infinity) {
+      if (domain[0] >= 0) {
+        return 0;
+      } else {
+        return domain[0];
+      }
     }
-  }
-  if (typeof value === "number") {
-    const castedScale = scale;
-    const [min, max] = castedScale.domain();
-    if (value && value >= min && value <= max) {
-      return castedScale(value);
+    if (value === Infinity) {
+      if (domain[1] <= 0) {
+        return 0;
+      } else {
+        return domain[1];
+      }
     }
-  }
-  return void 0;
+    return value;
+  };
+  return ranges.map((range) => {
+    return {
+      ...range,
+      from: replaceInfiniteValues(range.from),
+      to: replaceInfiniteValues(range.to)
+    };
+  });
 };

package/map/utils/to-mapbox-initial-view-state.d.ts

@@ -1,7 +1,9 @@
-import { ViewState } from '../types/map-view.js';
-export declare const toMapBoxInitialViewState: (initialViewState: ViewState | [number, number, number, number]) => ViewState | {
-    bounds: [number, number, number, number];
+import type { PaddingOptions } from 'maplibre-gl';
+import type { BoundingBoxCoords, ViewState } from '../types/map-view.js';
+export type InitialBounds = {
+    bounds: BoundingBoxCoords;
     fitBoundsOptions: {
-        padding: number;
+        padding: number | PaddingOptions;
     };
 };
+export declare const toMapBoxInitialViewState: (initialViewState: ViewState | BoundingBoxCoords) => ViewState | InitialBounds;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynatrace/strato-geo",
-  "version": "1.3.4",
+  "version": "1.4.2",
   "private": false,
   "license": "Apache-2.0",
   "lang": "lang/uncompiled",
@@ -47,10 +47,10 @@
     "react-dom": "^18.0.0",
     "react-intl": "^6.0.8",
     "react-is": "^18.0.0",
-    "@dynatrace/strato-components": "^1.3.0",
-    "@dynatrace/strato-components-preview": "^1.3.4",
+    "@dynatrace/strato-components": "^1.4.0",
+    "@dynatrace/strato-components-preview": "^1.4.2",
     "@dynatrace/strato-design-tokens": "^1.0.0",
-    "@dynatrace/strato-icons": "^1.2.0"
+    "@dynatrace/strato-icons": "^1.3.0"
   },
   "sideEffects": [
     "./map/styles/react-mapgl-styles.css",

package/esm/map/components/legend/utils/resolve-color.js

@@ -1,21 +0,0 @@
-const resolveColor = (scale, value) => {
-  if (typeof value === "string") {
-    const castedScale = scale;
-    const categories = castedScale.domain();
-    if (categories.includes(value)) {
-      return castedScale(value);
-    }
-  }
-  if (typeof value === "number") {
-    const castedScale = scale;
-    const [min, max] = castedScale.domain();
-    if (value && value >= min && value <= max) {
-      return castedScale(value);
-    }
-  }
-  return void 0;
-};
-export {
-  resolveColor
-};
-//# sourceMappingURL=resolve-color.js.map

package/esm/map/components/legend/utils/resolve-color.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/map/components/legend/utils/resolve-color.ts"],
-  "sourcesContent": ["import type { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';\n\n/**\n * Resolves a color inside the given scale just if it fits its domain\n *\n * @param scale - given scale\n * @param value - given value\n */\nexport const resolveColor = (\n  scale:\n    | ScaleQuantize<string>\n    | ScaleThreshold<number, string>\n    | ScaleOrdinal<string, string>,\n  value: number | string | undefined,\n) => {\n  if (typeof value === 'string') {\n    const castedScale = scale as ScaleOrdinal<string, string>;\n    const categories = castedScale.domain();\n\n    if (categories.includes(value)) {\n      return castedScale(value);\n    }\n  }\n\n  if (typeof value === 'number') {\n    const castedScale = scale as\n      | ScaleQuantize<string>\n      | ScaleThreshold<number, string>;\n    const [min, max] = castedScale.domain();\n    if (value && value >= min && value <= max) {\n      return castedScale(value);\n    }\n  }\n\n  return undefined;\n};\n"],
-  "mappings": "AAQO,MAAM,eAAe,CAC1B,OAIA,UACG;AACH,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,cAAc;AACpB,UAAM,aAAa,YAAY,OAAO;AAEtC,QAAI,WAAW,SAAS,KAAK,GAAG;AAC9B,aAAO,YAAY,KAAK;AAAA,IAC1B;AAAA,EACF;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,cAAc;AAGpB,UAAM,CAAC,KAAK,GAAG,IAAI,YAAY,OAAO;AACtC,QAAI,SAAS,SAAS,OAAO,SAAS,KAAK;AACzC,aAAO,YAAY,KAAK;AAAA,IAC1B;AAAA,EACF;AAEA,SAAO;AACT;",
-  "names": []
-}

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

@@ -1,8 +0,0 @@
-import type { ScaleOrdinal, ScaleQuantize, ScaleThreshold } from 'd3-scale';
-/**
- * Resolves a color inside the given scale just if it fits its domain
- *
- * @param scale - given scale
- * @param value - given value
- */
-export declare const resolveColor: (scale: ScaleQuantize<string> | ScaleThreshold<number, string> | ScaleOrdinal<string, string>, value: number | string | undefined) => string | undefined;