@dynatrace/strato-components 3.1.3 → 3.2.1

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

@@ -1,30 +1,64 @@
 import "./tooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var actionsContainer = "_1j1seexg-3-1-3";
-var divider = "_1j1seexd-3-1-3";
-var relativeValueStyle = "_1j1seexb-3-1-3";
-var seriesActionHeader = "_1j1seexf-3-1-3";
-var seriesHeader = "_1j1seex3-3-1-3";
-var seriesItem = _7a468({ defaultClassName: "_1j1seex6-3-1-3", variantClassNames: { symbolPosition: { right: "_1j1seex7-3-1-3", left: "_1j1seex8-3-1-3" } }, defaultVariants: { symbolPosition: "left" }, compoundVariants: [] });
-var seriesItemActive = "_1j1seex9-3-1-3";
-var seriesItemHighlighted = "_1j1seexh-3-1-3";
-var seriesItemText = "_1j1seexa-3-1-3";
-var seriesOverflowContainer = "_1j1seex5-3-1-3";
-var seriesWrapper = "_1j1seex4-3-1-3";
-var symbolRight = "_1j1seexe-3-1-3";
-var symbolWrapper = "_1j1seexc-3-1-3";
-var wrapper = _7a468({ defaultClassName: "_1j1seex0-3-1-3", variantClassNames: { isPinned: { true: "_1j1seex1-3-1-3", false: "_1j1seex2-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
+var TOOLTIP_MAX_WIDTH = 480;
+var actionsContainer = "_1j1seexx-3-2-1";
+var divider = "_1j1seext-3-2-1";
+var headerText = "_1j1seexn-3-2-1";
+var multiLineName = "_1j1seexs-3-2-1";
+var relativeValueStyle = "_1j1seexk-3-2-1";
+var seriesActionHeader = "_1j1seexv-3-2-1";
+var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-2-1)";
+var seriesActionHeaderMultiLine = "_1j1seexw-3-2-1";
+var seriesGridContainer = "_1j1seexa-3-2-1";
+var seriesHeader = "_1j1seex6-3-2-1";
+var seriesHeaderName = "_1j1seex7-3-2-1";
+var seriesHeaderValue = "_1j1seex8-3-2-1";
+var seriesItem = _7a468({ defaultClassName: "_1j1seexd-3-2-1", variantClassNames: { symbolPosition: { left: "_1j1seexe-3-2-1", right: "_1j1seexf-3-2-1" } }, defaultVariants: { symbolPosition: "left" }, compoundVariants: [] });
+var seriesItemActive = "_1j1seexh-3-2-1";
+var seriesItemHighlighted = "_1j1seexy-3-2-1";
+var seriesItemMaxWidthVar = "var(--_1j1seex1-3-2-1)";
+var seriesItemText = "_1j1seexi-3-2-1";
+var seriesItemWrapper = "_1j1seexg-3-2-1";
+var seriesNameCell = "_1j1seexq-3-2-1";
+var seriesNameMaxLinesVar = "var(--_1j1seex0-3-2-1)";
+var seriesNameText = "_1j1seexo-3-2-1";
+var seriesNameTextMultiLine = "_1j1seexj-3-2-1";
+var seriesOverflowContainer = "_1j1seexc-3-2-1";
+var seriesOverflowContainerBase = "_1j1seexb-3-2-1";
+var seriesValueCell = "_1j1seexr-3-2-1";
+var seriesValueText = "_1j1seexp-3-2-1";
+var seriesWrapper = "_1j1seex9-3-2-1";
+var symbolRight = "_1j1seexu-3-2-1";
+var symbolWrapper = _7a468({ defaultClassName: "_1j1seexl-3-2-1", variantClassNames: { isRight: { true: "_1j1seexm-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = _7a468({ defaultClassName: "_1j1seex3-3-2-1", variantClassNames: { isPinned: { true: "_1j1seex4-3-2-1", false: "_1j1seex5-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
+  TOOLTIP_MAX_WIDTH,
   actionsContainer,
   divider,
+  headerText,
+  multiLineName,
   relativeValueStyle,
   seriesActionHeader,
+  seriesActionHeaderMaxLinesVar,
+  seriesActionHeaderMultiLine,
+  seriesGridContainer,
   seriesHeader,
+  seriesHeaderName,
+  seriesHeaderValue,
   seriesItem,
   seriesItemActive,
   seriesItemHighlighted,
+  seriesItemMaxWidthVar,
   seriesItemText,
+  seriesItemWrapper,
+  seriesNameCell,
+  seriesNameMaxLinesVar,
+  seriesNameText,
+  seriesNameTextMultiLine,
   seriesOverflowContainer,
+  seriesOverflowContainerBase,
+  seriesValueCell,
+  seriesValueText,
   seriesWrapper,
   symbolRight,
   symbolWrapper,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsContainer = '_1j1seexg-3-1-3';\nexport var divider = '_1j1seexd-3-1-3';\nexport var relativeValueStyle = '_1j1seexb-3-1-3';\nexport var seriesActionHeader = '_1j1seexf-3-1-3';\nexport var seriesHeader = '_1j1seex3-3-1-3';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seex6-3-1-3',variantClassNames:{symbolPosition:{right:'_1j1seex7-3-1-3',left:'_1j1seex8-3-1-3'}},defaultVariants:{symbolPosition:'left'},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seex9-3-1-3';\nexport var seriesItemHighlighted = '_1j1seexh-3-1-3';\nexport var seriesItemText = '_1j1seexa-3-1-3';\nexport var seriesOverflowContainer = '_1j1seex5-3-1-3';\nexport var seriesWrapper = '_1j1seex4-3-1-3';\nexport var symbolRight = '_1j1seexe-3-1-3';\nexport var symbolWrapper = '_1j1seexc-3-1-3';\nexport var wrapper = _7a468({defaultClassName:'_1j1seex0-3-1-3',variantClassNames:{isPinned:{true:'_1j1seex1-3-1-3',false:'_1j1seex2-3-1-3'}},defaultVariants:{},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,UAAU;AACd,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,eAAe;AACnB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,OAAM,mBAAkB,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5M,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seexx-3-2-1';\nexport var divider = '_1j1seext-3-2-1';\nexport var headerText = '_1j1seexn-3-2-1';\nexport var multiLineName = '_1j1seexs-3-2-1';\nexport var relativeValueStyle = '_1j1seexk-3-2-1';\nexport var seriesActionHeader = '_1j1seexv-3-2-1';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-2-1)';\nexport var seriesActionHeaderMultiLine = '_1j1seexw-3-2-1';\nexport var seriesGridContainer = '_1j1seexa-3-2-1';\nexport var seriesHeader = '_1j1seex6-3-2-1';\nexport var seriesHeaderName = '_1j1seex7-3-2-1';\nexport var seriesHeaderValue = '_1j1seex8-3-2-1';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexd-3-2-1',variantClassNames:{symbolPosition:{left:'_1j1seexe-3-2-1',right:'_1j1seexf-3-2-1'}},defaultVariants:{symbolPosition:'left'},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexh-3-2-1';\nexport var seriesItemHighlighted = '_1j1seexy-3-2-1';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-2-1)';\nexport var seriesItemText = '_1j1seexi-3-2-1';\nexport var seriesItemWrapper = '_1j1seexg-3-2-1';\nexport var seriesNameCell = '_1j1seexq-3-2-1';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-2-1)';\nexport var seriesNameText = '_1j1seexo-3-2-1';\nexport var seriesNameTextMultiLine = '_1j1seexj-3-2-1';\nexport var seriesOverflowContainer = '_1j1seexc-3-2-1';\nexport var seriesOverflowContainerBase = '_1j1seexb-3-2-1';\nexport var seriesValueCell = '_1j1seexr-3-2-1';\nexport var seriesValueText = '_1j1seexp-3-2-1';\nexport var seriesWrapper = '_1j1seex9-3-2-1';\nexport var symbolRight = '_1j1seexu-3-2-1';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexl-3-2-1',variantClassNames:{isRight:{true:'_1j1seexm-3-2-1'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex3-3-2-1',variantClassNames:{isPinned:{true:'_1j1seex4-3-2-1',false:'_1j1seex5-3-2-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gCAAgC;AACpC,IAAI,8BAA8B;AAClC,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,oBAAoB;AACxB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5M,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,7 +1,11 @@
 var GeometryTypesEnum = /* @__PURE__ */ ((GeometryTypesEnum2) => {
   GeometryTypesEnum2["dot"] = "dot";
+  GeometryTypesEnum2["line"] = "line";
+  GeometryTypesEnum2["area"] = "area";
+  GeometryTypesEnum2["bar"] = "bar";
   GeometryTypesEnum2["pie"] = "pie";
   GeometryTypesEnum2["meterbar"] = "meterbar";
+  GeometryTypesEnum2["multimeterbar"] = "multimeterbar";
   GeometryTypesEnum2["treemap"] = "treemap";
   GeometryTypesEnum2["rect"] = "rect";
   GeometryTypesEnum2["honeycomb"] = "honeycomb";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/types.ts"],
-  "sourcesContent": ["import type { JSX, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { SeriesActionsTemplate } from '../../types/series-actions-template.js';\n\nexport enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n}\n\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\ntype Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\nexport type TooltipState = {\n  activeSeries: string | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\nexport type TooltipStore = Store<TooltipState>;\n\nexport type TooltipValue = string | number | Date | undefined;\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\nexport type Geometry =\n  | 'dot'\n  | 'pie'\n  | 'meterbar'\n  | 'treemap'\n  | 'honeycomb'\n  | 'rect';\nexport type Data = {\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: string;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\nexport type NoData = {\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n}\n\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n};\n\nexport type OverlayTooltipProps = {\n  symbolPosition?: 'left' | 'right';\n};\n\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\ntype Series = Data['series'][number];\nexport type SeriesItemProps = {\n  name: Series['name'];\n  value: Series['value'];\n  valueUnit?: string;\n  color: string;\n  relativeValue?: Series['relativeValue'];\n  relativeValueUnit?: string;\n  actions?: () => SeriesActionsTemplate;\n};\n"],
-  "mappings": "AAMO,IAAK,oBAAL,kBAAKA,uBAAL;AACL,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,cAAa;AACb,EAAAA,mBAAA,aAAY;AACZ,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,eAAc;AANJ,SAAAA;AAAA,GAAA;",
+  "sourcesContent": ["import type { JSX, ReactNode, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { SeriesActionsTemplate } from '../../types/series-actions-template.js';\nimport { TruncationMode } from '../text-ellipsis/ChartTextEllipsis.js';\n\nexport const enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'line' = 'line',\n  'area' = 'area',\n  'bar' = 'bar',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'multimeterbar' = 'multimeterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n}\n\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\ntype Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\nexport type TooltipState = {\n  activeSeries: SeriesName | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\nexport type TooltipStore = Store<TooltipState>;\n\nexport type TooltipValue = string | number | Date | undefined;\nexport type SeriesName = string | string[];\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\nexport type Geometry = GeometryTypesEnum;\nexport type Data = {\n  metadata?: unknown;\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: SeriesName;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n  truncationMode?: TruncationMode;\n  sharedVariant?: boolean;\n  defaultActionsConfig: Map<\n    string,\n    {\n      field: 'seriesLabel' | 'valueLabel';\n      messageLabel?: MessageDescriptor;\n      customLabel?: string;\n    }\n  >;\n}\n\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n};\n\nexport type OverlayTooltipProps = {\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @default 'end'\n   */\n  truncation?: TruncationMode;\n};\n\nexport type HeaderProps = {\n  /** The header text to display. */\n  text?: string;\n  /** Maximum width in pixels before truncation. If not provided, uses container width. */\n  maxWidth?: number;\n};\n\nexport type SeriesHeaderProps = {\n  /** The series label text. */\n  seriesLabel?: string;\n  /** The value label text. */\n  valueLabel?: string;\n  /** Whether to hide the series header. */\n  disabled?: boolean;\n};\ntype Series = Data['series'][number];\nexport type SeriesItemProps = {\n  /** The series name to display. Can be a string or array of strings for multi-line display. */\n  name: Series['name'];\n  /** The series value to display. */\n  value: Series['value'];\n  /** The color for the series symbol. */\n  color: string;\n  /** Unit to display after the value. */\n  valueUnit?: string;\n  /** Relative value to display alongside the main value. */\n  relativeValue?: Series['relativeValue'];\n  /** Unit to display after the relative value. */\n  relativeValueUnit?: string;\n  /** Maximum number of lines for the series name. Default is 1. */\n  maxLines?: number;\n  /** Whether to enable multi-line mode when name is provided as an array. Default is false. */\n  multiLine?: boolean;\n  /** Actions to display for the series. */\n  actions?: () => SeriesActionsTemplate;\n  symbolAlignment?: 'left' | 'right';\n};\n\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\nexport type TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            relativeX?: undefined;\n            relativeY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            relativeX: number;\n            relativeY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | { type: 'SET_POSITION'; payload?: Data }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | { type: 'SET_ACTIVE_SERIES'; payload: { activeSeries: SeriesName | null } }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\nexport type TooltipActions = TooltipAction['type'];\n"],
+  "mappings": "AAOO,IAAW,oBAAX,kBAAWA,uBAAX;AACL,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,cAAa;AACb,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,aAAY;AACZ,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,eAAc;AAVE,SAAAA;AAAA,GAAA;",
   "names": ["GeometryTypesEnum"]
 }

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

@@ -1,81 +1,18 @@
 import { isNil, isNull } from "lodash-es";
+import { useCallback } from "react";
 import { useOverlay } from "./contexts/OverlayContext.js";
 import { useTooltip } from "./contexts/TooltipContext.js";
 import { emptyData } from "./utils.js";
 const useTooltipReducer = () => {
   const store = useTooltip();
   const overlay = useOverlay();
-  const dispatch = (action) => (event) => {
-    switch (action.type) {
-      case "RESET_TOOLTIP":
-        overlay.clear();
-        store.setState(() => ({
-          pinned: false,
-          absoluteX: null,
-          absoluteY: null,
-          relativeX: null,
-          relativeY: null,
-          percentX: null,
-          percentY: null,
-          inBounds: false,
-          activeSeries: null,
-          data: emptyData()
-        }));
-        break;
-      case "SET_PINNED":
-        store.setState((prevState) => {
-          prevState.inBounds || overlay.clear();
-          const { relativeX, relativeY, pinned, data } = action.payload;
-          if (isNil(relativeX) || isNil(relativeY)) {
-            return {
-              ...prevState,
-              inBounds: true,
-              pinned,
-              data
-            };
-          }
-          const positions = overlay.getAdjustedPositionsFromRelative(
-            relativeX,
-            relativeY
-          );
-          return {
-            ...prevState,
-            pinned: action.payload.pinned,
-            inBounds: true,
-            data,
-            ...positions
-          };
-        });
-        break;
-      case "SET_POSITION":
-        store.setState((prevState) => {
-          const { payload: data } = action;
-          if (prevState.pinned || !event) {
-            return prevState;
-          }
-          prevState.inBounds || overlay.clear();
-          const absoluteX = Math.round(event.clientX);
-          const absoluteY = Math.round(event.clientY);
-          const positions = overlay.getAdjustedPositionsFromAbsolute(
-            absoluteX,
-            absoluteY
-          );
-          return {
-            ...prevState,
-            inBounds: true,
-            ...positions,
-            data
-          };
-        });
-        break;
-      case "SET_OUT_BOUNDS":
-        store.setState((prevState) => {
+  const dispatch = useCallback(
+    (action) => (event) => {
+      switch (action.type) {
+        case "RESET_TOOLTIP":
           overlay.clear();
-          if (prevState.pinned) {
-            return prevState;
-          }
-          return {
-            ...prevState,
+          store.setState(() => ({
+            pinned: false,
             absoluteX: null,
             absoluteY: null,
             relativeX: null,
@@ -83,55 +20,122 @@ const useTooltipReducer = () => {
             percentX: null,
             percentY: null,
             inBounds: false,
+            activeSeries: null,
             data: emptyData()
-          };
-        });
-        break;
-      case "UPDATE_POSITION":
-        store.setState((prevState) => {
-          overlay.clear();
-          const { pinned, percentX, percentY, relativeX, relativeY } = prevState;
-          if (!pinned || isNil(percentX) || isNil(percentY)) {
-            return prevState;
-          }
-          const positions = overlay.getAdjustedPositionsFromPercent(
-            percentX,
-            percentY,
-            ...action.payload.type === "non-resize" ? [relativeX, relativeY] : [void 0, void 0]
-          );
-          return {
-            ...prevState,
-            ...positions,
-            activeSeries: action.payload.scroll ? null : prevState.activeSeries
-          };
-        });
-        break;
-      case "SET_ACTIVE_SERIES":
-        store.setState((prevState) => {
-          if (prevState.activeSeries === action.payload.activeSeries) {
-            return prevState;
-          }
-          return {
-            ...prevState,
-            activeSeries: action.payload.activeSeries
-          };
-        });
-        break;
-      case "TOOLTIP_MOUSE_LEAVE":
-        store.setState((prevState) => {
-          if (isNull(prevState.activeSeries)) {
-            return prevState;
-          }
-          return {
-            ...prevState,
-            activeSeries: null
-          };
-        });
-        break;
-      default:
-        throw new Error("Unhandled action type");
-    }
-  };
+          }));
+          break;
+        case "SET_PINNED":
+          store.setState((prevState) => {
+            prevState.inBounds || overlay.clear();
+            const { relativeX, relativeY, pinned, data } = action.payload;
+            if (isNil(relativeX) || isNil(relativeY)) {
+              return {
+                ...prevState,
+                inBounds: true,
+                pinned,
+                data
+              };
+            }
+            const positions = overlay.getAdjustedPositionsFromRelative(
+              relativeX,
+              relativeY
+            );
+            return {
+              ...prevState,
+              pinned: action.payload.pinned,
+              inBounds: true,
+              data,
+              ...positions
+            };
+          });
+          break;
+        case "SET_POSITION":
+          store.setState((prevState) => {
+            const { payload: data } = action;
+            if (prevState.pinned || !event) {
+              return prevState;
+            }
+            prevState.inBounds || overlay.clear();
+            const absoluteX = Math.round(event.clientX);
+            const absoluteY = Math.round(event.clientY);
+            const positions = overlay.getAdjustedPositionsFromAbsolute(
+              absoluteX,
+              absoluteY
+            );
+            return {
+              ...prevState,
+              inBounds: true,
+              ...positions,
+              data: data || emptyData()
+            };
+          });
+          break;
+        case "SET_OUT_BOUNDS":
+          store.setState((prevState) => {
+            overlay.clear();
+            if (prevState.pinned) {
+              return prevState;
+            }
+            return {
+              ...prevState,
+              absoluteX: null,
+              absoluteY: null,
+              relativeX: null,
+              relativeY: null,
+              percentX: null,
+              percentY: null,
+              inBounds: false,
+              data: emptyData()
+            };
+          });
+          break;
+        case "UPDATE_POSITION":
+          store.setState((prevState) => {
+            overlay.clear();
+            const { pinned, percentX, percentY, relativeX, relativeY } = prevState;
+            if (!pinned || isNil(percentX) || isNil(percentY)) {
+              return prevState;
+            }
+            const positions = overlay.getAdjustedPositionsFromPercent(
+              percentX,
+              percentY,
+              ...action.payload.type === "non-resize" ? [relativeX, relativeY] : [void 0, void 0]
+            );
+            return {
+              ...prevState,
+              ...positions,
+              activeSeries: action.payload.scroll ? null : prevState.activeSeries
+            };
+          });
+          break;
+        case "SET_ACTIVE_SERIES":
+          store.setState((prevState) => {
+            if (prevState.activeSeries === action.payload.activeSeries) {
+              return prevState;
+            }
+            return {
+              ...prevState,
+              activeSeries: action.payload.activeSeries
+            };
+          });
+          break;
+        case "TOOLTIP_MOUSE_LEAVE":
+          store.setState((prevState) => {
+            if (isNull(prevState.activeSeries)) {
+              return prevState;
+            }
+            return {
+              ...prevState,
+              activeSeries: null
+            };
+          });
+          break;
+        default:
+          throw new Error("Unhandled action type");
+      }
+    },
+    [store, overlay]
+  );
   return dispatch;
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/useTooltipReducer.ts"],
-  "sourcesContent": ["import { isNil, isNull } from 'lodash-es';\n\nimport { useOverlay } from './contexts/OverlayContext.js';\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport type { NoData, Data } from './types.js';\nimport { emptyData } from './utils.js';\n\ntype TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            relativeX?: undefined;\n            relativeY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            relativeX: number;\n            relativeY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | { type: 'SET_POSITION'; payload: Data }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | { type: 'SET_ACTIVE_SERIES'; payload: { activeSeries: string | null } }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\nexport const useTooltipReducer = () => {\n  const store = useTooltip();\n  const overlay = useOverlay();\n\n  const dispatch =\n    (action: TooltipAction) =>\n    (event?: { clientX: number; clientY: number }) => {\n      switch (action.type) {\n        case 'RESET_TOOLTIP':\n          overlay.clear();\n\n          store.setState(() => ({\n            pinned: false,\n            absoluteX: null,\n            absoluteY: null,\n            relativeX: null,\n            relativeY: null,\n            percentX: null,\n            percentY: null,\n            inBounds: false,\n            activeSeries: null,\n            data: emptyData(),\n          }));\n          break;\n        case 'SET_PINNED':\n          store.setState((prevState) => {\n            prevState.inBounds || overlay.clear();\n            const { relativeX, relativeY, pinned, data } = action.payload;\n            if (isNil(relativeX) || isNil(relativeY)) {\n              return {\n                ...prevState,\n                inBounds: true,\n                pinned,\n                data,\n              };\n            }\n\n            const positions = overlay.getAdjustedPositionsFromRelative(\n              relativeX,\n              relativeY,\n            );\n\n            return {\n              ...prevState,\n              pinned: action.payload.pinned,\n              inBounds: true,\n              data,\n              ...positions,\n            };\n          });\n          break;\n        case 'SET_POSITION':\n          store.setState((prevState) => {\n            const { payload: data } = action;\n            if (prevState.pinned || !event) {\n              return prevState;\n            }\n            prevState.inBounds || overlay.clear();\n            const absoluteX = Math.round(event.clientX);\n            const absoluteY = Math.round(event.clientY);\n            const positions = overlay.getAdjustedPositionsFromAbsolute(\n              absoluteX,\n              absoluteY,\n            );\n\n            return {\n              ...prevState,\n              inBounds: true,\n              ...positions,\n              data,\n            };\n          });\n          break;\n        case 'SET_OUT_BOUNDS':\n          store.setState((prevState) => {\n            overlay.clear();\n\n            if (prevState.pinned) {\n              return prevState;\n            }\n\n            return {\n              ...prevState,\n              absoluteX: null,\n              absoluteY: null,\n              relativeX: null,\n              relativeY: null,\n              percentX: null,\n              percentY: null,\n              inBounds: false,\n              data: emptyData(),\n            };\n          });\n          break;\n        case 'UPDATE_POSITION':\n          store.setState((prevState) => {\n            overlay.clear();\n\n            const { pinned, percentX, percentY, relativeX, relativeY } =\n              prevState;\n            if (!pinned || isNil(percentX) || isNil(percentY)) {\n              return prevState;\n            }\n\n            const positions = overlay.getAdjustedPositionsFromPercent(\n              percentX,\n              percentY,\n              ...(action.payload.type === 'non-resize'\n                ? [relativeX as number, relativeY as number]\n                : [undefined, undefined]),\n            );\n\n            return {\n              ...prevState,\n              ...positions,\n              activeSeries: action.payload.scroll\n                ? null\n                : prevState.activeSeries,\n            };\n          });\n          break;\n        case 'SET_ACTIVE_SERIES':\n          store.setState((prevState) => {\n            if (prevState.activeSeries === action.payload.activeSeries) {\n              return prevState;\n            }\n            return {\n              ...prevState,\n              activeSeries: action.payload.activeSeries,\n            };\n          });\n          break;\n        case 'TOOLTIP_MOUSE_LEAVE':\n          store.setState((prevState) => {\n            if (isNull(prevState.activeSeries)) {\n              return prevState;\n            }\n\n            return {\n              ...prevState,\n              activeSeries: null,\n            };\n          });\n          break;\n        default:\n          throw new Error('Unhandled action type');\n      }\n    };\n\n  return dispatch;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isNil, isNull } from 'lodash-es';\nimport { useCallback } from 'react';\n\nimport { useOverlay } from './contexts/OverlayContext.js';\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport type { TooltipAction } from './types.js';\nimport { emptyData } from './utils.js';\n\nexport const useTooltipReducer = () => {\n  const store = useTooltip();\n  const overlay = useOverlay();\n\n  const dispatch = useCallback(\n    (action: TooltipAction) =>\n      (event?: { clientX: number; clientY: number }) => {\n        switch (action.type) {\n          case 'RESET_TOOLTIP':\n            overlay.clear();\n\n            store.setState(() => ({\n              pinned: false,\n              absoluteX: null,\n              absoluteY: null,\n              relativeX: null,\n              relativeY: null,\n              percentX: null,\n              percentY: null,\n              inBounds: false,\n              activeSeries: null,\n              data: emptyData(),\n            }));\n            break;\n          case 'SET_PINNED':\n            store.setState((prevState) => {\n              prevState.inBounds || overlay.clear();\n              const { relativeX, relativeY, pinned, data } = action.payload;\n              if (isNil(relativeX) || isNil(relativeY)) {\n                return {\n                  ...prevState,\n                  inBounds: true,\n                  pinned,\n                  data,\n                };\n              }\n\n              const positions = overlay.getAdjustedPositionsFromRelative(\n                relativeX,\n                relativeY,\n              );\n\n              return {\n                ...prevState,\n                pinned: action.payload.pinned,\n                inBounds: true,\n                data,\n                ...positions,\n              };\n            });\n            break;\n          case 'SET_POSITION':\n            store.setState((prevState) => {\n              const { payload: data } = action;\n              if (prevState.pinned || !event) {\n                return prevState;\n              }\n              prevState.inBounds || overlay.clear();\n              const absoluteX = Math.round(event.clientX);\n              const absoluteY = Math.round(event.clientY);\n              const positions = overlay.getAdjustedPositionsFromAbsolute(\n                absoluteX,\n                absoluteY,\n              );\n\n              return {\n                ...prevState,\n                inBounds: true,\n                ...positions,\n                data: data || emptyData(),\n              };\n            });\n            break;\n          case 'SET_OUT_BOUNDS':\n            store.setState((prevState) => {\n              overlay.clear();\n\n              if (prevState.pinned) {\n                return prevState;\n              }\n\n              return {\n                ...prevState,\n                absoluteX: null,\n                absoluteY: null,\n                relativeX: null,\n                relativeY: null,\n                percentX: null,\n                percentY: null,\n                inBounds: false,\n                data: emptyData(),\n              };\n            });\n            break;\n          case 'UPDATE_POSITION':\n            store.setState((prevState) => {\n              overlay.clear();\n\n              const { pinned, percentX, percentY, relativeX, relativeY } =\n                prevState;\n              if (!pinned || isNil(percentX) || isNil(percentY)) {\n                return prevState;\n              }\n\n              const positions = overlay.getAdjustedPositionsFromPercent(\n                percentX,\n                percentY,\n                ...(action.payload.type === 'non-resize'\n                  ? [relativeX as number, relativeY as number]\n                  : [undefined, undefined]),\n              );\n\n              return {\n                ...prevState,\n                ...positions,\n                activeSeries: action.payload.scroll\n                  ? null\n                  : prevState.activeSeries,\n              };\n            });\n            break;\n          case 'SET_ACTIVE_SERIES':\n            store.setState((prevState) => {\n              if (prevState.activeSeries === action.payload.activeSeries) {\n                return prevState;\n              }\n              return {\n                ...prevState,\n                activeSeries: action.payload.activeSeries,\n              };\n            });\n            break;\n          case 'TOOLTIP_MOUSE_LEAVE':\n            store.setState((prevState) => {\n              if (isNull(prevState.activeSeries)) {\n                return prevState;\n              }\n\n              return {\n                ...prevState,\n                activeSeries: null,\n              };\n            });\n            break;\n          default:\n            throw new Error('Unhandled action type');\n        }\n      },\n    [store, overlay],\n  );\n\n  return dispatch;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/utils/build-content.js

@@ -1,13 +1,28 @@
 import { jsx } from "react/jsx-runtime";
+import { clone } from "lodash-es";
 import { Children, Fragment } from "react";
 import { isSlot } from "../../../../../core/utils/is-slot.js";
 import { Action } from "../components/global-actions/Action.js";
 import { ActionsPlaceholder } from "../components/global-actions/ActionsPlaceholder.js";
-import { GlobalActions } from "../components/global-actions/GlobalActions.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 { TooltipFooter } from "../components/TooltipFooter.js";
+import { DEFAULT_TRUNCATION_MODE } from "../constants.js";
+const VALID_TRUNCATION_MODES = ["start", "middle", "end"];
+const isValidTruncationMode = (value) => {
+  return typeof value === "string" && VALID_TRUNCATION_MODES.includes(value);
+};
+const getTruncationMode = (userTruncationMode, defaultConfigTruncationMode) => {
+  if (isValidTruncationMode(userTruncationMode)) {
+    return userTruncationMode;
+  }
+  if (isValidTruncationMode(defaultConfigTruncationMode)) {
+    return defaultConfigTruncationMode;
+  }
+  return DEFAULT_TRUNCATION_MODE;
+};
 function buildContent(children, defaultConfig, args) {
   const slots = {
     Header: null,
@@ -17,41 +32,63 @@ function buildContent(children, defaultConfig, args) {
     ActionsPlaceholder: null,
     GlobalActions: []
   };
-  let globalActionsUnpinnedMessage;
+  let unpinnedPlaceholderText;
+  let defaultActionsConfig = defaultConfig?.defaultActionsConfig;
   Children.forEach(children, (child) => {
     if (isSlot(child, Header)) {
       slots.Header = child;
     } else if (isSlot(child, SeriesHeader)) {
       slots.SeriesHeader = child;
+      defaultActionsConfig = clone(
+        defaultConfig?.defaultActionsConfig
+      );
+      const defaultNameAction = defaultActionsConfig?.get("name");
+      if (child.props.seriesLabel && defaultNameAction) {
+        defaultActionsConfig?.set("name", {
+          ...defaultNameAction,
+          customLabel: child.props.seriesLabel
+        });
+      }
+      const defaultValueAction = defaultActionsConfig?.get("value");
+      if (child.props.valueLabel && defaultValueAction) {
+        defaultActionsConfig?.set("value", {
+          ...defaultValueAction,
+          customLabel: child.props.valueLabel
+        });
+      }
     } else if (isSlot(child, Series)) {
       slots.Series = child;
     } else if (isSlot(child, SeriesItem)) {
       slots.SeriesItem = child;
     } else if (isSlot(child, ActionsPlaceholder)) {
-      globalActionsUnpinnedMessage = child.props.text;
+      unpinnedPlaceholderText = child.props.text;
     } else if (isSlot(child, Action)) {
       slots.GlobalActions.push(child);
     }
   });
-  const hasGlobalActions = slots.GlobalActions.length > 0 || slots.ActionsPlaceholder !== null;
   return {
     content: [
       /* @__PURE__ */ jsx(Fragment, { children: slots.Header }, "header"),
       slots.SeriesItem ? /* @__PURE__ */ jsx(Fragment, { children: slots.SeriesHeader || /* @__PURE__ */ jsx(SeriesHeader, {}) }, "seriesHeader") : null,
       /* @__PURE__ */ jsx(Fragment, { children: slots.Series || slots.SeriesItem }, "series"),
-      hasGlobalActions ? /* @__PURE__ */ jsx(
-        GlobalActions,
+      /* @__PURE__ */ jsx(
+        TooltipFooter,
         {
           actions: slots.GlobalActions,
-          globalActionsUnpinnedMessage
+          unpinnedPlaceholderText
         },
-        "globalActions"
-      ) : null
+        "footer"
+      )
     ],
     config: {
       seriesHeader: slots.SeriesHeader || /* @__PURE__ */ jsx(SeriesHeader, {}),
       displayHeaderDivider: !!(slots.Header && (slots.Series || slots.SeriesItem)),
-      symbolPosition: args.userSymbolPosition || defaultConfig?.symbolPosition || "left"
+      symbolPosition: args.userSymbolPosition || defaultConfig?.symbolPosition || "left",
+      truncationMode: getTruncationMode(
+        args.userTruncationMode,
+        defaultConfig?.truncationMode
+      ),
+      defaultActionsConfig
     }
   };
 }

package/esm/charts/core/components/overlay-tooltip/utils/build-content.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/build-content.tsx"],
-  "sourcesContent": ["import { Children, type JSX, Fragment, type ReactNode } from 'react';\n\nimport { isSlot } from '../../../../../core/utils/is-slot.js';\nimport { Action } from '../components/global-actions/Action.js';\nimport { ActionsPlaceholder } from '../components/global-actions/ActionsPlaceholder.js';\nimport { GlobalActions } from '../components/global-actions/GlobalActions.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 type { DefaultConfigByGeometry, ExternalConfig } from '../types.js';\n\nexport function buildContent(\n  children: ReactNode,\n  defaultConfig: null | DefaultConfigByGeometry[keyof DefaultConfigByGeometry],\n  args: {\n    userSymbolPosition: ExternalConfig['symbolPosition'];\n  },\n): {\n  content: ReactNode;\n  config: ExternalConfig;\n} {\n  const slots: {\n    Header: JSX.Element | null;\n    Series: JSX.Element | null;\n    SeriesItem: JSX.Element | null;\n    SeriesHeader: JSX.Element | null;\n    ActionsPlaceholder: JSX.Element | null;\n    GlobalActions: JSX.Element[];\n  } = {\n    Header: null,\n    Series: null,\n    SeriesHeader: null,\n    SeriesItem: null,\n    ActionsPlaceholder: null,\n    GlobalActions: [],\n  };\n  let globalActionsUnpinnedMessage: string | undefined;\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Header)) {\n      slots.Header = child;\n    } else if (isSlot(child, SeriesHeader)) {\n      slots.SeriesHeader = child;\n    } else if (isSlot(child, Series)) {\n      slots.Series = child;\n    } else if (isSlot(child, SeriesItem)) {\n      slots.SeriesItem = child;\n    } else if (isSlot(child, ActionsPlaceholder)) {\n      globalActionsUnpinnedMessage = child.props.text;\n    } else if (isSlot(child, Action)) {\n      slots.GlobalActions.push(child);\n    }\n  });\n\n  const hasGlobalActions =\n    slots.GlobalActions.length > 0 || slots.ActionsPlaceholder !== null;\n\n  return {\n    content: [\n      <Fragment key=\"header\">{slots.Header}</Fragment>,\n      slots.SeriesItem ? (\n        <Fragment key=\"seriesHeader\">\n          {slots.SeriesHeader || <SeriesHeader />}\n        </Fragment>\n      ) : null,\n      <Fragment key=\"series\">{slots.Series || slots.SeriesItem}</Fragment>,\n      hasGlobalActions ? (\n        <GlobalActions\n          key=\"globalActions\"\n          actions={slots.GlobalActions}\n          globalActionsUnpinnedMessage={globalActionsUnpinnedMessage}\n        />\n      ) : null,\n    ],\n    config: {\n      seriesHeader: slots.SeriesHeader || <SeriesHeader />,\n      displayHeaderDivider: !!(\n        slots.Header &&\n        (slots.Series || slots.SeriesItem)\n      ),\n      symbolPosition:\n        args.userSymbolPosition || defaultConfig?.symbolPosition || 'left',\n    },\n  };\n}\n"],
-  "mappings": "AA4DM;AA5DN,SAAS,UAAoB,gBAAgC;AAE7D,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAGpB,SAAS,aACd,UACA,eACA,MAMA;AACA,QAAM,QAOF;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,eAAe,CAAC;AAAA,EAClB;AACA,MAAI;AAEJ,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,MAAM,GAAG;AACzB,YAAM,SAAS;AAAA,IACjB,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,YAAM,eAAe;AAAA,IACvB,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,YAAM,SAAS;AAAA,IACjB,WAAW,OAAO,OAAO,UAAU,GAAG;AACpC,YAAM,aAAa;AAAA,IACrB,WAAW,OAAO,OAAO,kBAAkB,GAAG;AAC5C,qCAA+B,MAAM,MAAM;AAAA,IAC7C,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,YAAM,cAAc,KAAK,KAAK;AAAA,IAChC;AAAA,EACF,CAAC;AAED,QAAM,mBACJ,MAAM,cAAc,SAAS,KAAK,MAAM,uBAAuB;AAEjE,SAAO;AAAA,IACL,SAAS;AAAA,MACP,oBAAC,YAAuB,gBAAM,UAAhB,QAAuB;AAAA,MACrC,MAAM,aACJ,oBAAC,YACE,gBAAM,gBAAgB,oBAAC,gBAAa,KADzB,cAEd,IACE;AAAA,MACJ,oBAAC,YAAuB,gBAAM,UAAU,MAAM,cAAhC,QAA2C;AAAA,MACzD,mBACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM;AAAA,UACf;AAAA;AAAA,QAFI;AAAA,MAGN,IACE;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,MACN,cAAc,MAAM,gBAAgB,oBAAC,gBAAa;AAAA,MAClD,sBAAsB,CAAC,EACrB,MAAM,WACL,MAAM,UAAU,MAAM;AAAA,MAEzB,gBACE,KAAK,sBAAsB,eAAe,kBAAkB;AAAA,IAChE;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { clone } from 'lodash-es';\nimport { Children, Fragment, type JSX, type ReactNode } from 'react';\n\nimport { isSlot } from '../../../../../core/utils/is-slot.js';\nimport { TruncationMode } from '../../text-ellipsis/ChartTextEllipsis.js';\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 { TooltipFooter } from '../components/TooltipFooter.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../constants.js';\nimport type { DefaultConfigByGeometry, ExternalConfig } from '../types.js';\n\nconst VALID_TRUNCATION_MODES: TruncationMode[] = ['start', 'middle', 'end'];\n\nconst isValidTruncationMode = (value: unknown): value is TruncationMode => {\n  return (\n    typeof value === 'string' &&\n    VALID_TRUNCATION_MODES.includes(value as TruncationMode)\n  );\n};\n\nconst getTruncationMode = (\n  userTruncationMode: TruncationMode,\n  defaultConfigTruncationMode?: TruncationMode,\n): TruncationMode => {\n  if (isValidTruncationMode(userTruncationMode)) {\n    return userTruncationMode;\n  }\n\n  if (isValidTruncationMode(defaultConfigTruncationMode)) {\n    return defaultConfigTruncationMode;\n  }\n\n  return DEFAULT_TRUNCATION_MODE;\n};\n\nexport function buildContent(\n  children: ReactNode,\n  defaultConfig: null | DefaultConfigByGeometry[keyof DefaultConfigByGeometry],\n  args: {\n    userSymbolPosition: ExternalConfig['symbolPosition'];\n    userTruncationMode: ExternalConfig['truncationMode'];\n  },\n): {\n  content: ReactNode;\n  config: ExternalConfig;\n} {\n  const slots: {\n    Header: JSX.Element | null;\n    Series: JSX.Element | null;\n    SeriesItem: JSX.Element | null;\n    SeriesHeader: JSX.Element | null;\n    ActionsPlaceholder: JSX.Element | null;\n    GlobalActions: JSX.Element[];\n  } = {\n    Header: null,\n    Series: null,\n    SeriesHeader: null,\n    SeriesItem: null,\n    ActionsPlaceholder: null,\n    GlobalActions: [],\n  };\n  let unpinnedPlaceholderText: string | undefined;\n  let defaultActionsConfig =\n    defaultConfig?.defaultActionsConfig as ExternalConfig['defaultActionsConfig'];\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Header)) {\n      slots.Header = child;\n    } else if (isSlot(child, SeriesHeader)) {\n      slots.SeriesHeader = child;\n      defaultActionsConfig = clone(\n        defaultConfig?.defaultActionsConfig,\n      ) as ExternalConfig['defaultActionsConfig'];\n      const defaultNameAction = defaultActionsConfig?.get('name');\n      if (child.props.seriesLabel && defaultNameAction) {\n        defaultActionsConfig?.set('name', {\n          ...defaultNameAction,\n          customLabel: child.props.seriesLabel,\n        });\n      }\n\n      const defaultValueAction = defaultActionsConfig?.get('value');\n      if (child.props.valueLabel && defaultValueAction) {\n        defaultActionsConfig?.set('value', {\n          ...defaultValueAction,\n          customLabel: child.props.valueLabel,\n        });\n      }\n    } else if (isSlot(child, Series)) {\n      slots.Series = child;\n    } else if (isSlot(child, SeriesItem)) {\n      slots.SeriesItem = child;\n    } else if (isSlot(child, ActionsPlaceholder)) {\n      unpinnedPlaceholderText = child.props.text;\n    } else if (isSlot(child, Action)) {\n      slots.GlobalActions.push(child);\n    }\n  });\n\n  return {\n    content: [\n      <Fragment key=\"header\">{slots.Header}</Fragment>,\n      slots.SeriesItem ? (\n        <Fragment key=\"seriesHeader\">\n          {slots.SeriesHeader || <SeriesHeader />}\n        </Fragment>\n      ) : null,\n      <Fragment key=\"series\">{slots.Series || slots.SeriesItem}</Fragment>,\n      <TooltipFooter\n        key=\"footer\"\n        actions={slots.GlobalActions}\n        unpinnedPlaceholderText={unpinnedPlaceholderText}\n      />,\n    ],\n    config: {\n      seriesHeader: slots.SeriesHeader || <SeriesHeader />,\n      displayHeaderDivider: !!(\n        slots.Header &&\n        (slots.Series || slots.SeriesItem)\n      ),\n      symbolPosition:\n        args.userSymbolPosition || defaultConfig?.symbolPosition || 'left',\n      truncationMode: getTruncationMode(\n        args.userTruncationMode,\n        defaultConfig?.truncationMode,\n      ),\n      defaultActionsConfig,\n    },\n  };\n}\n"],
+  "mappings": "AAyGM;AAzGN,SAAS,aAAa;AACtB,SAAS,UAAU,gBAA0C;AAE7D,SAAS,cAAc;AAEvB,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AAGxC,MAAM,yBAA2C,CAAC,SAAS,UAAU,KAAK;AAE1E,MAAM,wBAAwB,CAAC,UAA4C;AACzE,SACE,OAAO,UAAU,YACjB,uBAAuB,SAAS,KAAuB;AAE3D;AAEA,MAAM,oBAAoB,CACxB,oBACA,gCACmB;AACnB,MAAI,sBAAsB,kBAAkB,GAAG;AAC7C,WAAO;AAAA,EACT;AAEA,MAAI,sBAAsB,2BAA2B,GAAG;AACtD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,aACd,UACA,eACA,MAOA;AACA,QAAM,QAOF;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,eAAe,CAAC;AAAA,EAClB;AACA,MAAI;AACJ,MAAI,uBACF,eAAe;AAEjB,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,MAAM,GAAG;AACzB,YAAM,SAAS;AAAA,IACjB,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,YAAM,eAAe;AACrB,6BAAuB;AAAA,QACrB,eAAe;AAAA,MACjB;AACA,YAAM,oBAAoB,sBAAsB,IAAI,MAAM;AAC1D,UAAI,MAAM,MAAM,eAAe,mBAAmB;AAChD,8BAAsB,IAAI,QAAQ;AAAA,UAChC,GAAG;AAAA,UACH,aAAa,MAAM,MAAM;AAAA,QAC3B,CAAC;AAAA,MACH;AAEA,YAAM,qBAAqB,sBAAsB,IAAI,OAAO;AAC5D,UAAI,MAAM,MAAM,cAAc,oBAAoB;AAChD,8BAAsB,IAAI,SAAS;AAAA,UACjC,GAAG;AAAA,UACH,aAAa,MAAM,MAAM;AAAA,QAC3B,CAAC;AAAA,MACH;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,YAAM,SAAS;AAAA,IACjB,WAAW,OAAO,OAAO,UAAU,GAAG;AACpC,YAAM,aAAa;AAAA,IACrB,WAAW,OAAO,OAAO,kBAAkB,GAAG;AAC5C,gCAA0B,MAAM,MAAM;AAAA,IACxC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,YAAM,cAAc,KAAK,KAAK;AAAA,IAChC;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,SAAS;AAAA,MACP,oBAAC,YAAuB,gBAAM,UAAhB,QAAuB;AAAA,MACrC,MAAM,aACJ,oBAAC,YACE,gBAAM,gBAAgB,oBAAC,gBAAa,KADzB,cAEd,IACE;AAAA,MACJ,oBAAC,YAAuB,gBAAM,UAAU,MAAM,cAAhC,QAA2C;AAAA,MACzD;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM;AAAA,UACf;AAAA;AAAA,QAFI;AAAA,MAGN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,cAAc,MAAM,gBAAgB,oBAAC,gBAAa;AAAA,MAClD,sBAAsB,CAAC,EACrB,MAAM,WACL,MAAM,UAAU,MAAM;AAAA,MAEzB,gBACE,KAAK,sBAAsB,eAAe,kBAAkB;AAAA,MAC9D,gBAAgB;AAAA,QACd,KAAK;AAAA,QACL,eAAe;AAAA,MACjB;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/utils/estimate-series-item-size.js

@@ -0,0 +1,32 @@
+import { charsFontWidth12pixelsSize400Map } from "../../text-ellipsis/chars-font-width-map.js";
+import { calculateWidth } from "../../text-ellipsis/truncate-string.js";
+import {
+  DEFAULT_SERIES_NAME_LINES,
+  MIN_TOOLTIP_WIDTH,
+  SYMBOL_AND_SPACING_WIDTH,
+  TOOLTIP_WRAPPER_PADDING
+} from "../constants.js";
+const estimateSeriesItemSize = (item, maxContainerWidth) => {
+  const baseHeight = 24;
+  const multiLine = "multiLine" in item ? item.multiLine : false;
+  const maxLines = "maxLines" in item ? item.maxLines : DEFAULT_SERIES_NAME_LINES;
+  let lineCount = 1;
+  if (Array.isArray(item.name)) {
+    lineCount = item.name.length;
+  } else if (typeof item.name === "string" && multiLine) {
+    const actualContainerWidth = Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH);
+    const containerWidth = actualContainerWidth - (SYMBOL_AND_SPACING_WIDTH + TOOLTIP_WRAPPER_PADDING);
+    const textWidth = calculateWidth(
+      item.name,
+      charsFontWidth12pixelsSize400Map
+    );
+    if (textWidth > containerWidth) {
+      lineCount = Math.min(Math.ceil(textWidth / containerWidth), maxLines);
+    }
+  }
+  return baseHeight + (lineCount - 1) * 16;
+};
+export {
+  estimateSeriesItemSize
+};
+//# sourceMappingURL=estimate-series-item-size.js.map