@dynatrace/strato-components 3.0.1 → 3.1.1

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-0-1',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-0-1',false:'_1kzx6wv2-3-0-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-1-1',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-1-1',false:'_1kzx6wv2-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css

@@ -1,12 +1,12 @@
-._u32l830-3-0-1 {
+._u32l830-3-1-1 {
   overflow: visible;
   position: absolute;
 }
-._u32l831-3-0-1 {
+._u32l831-3-1-1 {
   width: 100%;
   height: 10px;
 }
-._u32l832-3-0-1 {
+._u32l832-3-1-1 {
   height: 100%;
   width: 10px;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendMarkers.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-0-1", variantClassNames: { isHorizontal: { true: "_u32l831-3-0-1", false: "_u32l832-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-1-1", variantClassNames: { isHorizontal: { true: "_u32l831-3-1-1", false: "_u32l832-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarkersSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css.ts"],
-  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-0-1',variantClassNames:{isHorizontal:{true:'_u32l831-3-0-1',false:'_u32l832-3-0-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-1-1',variantClassNames:{isHorizontal:{true:'_u32l831-3-1-1',false:'_u32l832-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css

@@ -1,21 +1,21 @@
-._6z9t250-3-0-1 {
+._6z9t250-3-1-1 {
   display: block;
   border-radius: 2px;
   overflow: hidden;
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._6z9t250-3-0-1:focus {
+._6z9t250-3-1-1:focus {
   outline: none;
 }
-._6z9t251-3-0-1 {
+._6z9t251-3-1-1 {
   margin: 0 auto;
   width: 100%;
   height: 10px;
 }
-._6z9t252-3-0-1 {
+._6z9t252-3-1-1 {
   height: 100%;
   width: 10px;
 }
-._6z9t250-3-0-1 rect:focus {
+._6z9t250-3-1-1 rect:focus {
   outline: none;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendSegments.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-0-1", variantClassNames: { isHorizontal: { true: "_6z9t251-3-0-1", false: "_6z9t252-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-1-1", variantClassNames: { isHorizontal: { true: "_6z9t251-3-1-1", false: "_6z9t252-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css.ts"],
-  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-0-1',variantClassNames:{isHorizontal:{true:'_6z9t251-3-0-1',false:'_6z9t252-3-0-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-1-1',variantClassNames:{isHorizontal:{true:'_6z9t251-3-1-1',false:'_6z9t252-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/constants.js

@@ -16,11 +16,6 @@ const TRUNCATION_MODE = {
   Middle: "middle",
   Start: "start"
 };
-const ITEM_FONT_STYLES = {
-  fontSize: Typography.Text.Small.Default.Size,
-  fontFamily: Typography.Text.Small.Default.Family,
-  fontWeight: Typography.Text.Small.Emphasized.Weight
-};
 const DEFAULT_TRUNCATION_MODE = TRUNCATION_MODE.Middle;
 const DEFAULT_FORMATTER = (value) => format(value);
 const DEFAULT_ITEM_THICKNESS = 10;
@@ -59,7 +54,6 @@ export {
   DEFAULT_TRUNCATION_MODE,
   GAP_BETWEEN_LABELS,
   HOVERED_LABEL_FONT_WEIGHT,
-  ITEM_FONT_STYLES,
   LABEL_ALIGNMENT,
   LABEL_FONT_COLOR_HOVERED,
   LABEL_FONT_WEIGHT,

package/esm/charts/core/components/legend/range/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/range/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\nimport { format } from '@dynatrace-sdk/units';\n\nimport type { LabelAlignment } from './types/range-legend.internal.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { MappedObject } from '../../../types/helpers/mapped-object.js';\n\nconst getNumberFromString = (value: string): number => {\n  const extractedNumber = value.match(/\\d+/);\n\n  return extractedNumber ? +extractedNumber[0] : 0;\n};\n\nexport const LABEL_ALIGNMENT: MappedObject<LabelAlignment> = {\n  Start: 'start',\n  Center: 'center',\n  End: 'end',\n};\n\nexport const TRUNCATION_MODE: MappedObject<TruncationMode> = {\n  End: 'end',\n  Middle: 'middle',\n  Start: 'start',\n};\n\nexport const ITEM_FONT_STYLES = {\n  fontSize: Typography.Text.Small.Default.Size,\n  fontFamily: Typography.Text.Small.Default.Family,\n  fontWeight: Typography.Text.Small.Emphasized.Weight,\n};\n\nexport const DEFAULT_TRUNCATION_MODE = TRUNCATION_MODE.Middle;\n// TODO: APPDEV-10243 Check default formatter with UX\nexport const DEFAULT_FORMATTER = (value: number) => format(value);\nexport const DEFAULT_ITEM_THICKNESS = 10;\nexport const DEFAULT_SEGMENT_SIZE = 6;\nexport const DEFAULT_SEGMENT_COLOR = Colors.Background.Field.Neutral.Disabled;\nexport const DEFAULT_GAP_THICKNESS = 1;\nexport const DEFAULT_LABEL_FONT_SIZE = Typography.Text.Small.Default.Size;\nexport const DEFAULT_LABEL_FONT_COLOR = Colors.Text.Neutral.Subdued;\nexport const LABEL_FONT_COLOR_HOVERED = Colors.Text.Neutral.Default;\nexport const LABEL_FONT_WEIGHT = Typography.Text.Small.Default.Weight;\nexport const HOVERED_LABEL_FONT_WEIGHT =\n  Typography.Text.Small.Emphasized.Weight;\nexport const GAP_BETWEEN_LABELS = 8;\nexport const TEXT_ELLIPSIS = '...';\nexport const STROKE_WIDTH = 1;\nexport const MAX_LEGEND_HEIGHT = 360;\nexport const MAX_LEGEND_WIDTH = 360;\nexport const CSS_CONTAINER_PADDING = Spacings.Size8;\nexport const LABEL_HOVERED_PADDING = getNumberFromString(Spacings.Size8);\nexport const LABEL_GAP = getNumberFromString(Spacings.Size2);\nexport const CONTAINER_PADDING = getNumberFromString(CSS_CONTAINER_PADDING);\nexport const DEFAULT_CONTAINER_SIZE =\n  DEFAULT_ITEM_THICKNESS + CONTAINER_PADDING * 2;\n\nexport const RANGE_LEGEND_CLASS = 'range-legend';\n\nexport const OVERLAY_ADDITIONAL_SIZE = getNumberFromString(Spacings.Size8);\nexport const OVERLAY_OFFSET = OVERLAY_ADDITIONAL_SIZE / 2;\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAMvB,MAAM,sBAAsB,CAAC,UAA0B;AACrD,QAAM,kBAAkB,MAAM,MAAM,KAAK;AAEzC,SAAO,kBAAkB,CAAC,gBAAgB,CAAC,IAAI;AACjD;AAEO,MAAM,kBAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,MAAM,kBAAgD;AAAA,EAC3D,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,MAAM,mBAAmB;AAAA,EAC9B,UAAU,WAAW,KAAK,MAAM,QAAQ;AAAA,EACxC,YAAY,WAAW,KAAK,MAAM,QAAQ;AAAA,EAC1C,YAAY,WAAW,KAAK,MAAM,WAAW;AAC/C;AAEO,MAAM,0BAA0B,gBAAgB;AAEhD,MAAM,oBAAoB,CAAC,UAAkB,OAAO,KAAK;AACzD,MAAM,yBAAyB;AAC/B,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB,OAAO,WAAW,MAAM,QAAQ;AAC9D,MAAM,wBAAwB;AAC9B,MAAM,0BAA0B,WAAW,KAAK,MAAM,QAAQ;AAC9D,MAAM,2BAA2B,OAAO,KAAK,QAAQ;AACrD,MAAM,2BAA2B,OAAO,KAAK,QAAQ;AACrD,MAAM,oBAAoB,WAAW,KAAK,MAAM,QAAQ;AACxD,MAAM,4BACX,WAAW,KAAK,MAAM,WAAW;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AACtB,MAAM,eAAe;AACrB,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AACzB,MAAM,wBAAwB,SAAS;AACvC,MAAM,wBAAwB,oBAAoB,SAAS,KAAK;AAChE,MAAM,YAAY,oBAAoB,SAAS,KAAK;AACpD,MAAM,oBAAoB,oBAAoB,qBAAqB;AACnE,MAAM,yBACX,yBAAyB,oBAAoB;AAExC,MAAM,qBAAqB;AAE3B,MAAM,0BAA0B,oBAAoB,SAAS,KAAK;AAClE,MAAM,iBAAiB,0BAA0B;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\nimport { format } from '@dynatrace-sdk/units';\n\nimport type { LabelAlignment } from './types/range-legend.internal.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { MappedObject } from '../../../types/helpers/mapped-object.js';\n\nconst getNumberFromString = (value: string): number => {\n  const extractedNumber = value.match(/\\d+/);\n\n  return extractedNumber ? +extractedNumber[0] : 0;\n};\n\nexport const LABEL_ALIGNMENT: MappedObject<LabelAlignment> = {\n  Start: 'start',\n  Center: 'center',\n  End: 'end',\n};\n\nexport const TRUNCATION_MODE: MappedObject<TruncationMode> = {\n  End: 'end',\n  Middle: 'middle',\n  Start: 'start',\n};\n\nexport const DEFAULT_TRUNCATION_MODE = TRUNCATION_MODE.Middle;\n// TODO: APPDEV-10243 Check default formatter with UX\nexport const DEFAULT_FORMATTER = (value: number) => format(value);\nexport const DEFAULT_ITEM_THICKNESS = 10;\nexport const DEFAULT_SEGMENT_SIZE = 6;\nexport const DEFAULT_SEGMENT_COLOR = Colors.Background.Field.Neutral.Disabled;\nexport const DEFAULT_GAP_THICKNESS = 1;\nexport const DEFAULT_LABEL_FONT_SIZE = Typography.Text.Small.Default.Size;\nexport const DEFAULT_LABEL_FONT_COLOR = Colors.Text.Neutral.Subdued;\nexport const LABEL_FONT_COLOR_HOVERED = Colors.Text.Neutral.Default;\nexport const LABEL_FONT_WEIGHT = Typography.Text.Small.Default.Weight;\nexport const HOVERED_LABEL_FONT_WEIGHT =\n  Typography.Text.Small.Emphasized.Weight;\nexport const GAP_BETWEEN_LABELS = 8;\nexport const TEXT_ELLIPSIS = '...';\nexport const STROKE_WIDTH = 1;\nexport const MAX_LEGEND_HEIGHT = 360;\nexport const MAX_LEGEND_WIDTH = 360;\nexport const CSS_CONTAINER_PADDING = Spacings.Size8;\nexport const LABEL_HOVERED_PADDING = getNumberFromString(Spacings.Size8);\nexport const LABEL_GAP = getNumberFromString(Spacings.Size2);\nexport const CONTAINER_PADDING = getNumberFromString(CSS_CONTAINER_PADDING);\nexport const DEFAULT_CONTAINER_SIZE =\n  DEFAULT_ITEM_THICKNESS + CONTAINER_PADDING * 2;\n\nexport const RANGE_LEGEND_CLASS = 'range-legend';\n\nexport const OVERLAY_ADDITIONAL_SIZE = getNumberFromString(Spacings.Size8);\nexport const OVERLAY_OFFSET = OVERLAY_ADDITIONAL_SIZE / 2;\n"],
+  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAMvB,MAAM,sBAAsB,CAAC,UAA0B;AACrD,QAAM,kBAAkB,MAAM,MAAM,KAAK;AAEzC,SAAO,kBAAkB,CAAC,gBAAgB,CAAC,IAAI;AACjD;AAEO,MAAM,kBAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,MAAM,kBAAgD;AAAA,EAC3D,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,MAAM,0BAA0B,gBAAgB;AAEhD,MAAM,oBAAoB,CAAC,UAAkB,OAAO,KAAK;AACzD,MAAM,yBAAyB;AAC/B,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB,OAAO,WAAW,MAAM,QAAQ;AAC9D,MAAM,wBAAwB;AAC9B,MAAM,0BAA0B,WAAW,KAAK,MAAM,QAAQ;AAC9D,MAAM,2BAA2B,OAAO,KAAK,QAAQ;AACrD,MAAM,2BAA2B,OAAO,KAAK,QAAQ;AACrD,MAAM,oBAAoB,WAAW,KAAK,MAAM,QAAQ;AACxD,MAAM,4BACX,WAAW,KAAK,MAAM,WAAW;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AACtB,MAAM,eAAe;AACrB,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AACzB,MAAM,wBAAwB,SAAS;AACvC,MAAM,wBAAwB,oBAAoB,SAAS,KAAK;AAChE,MAAM,YAAY,oBAAoB,SAAS,KAAK;AACpD,MAAM,oBAAoB,oBAAoB,qBAAqB;AACnE,MAAM,yBACX,yBAAyB,oBAAoB;AAExC,MAAM,qBAAqB;AAE3B,MAAM,0BAA0B,oBAAoB,SAAS,KAAK;AAClE,MAAM,iBAAiB,0BAA0B;",
   "names": []
 }

package/esm/charts/core/components/legend/range/utils/labels-collision.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/range/utils/labels-collision.ts"],
-  "sourcesContent": ["import { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TEXT_ELLIPSIS } from '../constants.js';\nimport { getHorizontalLabelPosition } from './get-horizontal-label-position.js';\nimport { TRUNCATE_LABEL } from '../../../../utils/text-truncation.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../../../text-ellipsis/truncate-string.js';\nimport {\n  HorizontalCoords,\n  RangeLabel,\n} from '../types/range-legend.internal.js';\n\n/**\n * Calculates the starting position for a given label, in order to let the label\n * fitting the container bounds.\n */\nexport const calculateOptimalPlacement = (\n  labelStart: number,\n  labelEnd: number,\n  startBound: number,\n  endBound: number,\n) => {\n  if (labelStart < startBound) {\n    const gap = startBound - labelStart;\n\n    return labelStart + gap;\n  }\n  if (labelEnd > endBound) {\n    const gap = endBound - labelEnd;\n\n    return labelStart + gap;\n  }\n\n  return labelStart;\n};\n\n/**\n * Applies dynamically the ellipsis to the text until the label fit the\n * container bounds.\n */\nexport const calculateOptimalEllipsis = (\n  text: string,\n  startPosition: number,\n  endPosition: number,\n  truncationMode: TruncationMode,\n  startBound: number,\n  endBound: number,\n): Required<Pick<RangeLabel, 'x'> & Pick<RangeLabel, 'text'>> => {\n  let candidateStartPosX = startPosition;\n  let candidateEndPosX = endPosition;\n  let candidateLabel = text;\n  let iteration = 0;\n\n  do {\n    candidateLabel = truncateLabel(candidateLabel, truncationMode);\n    const newLabelWidth = calculateWidth(\n      candidateLabel,\n      charsFontWidth12pixelsSize500Map,\n    );\n    const { x: newCandidateStartPosX } = getHorizontalLabelPosition(\n      newLabelWidth,\n      startBound,\n      startBound + newLabelWidth,\n      'start',\n    );\n\n    candidateStartPosX = newCandidateStartPosX;\n    candidateEndPosX = candidateStartPosX + newLabelWidth;\n    iteration++;\n\n    if (iteration > text.length) {\n      break;\n    }\n  } while (candidateStartPosX < startBound || candidateEndPosX > endBound);\n\n  return { text: candidateLabel, x: candidateStartPosX };\n};\n\nexport const truncateLabel = (text: string, truncationMode: TruncationMode) => {\n  const filteredText = (text ?? '').replace(TEXT_ELLIPSIS, '');\n\n  if (filteredText.length < 2) {\n    return text;\n  }\n\n  return TRUNCATE_LABEL[truncationMode](filteredText);\n};\n\n/**\n * Returns the start and ending distribution of a label.\n * @param startLabel -\n * @param endLabel -\n * @param bounds -\n */\nexport const getLabelsPosition = (\n  startLabel: string,\n  endLabel: string,\n  bounds: [number, number],\n): { startLabel: HorizontalCoords; endLabel: HorizontalCoords } => {\n  const startLabelWidth = calculateWidth(\n    startLabel,\n    charsFontWidth12pixelsSize500Map,\n  );\n  const endLabelWidth = calculateWidth(\n    endLabel,\n    charsFontWidth12pixelsSize500Map,\n  );\n\n  return {\n    startLabel: { start: bounds[0], end: bounds[0] + startLabelWidth },\n    endLabel: { start: bounds[1] - endLabelWidth, end: bounds[1] },\n  };\n};\n"],
-  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAUxB,MAAM,4BAA4B,CACvC,YACA,UACA,YACA,aACG;AACH,MAAI,aAAa,YAAY;AAC3B,UAAM,MAAM,aAAa;AAEzB,WAAO,aAAa;AAAA,EACtB;AACA,MAAI,WAAW,UAAU;AACvB,UAAM,MAAM,WAAW;AAEvB,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;AAMO,MAAM,2BAA2B,CACtC,MACA,eACA,aACA,gBACA,YACA,aAC+D;AAC/D,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AACvB,MAAI,iBAAiB;AACrB,MAAI,YAAY;AAEhB,KAAG;AACD,qBAAiB,cAAc,gBAAgB,cAAc;AAC7D,UAAM,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,IACF;AACA,UAAM,EAAE,GAAG,sBAAsB,IAAI;AAAA,MACnC;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IACF;AAEA,yBAAqB;AACrB,uBAAmB,qBAAqB;AACxC;AAEA,QAAI,YAAY,KAAK,QAAQ;AAC3B;AAAA,IACF;AAAA,EACF,SAAS,qBAAqB,cAAc,mBAAmB;AAE/D,SAAO,EAAE,MAAM,gBAAgB,GAAG,mBAAmB;AACvD;AAEO,MAAM,gBAAgB,CAAC,MAAc,mBAAmC;AAC7E,QAAM,gBAAgB,QAAQ,IAAI,QAAQ,eAAe,EAAE;AAE3D,MAAI,aAAa,SAAS,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA,SAAO,eAAe,cAAc,EAAE,YAAY;AACpD;AAQO,MAAM,oBAAoB,CAC/B,YACA,UACA,WACiE;AACjE,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AAAA,IACL,YAAY,EAAE,OAAO,OAAO,CAAC,GAAG,KAAK,OAAO,CAAC,IAAI,gBAAgB;AAAA,IACjE,UAAU,EAAE,OAAO,OAAO,CAAC,IAAI,eAAe,KAAK,OAAO,CAAC,EAAE;AAAA,EAC/D;AACF;",
+  "sourcesContent": ["import { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TEXT_ELLIPSIS } from '../constants.js';\nimport { getHorizontalLabelPosition } from './get-horizontal-label-position.js';\nimport { TRUNCATE_LABEL } from '../../../../utils/text-truncation.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../../../text-ellipsis/truncate-string.js';\nimport {\n  HorizontalCoords,\n  RangeLabel,\n} from '../types/range-legend.internal.js';\n\n/**\n * Calculates the starting position for a given label, in order to let the label\n * fitting the container bounds.\n */\nexport const calculateOptimalPlacement = (\n  labelStart: number,\n  labelEnd: number,\n  startBound: number,\n  endBound: number,\n) => {\n  if (labelStart < startBound) {\n    const gap = startBound - labelStart;\n\n    return labelStart + gap;\n  }\n  if (labelEnd > endBound) {\n    const gap = endBound - labelEnd;\n\n    return labelStart + gap;\n  }\n\n  return labelStart;\n};\n\n/**\n * Applies dynamically the ellipsis to the text until the label fit the\n * container bounds.\n */\nexport const calculateOptimalEllipsis = (\n  text: string,\n  startPosition: number,\n  endPosition: number,\n  truncationMode: TruncationMode,\n  startBound: number,\n  endBound: number,\n): Required<Pick<RangeLabel, 'x'> & Pick<RangeLabel, 'text'>> => {\n  let candidateStartPosX = startPosition;\n  let candidateEndPosX = endPosition;\n  let candidateLabel = text;\n  let iteration = 0;\n\n  do {\n    candidateLabel = truncateLabel(candidateLabel, truncationMode);\n    const newLabelWidth = calculateWidth(\n      candidateLabel,\n      charsFontWidth12pixelsSize500Map,\n    );\n    const { x: newCandidateStartPosX } = getHorizontalLabelPosition(\n      newLabelWidth,\n      startBound,\n      startBound + newLabelWidth,\n      'start',\n    );\n\n    candidateStartPosX = newCandidateStartPosX;\n    candidateEndPosX = candidateStartPosX + newLabelWidth;\n    iteration++;\n\n    if (iteration > text.length) {\n      break;\n    }\n  } while (candidateStartPosX < startBound || candidateEndPosX > endBound);\n\n  return { text: candidateLabel, x: candidateStartPosX };\n};\n\nexport const truncateLabel = (text: string, truncationMode: TruncationMode) => {\n  const filteredText = (text ?? '').replace(TEXT_ELLIPSIS, '');\n\n  if (filteredText.length < 2) {\n    return text;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  return TRUNCATE_LABEL[truncationMode](filteredText);\n};\n\n/**\n * Returns the start and ending distribution of a label.\n * @param startLabel -\n * @param endLabel -\n * @param bounds -\n */\nexport const getLabelsPosition = (\n  startLabel: string,\n  endLabel: string,\n  bounds: [number, number],\n): { startLabel: HorizontalCoords; endLabel: HorizontalCoords } => {\n  const startLabelWidth = calculateWidth(\n    startLabel,\n    charsFontWidth12pixelsSize500Map,\n  );\n  const endLabelWidth = calculateWidth(\n    endLabel,\n    charsFontWidth12pixelsSize500Map,\n  );\n\n  return {\n    startLabel: { start: bounds[0], end: bounds[0] + startLabelWidth },\n    endLabel: { start: bounds[1] - endLabelWidth, end: bounds[1] },\n  };\n};\n"],
+  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAUxB,MAAM,4BAA4B,CACvC,YACA,UACA,YACA,aACG;AACH,MAAI,aAAa,YAAY;AAC3B,UAAM,MAAM,aAAa;AAEzB,WAAO,aAAa;AAAA,EACtB;AACA,MAAI,WAAW,UAAU;AACvB,UAAM,MAAM,WAAW;AAEvB,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;AAMO,MAAM,2BAA2B,CACtC,MACA,eACA,aACA,gBACA,YACA,aAC+D;AAC/D,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AACvB,MAAI,iBAAiB;AACrB,MAAI,YAAY;AAEhB,KAAG;AACD,qBAAiB,cAAc,gBAAgB,cAAc;AAC7D,UAAM,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,IACF;AACA,UAAM,EAAE,GAAG,sBAAsB,IAAI;AAAA,MACnC;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IACF;AAEA,yBAAqB;AACrB,uBAAmB,qBAAqB;AACxC;AAEA,QAAI,YAAY,KAAK,QAAQ;AAC3B;AAAA,IACF;AAAA,EACF,SAAS,qBAAqB,cAAc,mBAAmB;AAE/D,SAAO,EAAE,MAAM,gBAAgB,GAAG,mBAAmB;AACvD;AAEO,MAAM,gBAAgB,CAAC,MAAc,mBAAmC;AAC7E,QAAM,gBAAgB,QAAQ,IAAI,QAAQ,eAAe,EAAE;AAE3D,MAAI,aAAa,SAAS,GAAG;AAC3B,WAAO;AAAA,EACT;AAGA,SAAO,eAAe,cAAc,EAAE,YAAY;AACpD;AAQO,MAAM,oBAAoB,CAC/B,YACA,UACA,WACiE;AACjE,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AAAA,IACL,YAAY,EAAE,OAAO,OAAO,CAAC,GAAG,KAAK,OAAO,CAAC,IAAI,gBAAgB;AAAA,IACjE,UAAU,EAAE,OAAO,OAAO,CAAC,IAAI,eAAe,KAAK,OAAO,CAAC,EAAE;AAAA,EAC/D;AACF;",
   "names": []
 }

package/esm/charts/core/components/loader-overlay/LoaderOverlay.css

@@ -1,4 +1,4 @@
-._bs5vaz0-3-0-1 {
+._bs5vaz0-3-1-1 {
   position: absolute;
   top: 0;
   width: 100%;
@@ -6,7 +6,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._bs5vaz1-3-0-1 {
+._bs5vaz1-3-1-1 {
   position: absolute;
   top: 0;
   width: 100%;

package/esm/charts/core/components/loader-overlay/LoaderOverlay.sty.js

@@ -1,6 +1,6 @@
 import "./LoaderOverlay.css";
-var loaderOverlay = "_bs5vaz0-3-0-1";
-var progressCircle = "_bs5vaz1-3-0-1";
+var loaderOverlay = "_bs5vaz0-3-1-1";
+var progressCircle = "_bs5vaz1-3-1-1";
 export {
   loaderOverlay,
   progressCircle

package/esm/charts/core/components/loader-overlay/LoaderOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/loader-overlay/LoaderOverlay.css.ts"],
-  "sourcesContent": ["import './LoaderOverlay.css';\nexport var loaderOverlay = '_bs5vaz0-3-0-1';\nexport var progressCircle = '_bs5vaz1-3-0-1';"],
+  "sourcesContent": ["import './LoaderOverlay.css';\nexport var loaderOverlay = '_bs5vaz0-3-1-1';\nexport var progressCircle = '_bs5vaz1-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/DynamicTooltip.js

@@ -42,7 +42,7 @@ const DynamicTooltip = (props) => {
     if (tooltip.getState().pinned) {
       dispatch({
         type: "UPDATE_POSITION",
-        payload: { type: "non-resize" }
+        payload: { type: "non-resize", scroll: true }
       })();
       return;
     }
@@ -100,8 +100,10 @@ const DynamicTooltip = (props) => {
     /* @__PURE__ */ jsx(
       "div",
       {
+        role: "tooltip",
         ref: setTooltipWrapper,
         className: wrapper({ isPinned: props.pinned }),
+        onMouseLeave: dispatch({ type: "TOOLTIP_MOUSE_LEAVE" }),
         ...dynamicTooltip,
         children: props.children
       }

package/esm/charts/core/components/overlay-tooltip/DynamicTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/DynamicTooltip.tsx"],
-  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useOverlay } from './contexts/OverlayContext.js';\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport { useDynamicTooltip } from './hooks/useDynamicTooltip.js';\nimport { wrapper } from './tooltip.sty.js';\nimport { useTooltipReducer } from './useTooltipReducer.js';\nimport { useThrottledCallbackOnResize } from '../../hooks/useThrottledCallbackOnResize.js';\nimport { useThrottledCallbackOnScroll } from '../../hooks/useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../../utils/throttleRaf.js';\n\nexport const DynamicTooltip = (\n  props: PropsWithChildren<{\n    pinned: boolean;\n    absoluteX: number;\n    absoluteY: number;\n  }>,\n) => {\n  const { absoluteX, absoluteY, pinned } = props;\n  const overlay = useOverlay();\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const [tooltipWrapper, setTooltipWrapper] = useState<HTMLDivElement | null>(\n    null,\n  );\n  const dynamicTooltip = useDynamicTooltip({\n    template: tooltipWrapper,\n    x: absoluteX,\n    y: absoluteY,\n  });\n\n  const onEscapeKeyPressedHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useThrottledCallbackOnScroll(false, () => {\n    if (tooltip.getState().pinned) {\n      dispatch({\n        type: 'UPDATE_POSITION',\n        payload: { type: 'non-resize' },\n      })();\n      return;\n    }\n\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  });\n\n  useThrottledCallbackOnResize(\n    overlay.overlayRef,\n    dispatch({ type: 'UPDATE_POSITION', payload: { type: 'resize' } }),\n    !pinned,\n  );\n\n  const pointerMoveCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (event.pressure && tooltip.getState().pinned) {\n          if (overlay.overlayRef.current?.contains(event.target as Node)) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const pointerUpCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (tooltip.getState().pinned) {\n          if (overlay.overlayRef.current?.contains(event.target as Node)) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (!pinned) {\n      return;\n    }\n    window.addEventListener('pointermove', pointerMoveCallback);\n    window.addEventListener('pointerup', pointerUpCallback);\n\n    return () => {\n      window.removeEventListener('pointermove', pointerMoveCallback);\n      window.removeEventListener('pointerup', pointerUpCallback);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pinned]);\n\n  return createPortal(\n    <div\n      ref={setTooltipWrapper}\n      className={wrapper({ isPinned: props.pinned })}\n      {...dynamicTooltip}\n    >\n      {props.children}\n    </div>,\n    document.body,\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useOverlay } from './contexts/OverlayContext.js';\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport { useDynamicTooltip } from './hooks/useDynamicTooltip.js';\nimport { wrapper } from './tooltip.sty.js';\nimport { useTooltipReducer } from './useTooltipReducer.js';\nimport { useThrottledCallbackOnResize } from '../../hooks/useThrottledCallbackOnResize.js';\nimport { useThrottledCallbackOnScroll } from '../../hooks/useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../../utils/throttleRaf.js';\n\nexport const DynamicTooltip = (\n  props: PropsWithChildren<{\n    pinned: boolean;\n    absoluteX: number;\n    absoluteY: number;\n  }>,\n) => {\n  const { absoluteX, absoluteY, pinned } = props;\n  const overlay = useOverlay();\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const [tooltipWrapper, setTooltipWrapper] = useState<HTMLDivElement | null>(\n    null,\n  );\n  const dynamicTooltip = useDynamicTooltip({\n    template: tooltipWrapper,\n    x: absoluteX,\n    y: absoluteY,\n  });\n\n  const onEscapeKeyPressedHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useThrottledCallbackOnScroll(false, () => {\n    if (tooltip.getState().pinned) {\n      dispatch({\n        type: 'UPDATE_POSITION',\n        payload: { type: 'non-resize', scroll: true },\n      })();\n      return;\n    }\n\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  });\n\n  useThrottledCallbackOnResize(\n    overlay.overlayRef,\n    dispatch({ type: 'UPDATE_POSITION', payload: { type: 'resize' } }),\n    !pinned,\n  );\n\n  const pointerMoveCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (event.pressure && tooltip.getState().pinned) {\n          if (overlay.overlayRef.current?.contains(event.target as Node)) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const pointerUpCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (tooltip.getState().pinned) {\n          if (overlay.overlayRef.current?.contains(event.target as Node)) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (!pinned) {\n      return;\n    }\n    window.addEventListener('pointermove', pointerMoveCallback);\n    window.addEventListener('pointerup', pointerUpCallback);\n\n    return () => {\n      window.removeEventListener('pointermove', pointerMoveCallback);\n      window.removeEventListener('pointerup', pointerUpCallback);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pinned]);\n\n  return createPortal(\n    <div\n      role=\"tooltip\"\n      ref={setTooltipWrapper}\n      className={wrapper({ isPinned: props.pinned })}\n      onMouseLeave={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n      {...dynamicTooltip}\n    >\n      {props.children}\n    </div>,\n    document.body,\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/OverlayTooltip.js

@@ -1,9 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { isNull } from "lodash-es";
-import { Header } from "./components/Header/Header.js";
-import { Series } from "./components/Series.js";
-import { SeriesHeader } from "./components/SeriesHeader.js";
-import { SeriesItem } from "./components/SeriesItem.js";
+import { Action } from "./components/global-actions/Action.js";
+import { ActionsPlaceholder } from "./components/global-actions/ActionsPlaceholder.js";
+import { Header } from "./components/header/Header.js";
+import { Series } from "./components/series/Series.js";
+import { SeriesHeader } from "./components/series/SeriesHeader.js";
+import { SeriesItem } from "./components/series/SeriesItem.js";
 import { ExternalConfigContext } from "./contexts/ExternalConfigContext.js";
 import { DynamicTooltip } from "./DynamicTooltip.js";
 import { useDefaultConfig } from "./hooks/useDefaultConfig.js";
@@ -25,6 +27,8 @@ const TooltipRoot = (props) => {
   return /* @__PURE__ */ jsx(DynamicTooltip, { pinned, absoluteX, absoluteY, children: /* @__PURE__ */ jsx(ExternalConfigContext.Provider, { value: config, children: content }) });
 };
 const OverlayTooltip = Object.assign(TooltipRoot, {
+  Action,
+  ActionsPlaceholder,
   Header,
   Series,
   SeriesHeader,

package/esm/charts/core/components/overlay-tooltip/OverlayTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/OverlayTooltip.tsx"],
-  "sourcesContent": ["import { isNull } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { Header } from './components/Header/Header.js';\nimport { Series } from './components/Series.js';\nimport { SeriesHeader } from './components/SeriesHeader.js';\nimport { SeriesItem } from './components/SeriesItem.js';\nimport { ExternalConfigContext } from './contexts/ExternalConfigContext.js';\nimport { DynamicTooltip } from './DynamicTooltip.js';\nimport { useDefaultConfig } from './hooks/useDefaultConfig.js';\nimport { useSelector, useTooltipSnapshot } from './selectors.js';\nimport type { OverlayTooltipProps } from './types.js';\nimport { buildContent } from './utils/build-content.js';\nimport { isTooltipDataEmpty } from './utils.js';\n\n/**\n * Tooltip root component\n * @internal\n */\nconst TooltipRoot = (props: PropsWithChildren<OverlayTooltipProps>) => {\n  useSelector(\n    ({ absoluteX, absoluteY, inBounds, pinned }) =>\n      `${absoluteX}-${absoluteY}-${inBounds}-${pinned}`,\n  );\n  const { absoluteX, absoluteY, inBounds, pinned, data } = useTooltipSnapshot();\n  const defaultConfig = useDefaultConfig();\n\n  if (\n    !inBounds ||\n    isNull(absoluteX) ||\n    isNull(absoluteY) ||\n    isTooltipDataEmpty(data)\n  ) {\n    return;\n  }\n  const { config, content } = buildContent(props.children, defaultConfig, {\n    userSymbolPosition: props.symbolPosition,\n  });\n\n  return (\n    <DynamicTooltip pinned={pinned} absoluteX={absoluteX} absoluteY={absoluteY}>\n      <ExternalConfigContext.Provider value={config}>\n        {content}\n      </ExternalConfigContext.Provider>\n    </DynamicTooltip>\n  );\n};\n/**\n * OverlayTooltip WIP component\n * @internal\n */\nexport const OverlayTooltip = Object.assign(TooltipRoot, {\n  Header,\n  Series,\n  SeriesHeader,\n  SeriesItem,\n});\n"],
-  "mappings": "AAyCM;AAzCN,SAAS,cAAc;AAGvB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,aAAa,0BAA0B;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAMnC,MAAM,cAAc,CAAC,UAAkD;AACrE;AAAA,IACE,CAAC,EAAE,WAAAA,YAAW,WAAAC,YAAW,UAAAC,WAAU,QAAAC,QAAO,MACxC,GAAGH,UAAS,IAAIC,UAAS,IAAIC,SAAQ,IAAIC,OAAM;AAAA,EACnD;AACA,QAAM,EAAE,WAAW,WAAW,UAAU,QAAQ,KAAK,IAAI,mBAAmB;AAC5E,QAAM,gBAAgB,iBAAiB;AAEvC,MACE,CAAC,YACD,OAAO,SAAS,KAChB,OAAO,SAAS,KAChB,mBAAmB,IAAI,GACvB;AACA;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,QAAQ,IAAI,aAAa,MAAM,UAAU,eAAe;AAAA,IACtE,oBAAoB,MAAM;AAAA,EAC5B,CAAC;AAED,SACE,oBAAC,kBAAe,QAAgB,WAAsB,WACpD,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,QACpC,mBACH,GACF;AAEJ;AAKO,MAAM,iBAAiB,OAAO,OAAO,aAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import { isNull } from 'lodash-es';\nimport { type PropsWithChildren } from 'react';\n\nimport { Action } from './components/global-actions/Action.js';\nimport { ActionsPlaceholder } from './components/global-actions/ActionsPlaceholder.js';\nimport { Header } from './components/header/Header.js';\nimport { Series } from './components/series/Series.js';\nimport { SeriesHeader } from './components/series/SeriesHeader.js';\nimport { SeriesItem } from './components/series/SeriesItem.js';\nimport { ExternalConfigContext } from './contexts/ExternalConfigContext.js';\nimport { DynamicTooltip } from './DynamicTooltip.js';\nimport { useDefaultConfig } from './hooks/useDefaultConfig.js';\nimport { useSelector, useTooltipSnapshot } from './selectors.js';\nimport type { OverlayTooltipProps } from './types.js';\nimport { buildContent } from './utils/build-content.js';\nimport { isTooltipDataEmpty } from './utils.js';\n\n/**\n * Tooltip root component\n * @internal\n */\nconst TooltipRoot = (props: PropsWithChildren<OverlayTooltipProps>) => {\n  useSelector(\n    ({ absoluteX, absoluteY, inBounds, pinned }) =>\n      `${absoluteX}-${absoluteY}-${inBounds}-${pinned}`,\n  );\n  const { absoluteX, absoluteY, inBounds, pinned, data } = useTooltipSnapshot();\n  const defaultConfig = useDefaultConfig();\n\n  if (\n    !inBounds ||\n    isNull(absoluteX) ||\n    isNull(absoluteY) ||\n    isTooltipDataEmpty(data)\n  ) {\n    return;\n  }\n  const { config, content } = buildContent(props.children, defaultConfig, {\n    userSymbolPosition: props.symbolPosition,\n  });\n\n  return (\n    <DynamicTooltip pinned={pinned} absoluteX={absoluteX} absoluteY={absoluteY}>\n      <ExternalConfigContext.Provider value={config}>\n        {content}\n      </ExternalConfigContext.Provider>\n    </DynamicTooltip>\n  );\n};\n/**\n * OverlayTooltip WIP component\n * @internal\n */\nexport const OverlayTooltip = Object.assign(TooltipRoot, {\n  Action,\n  ActionsPlaceholder,\n  Header,\n  Series,\n  SeriesHeader,\n  SeriesItem,\n});\n"],
+  "mappings": "AA2CM;AA3CN,SAAS,cAAc;AAGvB,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,aAAa,0BAA0B;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAMnC,MAAM,cAAc,CAAC,UAAkD;AACrE;AAAA,IACE,CAAC,EAAE,WAAAA,YAAW,WAAAC,YAAW,UAAAC,WAAU,QAAAC,QAAO,MACxC,GAAGH,UAAS,IAAIC,UAAS,IAAIC,SAAQ,IAAIC,OAAM;AAAA,EACnD;AACA,QAAM,EAAE,WAAW,WAAW,UAAU,QAAQ,KAAK,IAAI,mBAAmB;AAC5E,QAAM,gBAAgB,iBAAiB;AAEvC,MACE,CAAC,YACD,OAAO,SAAS,KAChB,OAAO,SAAS,KAChB,mBAAmB,IAAI,GACvB;AACA;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,QAAQ,IAAI,aAAa,MAAM,UAAU,eAAe;AAAA,IACtE,oBAAoB,MAAM;AAAA,EAC5B,CAAC;AAED,SACE,oBAAC,kBAAe,QAAgB,WAAsB,WACpD,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,QACpC,mBACH,GACF;AAEJ;AAKO,MAAM,iBAAiB,OAAO,OAAO,aAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": ["absoluteX", "absoluteY", "inBounds", "pinned"]
 }

package/esm/charts/core/components/overlay-tooltip/_to-be-removed/HeaderTestTooltip.js

@@ -56,52 +56,52 @@ const createTestData = (geometry, header1, subheader) => {
 };
 const HeaderTestData = [
   {
-    description: "Dot: Single date",
+    description: /* @__PURE__ */ jsx("h3", { children: "Dot: Single date" }),
     data: createTestData("dot", /* @__PURE__ */ new Date("2023-06-15")),
     template: DotTooltip
   },
   {
-    description: "Dot: Date range (from-to)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Dot: Date range (from-to)" }),
     data: createTestData("dot", DATE_RANGES.janOnly),
     template: /* @__PURE__ */ jsx(HeaderTooltip, { label: "" })
   },
   {
-    description: "Dot: Date range with subheader",
+    description: /* @__PURE__ */ jsx("h3", { children: "Dot: Date range with subheader" }),
     data: createTestData("dot", DATE_RANGES.fullYearSimple, ["Full Year"]),
     template: DotTooltip
   },
   {
-    description: "Rect: Single string",
+    description: /* @__PURE__ */ jsx("h3", { children: "Rect: Single string" }),
     data: createTestData("rect", "Q3"),
     template: /* @__PURE__ */ jsx(HeaderTooltip, { label: "Quarter" })
   },
   {
-    description: "Rect: String range",
+    description: /* @__PURE__ */ jsx("h3", { children: "Rect: String range" }),
     data: createTestData("rect", ["Start", "End"]),
     template: /* @__PURE__ */ jsx(HeaderTooltip, {})
   },
   {
-    description: "Rect: With subheader",
+    description: /* @__PURE__ */ jsx("h3", { children: "Rect: With subheader" }),
     data: createTestData("rect", "Q3", ["2023"]),
     template: /* @__PURE__ */ jsx(HeaderTooltip, {})
   },
   {
-    description: "TreeMap: With parent",
+    description: /* @__PURE__ */ jsx("h3", { children: "TreeMap: With parent" }),
     data: createTestData("treemap", "United States"),
     template: /* @__PURE__ */ jsx(HeaderTooltip, {})
   },
   {
-    description: "Custom label: Single value",
+    description: /* @__PURE__ */ jsx("h3", { children: "Custom label: Single value" }),
     data: createTestData("dot", "Custom Value"),
     template: /* @__PURE__ */ jsx(HeaderTooltip, { label: "My Custom Label" })
   },
   {
-    description: "Custom label: Date range",
+    description: /* @__PURE__ */ jsx("h3", { children: "Custom label: Date range" }),
     data: createTestData("dot", DATE_RANGES.janToJun),
     template: DurationTooltip("Time Period")
   },
   {
-    description: "Long string value",
+    description: /* @__PURE__ */ jsx("h3", { children: "Long string value" }),
     data: createTestData(
       "dot",
       "This is a very long header value that might overflow the container"
@@ -109,102 +109,102 @@ const HeaderTestData = [
     template: DotTooltip
   },
   {
-    description: "Numeric value",
+    description: /* @__PURE__ */ jsx("h3", { children: "Numeric value" }),
     data: createTestData("dot", 12345),
     template: DotTooltip
   },
   {
-    description: "Numeric range (from-to)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Numeric range (from-to)" }),
     data: createTestData("dot", [0, 100]),
     template: DotTooltip
   },
   {
-    description: "Date Range: Seconds changing (same minute)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Seconds changing (same minute)" }),
     data: createTestData("dot", DATE_RANGES.secondsChanging),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: Minutes changing (same hour)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Minutes changing (same hour)" }),
     data: createTestData("dot", DATE_RANGES.minutesChanging),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: Hours changing (same day)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Hours changing (same day)" }),
     data: createTestData("dot", DATE_RANGES.hoursChanging),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: Days changing (same month)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Days changing (same month)" }),
     data: createTestData("dot", DATE_RANGES.daysChanging),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: Months changing (same year)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Months changing (same year)" }),
     data: createTestData("dot", DATE_RANGES.monthsChanging),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: Years changing (different years)",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Years changing (different years)" }),
     data: createTestData("dot", DATE_RANGES.yearsChanging),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: With seconds included",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: With seconds included" }),
     data: createTestData("dot", DATE_RANGES.withSeconds),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: Cross-day with weekday",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Cross-day with weekday" }),
     data: createTestData("dot", DATE_RANGES.crossDay),
     template: NoGeometryTooltip
   },
   {
-    description: "Date Range: Same day with subheader",
+    description: /* @__PURE__ */ jsx("h3", { children: "Date Range: Same day with subheader" }),
     data: createTestData("dot", DATE_RANGES.sameDay, ["Business Hours"]),
     template: NoGeometryTooltip
   },
   {
-    description: "Duration: Date range - seconds difference",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Date range - seconds difference" }),
     data: createTestData("dot", DATE_RANGES.secondsChanging),
     template: DurationTooltip("Time Period")
   },
   {
-    description: "Duration: Date range - minutes difference",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Date range - minutes difference" }),
     data: createTestData("dot", DATE_RANGES.minutesChanging),
     template: DurationTooltip("Meeting Duration")
   },
   {
-    description: "Duration: Date range - hours difference",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Date range - hours difference" }),
     data: createTestData("dot", DATE_RANGES.hoursChanging),
     template: DurationTooltip("Work Day")
   },
   {
-    description: "Duration: Date range - days difference",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Date range - days difference" }),
     data: createTestData("dot", DATE_RANGES.daysChanging),
     template: DurationTooltip("Project Sprint")
   },
   {
-    description: "Duration: Numeric range - small difference",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Numeric range - small difference" }),
     data: createTestData("dot", [1250, 1388]),
     template: DurationTooltip("Score Range")
   },
   {
-    description: "Duration: Numeric range - large difference",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Numeric range - large difference" }),
     data: createTestData("dot", [1e4, 25e4]),
     template: DurationTooltip("Revenue Range")
   },
   {
-    description: "Duration: Date range with subheader",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Date range with subheader" }),
     data: createTestData("dot", DATE_RANGES.fullYear, ["Full Year Analysis"]),
     template: DurationTooltip("Annual Period")
   },
   {
-    description: "Duration: Cross-month date range",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Cross-month date range" }),
     data: createTestData("dot", DATE_RANGES.monthsChanging),
     template: DurationTooltip("Seasonal Period")
   },
   {
-    description: "Duration: Same day range with subheader",
+    description: /* @__PURE__ */ jsx("h3", { children: "Duration: Same day range with subheader" }),
     data: createTestData("dot", DATE_RANGES.sameDay, ["Business Hours"]),
     template: DurationTooltip("Daily Operations")
   }

package/esm/charts/core/components/overlay-tooltip/_to-be-removed/HeaderTestTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/_to-be-removed/HeaderTestTooltip.tsx"],
-  "sourcesContent": ["import { type JSX } from 'react';\n\nimport { OverlayTooltip } from '../OverlayTooltip.js';\nimport { useTooltipData } from './utils.js';\nimport type { Data, GeometryTypes, TooltipValue } from '../types.js';\n\nconst HeaderTooltip = ({\n  label,\n  showRangeDuration = false,\n}: {\n  label?: string;\n  showRangeDuration?: boolean;\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header\n        header1={data.header1}\n        subheader={data.subheader}\n        label={label}\n        showRangeDuration={showRangeDuration}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst DotTooltip = <HeaderTooltip />;\nconst NoGeometryTooltip = <HeaderTooltip />;\nconst DurationTooltip = (label: string) => (\n  <HeaderTooltip label={label} showRangeDuration />\n);\n\nconst baseSeries = [\n  {\n    name: 'Series 1',\n    color: '#3DD598',\n    value: '100',\n  },\n];\n\ntype HeaderValueTuple = [TooltipValue] | [TooltipValue, TooltipValue];\ntype HeaderValue = TooltipValue | HeaderValueTuple;\n\nconst dateRange = (from: string, to: string): HeaderValueTuple => [\n  new Date(from),\n  new Date(to),\n];\n\nconst DATE_RANGES = {\n  secondsChanging: dateRange('2023-06-15T14:30:15', '2023-06-15T14:30:45'),\n  minutesChanging: dateRange('2023-06-15T14:15:00', '2023-06-15T14:45:00'),\n  hoursChanging: dateRange('2023-06-15T09:00:00', '2023-06-15T17:30:00'),\n  daysChanging: dateRange('2023-06-05T10:00:00', '2023-06-25T16:30:00'),\n  monthsChanging: dateRange('2023-03-15T10:00:00', '2023-09-20T14:30:00'),\n  yearsChanging: dateRange('2022-12-15T10:00:00', '2024-03-20T14:30:00'),\n  withSeconds: dateRange('2023-06-15T14:30:15', '2023-06-15T14:30:25'),\n  crossDay: dateRange('2023-06-15T22:00:00', '2023-06-16T02:30:00'),\n  sameDay: dateRange('2023-06-15T08:00:00', '2023-06-15T18:00:00'),\n  fullYear: dateRange('2023-01-01T00:00:00', '2023-12-31T23:59:59'),\n  janToJun: dateRange('2023-01-01', '2023-06-30'),\n  janOnly: dateRange('2023-01-01', '2023-01-31'),\n  fullYearSimple: dateRange('2023-01-01', '2023-12-31'),\n} as const;\n\nconst createTestData = (\n  geometry: GeometryTypes,\n  header1: HeaderValue,\n  subheader?: HeaderValue,\n): (() => Data) => {\n  const headerData: HeaderValueTuple = Array.isArray(header1)\n    ? header1\n    : [header1];\n  return (): Data => ({\n    geometry,\n    header1: headerData,\n    ...(subheader && { subheader }),\n    series: baseSeries,\n  });\n};\n\ninterface TestDataEntry {\n  description: string;\n  data: () => Data;\n  template: JSX.Element;\n}\n\nexport const HeaderTestData: TestDataEntry[] = [\n  {\n    description: 'Dot: Single date',\n    data: createTestData('dot', new Date('2023-06-15')),\n    template: DotTooltip,\n  },\n  {\n    description: 'Dot: Date range (from-to)',\n    data: createTestData('dot', DATE_RANGES.janOnly),\n    template: <HeaderTooltip label=\"\" />,\n  },\n  {\n    description: 'Dot: Date range with subheader',\n    data: createTestData('dot', DATE_RANGES.fullYearSimple, ['Full Year']),\n    template: DotTooltip,\n  },\n  {\n    description: 'Rect: Single string',\n    data: createTestData('rect', 'Q3'),\n    template: <HeaderTooltip label=\"Quarter\" />,\n  },\n  {\n    description: 'Rect: String range',\n    data: createTestData('rect', ['Start', 'End']),\n    template: <HeaderTooltip />,\n  },\n  {\n    description: 'Rect: With subheader',\n    data: createTestData('rect', 'Q3', ['2023']),\n    template: <HeaderTooltip />,\n  },\n  {\n    description: 'TreeMap: With parent',\n    data: createTestData('treemap', 'United States'),\n    template: <HeaderTooltip />,\n  },\n  {\n    description: 'Custom label: Single value',\n    data: createTestData('dot', 'Custom Value'),\n    template: <HeaderTooltip label=\"My Custom Label\" />,\n  },\n  {\n    description: 'Custom label: Date range',\n    data: createTestData('dot', DATE_RANGES.janToJun),\n    template: DurationTooltip('Time Period'),\n  },\n  {\n    description: 'Long string value',\n    data: createTestData(\n      'dot',\n      'This is a very long header value that might overflow the container',\n    ),\n    template: DotTooltip,\n  },\n  {\n    description: 'Numeric value',\n    data: createTestData('dot', 12345),\n    template: DotTooltip,\n  },\n  {\n    description: 'Numeric range (from-to)',\n    data: createTestData('dot', [0, 100]),\n    template: DotTooltip,\n  },\n  {\n    description: 'Date Range: Seconds changing (same minute)',\n    data: createTestData('dot', DATE_RANGES.secondsChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: Minutes changing (same hour)',\n    data: createTestData('dot', DATE_RANGES.minutesChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: Hours changing (same day)',\n    data: createTestData('dot', DATE_RANGES.hoursChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: Days changing (same month)',\n    data: createTestData('dot', DATE_RANGES.daysChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: Months changing (same year)',\n    data: createTestData('dot', DATE_RANGES.monthsChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: Years changing (different years)',\n    data: createTestData('dot', DATE_RANGES.yearsChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: With seconds included',\n    data: createTestData('dot', DATE_RANGES.withSeconds),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: Cross-day with weekday',\n    data: createTestData('dot', DATE_RANGES.crossDay),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Date Range: Same day with subheader',\n    data: createTestData('dot', DATE_RANGES.sameDay, ['Business Hours']),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: 'Duration: Date range - seconds difference',\n    data: createTestData('dot', DATE_RANGES.secondsChanging),\n    template: DurationTooltip('Time Period'),\n  },\n  {\n    description: 'Duration: Date range - minutes difference',\n    data: createTestData('dot', DATE_RANGES.minutesChanging),\n    template: DurationTooltip('Meeting Duration'),\n  },\n  {\n    description: 'Duration: Date range - hours difference',\n    data: createTestData('dot', DATE_RANGES.hoursChanging),\n    template: DurationTooltip('Work Day'),\n  },\n  {\n    description: 'Duration: Date range - days difference',\n    data: createTestData('dot', DATE_RANGES.daysChanging),\n    template: DurationTooltip('Project Sprint'),\n  },\n  {\n    description: 'Duration: Numeric range - small difference',\n    data: createTestData('dot', [1250, 1388]),\n    template: DurationTooltip('Score Range'),\n  },\n  {\n    description: 'Duration: Numeric range - large difference',\n    data: createTestData('dot', [10000, 250000]),\n    template: DurationTooltip('Revenue Range'),\n  },\n  {\n    description: 'Duration: Date range with subheader',\n    data: createTestData('dot', DATE_RANGES.fullYear, ['Full Year Analysis']),\n    template: DurationTooltip('Annual Period'),\n  },\n  {\n    description: 'Duration: Cross-month date range',\n    data: createTestData('dot', DATE_RANGES.monthsChanging),\n    template: DurationTooltip('Seasonal Period'),\n  },\n  {\n    description: 'Duration: Same day range with subheader',\n    data: createTestData('dot', DATE_RANGES.sameDay, ['Business Hours']),\n    template: DurationTooltip('Daily Operations'),\n  },\n];\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type JSX } from 'react';\n\nimport { OverlayTooltip } from '../OverlayTooltip.js';\nimport { useTooltipData } from './utils.js';\nimport type { Data, GeometryTypes, TooltipValue } from '../types.js';\n\nconst HeaderTooltip = ({\n  label,\n  showRangeDuration = false,\n}: {\n  label?: string;\n  showRangeDuration?: boolean;\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header\n        header1={data.header1}\n        subheader={data.subheader}\n        label={label}\n        showRangeDuration={showRangeDuration}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst DotTooltip = <HeaderTooltip />;\nconst NoGeometryTooltip = <HeaderTooltip />;\nconst DurationTooltip = (label: string) => (\n  <HeaderTooltip label={label} showRangeDuration />\n);\n\nconst baseSeries = [\n  {\n    name: 'Series 1',\n    color: '#3DD598',\n    value: '100',\n  },\n];\n\ntype HeaderValueTuple = [TooltipValue] | [TooltipValue, TooltipValue];\ntype HeaderValue = TooltipValue | HeaderValueTuple;\n\nconst dateRange = (from: string, to: string): HeaderValueTuple => [\n  new Date(from),\n  new Date(to),\n];\n\nconst DATE_RANGES = {\n  secondsChanging: dateRange('2023-06-15T14:30:15', '2023-06-15T14:30:45'),\n  minutesChanging: dateRange('2023-06-15T14:15:00', '2023-06-15T14:45:00'),\n  hoursChanging: dateRange('2023-06-15T09:00:00', '2023-06-15T17:30:00'),\n  daysChanging: dateRange('2023-06-05T10:00:00', '2023-06-25T16:30:00'),\n  monthsChanging: dateRange('2023-03-15T10:00:00', '2023-09-20T14:30:00'),\n  yearsChanging: dateRange('2022-12-15T10:00:00', '2024-03-20T14:30:00'),\n  withSeconds: dateRange('2023-06-15T14:30:15', '2023-06-15T14:30:25'),\n  crossDay: dateRange('2023-06-15T22:00:00', '2023-06-16T02:30:00'),\n  sameDay: dateRange('2023-06-15T08:00:00', '2023-06-15T18:00:00'),\n  fullYear: dateRange('2023-01-01T00:00:00', '2023-12-31T23:59:59'),\n  janToJun: dateRange('2023-01-01', '2023-06-30'),\n  janOnly: dateRange('2023-01-01', '2023-01-31'),\n  fullYearSimple: dateRange('2023-01-01', '2023-12-31'),\n} as const;\n\nconst createTestData = (\n  geometry: GeometryTypes,\n  header1: HeaderValue,\n  subheader?: HeaderValue,\n): (() => Data) => {\n  const headerData: HeaderValueTuple = Array.isArray(header1)\n    ? header1\n    : [header1];\n  return (): Data => ({\n    geometry,\n    header1: headerData,\n    ...(subheader && { subheader }),\n    series: baseSeries,\n  });\n};\n\ninterface TestDataEntry {\n  description: JSX.Element;\n  data: () => Data;\n  template: JSX.Element;\n}\n\nexport const HeaderTestData: TestDataEntry[] = [\n  {\n    description: <h3>Dot: Single date</h3>,\n    data: createTestData('dot', new Date('2023-06-15')),\n    template: DotTooltip,\n  },\n  {\n    description: <h3>Dot: Date range (from-to)</h3>,\n    data: createTestData('dot', DATE_RANGES.janOnly),\n    template: <HeaderTooltip label=\"\" />,\n  },\n  {\n    description: <h3>Dot: Date range with subheader</h3>,\n    data: createTestData('dot', DATE_RANGES.fullYearSimple, ['Full Year']),\n    template: DotTooltip,\n  },\n  {\n    description: <h3>Rect: Single string</h3>,\n    data: createTestData('rect', 'Q3'),\n    template: <HeaderTooltip label=\"Quarter\" />,\n  },\n  {\n    description: <h3>Rect: String range</h3>,\n    data: createTestData('rect', ['Start', 'End']),\n    template: <HeaderTooltip />,\n  },\n  {\n    description: <h3>Rect: With subheader</h3>,\n    data: createTestData('rect', 'Q3', ['2023']),\n    template: <HeaderTooltip />,\n  },\n  {\n    description: <h3>TreeMap: With parent</h3>,\n    data: createTestData('treemap', 'United States'),\n    template: <HeaderTooltip />,\n  },\n  {\n    description: <h3>Custom label: Single value</h3>,\n    data: createTestData('dot', 'Custom Value'),\n    template: <HeaderTooltip label=\"My Custom Label\" />,\n  },\n  {\n    description: <h3>Custom label: Date range</h3>,\n    data: createTestData('dot', DATE_RANGES.janToJun),\n    template: DurationTooltip('Time Period'),\n  },\n  {\n    description: <h3>Long string value</h3>,\n    data: createTestData(\n      'dot',\n      'This is a very long header value that might overflow the container',\n    ),\n    template: DotTooltip,\n  },\n  {\n    description: <h3>Numeric value</h3>,\n    data: createTestData('dot', 12345),\n    template: DotTooltip,\n  },\n  {\n    description: <h3>Numeric range (from-to)</h3>,\n    data: createTestData('dot', [0, 100]),\n    template: DotTooltip,\n  },\n  {\n    description: <h3>Date Range: Seconds changing (same minute)</h3>,\n    data: createTestData('dot', DATE_RANGES.secondsChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: Minutes changing (same hour)</h3>,\n    data: createTestData('dot', DATE_RANGES.minutesChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: Hours changing (same day)</h3>,\n    data: createTestData('dot', DATE_RANGES.hoursChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: Days changing (same month)</h3>,\n    data: createTestData('dot', DATE_RANGES.daysChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: Months changing (same year)</h3>,\n    data: createTestData('dot', DATE_RANGES.monthsChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: Years changing (different years)</h3>,\n    data: createTestData('dot', DATE_RANGES.yearsChanging),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: With seconds included</h3>,\n    data: createTestData('dot', DATE_RANGES.withSeconds),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: Cross-day with weekday</h3>,\n    data: createTestData('dot', DATE_RANGES.crossDay),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Date Range: Same day with subheader</h3>,\n    data: createTestData('dot', DATE_RANGES.sameDay, ['Business Hours']),\n    template: NoGeometryTooltip,\n  },\n  {\n    description: <h3>Duration: Date range - seconds difference</h3>,\n    data: createTestData('dot', DATE_RANGES.secondsChanging),\n    template: DurationTooltip('Time Period'),\n  },\n  {\n    description: <h3>Duration: Date range - minutes difference</h3>,\n    data: createTestData('dot', DATE_RANGES.minutesChanging),\n    template: DurationTooltip('Meeting Duration'),\n  },\n  {\n    description: <h3>Duration: Date range - hours difference</h3>,\n    data: createTestData('dot', DATE_RANGES.hoursChanging),\n    template: DurationTooltip('Work Day'),\n  },\n  {\n    description: <h3>Duration: Date range - days difference</h3>,\n    data: createTestData('dot', DATE_RANGES.daysChanging),\n    template: DurationTooltip('Project Sprint'),\n  },\n  {\n    description: <h3>Duration: Numeric range - small difference</h3>,\n    data: createTestData('dot', [1250, 1388]),\n    template: DurationTooltip('Score Range'),\n  },\n  {\n    description: <h3>Duration: Numeric range - large difference</h3>,\n    data: createTestData('dot', [10000, 250000]),\n    template: DurationTooltip('Revenue Range'),\n  },\n  {\n    description: <h3>Duration: Date range with subheader</h3>,\n    data: createTestData('dot', DATE_RANGES.fullYear, ['Full Year Analysis']),\n    template: DurationTooltip('Annual Period'),\n  },\n  {\n    description: <h3>Duration: Cross-month date range</h3>,\n    data: createTestData('dot', DATE_RANGES.monthsChanging),\n    template: DurationTooltip('Seasonal Period'),\n  },\n  {\n    description: <h3>Duration: Same day range with subheader</h3>,\n    data: createTestData('dot', DATE_RANGES.sameDay, ['Business Hours']),\n    template: DurationTooltip('Daily Operations'),\n  },\n];\n"],
+  "mappings": "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",
   "names": []
 }