@dynatrace/strato-components 3.6.0 → 3.7.1

package/esm/charts/core/utils/coerceSizeValue.js

@@ -1,6 +1,7 @@
 import { isNumber, isString } from "lodash-es";
 import { validateCSSSize } from "./validate-css-size.js";
 const PX_UNIT = "px";
+const PX_PATTERN = /^(\d+(?:\.\d+)?)px$/;
 function coerceSizeValue(value) {
   if (isNumber(value)) {
     return `${value}${PX_UNIT}`;
@@ -10,7 +11,23 @@ function coerceSizeValue(value) {
   }
   return void 0;
 }
+function coerceSizeValueToPixels(value) {
+  if (isNumber(value)) {
+    return value;
+  }
+  if (isString(value)) {
+    const valid = validateCSSSize(value);
+    if (valid) {
+      const match = PX_PATTERN.exec(valid);
+      if (match) {
+        return Number(match[1]);
+      }
+    }
+  }
+  return void 0;
+}
 export {
-  coerceSizeValue
+  coerceSizeValue,
+  coerceSizeValueToPixels
 };
 //# sourceMappingURL=coerceSizeValue.js.map

package/esm/charts/core/utils/coerceSizeValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/coerceSizeValue.ts"],
-  "sourcesContent": ["import { isNumber, isString } from 'lodash-es';\n\nimport { validateCSSSize } from './validate-css-size.js';\n\nconst PX_UNIT = 'px';\n\n/**\n * Coerces a string or numeric value into a valid CSS size length value (width, height, etc.)\n * If the value is numeric it will assume that is expressed in pixels\n * @param value - the value to coerce.\n *\n * @internal\n *\n */\nexport function coerceSizeValue(value?: string | number): string | undefined {\n  if (isNumber(value)) {\n    return `${value}${PX_UNIT}`;\n  }\n\n  if (isString(value)) {\n    return validateCSSSize(value);\n  }\n\n  return undefined;\n}\n"],
-  "mappings": "AAAA,SAAS,UAAU,gBAAgB;AAEnC,SAAS,uBAAuB;AAEhC,MAAM,UAAU;AAUT,SAAS,gBAAgB,OAA6C;AAC3E,MAAI,SAAS,KAAK,GAAG;AACnB,WAAO,GAAG,KAAK,GAAG,OAAO;AAAA,EAC3B;AAEA,MAAI,SAAS,KAAK,GAAG;AACnB,WAAO,gBAAgB,KAAK;AAAA,EAC9B;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { isNumber, isString } from 'lodash-es';\n\nimport { validateCSSSize } from './validate-css-size.js';\n\nconst PX_UNIT = 'px';\nconst PX_PATTERN = /^(\\d+(?:\\.\\d+)?)px$/;\n\n/**\n * Coerces a string or numeric value into a valid CSS size length value (width, height, etc.)\n * If the value is numeric it will assume that is expressed in pixels\n * @param value - the value to coerce.\n *\n * @internal\n *\n */\nexport function coerceSizeValue(value?: string | number): string | undefined {\n  if (isNumber(value)) {\n    return `${value}${PX_UNIT}`;\n  }\n\n  if (isString(value)) {\n    return validateCSSSize(value);\n  }\n\n  return undefined;\n}\n\n/**\n * Coerces a string or numeric size value to a pixel number.\n * Returns `undefined` when the value is a non-pixel string (e.g. `'100%'`, `'vh'`, `'rem'`).\n *\n * @internal\n */\nexport function coerceSizeValueToPixels(\n  value: number | string | undefined,\n): number | undefined {\n  if (isNumber(value)) {\n    return value;\n  }\n  if (isString(value)) {\n    const valid = validateCSSSize(value);\n    if (valid) {\n      const match = PX_PATTERN.exec(valid);\n      if (match) {\n        return Number(match[1]);\n      }\n    }\n  }\n\n  return undefined;\n}\n"],
+  "mappings": "AAAA,SAAS,UAAU,gBAAgB;AAEnC,SAAS,uBAAuB;AAEhC,MAAM,UAAU;AAChB,MAAM,aAAa;AAUZ,SAAS,gBAAgB,OAA6C;AAC3E,MAAI,SAAS,KAAK,GAAG;AACnB,WAAO,GAAG,KAAK,GAAG,OAAO;AAAA,EAC3B;AAEA,MAAI,SAAS,KAAK,GAAG;AACnB,WAAO,gBAAgB,KAAK;AAAA,EAC9B;AAEA,SAAO;AACT;AAQO,SAAS,wBACd,OACoB;AACpB,MAAI,SAAS,KAAK,GAAG;AACnB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,KAAK,GAAG;AACnB,UAAM,QAAQ,gBAAgB,KAAK;AACnC,QAAI,OAAO;AACT,YAAM,QAAQ,WAAW,KAAK,KAAK;AACnC,UAAI,OAAO;AACT,eAAO,OAAO,MAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/gantt-chart/GanttChartLine.css

@@ -1,4 +1,4 @@
-._1pk2ed10-3-6-0 {
+._1pk2ed10-3-7-1 {
   height: 100%;
   width: 100%;
 }

package/esm/charts/gantt-chart/GanttChartLine.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLine.css";
-var wrapper = "_1pk2ed10-3-6-0";
+var wrapper = "_1pk2ed10-3-7-1";
 export {
   wrapper
 };

package/esm/charts/gantt-chart/GanttChartLine.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gantt-chart/GanttChartLine.css.ts"],
-  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-6-0';"],
+  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.css

@@ -1,4 +1,4 @@
-._mnxak30-3-6-0 {
+._mnxak30-3-7-1 {
   height: 100%;
   display: flex;
   justify-content: center;

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLineRenderer.css";
-var svgWrapperCSS = "_mnxak30-3-6-0";
+var svgWrapperCSS = "_mnxak30-3-7-1";
 export {
   svgWrapperCSS
 };

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.css.ts"],
-  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-6-0';"],
+  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.css

@@ -1,4 +1,4 @@
-._1v8s3xl0-3-6-0._1v8s3xl0-3-6-0 {
+._1v8s3xl0-3-7-1._1v8s3xl0-3-7-1 {
   max-height: initial;
   min-width: 160px;
   max-width: 320px;

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.tsx"],
-  "sourcesContent": ["import { type RefObject, useContext, useRef } from 'react';\n\nimport { ganttChartTooltipCSS } from './GanttChartTooltip.sty.js';\nimport { GanttChartTooltipContent } from './GanttChartTooltipContent.js';\nimport { useChartActionsMenu } from '../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { Point } from '../../../core/types/point.js';\nimport { DEFAULT_TOOLTIP_MARGIN } from '../../constants/defaults.js';\nimport { GanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { useRegisterTooltipHandlerCallbacks } from '../../hooks/use-register-tooltip-handler-callbacks.js';\nimport {\n  useTooltipPinnedStatus,\n  useTooltipPosition,\n} from '../../hooks/use-set-tooltip-state.js';\n\n/**\n * Tooltip specific to the Gantt Chart.\n */\nexport const GanttChartTooltip = () => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const pinned = useTooltipPinnedStatus();\n  const mousePosition = useTooltipPosition();\n  const { hovering = true } = useContext(GanttSegmentsContext);\n  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n    onLeave,\n  } = useChartActionsMenu();\n  useRegisterTooltipHandlerCallbacks(tooltipRef);\n\n  const isTooltipHeightKnown = useRef(false);\n\n  if (!mousePosition || !hovering) {\n    return null;\n  }\n\n  if (!isTooltipHeightKnown.current && tooltipRef.current) {\n    isTooltipHeightKnown.current = true;\n    return null;\n  }\n\n  const position = getTooltipPosition(mousePosition, tooltipRef);\n\n  return (\n    <ChartTooltip\n      ref={tooltipRef}\n      pinned={pinned}\n      className={ganttChartTooltipCSS}\n      position={position}\n      onMouseLeave={onLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n    >\n      <GanttChartTooltipContent />\n    </ChartTooltip>\n  );\n};\n\nfunction getTooltipPosition(\n  mousePosition: Point,\n  tooltipRef: RefObject<HTMLDivElement | null>,\n) {\n  if (!tooltipRef.current) {\n    // place the tooltip far off-screen on first render to measure its height\n    return {\n      x: -9999,\n      y: -9999,\n    };\n  }\n\n  const position: Point = {\n    x: mousePosition.x,\n    y: mousePosition.y + DEFAULT_TOOLTIP_MARGIN,\n  };\n\n  const tooltipHeight = tooltipRef.current.getBoundingClientRect().height;\n  const viewportHeight = window.innerHeight;\n\n  // check if tooltip is outside viewport\n  if (position.y + tooltipHeight > viewportHeight) {\n    // adjust vertical position so that tooltip is not cut off\n    position.y = viewportHeight - tooltipHeight;\n  }\n\n  return {\n    x: Math.max(0, position.x),\n    y: Math.max(0, position.y),\n  };\n}\n"],
-  "mappings": "AAyDM;AAzDN,SAAyB,YAAY,cAAc;AAEnD,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAKA,MAAM,oBAAoB,MAAM;AACrC,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,SAAS,uBAAuB;AACtC,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,EAAE,WAAW,KAAK,IAAI,WAAW,oBAAoB;AAC3D,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AACxB,qCAAmC,UAAU;AAE7C,QAAM,uBAAuB,OAAO,KAAK;AAEzC,MAAI,CAAC,iBAAiB,CAAC,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,qBAAqB,WAAW,WAAW,SAAS;AACvD,yBAAqB,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,mBAAmB,eAAe,UAAU;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,4BAAyB;AAAA;AAAA,EAC5B;AAEJ;AAEA,SAAS,mBACP,eACA,YACA;AACA,MAAI,CAAC,WAAW,SAAS;AAEvB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,QAAM,WAAkB;AAAA,IACtB,GAAG,cAAc;AAAA,IACjB,GAAG,cAAc,IAAI;AAAA,EACvB;AAEA,QAAM,gBAAgB,WAAW,QAAQ,sBAAsB,EAAE;AACjE,QAAM,iBAAiB,OAAO;AAG9B,MAAI,SAAS,IAAI,gBAAgB,gBAAgB;AAE/C,aAAS,IAAI,iBAAiB;AAAA,EAChC;AAEA,SAAO;AAAA,IACL,GAAG,KAAK,IAAI,GAAG,SAAS,CAAC;AAAA,IACzB,GAAG,KAAK,IAAI,GAAG,SAAS,CAAC;AAAA,EAC3B;AACF;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type RefObject, useContext, useRef } from 'react';\n\nimport { ganttChartTooltipCSS } from './GanttChartTooltip.sty.js';\nimport { GanttChartTooltipContent } from './GanttChartTooltipContent.js';\nimport { useChartActionsMenu } from '../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { Point } from '../../../core/types/point.js';\nimport { DEFAULT_TOOLTIP_MARGIN } from '../../constants/defaults.js';\nimport { GanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { useRegisterTooltipHandlerCallbacks } from '../../hooks/use-register-tooltip-handler-callbacks.js';\nimport {\n  useTooltipPinnedStatus,\n  useTooltipPosition,\n} from '../../hooks/use-set-tooltip-state.js';\n\n/**\n * Tooltip specific to the Gantt Chart.\n */\nexport const GanttChartTooltip = () => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const pinned = useTooltipPinnedStatus();\n  const mousePosition = useTooltipPosition();\n  const { hovering = true } = useContext(GanttSegmentsContext);\n  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n    onLeave,\n  } = useChartActionsMenu();\n  useRegisterTooltipHandlerCallbacks(tooltipRef);\n\n  const isTooltipHeightKnown = useRef(false);\n\n  if (!mousePosition || !hovering) {\n    return null;\n  }\n\n  if (!isTooltipHeightKnown.current && tooltipRef.current) {\n    isTooltipHeightKnown.current = true;\n    return null;\n  }\n\n  const position = getTooltipPosition(mousePosition, tooltipRef);\n\n  return (\n    <ChartTooltip\n      ref={tooltipRef}\n      pinned={pinned}\n      className={ganttChartTooltipCSS}\n      position={position}\n      onMouseLeave={onLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n    >\n      <GanttChartTooltipContent />\n    </ChartTooltip>\n  );\n};\n\nfunction getTooltipPosition(\n  mousePosition: Point,\n  tooltipRef: RefObject<HTMLDivElement | null>,\n) {\n  if (!tooltipRef.current) {\n    // place the tooltip far off-screen on first render to measure its height\n    return {\n      x: -9999,\n      y: -9999,\n    };\n  }\n\n  const position: Point = {\n    x: mousePosition.x,\n    y: mousePosition.y + DEFAULT_TOOLTIP_MARGIN,\n  };\n\n  const tooltipHeight = tooltipRef.current.getBoundingClientRect().height;\n  const viewportHeight = window.innerHeight;\n\n  // check if tooltip is outside viewport\n  if (position.y + tooltipHeight > viewportHeight) {\n    // adjust vertical position so that tooltip is not cut off\n    position.y = viewportHeight - tooltipHeight;\n  }\n\n  return {\n    x: Math.max(0, position.x),\n    y: Math.max(0, position.y),\n  };\n}\n"],
+  "mappings": "AA0DM;AAzDN,SAAyB,YAAY,cAAc;AAEnD,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAKA,MAAM,oBAAoB,MAAM;AACrC,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,SAAS,uBAAuB;AACtC,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,EAAE,WAAW,KAAK,IAAI,WAAW,oBAAoB;AAC3D,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AACxB,qCAAmC,UAAU;AAE7C,QAAM,uBAAuB,OAAO,KAAK;AAEzC,MAAI,CAAC,iBAAiB,CAAC,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,qBAAqB,WAAW,WAAW,SAAS;AACvD,yBAAqB,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,mBAAmB,eAAe,UAAU;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,4BAAyB;AAAA;AAAA,EAC5B;AAEJ;AAEA,SAAS,mBACP,eACA,YACA;AACA,MAAI,CAAC,WAAW,SAAS;AAEvB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,QAAM,WAAkB;AAAA,IACtB,GAAG,cAAc;AAAA,IACjB,GAAG,cAAc,IAAI;AAAA,EACvB;AAEA,QAAM,gBAAgB,WAAW,QAAQ,sBAAsB,EAAE;AACjE,QAAM,iBAAiB,OAAO;AAG9B,MAAI,SAAS,IAAI,gBAAgB,gBAAgB;AAE/C,aAAS,IAAI,iBAAiB;AAAA,EAChC;AAEA,SAAO;AAAA,IACL,GAAG,KAAK,IAAI,GAAG,SAAS,CAAC;AAAA,IACzB,GAAG,KAAK,IAAI,GAAG,SAAS,CAAC;AAAA,EAC3B;AACF;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartTooltip.css";
-var ganttChartTooltipCSS = "_1v8s3xl0-3-6-0";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-7-1";
 export {
   ganttChartTooltipCSS
 };

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.css.ts"],
-  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-6-0';"],
+  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltipBody.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltipBody.tsx"],
-  "sourcesContent": ["import { CopyIcon } from '@dynatrace/strato-icons';\nimport { format, formatDate, units } from '@dynatrace-sdk/units';\n\nimport { useCopyToClipboard } from '../../../../core/utils/useCopyToClipboard.js';\nimport { ChartSeriesAction } from '../../../core/components/series-action/ChartSeriesAction.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { DEFAULT_GANTT_SEGMENT_NAME } from '../../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { getEntryColor } from '../../functions/get-entry-color.js';\nimport type { GanttSegmentData } from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipBody = ({\n  entry,\n  row,\n  parent,\n  isDate,\n}: {\n  entry: GanttSegmentData;\n  row: GanttSegmentData[];\n  parent?: GanttSegmentData[];\n  isDate: boolean;\n}) => {\n  const {\n    config: {\n      nameAccessor = 'name',\n      formatter,\n      tooltipActions,\n      colorAccessor,\n      colorPalette,\n    },\n  } = useGanttSegmentsContext();\n  const duration =\n    entry.end !== undefined ? entry.end - entry.start : undefined;\n  const name = (entry[nameAccessor] || DEFAULT_GANTT_SEGMENT_NAME) as string;\n\n  const [copyName] = useCopyToClipboard(name);\n  const [copyStart] = useCopyToClipboard(`${entry.start}`);\n  const [copyEnd] = useCopyToClipboard(`${entry.end}`);\n  const [copyDuration] = useCopyToClipboard(`${duration}`);\n\n  const formatValue = isDate ? formatDate : format;\n  return (\n    <ChartTooltip.SeriesItem\n      color={getEntryColor(entry, colorAccessor, colorPalette)}\n      name={name}\n      actions={\n        tooltipActions\n          ? tooltipActions(entry, row, parent)\n          : () => (\n              <ChartSeriesAction>\n                <ChartSeriesAction.Item onSelect={copyName}>\n                  {name}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                <ChartSeriesAction.Item onSelect={copyStart}>\n                  Start: {formatValue(entry.start, formatter)}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                {entry.end && (\n                  <ChartSeriesAction.Item onSelect={copyEnd}>\n                    End: {formatValue(entry.end, formatter)}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n                {duration && (\n                  <ChartSeriesAction.Item onSelect={copyDuration}>\n                    Duration:{' '}\n                    {format(\n                      duration,\n                      isDate && !formatter\n                        ? { input: units.time.millisecond }\n                        : formatter,\n                    )}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n              </ChartSeriesAction>\n            )\n      }\n    />\n  );\n};\n"],
-  "mappings": "AAkDgB,SAGI,KAHJ;AAlDhB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,YAAY,aAAa;AAE1C,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAGvB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,MACN,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI,wBAAwB;AAC5B,QAAM,WACJ,MAAM,QAAQ,SAAY,MAAM,MAAM,MAAM,QAAQ;AACtD,QAAM,OAAQ,MAAM,YAAY,KAAK;AAErC,QAAM,CAAC,QAAQ,IAAI,mBAAmB,IAAI;AAC1C,QAAM,CAAC,SAAS,IAAI,mBAAmB,GAAG,MAAM,KAAK,EAAE;AACvD,QAAM,CAAC,OAAO,IAAI,mBAAmB,GAAG,MAAM,GAAG,EAAE;AACnD,QAAM,CAAC,YAAY,IAAI,mBAAmB,GAAG,QAAQ,EAAE;AAEvD,QAAM,cAAc,SAAS,aAAa;AAC1C,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO,cAAc,OAAO,eAAe,YAAY;AAAA,MACvD;AAAA,MACA,SACE,iBACI,eAAe,OAAO,KAAK,MAAM,IACjC,MACE,qBAAC,qBACC;AAAA,6BAAC,kBAAkB,MAAlB,EAAuB,UAAU,UAC/B;AAAA;AAAA,UACD,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QACA,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,WAAW;AAAA;AAAA,UACnC,YAAY,MAAM,OAAO,SAAS;AAAA,UAC1C,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QACC,MAAM,OACL,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,SAAS;AAAA;AAAA,UACnC,YAAY,MAAM,KAAK,SAAS;AAAA,UACtC,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QAED,YACC,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,cAAc;AAAA;AAAA,UACpC;AAAA,UACT;AAAA,YACC;AAAA,YACA,UAAU,CAAC,YACP,EAAE,OAAO,MAAM,KAAK,YAAY,IAChC;AAAA,UACN;AAAA,UACA,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,SAEJ;AAAA;AAAA,EAGV;AAEJ;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { CopyIcon } from '@dynatrace/strato-icons';\nimport { format, formatDate, units } from '@dynatrace-sdk/units';\n\nimport { useCopyToClipboard } from '../../../../core/utils/useCopyToClipboard.js';\nimport { ChartSeriesAction } from '../../../core/components/series-action/ChartSeriesAction.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { DEFAULT_GANTT_SEGMENT_NAME } from '../../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { getEntryColor } from '../../functions/get-entry-color.js';\nimport type { GanttSegmentData } from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipBody = ({\n  entry,\n  row,\n  parent,\n  isDate,\n}: {\n  entry: GanttSegmentData;\n  row: GanttSegmentData[];\n  parent?: GanttSegmentData[];\n  isDate: boolean;\n}) => {\n  const {\n    config: {\n      nameAccessor = 'name',\n      formatter,\n      tooltipActions,\n      colorAccessor,\n      colorPalette,\n    },\n  } = useGanttSegmentsContext();\n  const duration =\n    entry.end !== undefined ? entry.end - entry.start : undefined;\n  const name = (entry[nameAccessor] || DEFAULT_GANTT_SEGMENT_NAME) as string;\n\n  const [copyName] = useCopyToClipboard(name);\n  const [copyStart] = useCopyToClipboard(`${entry.start}`);\n  const [copyEnd] = useCopyToClipboard(`${entry.end}`);\n  const [copyDuration] = useCopyToClipboard(`${duration}`);\n\n  const formatValue = isDate ? formatDate : format;\n  return (\n    <ChartTooltip.SeriesItem\n      color={getEntryColor(entry, colorAccessor, colorPalette)}\n      name={name}\n      actions={\n        tooltipActions\n          ? tooltipActions(entry, row, parent)\n          : () => (\n              <ChartSeriesAction>\n                <ChartSeriesAction.Item onSelect={copyName}>\n                  {name}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                <ChartSeriesAction.Item onSelect={copyStart}>\n                  Start: {formatValue(entry.start, formatter)}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                {entry.end && (\n                  <ChartSeriesAction.Item onSelect={copyEnd}>\n                    End: {formatValue(entry.end, formatter)}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n                {duration && (\n                  <ChartSeriesAction.Item onSelect={copyDuration}>\n                    Duration:{' '}\n                    {format(\n                      duration,\n                      isDate && !formatter\n                        ? { input: units.time.millisecond }\n                        : formatter,\n                    )}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n              </ChartSeriesAction>\n            )\n      }\n    />\n  );\n};\n"],
+  "mappings": "AAmDgB,SAGI,KAHJ;AAlDhB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,YAAY,aAAa;AAE1C,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAGvB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,MACN,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI,wBAAwB;AAC5B,QAAM,WACJ,MAAM,QAAQ,SAAY,MAAM,MAAM,MAAM,QAAQ;AACtD,QAAM,OAAQ,MAAM,YAAY,KAAK;AAErC,QAAM,CAAC,QAAQ,IAAI,mBAAmB,IAAI;AAC1C,QAAM,CAAC,SAAS,IAAI,mBAAmB,GAAG,MAAM,KAAK,EAAE;AACvD,QAAM,CAAC,OAAO,IAAI,mBAAmB,GAAG,MAAM,GAAG,EAAE;AACnD,QAAM,CAAC,YAAY,IAAI,mBAAmB,GAAG,QAAQ,EAAE;AAEvD,QAAM,cAAc,SAAS,aAAa;AAC1C,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO,cAAc,OAAO,eAAe,YAAY;AAAA,MACvD;AAAA,MACA,SACE,iBACI,eAAe,OAAO,KAAK,MAAM,IACjC,MACE,qBAAC,qBACC;AAAA,6BAAC,kBAAkB,MAAlB,EAAuB,UAAU,UAC/B;AAAA;AAAA,UACD,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QACA,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,WAAW;AAAA;AAAA,UACnC,YAAY,MAAM,OAAO,SAAS;AAAA,UAC1C,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QACC,MAAM,OACL,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,SAAS;AAAA;AAAA,UACnC,YAAY,MAAM,KAAK,SAAS;AAAA,UACtC,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QAED,YACC,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,cAAc;AAAA;AAAA,UACpC;AAAA,UACT;AAAA,YACC;AAAA,YACA,UAAU,CAAC,YACP,EAAE,OAAO,MAAM,KAAK,YAAY,IAChC;AAAA,UACN;AAAA,UACA,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,SAEJ;AAAA;AAAA,EAGV;AAEJ;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltipContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltipContent.tsx"],
-  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport { GanttChartTooltipBody } from './GanttChartTooltipBody.js';\nimport { GanttChartTooltipHeader } from './GanttChartTooltipHeader.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport type { GanttChartContent } from '../../context/GanttChartStateContext.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport {\n  useTooltipContent,\n  useTooltipPinnedStatus,\n} from '../../hooks/use-set-tooltip-state.js';\n\nexport const GanttChartTooltipContent = () => {\n  const [tooltipContent, setTooltipContent] = useState<\n    GanttChartContent | undefined\n  >();\n\n  const isTooltipPinned = useTooltipPinnedStatus();\n  const storedTooltipContent = useTooltipContent();\n  const {\n    config: { xAxisType, tooltip, formatter },\n  } = useGanttSegmentsContext();\n  const isDate = xAxisType === 'time';\n\n  useEffect(() => {\n    if (!isTooltipPinned && storedTooltipContent) {\n      setTooltipContent(storedTooltipContent);\n    }\n  }, [storedTooltipContent, isTooltipPinned]);\n\n  if (!tooltipContent) {\n    return null;\n  }\n\n  const { row, segment, parent } = tooltipContent;\n\n  if (tooltip !== undefined) {\n    return tooltip(segment, row, parent);\n  }\n\n  return (\n    <>\n      <GanttChartTooltipHeader\n        segment={tooltipContent.segment}\n        isDate={isDate}\n        formatter={formatter}\n      />\n      <Divider\n        orientation=\"horizontal\"\n        style={{ margin: `${Spacings.Size4} 0` }}\n      />\n      <ChartTooltip.Body>\n        <GanttChartTooltipBody\n          entry={tooltipContent.segment}\n          row={row}\n          parent={parent}\n          isDate={isDate}\n        />\n      </ChartTooltip.Body>\n    </>\n  );\n};\n\nGanttChartTooltipContent['displayName'] = 'GanttChartTooltipBody';\n"],
-  "mappings": "AA4CI,mBACE,KADF;AA5CJ,SAAS,WAAW,gBAAgB;AAEpC,OAAO,cAAc;AAErB,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAE7B,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,2BAA2B,MAAM;AAC5C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C;AAEF,QAAM,kBAAkB,uBAAuB;AAC/C,QAAM,uBAAuB,kBAAkB;AAC/C,QAAM;AAAA,IACJ,QAAQ,EAAE,WAAW,SAAS,UAAU;AAAA,EAC1C,IAAI,wBAAwB;AAC5B,QAAM,SAAS,cAAc;AAE7B,YAAU,MAAM;AACd,QAAI,CAAC,mBAAmB,sBAAsB;AAC5C,wBAAkB,oBAAoB;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,sBAAsB,eAAe,CAAC;AAE1C,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,KAAK,SAAS,OAAO,IAAI;AAEjC,MAAI,YAAY,QAAW;AACzB,WAAO,QAAQ,SAAS,KAAK,MAAM;AAAA,EACrC;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,eAAe;AAAA,QACxB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,aAAY;AAAA,QACZ,OAAO,EAAE,QAAQ,GAAG,SAAS,KAAK,KAAK;AAAA;AAAA,IACzC;AAAA,IACA,oBAAC,aAAa,MAAb,EACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,eAAe;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useEffect, useState } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport { GanttChartTooltipBody } from './GanttChartTooltipBody.js';\nimport { GanttChartTooltipHeader } from './GanttChartTooltipHeader.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport type { GanttChartContent } from '../../context/GanttChartStateContext.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport {\n  useTooltipContent,\n  useTooltipPinnedStatus,\n} from '../../hooks/use-set-tooltip-state.js';\n\nexport const GanttChartTooltipContent = () => {\n  const [tooltipContent, setTooltipContent] = useState<\n    GanttChartContent | undefined\n  >();\n\n  const isTooltipPinned = useTooltipPinnedStatus();\n  const storedTooltipContent = useTooltipContent();\n  const {\n    config: { xAxisType, tooltip, formatter },\n  } = useGanttSegmentsContext();\n  const isDate = xAxisType === 'time';\n\n  useEffect(() => {\n    if (!isTooltipPinned && storedTooltipContent) {\n      setTooltipContent(storedTooltipContent);\n    }\n  }, [storedTooltipContent, isTooltipPinned]);\n\n  if (!tooltipContent) {\n    return null;\n  }\n\n  const { row, segment, parent } = tooltipContent;\n\n  if (tooltip !== undefined) {\n    return tooltip(segment, row, parent);\n  }\n\n  return (\n    <>\n      <GanttChartTooltipHeader\n        segment={tooltipContent.segment}\n        isDate={isDate}\n        formatter={formatter}\n      />\n      <Divider\n        orientation=\"horizontal\"\n        style={{ margin: `${Spacings.Size4} 0` }}\n      />\n      <ChartTooltip.Body>\n        <GanttChartTooltipBody\n          entry={tooltipContent.segment}\n          row={row}\n          parent={parent}\n          isDate={isDate}\n        />\n      </ChartTooltip.Body>\n    </>\n  );\n};\n\nGanttChartTooltipContent['displayName'] = 'GanttChartTooltipBody';\n"],
+  "mappings": "AA6CI,mBACE,KADF;AA5CJ,SAAS,WAAW,gBAAgB;AAEpC,OAAO,cAAc;AAErB,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAE7B,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,2BAA2B,MAAM;AAC5C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C;AAEF,QAAM,kBAAkB,uBAAuB;AAC/C,QAAM,uBAAuB,kBAAkB;AAC/C,QAAM;AAAA,IACJ,QAAQ,EAAE,WAAW,SAAS,UAAU;AAAA,EAC1C,IAAI,wBAAwB;AAC5B,QAAM,SAAS,cAAc;AAE7B,YAAU,MAAM;AACd,QAAI,CAAC,mBAAmB,sBAAsB;AAC5C,wBAAkB,oBAAoB;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,sBAAsB,eAAe,CAAC;AAE1C,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,KAAK,SAAS,OAAO,IAAI;AAEjC,MAAI,YAAY,QAAW;AACzB,WAAO,QAAQ,SAAS,KAAK,MAAM;AAAA,EACrC;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,eAAe;AAAA,QACxB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,aAAY;AAAA,QACZ,OAAO,EAAE,QAAQ,GAAG,SAAS,KAAK,KAAK;AAAA;AAAA,IACzC;AAAA,IACA,oBAAC,aAAa,MAAb,EACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,eAAe;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltipHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltipHeader.tsx"],
-  "sourcesContent": ["import { format } from '@dynatrace-sdk/units';\n\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { RangeHeader } from '../../../core/components/tooltip/ChartTooltip/components/RangeHeader/RangeHeader.js';\nimport { TextHeader } from '../../../core/components/tooltip/ChartTooltip/components/TextHeader.js';\nimport type {\n  GanttChartFormatter,\n  GanttSegmentData,\n} from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipHeader = ({\n  segment,\n  isDate,\n  formatter,\n}: {\n  segment: Pick<GanttSegmentData, 'start' | 'end'>;\n  isDate: boolean;\n  formatter?: GanttChartFormatter;\n}) => {\n  const [start, end] = [segment.start, segment.end];\n  if (isDate) {\n    return end === undefined || start === end ? (\n      <ChartTooltip.TimestampHeader date={new Date(start)} />\n    ) : (\n      <ChartTooltip.TimeFrameHeader\n        showDuration\n        from={new Date(start)}\n        to={new Date(end)}\n      />\n    );\n  }\n\n  return end === undefined || start === end ? (\n    <TextHeader text={format(start, formatter)} />\n  ) : (\n    <RangeHeader\n      from={start}\n      to={end}\n      formatter={(value: number) => format(value, formatter)}\n    />\n  );\n};\n"],
-  "mappings": "AAsBM;AAtBN,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAMpB,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,OAAO,QAAQ,GAAG;AAChD,MAAI,QAAQ;AACV,WAAO,QAAQ,UAAa,UAAU,MACpC,oBAAC,aAAa,iBAAb,EAA6B,MAAM,IAAI,KAAK,KAAK,GAAG,IAErD;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC,cAAY;AAAA,QACZ,MAAM,IAAI,KAAK,KAAK;AAAA,QACpB,IAAI,IAAI,KAAK,GAAG;AAAA;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO,QAAQ,UAAa,UAAU,MACpC,oBAAC,cAAW,MAAM,OAAO,OAAO,SAAS,GAAG,IAE5C;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,WAAW,CAAC,UAAkB,OAAO,OAAO,SAAS;AAAA;AAAA,EACvD;AAEJ;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { format } from '@dynatrace-sdk/units';\n\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { RangeHeader } from '../../../core/components/tooltip/ChartTooltip/components/RangeHeader/RangeHeader.js';\nimport { TextHeader } from '../../../core/components/tooltip/ChartTooltip/components/TextHeader.js';\nimport type {\n  GanttChartFormatter,\n  GanttSegmentData,\n} from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipHeader = ({\n  segment,\n  isDate,\n  formatter,\n}: {\n  segment: Pick<GanttSegmentData, 'start' | 'end'>;\n  isDate: boolean;\n  formatter?: GanttChartFormatter;\n}) => {\n  const [start, end] = [segment.start, segment.end];\n  if (isDate) {\n    return end === undefined || start === end ? (\n      <ChartTooltip.TimestampHeader date={new Date(start)} />\n    ) : (\n      <ChartTooltip.TimeFrameHeader\n        showDuration\n        from={new Date(start)}\n        to={new Date(end)}\n      />\n    );\n  }\n\n  return end === undefined || start === end ? (\n    <TextHeader text={format(start, formatter)} />\n  ) : (\n    <RangeHeader\n      from={start}\n      to={end}\n      formatter={(value: number) => format(value, formatter)}\n    />\n  );\n};\n"],
+  "mappings": "AAuBM;AAtBN,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAMpB,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,OAAO,QAAQ,GAAG;AAChD,MAAI,QAAQ;AACV,WAAO,QAAQ,UAAa,UAAU,MACpC,oBAAC,aAAa,iBAAb,EAA6B,MAAM,IAAI,KAAK,KAAK,GAAG,IAErD;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC,cAAY;AAAA,QACZ,MAAM,IAAI,KAAK,KAAK;AAAA,QACpB,IAAI,IAAI,KAAK,GAAG;AAAA;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO,QAAQ,UAAa,UAAU,MACpC,oBAAC,cAAW,MAAM,OAAO,OAAO,SAAS,GAAG,IAE5C;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,WAAW,CAAC,UAAkB,OAAO,OAAO,SAAS;AAAA;AAAA,EACvD;AAEJ;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css

@@ -1,4 +1,4 @@
-._ezp7cy0-3-6-0 {
+._ezp7cy0-3-7-1 {
   width: 100%;
   height: 100%;
   container-type: size;

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js

@@ -1,5 +1,5 @@
 import "./GaugeChartLayout.css";
-var layoutContainer = "_ezp7cy0-3-6-0";
+var layoutContainer = "_ezp7cy0-3-7-1";
 export {
   layoutContainer
 };

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css.ts"],
-  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-6-0';"],
+  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.css

@@ -1,22 +1,22 @@
-._18ourc20-3-6-0 {
+._18ourc20-3-7-1 {
   width: 100%;
   height: 100%;
   overflow: visible;
 }
-._18ourc21-3-6-0 {
+._18ourc21-3-7-1 {
   width: fit-content;
 }
-._18ourc22-3-6-0 {
+._18ourc22-3-7-1 {
   transform: translateX(-50%) translateY(-75%);
 }
-._18ourc23-3-6-0 {
+._18ourc23-3-7-1 {
   transform: translateX(-50%) translateY(-25%);
 }
-._18ourc24-3-6-0 {
+._18ourc24-3-7-1 {
   display: none;
 }
 @container (min-width: 100px) and (min-height: 120px) {
-  ._18ourc24-3-6-0 {
+  ._18ourc24-3-7-1 {
     display: block;
   }
 }

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.sty.js

@@ -1,8 +1,8 @@
 import "./GaugeLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var elementLabelWrapper = "_18ourc20-3-6-0";
-var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-6-0", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-6-0", hanging: "_18ourc23-3-6-0" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
-var textContainer = "_18ourc24-3-6-0";
+var elementLabelWrapper = "_18ourc20-3-7-1";
+var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-7-1", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-7-1", hanging: "_18ourc23-3-7-1" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
+var textContainer = "_18ourc24-3-7-1";
 export {
   elementLabelWrapper,
   foreignObjectContainer,

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabel/GaugeLabel.css.ts"],
-  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-6-0';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-6-0',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-6-0',hanging:'_18ourc23-3-6-0'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-6-0';"],
+  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-7-1';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-7-1',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-7-1',hanging:'_18ourc23-3-7-1'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB;AAC1B,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,kBAAiB,EAAC,MAAK,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,kBAAiB,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjO,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.css

@@ -1,4 +1,4 @@
-._1fbjcz30-3-6-0 {
+._1fbjcz30-3-7-1 {
   display: grid;
   grid-template-columns: 1fr;
   grid-template: "valueLabel" 2fr
@@ -7,9 +7,9 @@
   width: 100%;
   height: 100%;
 }
-._1fbjcz30-3-6-0 > #value-label {
+._1fbjcz30-3-7-1 > #value-label {
   grid-area: valueLabel;
 }
-._1fbjcz30-3-6-0 > #label {
+._1fbjcz30-3-7-1 > #label {
   grid-area: label;
 }

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.sty.js

@@ -1,5 +1,5 @@
 import "./GaugeLabelsWrapper.css";
-var labelsContainer = "_1fbjcz30-3-6-0";
+var labelsContainer = "_1fbjcz30-3-7-1";
 export {
   labelsContainer
 };

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.css.ts"],
-  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-6-0';"],
+  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css

@@ -1,17 +1,17 @@
-._l0e5zm0-3-6-0 {
+._l0e5zm0-3-7-1 {
   position: relative;
   height: 100%;
   z-index: 0;
 }
-._l0e5zm1-3-6-0 {
+._l0e5zm1-3-7-1 {
   cursor: default;
   user-select: none;
 }
-._l0e5zm2-3-6-0 {
+._l0e5zm2-3-7-1 {
   position: absolute;
   z-index: 1;
 }
-._l0e5zm3-3-6-0 {
+._l0e5zm3-3-7-1 {
   top: 0;
   left: 0;
   width: 100%;

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js

@@ -1,9 +1,9 @@
 import "./GaugeLayoutOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = _7a468({ defaultClassName: "_l0e5zm0-3-6-0", variantClassNames: { showLoading: { true: "_l0e5zm1-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
-var tooltipOverlay = "_l0e5zm2-3-6-0";
-var tooltipOverlayFull = "_l0e5zm3-3-6-0";
+var container = _7a468({ defaultClassName: "_l0e5zm0-3-7-1", variantClassNames: { showLoading: { true: "_l0e5zm1-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var tooltipOverlay = "_l0e5zm2-3-7-1";
+var tooltipOverlayFull = "_l0e5zm3-3-7-1";
 export {
   consumerLoadingStyle,
   container,

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css.ts"],
-  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-6-0',variantClassNames:{showLoading:{true:'_l0e5zm1-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-6-0';\nexport var tooltipOverlayFull = '_l0e5zm3-3-6-0';"],
+  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-7-1',variantClassNames:{showLoading:{true:'_l0e5zm1-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-7-1';\nexport var tooltipOverlayFull = '_l0e5zm3-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,EAAC,UAAS,YAAW,KAAI,GAAE,OAAM,QAAO,QAAO,QAAO,QAAO,GAAE,eAAc,QAAO,iBAAgB,qDAAoD,SAAQ,IAAG;AAC9L,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzJ,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css

@@ -1,4 +1,4 @@
-._13c0oci0-3-6-0 {
+._13c0oci0-3-7-1 {
   width: 100%;
   height: 100%;
   justify-content: center;
@@ -9,7 +9,7 @@
   margin: 0;
   gap: 0;
 }
-._13c0oci1-3-6-0 svg {
+._13c0oci1-3-7-1 svg {
   width: 1em;
   height: 1em;
   vertical-align: text-bottom;

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.sty.js

@@ -1,6 +1,6 @@
 import "./GaugeResponsiveLabel.css";
-var parentSvgStyle = "_13c0oci1-3-6-0";
-var responsiveLabelContainer = "_13c0oci0-3-6-0";
+var parentSvgStyle = "_13c0oci1-3-7-1";
+var responsiveLabelContainer = "_13c0oci0-3-7-1";
 export {
   parentSvgStyle,
   responsiveLabelContainer

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css.ts"],
-  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-6-0';\nexport var responsiveLabelContainer = '_13c0oci0-3-6-0';"],
+  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-7-1';\nexport var responsiveLabelContainer = '_13c0oci0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,2BAA2B;",
   "names": []
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css

@@ -1,3 +1,3 @@
-._9phcbi0-3-6-0 {
+._9phcbi0-3-7-1 {
   position: relative;
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./HistogramValueBottomAxisArea.css";
-var axisContainerStyle = "_9phcbi0-3-6-0";
+var axisContainerStyle = "_9phcbi0-3-7-1";
 export {
   axisContainerStyle
 };

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css.ts"],
-  "sourcesContent": ["import './HistogramValueBottomAxisArea.css';\nexport var axisContainerStyle = '_9phcbi0-3-6-0';"],
+  "sourcesContent": ["import './HistogramValueBottomAxisArea.css';\nexport var axisContainerStyle = '_9phcbi0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css

@@ -1,4 +1,4 @@
-._fzvydv0-3-6-0 {
+._fzvydv0-3-7-1 {
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\n\nimport { wrapper } from './HistogramTooltip.sty.js';\nimport { HistogramTooltipWrapper } from './HistogramTooltipWrapper.js';\nimport { Divider } from '../../../../../layouts/divider/Divider.js';\nimport { ChartActionsMenu } from '../../../../core/components/series-action/ChartActionsMenu.js';\nimport { useChartActionsMenu } from '../../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { SeriesBasedContent } from '../../../../core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.js';\nimport { CategoricalTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/CategoricalTooltipHeader.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { Formatter } from '../../../../core/types/formatter.js';\nimport { useHistogramFilteredData } from '../../../hooks/useHistogramFilteredData.js';\nimport { useHistogramTooltip } from '../../../hooks/useHistogramTooltip.js';\nimport { useHistogramTruncationMode } from '../../../hooks/useHistogramTruncationMode.js';\nimport { useHistogramXFormatter } from '../../../hooks/useHistogramXFormatter.js';\nimport { useHistogramYFormatter } from '../../../hooks/useHistogramYFormatter.js';\nimport { useSeriesActionClickHandler } from '../../../hooks/useSeriesActionClickHandler.js';\nimport { useXAxisConfig } from '../../../hooks/useXAxisConfig.js';\nimport { safeGet } from '../../../providers/HistogramDataProvider.js';\nimport {\n  HistogramBin,\n  HistogramSeries,\n  WeakMapBins,\n} from '../../../types/histogram.js';\nimport { PREPOSITION } from '../constants.js';\nimport {\n  type HistogramTooltipDataPoint,\n  toTooltipItems,\n} from '../utils/bins-to-tooltip.js';\nimport { getHeaderLabel } from '../utils/get-header-label-tooltip.js';\n\ninterface HistogramTooltipProps {\n  points: HistogramTooltipDataPoint[];\n  closestPoint?: HistogramTooltipDataPoint;\n}\n\nfunction getHeaderResolution(\n  binsMap: WeakMapBins,\n  bin: HistogramBin,\n  formatter: Formatter,\n) {\n  const { from, to } = safeGet(binsMap, bin);\n  return formatter(to - from);\n}\n\n/**\n * Tooltip specific to the Histogram.\n */\nexport const HistogramTooltip = ({\n  points,\n  closestPoint,\n}: HistogramTooltipProps) => {\n  const { binsMap, series, seriesMap } = useHistogramFilteredData();\n\n  const { unit: xUnit } = useXAxisConfig();\n  const { variant } = useHistogramTooltip();\n  const truncationMode = useHistogramTruncationMode();\n  const bottomFormatter = useHistogramXFormatter();\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    updateSelectedItem,\n    actionsMenuRef,\n    isScrolling,\n  } = useChartActionsMenu();\n  const formatters = useHistogramYFormatter();\n  const { units } = useHistogramFilteredData();\n\n  const isSingle = variant === 'single';\n\n  const { tooltipItems, closestTooltipItem } = toTooltipItems(\n    binsMap,\n    formatters,\n    isSingle,\n    units,\n    points,\n    closestPoint,\n  );\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    tooltipItems.length > 1,\n  );\n\n  const seriesActions = useTooltipSeriesActions<HistogramSeries>(\n    series,\n    (series) => safeGet(seriesMap, series).id,\n    tooltipItems.find((t) => t.id === selectedItem)?.bin,\n  );\n\n  const intl = useIntl();\n\n  const showHeaderTooltipItem = !isSingle && tooltipItems.length > 1;\n\n  const showHeaderDivider = tooltipItems.length > 1 && variant === 'shared';\n\n  const labelFormatter = (value: number) => bottomFormatter(value, xUnit);\n\n  const headerLabel = closestPoint\n    ? getHeaderLabel(\n        binsMap,\n        closestPoint.bin,\n        labelFormatter,\n        intl.formatMessage(PREPOSITION.to),\n      )\n    : '';\n\n  return (\n    <HistogramTooltipWrapper\n      tooltipItems={tooltipItems}\n      onMouseLeave={handleMenuLeave}\n      onScrollContent={handleMenuScroll}\n    >\n      <InteractiveChartTooltip.Header>\n        {closestPoint && (\n          <>\n            <CategoricalTooltipHeader\n              //TODO Add the X axis unit\n              resolution={getHeaderResolution(\n                binsMap,\n                closestPoint.bin,\n                labelFormatter,\n              )}\n              name={headerLabel}\n              item={\n                showHeaderTooltipItem\n                  ? {\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      ...closestTooltipItem!,\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      values: closestTooltipItem!.asyncValues(),\n                    }\n                  : undefined\n              }\n            />\n            {showHeaderDivider && (\n              <div\n                className={wrapper}\n                key={`divider-${closestTooltipItem?.id}`}\n              >\n                <Divider />\n              </div>\n            )}\n          </>\n        )}\n      </InteractiveChartTooltip.Header>\n\n      {tooltipItems && (\n        <InteractiveChartTooltip.Body>\n          {tooltipItems.map((item) => () => {\n            const isOpen = selectedItem === item.id;\n            return (\n              <ChartActionsMenu\n                key={`${item.id}`}\n                isOpen={isOpen}\n                actions={isOpen ? seriesActions(item) : undefined}\n                defaultActions={getDefaultAction(item)}\n                ref={actionsMenuRef}\n                onActionClick={actionClickHandler}\n              >\n                <SeriesBasedContent\n                  item={{ ...item, values: item.asyncValues() }}\n                  onMouseHover={() => updateSelectedItem(item.id)}\n                  truncationMode={truncationMode}\n                  isScrolling={isScrolling}\n                />\n              </ChartActionsMenu>\n            );\n          })}\n        </InteractiveChartTooltip.Body>\n      )}\n    </HistogramTooltipWrapper>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useIntl } from 'react-intl';\n\nimport { wrapper } from './HistogramTooltip.sty.js';\nimport { HistogramTooltipWrapper } from './HistogramTooltipWrapper.js';\nimport { Divider } from '../../../../../layouts/divider/Divider.js';\nimport { ChartActionsMenu } from '../../../../core/components/series-action/ChartActionsMenu.js';\nimport { useChartActionsMenu } from '../../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { SeriesBasedContent } from '../../../../core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.js';\nimport { CategoricalTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/CategoricalTooltipHeader.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { Formatter } from '../../../../core/types/formatter.js';\nimport { useHistogramFilteredData } from '../../../hooks/useHistogramFilteredData.js';\nimport { useHistogramTooltip } from '../../../hooks/useHistogramTooltip.js';\nimport { useHistogramTruncationMode } from '../../../hooks/useHistogramTruncationMode.js';\nimport { useHistogramXFormatter } from '../../../hooks/useHistogramXFormatter.js';\nimport { useHistogramYFormatter } from '../../../hooks/useHistogramYFormatter.js';\nimport { useSeriesActionClickHandler } from '../../../hooks/useSeriesActionClickHandler.js';\nimport { useXAxisConfig } from '../../../hooks/useXAxisConfig.js';\nimport { safeGet } from '../../../providers/HistogramDataProvider.js';\nimport {\n  HistogramBin,\n  HistogramSeries,\n  WeakMapBins,\n} from '../../../types/histogram.js';\nimport { PREPOSITION } from '../constants.js';\nimport {\n  type HistogramTooltipDataPoint,\n  toTooltipItems,\n} from '../utils/bins-to-tooltip.js';\nimport { getHeaderLabel } from '../utils/get-header-label-tooltip.js';\n\ninterface HistogramTooltipProps {\n  points: HistogramTooltipDataPoint[];\n  closestPoint?: HistogramTooltipDataPoint;\n}\n\nfunction getHeaderResolution(\n  binsMap: WeakMapBins,\n  bin: HistogramBin,\n  formatter: Formatter,\n) {\n  const { from, to } = safeGet(binsMap, bin);\n  return formatter(to - from);\n}\n\n/**\n * Tooltip specific to the Histogram.\n */\nexport const HistogramTooltip = ({\n  points,\n  closestPoint,\n}: HistogramTooltipProps) => {\n  const { binsMap, series, seriesMap } = useHistogramFilteredData();\n\n  const { unit: xUnit } = useXAxisConfig();\n  const { variant } = useHistogramTooltip();\n  const truncationMode = useHistogramTruncationMode();\n  const bottomFormatter = useHistogramXFormatter();\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    updateSelectedItem,\n    actionsMenuRef,\n    isScrolling,\n  } = useChartActionsMenu();\n  const formatters = useHistogramYFormatter();\n  const { units } = useHistogramFilteredData();\n\n  const isSingle = variant === 'single';\n\n  const { tooltipItems, closestTooltipItem } = toTooltipItems(\n    binsMap,\n    formatters,\n    isSingle,\n    units,\n    points,\n    closestPoint,\n  );\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    tooltipItems.length > 1,\n  );\n\n  const seriesActions = useTooltipSeriesActions<HistogramSeries>(\n    series,\n    (series) => safeGet(seriesMap, series).id,\n    tooltipItems.find((t) => t.id === selectedItem)?.bin,\n  );\n\n  const intl = useIntl();\n\n  const showHeaderTooltipItem = !isSingle && tooltipItems.length > 1;\n\n  const showHeaderDivider = tooltipItems.length > 1 && variant === 'shared';\n\n  const labelFormatter = (value: number) => bottomFormatter(value, xUnit);\n\n  const headerLabel = closestPoint\n    ? getHeaderLabel(\n        binsMap,\n        closestPoint.bin,\n        labelFormatter,\n        intl.formatMessage(PREPOSITION.to),\n      )\n    : '';\n\n  return (\n    <HistogramTooltipWrapper\n      tooltipItems={tooltipItems}\n      onMouseLeave={handleMenuLeave}\n      onScrollContent={handleMenuScroll}\n    >\n      <InteractiveChartTooltip.Header>\n        {closestPoint && (\n          <>\n            <CategoricalTooltipHeader\n              //TODO Add the X axis unit\n              resolution={getHeaderResolution(\n                binsMap,\n                closestPoint.bin,\n                labelFormatter,\n              )}\n              name={headerLabel}\n              item={\n                showHeaderTooltipItem\n                  ? {\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      ...closestTooltipItem!,\n                      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                      values: closestTooltipItem!.asyncValues(),\n                    }\n                  : undefined\n              }\n            />\n            {showHeaderDivider && (\n              <div\n                className={wrapper}\n                key={`divider-${closestTooltipItem?.id}`}\n              >\n                <Divider />\n              </div>\n            )}\n          </>\n        )}\n      </InteractiveChartTooltip.Header>\n\n      {tooltipItems && (\n        <InteractiveChartTooltip.Body>\n          {tooltipItems.map((item) => () => {\n            const isOpen = selectedItem === item.id;\n            return (\n              <ChartActionsMenu\n                key={`${item.id}`}\n                isOpen={isOpen}\n                actions={isOpen ? seriesActions(item) : undefined}\n                defaultActions={getDefaultAction(item)}\n                ref={actionsMenuRef}\n                onActionClick={actionClickHandler}\n              >\n                <SeriesBasedContent\n                  item={{ ...item, values: item.asyncValues() }}\n                  onMouseHover={() => updateSelectedItem(item.id)}\n                  truncationMode={truncationMode}\n                  isScrolling={isScrolling}\n                />\n              </ChartActionsMenu>\n            );\n          })}\n        </InteractiveChartTooltip.Body>\n      )}\n    </HistogramTooltipWrapper>\n  );\n};\n"],
+  "mappings": "AAsHU,mBACE,KADF;AArHV,SAAS,eAAe;AAExB,SAAS,eAAe;AACxB,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,gCAAgC;AACzC,SAAS,+BAA+B;AAExC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAMxB,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,OACK;AACP,SAAS,sBAAsB;AAO/B,SAAS,oBACP,SACA,KACA,WACA;AACA,QAAM,EAAE,MAAM,GAAG,IAAI,QAAQ,SAAS,GAAG;AACzC,SAAO,UAAU,KAAK,IAAI;AAC5B;AAKO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,SAAS,QAAQ,UAAU,IAAI,yBAAyB;AAEhE,QAAM,EAAE,MAAM,MAAM,IAAI,eAAe;AACvC,QAAM,EAAE,QAAQ,IAAI,oBAAoB;AACxC,QAAM,iBAAiB,2BAA2B;AAClD,QAAM,kBAAkB,uBAAuB;AAC/C,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AACxB,QAAM,aAAa,uBAAuB;AAC1C,QAAM,EAAE,MAAM,IAAI,yBAAyB;AAE3C,QAAM,WAAW,YAAY;AAE7B,QAAM,EAAE,cAAc,mBAAmB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBAAqB;AAAA,IACzB,aAAa,SAAS;AAAA,EACxB;AAEA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAACA,YAAW,QAAQ,WAAWA,OAAM,EAAE;AAAA,IACvC,aAAa,KAAK,CAAC,MAAM,EAAE,OAAO,YAAY,GAAG;AAAA,EACnD;AAEA,QAAM,OAAO,QAAQ;AAErB,QAAM,wBAAwB,CAAC,YAAY,aAAa,SAAS;AAEjE,QAAM,oBAAoB,aAAa,SAAS,KAAK,YAAY;AAEjE,QAAM,iBAAiB,CAAC,UAAkB,gBAAgB,OAAO,KAAK;AAEtE,QAAM,cAAc,eAChB;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,KAAK,cAAc,YAAY,EAAE;AAAA,EACnC,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,iBAAiB;AAAA,MAEjB;AAAA,4BAAC,wBAAwB,QAAxB,EACE,0BACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY;AAAA,gBACV;AAAA,gBACA,aAAa;AAAA,gBACb;AAAA,cACF;AAAA,cACA,MAAM;AAAA,cACN,MACE,wBACI;AAAA;AAAA,gBAEE,GAAG;AAAA;AAAA,gBAEH,QAAQ,mBAAoB,YAAY;AAAA,cAC1C,IACA;AAAA;AAAA,UAER;AAAA,UACC,qBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,cAGX,8BAAC,WAAQ;AAAA;AAAA,YAFJ,WAAW,oBAAoB,EAAE;AAAA,UAGxC;AAAA,WAEJ,GAEJ;AAAA,QAEC,gBACC,oBAAC,wBAAwB,MAAxB,EACE,uBAAa,IAAI,CAAC,SAAS,MAAM;AAChC,gBAAM,SAAS,iBAAiB,KAAK;AACrC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,SAAS,SAAS,cAAc,IAAI,IAAI;AAAA,cACxC,gBAAgB,iBAAiB,IAAI;AAAA,cACrC,KAAK;AAAA,cACL,eAAe;AAAA,cAEf;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,EAAE,GAAG,MAAM,QAAQ,KAAK,YAAY,EAAE;AAAA,kBAC5C,cAAc,MAAM,mBAAmB,KAAK,EAAE;AAAA,kBAC9C;AAAA,kBACA;AAAA;AAAA,cACF;AAAA;AAAA,YAZK,GAAG,KAAK,EAAE;AAAA,UAajB;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": ["series"]
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./HistogramTooltip.css";
-var wrapper = "_fzvydv0-3-6-0";
+var wrapper = "_fzvydv0-3-7-1";
 export {
   wrapper
 };

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css.ts"],
-  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-6-0';"],
+  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltipWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltipWrapper.tsx"],
-  "sourcesContent": ["import {\n  type PropsWithChildren,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\n\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { useExploreState } from '../../../hooks/store/selectors.js';\nimport { useHistogramChartOverlayRef } from '../../../hooks/useHistogramChartOverlayRef.js';\nimport { ADJUSTED_LAYOUT_OFFSET } from '../constants.js';\n\ninterface HistogramTooltipWrapperProps {\n  tooltipItems: TooltipItem[];\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n}\n\nexport const HistogramTooltipWrapper = ({\n  tooltipItems,\n  onMouseLeave,\n  onScrollContent,\n  children,\n}: PropsWithChildren<HistogramTooltipWrapperProps>) => {\n  const { pinned, position } = useExploreState();\n  const chartRef = useHistogramChartOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    tooltipItems,\n    'single-line',\n  );\n\n  const adjustedTooltipPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    position,\n    ADJUSTED_LAYOUT_OFFSET,\n  );\n\n  const showTooltip = tooltipItems.length && adjustedTooltipPosition;\n\n  return showTooltip ? (\n    <InteractiveChartTooltip\n      position={adjustedTooltipPosition}\n      pinned={pinned}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  ) : null;\n};\n"],
-  "mappings": "AA4CI;AAvCJ,SAAS,+BAA+B;AACxC,SAAS,uCAAuC;AAChD,SAAS,sCAAsC;AAE/C,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAQhC,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AACrD,QAAM,EAAE,QAAQ,SAAS,IAAI,gBAAgB;AAC7C,QAAM,WAAW,4BAA4B;AAC7C,QAAM,SAAS,+BAA+B,UAAU,MAAM,EAAE;AAEhE,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,aAAa,UAAU;AAE3C,SAAO,cACL;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,IACE;AACN;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport {\n  type PropsWithChildren,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\n\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { useExploreState } from '../../../hooks/store/selectors.js';\nimport { useHistogramChartOverlayRef } from '../../../hooks/useHistogramChartOverlayRef.js';\nimport { ADJUSTED_LAYOUT_OFFSET } from '../constants.js';\n\ninterface HistogramTooltipWrapperProps {\n  tooltipItems: TooltipItem[];\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n}\n\nexport const HistogramTooltipWrapper = ({\n  tooltipItems,\n  onMouseLeave,\n  onScrollContent,\n  children,\n}: PropsWithChildren<HistogramTooltipWrapperProps>) => {\n  const { pinned, position } = useExploreState();\n  const chartRef = useHistogramChartOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    tooltipItems,\n    'single-line',\n  );\n\n  const adjustedTooltipPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    position,\n    ADJUSTED_LAYOUT_OFFSET,\n  );\n\n  const showTooltip = tooltipItems.length && adjustedTooltipPosition;\n\n  return showTooltip ? (\n    <InteractiveChartTooltip\n      position={adjustedTooltipPosition}\n      pinned={pinned}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  ) : null;\n};\n"],
+  "mappings": "AA6CI;AAvCJ,SAAS,+BAA+B;AACxC,SAAS,uCAAuC;AAChD,SAAS,sCAAsC;AAE/C,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAQhC,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AACrD,QAAM,EAAE,QAAQ,SAAS,IAAI,gBAAgB;AAC7C,QAAM,WAAW,4BAA4B;AAC7C,QAAM,SAAS,+BAA+B,UAAU,MAAM,EAAE;AAEhE,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,aAAa,UAAU;AAE3C,SAAO,cACL;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,IACE;AACN;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramOverlays.css

@@ -1,4 +1,4 @@
-._drl8ns0-3-6-0 {
+._drl8ns0-3-7-1 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-6-0 {
+._drl8ns1-3-7-1 {
   pointer-events: none;
   overflow: visible;
   z-index: 1;

package/esm/charts/histogram/components/overlays/HistogramOverlays.sty.js

@@ -1,7 +1,7 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./HistogramOverlays.css";
-var crosshairLayout = "_drl8ns1-3-6-0 _13lzg4k0-3-6-0";
-var datapointLayout = "_drl8ns0-3-6-0 _13lzg4k0-3-6-0";
+var crosshairLayout = "_drl8ns1-3-7-1 _13lzg4k0-3-7-1";
+var datapointLayout = "_drl8ns0-3-7-1 _13lzg4k0-3-7-1";
 export {
   crosshairLayout,
   datapointLayout