npm - @dynatrace/strato-components - Versions diffs - 3.4.1 → 3.5.2 - Mend

@dynatrace/strato-components 3.4.1 → 3.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2312) hide show

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

@@ -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 TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex12-3-4-1';\nexport var chevron = '_1j1seexk-3-4-1';\nexport var chevronRightAligned = '_1j1seexl-3-4-1';\nexport var divider = '_1j1seexy-3-4-1';\nexport var headerText = '_1j1seexs-3-4-1';\nexport var multiLineName = '_1j1seexx-3-4-1';\nexport var relativeValueStyle = '_1j1seexp-3-4-1';\nexport var seriesActionHeader = '_1j1seex10-3-4-1';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-4-1)';\nexport var seriesActionHeaderMultiLine = '_1j1seex11-3-4-1';\nexport var seriesGridContainer = '_1j1seexb-3-4-1';\nexport var seriesHeader = '_1j1seex7-3-4-1';\nexport var seriesHeaderName = '_1j1seex8-3-4-1';\nexport var seriesHeaderValue = '_1j1seex9-3-4-1';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexe-3-4-1',variantClassNames:{symbolPosition:{left:'_1j1seexf-3-4-1',right:'_1j1seexg-3-4-1'},hasChevron:{true:'_1j1seexh-3-4-1'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexm-3-4-1';\nexport var seriesItemHighlighted = '_1j1seex13-3-4-1';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-4-1)';\nexport var seriesItemText = '_1j1seexn-3-4-1';\nexport var seriesItemWithChevron = '_1j1seexj-3-4-1';\nexport var seriesItemWrapper = '_1j1seexi-3-4-1';\nexport var seriesNameCell = '_1j1seexv-3-4-1';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-4-1)';\nexport var seriesNameText = '_1j1seext-3-4-1';\nexport var seriesNameTextMultiLine = '_1j1seexo-3-4-1';\nexport var seriesOverflowContainer = '_1j1seexd-3-4-1';\nexport var seriesOverflowContainerBase = '_1j1seexc-3-4-1';\nexport var seriesValueCell = '_1j1seexw-3-4-1';\nexport var seriesValueText = '_1j1seexu-3-4-1';\nexport var seriesWrapper = '_1j1seexa-3-4-1';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-4-1)';\nexport var symbolRight = '_1j1seexz-3-4-1';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexq-3-4-1',variantClassNames:{isRight:{true:'_1j1seexr-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-4-1',variantClassNames:{isInteractive:{true:'_1j1seex5-3-4-1',false:'_1j1seex6-3-4-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex12-3-5-2';\nexport var chevron = '_1j1seexk-3-5-2';\nexport var chevronRightAligned = '_1j1seexl-3-5-2';\nexport var divider = '_1j1seexy-3-5-2';\nexport var headerText = '_1j1seexs-3-5-2';\nexport var multiLineName = '_1j1seexx-3-5-2';\nexport var relativeValueStyle = '_1j1seexp-3-5-2';\nexport var seriesActionHeader = '_1j1seex10-3-5-2';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-5-2)';\nexport var seriesActionHeaderMultiLine = '_1j1seex11-3-5-2';\nexport var seriesGridContainer = '_1j1seexb-3-5-2';\nexport var seriesHeader = '_1j1seex7-3-5-2';\nexport var seriesHeaderName = '_1j1seex8-3-5-2';\nexport var seriesHeaderValue = '_1j1seex9-3-5-2';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexe-3-5-2',variantClassNames:{symbolPosition:{left:'_1j1seexf-3-5-2',right:'_1j1seexg-3-5-2'},hasChevron:{true:'_1j1seexh-3-5-2'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexm-3-5-2';\nexport var seriesItemHighlighted = '_1j1seex13-3-5-2';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-5-2)';\nexport var seriesItemText = '_1j1seexn-3-5-2';\nexport var seriesItemWithChevron = '_1j1seexj-3-5-2';\nexport var seriesItemWrapper = '_1j1seexi-3-5-2';\nexport var seriesNameCell = '_1j1seexv-3-5-2';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-5-2)';\nexport var seriesNameText = '_1j1seext-3-5-2';\nexport var seriesNameTextMultiLine = '_1j1seexo-3-5-2';\nexport var seriesOverflowContainer = '_1j1seexd-3-5-2';\nexport var seriesOverflowContainerBase = '_1j1seexc-3-5-2';\nexport var seriesValueCell = '_1j1seexw-3-5-2';\nexport var seriesValueText = '_1j1seexu-3-5-2';\nexport var seriesWrapper = '_1j1seexa-3-5-2';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-5-2)';\nexport var symbolRight = '_1j1seexz-3-5-2';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexq-3-5-2',variantClassNames:{isRight:{true:'_1j1seexr-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-5-2',variantClassNames:{isInteractive:{true:'_1j1seex5-3-5-2',false:'_1j1seex6-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,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,GAAE,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,QAAO,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjQ,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,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,yBAAyB;AAC7B,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,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/types.ts"],
-  "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\n/** @internal */\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  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type 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    };\n/** @internal */\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\n/** @internal */\nexport type TooltipState = {\n  activeSeries: SeriesName | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**  @internal  */\nexport type TooltipValue = string | number | Date | undefined;\n/** @internal */\nexport type SeriesName = string | string[];\n/** @internal */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\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};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\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\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, 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  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/** @internal */\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\n/**  @internal  */\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};\n/** @internal */\nexport type Series = Data['series'][number];\n/** @internal */\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\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\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  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: SeriesName | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
+  "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 { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { SeriesActionsTemplate } from '../../types/series-actions-template.js';\n\n/** @internal */\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  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type 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    };\n/** @internal */\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\n/** @internal */\nexport type TooltipState = {\n  activeSeries: SeriesName | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**\n * A primitive value that can appear in a tooltip header or series row.\n * @public\n */\nexport type TooltipValue = string | number | Date | undefined;\n/**\n * The display name for a data series.\n * Pass a `string[]` to enable multi-line rendering.\n * @public\n */\nexport type SeriesName = string | string[];\n/**\n * The value(s) displayed in a tooltip header row.\n * - `TooltipValue` \u2014 single value.\n * - `[TooltipValue]` \u2014 single value as a tuple.\n * - `[TooltipValue, TooltipValue]` \u2014 a from/to range pair.\n * - `[]` \u2014 explicitly empty (no header value).\n * @public\n */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\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};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\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\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, DefaultConfig>;\n\n/** @internal */\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  /** Overrides the horizontal alignment of series symbols. */\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/**\n * Props for `OverlayTooltip.Header`, which renders the primary header text row.\n * @public\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\n/**\n * Props for `OverlayTooltip.SeriesHeader`, which renders the column label row\n * above the series entries.\n * @public\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};\n/** @internal */\nexport type Series = Data['series'][number];\n/** @internal */\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\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\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  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: SeriesName | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
   "mappings": "AAQO,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;AACd,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,YAAW;AAdK,SAAAA;AAAA,GAAA;",
   "names": ["GeometryTypesEnum"]
 }

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

@@ -28,12 +28,14 @@ const useTooltipReducer = () => {
           store.setState((prevState) => {
             prevState.inBounds || overlay.clear();
             const { relativeX, relativeY, pinned, data } = action.payload;
+            const activeSeries = pinned ? prevState.activeSeries : null;
             if (isNil(relativeX) || isNil(relativeY)) {
               return {
                 ...prevState,
                 inBounds: true,
                 pinned,
-                data
+                data,
+                activeSeries
               };
             }
             const positions = overlay.getAdjustedPositionsFromRelative(
@@ -45,6 +47,7 @@ const useTooltipReducer = () => {
               pinned: action.payload.pinned,
               inBounds: true,
               data,
+              activeSeries,
               ...positions
             };
           });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/useTooltipReducer.ts"],
-  "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\n/** @internal */\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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",
+  "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\n/** @internal */\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              const activeSeries = pinned ? prevState.activeSeries : null;\n              if (isNil(relativeX) || isNil(relativeY)) {\n                return {\n                  ...prevState,\n                  inBounds: true,\n                  pinned,\n                  data,\n                  activeSeries,\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                activeSeries,\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 CHANGED Viewed

@@ -82,7 +82,7 @@ function buildContent(children, defaultConfig, args) {
     ],
     config: {
       seriesHeader: slots.SeriesHeader || /* @__PURE__ */ jsx(SeriesHeader, {}),
-      displayHeaderDivider: !!(slots.Header && (slots.Series || slots.SeriesItem)),
+      displayHeaderDivider: !!(slots.Header && (slots.Series || slots.SeriesItem || slots.GlobalActions)),
       symbolPosition: args.userSymbolPosition || defaultConfig?.symbolPosition || "left",
       truncationMode: getTruncationMode(
         args.userTruncationMode,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/build-content.tsx"],
-  "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      variant:\n        (defaultConfig?.sharedVariant && slots.Series?.props.variant) ||\n        'single',\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,MACA,SACG,eAAe,iBAAiB,MAAM,QAAQ,MAAM,WACrD;AAAA,IACJ;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 type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.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 || slots.GlobalActions)\n      ),\n      symbolPosition:\n        args.userSymbolPosition || defaultConfig?.symbolPosition || 'left',\n      truncationMode: getTruncationMode(\n        args.userTruncationMode,\n        defaultConfig?.truncationMode,\n      ),\n      defaultActionsConfig,\n      variant:\n        (defaultConfig?.sharedVariant && slots.Series?.props.variant) ||\n        'single',\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,cAAc,MAAM;AAAA,MAE7C,gBACE,KAAK,sBAAsB,eAAe,kBAAkB;AAAA,MAC9D,gBAAgB;AAAA,QACd,KAAK;AAAA,QACL,eAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA,SACG,eAAe,iBAAiB,MAAM,QAAQ,MAAM,WACrD;AAAA,IACJ;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/utils/text-truncation-header.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/text-truncation-header.ts"],
-  "sourcesContent": ["import { isNil } from 'lodash-es';\n\nimport { calculateTotalWidth500 } from './width-calculation.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../text-ellipsis/chars-font-width-map.js';\nimport { type TruncationMode } from '../../text-ellipsis/ChartTextEllipsis.js';\nimport { truncateString } from '../../text-ellipsis/truncate-string.js';\nimport { isValidNumber } from '../components/series/utils/is-valid-number.js';\n\n/**\n * Truncates text using the header font weight (500) map.\n * Used by Header and SeriesHeader components.\n */\nexport const getHeaderTruncatedText = (\n  text: string | undefined | null,\n  maxWidth: number | undefined,\n  truncationMode: TruncationMode,\n) => {\n  if (isNil(text)) {\n    return '';\n  }\n  if (!isValidNumber(maxWidth)) {\n    return text;\n  }\n\n  const textWidth = calculateTotalWidth500(text);\n  if (textWidth <= maxWidth) {\n    return text;\n  }\n  return truncateString(\n    text,\n    maxWidth,\n    charsFontWidth12pixelsSize500Map,\n    truncationMode,\n  );\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,8BAA8B;AACvC,SAAS,wCAAwC;AAEjD,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAMvB,MAAM,yBAAyB,CACpC,MACA,UACA,mBACG;AACH,MAAI,MAAM,IAAI,GAAG;AACf,WAAO;AAAA,EACT;AACA,MAAI,CAAC,cAAc,QAAQ,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,uBAAuB,IAAI;AAC7C,MAAI,aAAa,UAAU;AACzB,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { isNil } from 'lodash-es';\n\nimport { calculateTotalWidth500 } from './width-calculation.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../../text-ellipsis/truncate-string.js';\nimport { isValidNumber } from '../components/series/utils/is-valid-number.js';\n\n/**\n * Truncates text using the header font weight (500) map.\n * Used by Header and SeriesHeader components.\n */\nexport const getHeaderTruncatedText = (\n  text: string | undefined | null,\n  maxWidth: number | undefined,\n  truncationMode: TruncationMode,\n) => {\n  if (isNil(text)) {\n    return '';\n  }\n  if (!isValidNumber(maxWidth)) {\n    return text;\n  }\n\n  const textWidth = calculateTotalWidth500(text);\n  if (textWidth <= maxWidth) {\n    return text;\n  }\n  return truncateString(\n    text,\n    maxWidth,\n    charsFontWidth12pixelsSize500Map,\n    truncationMode,\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,8BAA8B;AAEvC,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAMvB,MAAM,yBAAyB,CACpC,MACA,UACA,mBACG;AACH,MAAI,MAAM,IAAI,GAAG;AACf,WAAO;AAAA,EACT;AACA,MAAI,CAAC,cAAc,QAAQ,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,uBAAuB,IAAI;AAC7C,MAAI,aAAa,UAAU;AACzB,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/overlays/ChartOverlaysBorder.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._sw8x1w0-3-4-1 {
+._sw8x1w0-3-5-2 {
   position: absolute;
   top: -0.5px;
   left: -0.5px;
@@ -10,15 +10,15 @@
   border-bottom: none;
   box-sizing: border-box;
 }
-._sw8x1w1-3-4-1 {
+._sw8x1w1-3-5-2 {
   border-left: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w2-3-4-1 {
+._sw8x1w2-3-5-2 {
   border-right: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w3-3-4-1 {
+._sw8x1w3-3-5-2 {
   border-bottom: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w4-3-4-1 {
+._sw8x1w4-3-5-2 {
   border-top: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import "./ChartOverlaysBorder.css";
-var chartOverlaysBorder = "_sw8x1w0-3-4-1";
-var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-4-1";
-var chartOverlaysBorder__topAxis = "_sw8x1w4-3-4-1";
-var chartOverlaysBorder__xAxis = "_sw8x1w1-3-4-1";
-var chartOverlaysBorder__yAxis = "_sw8x1w3-3-4-1";
+var chartOverlaysBorder = "_sw8x1w0-3-5-2";
+var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-5-2";
+var chartOverlaysBorder__topAxis = "_sw8x1w4-3-5-2";
+var chartOverlaysBorder__xAxis = "_sw8x1w1-3-5-2";
+var chartOverlaysBorder__yAxis = "_sw8x1w3-3-5-2";
 export {
   chartOverlaysBorder,
   chartOverlaysBorder__rightAxis,

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlays/ChartOverlaysBorder.css.ts"],
-  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-4-1';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-4-1';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-4-1';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-4-1';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-4-1';"],
+  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-5-2';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-5-2';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-5-2';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-5-2';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,iCAAiC;AACrC,IAAI,+BAA+B;AACnC,IAAI,6BAA6B;AACjC,IAAI,6BAA6B;",
   "names": []
 }

package/esm/charts/core/components/selection-area/DynamicSelectionArea.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { SelectionArea } from "./SelectionArea.js";
-import { useScrollResponsiveChartBounds } from "../../hooks/useScrollResponsiveChartBounds.js";
+import { usePointerAndScrollResponsiveChartBounds } from "../../hooks/usePointerAndScrollResponsiveChartBounds.js";
 const DynamicSelectionArea = ({
   selection,
   chartRef,
@@ -16,7 +16,10 @@ const DynamicSelectionArea = ({
   topFormatter,
   hasMagnifiers
 }) => {
-  const chartBounds = useScrollResponsiveChartBounds(chartRef, hasMagnifiers)();
+  const chartBounds = usePointerAndScrollResponsiveChartBounds(
+    chartRef,
+    hasMagnifiers
+  )();
   if (!chartBounds) {
     return null;
   }

package/esm/charts/core/components/selection-area/DynamicSelectionArea.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/DynamicSelectionArea.tsx"],
-  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport { SelectionArea, type SelectionAreaProps } from './SelectionArea.js';\nimport type { _SelectionRef } from './types.js';\nimport { useScrollResponsiveChartBounds } from '../../hooks/useScrollResponsiveChartBounds.js';\n\nexport const DynamicSelectionArea = ({\n  selection,\n  chartRef,\n  variant,\n  focusable,\n  interactable,\n  onKeyDown,\n  onSelectionChange,\n  isBottomLabelRotated,\n  isTopLabelRotated,\n  selectionAreaRef,\n  bottomFormatter,\n  topFormatter,\n  hasMagnifiers,\n}: Omit<SelectionAreaProps, 'bounds'> & {\n  hasMagnifiers: boolean;\n  selectionAreaRef: RefObject<_SelectionRef | null> | undefined;\n  chartRef: RefObject<HTMLDivElement | null>;\n}) => {\n  const chartBounds = useScrollResponsiveChartBounds(chartRef, hasMagnifiers)();\n  if (!chartBounds) {\n    return null;\n  }\n\n  return (\n    <SelectionArea\n      selection={selection}\n      bounds={chartBounds}\n      variant={variant}\n      focusable={focusable}\n      interactable={interactable}\n      bottomFormatter={bottomFormatter}\n      topFormatter={topFormatter}\n      onKeyDown={onKeyDown}\n      onSelectionChange={onSelectionChange}\n      isBottomLabelRotated={isBottomLabelRotated}\n      isTopLabelRotated={isTopLabelRotated}\n      ref={selectionAreaRef}\n    />\n  );\n};\n"],
-  "mappings": "AA+BI;AA7BJ,SAAS,qBAA8C;AAEvD,SAAS,sCAAsC;AAExC,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,cAAc,+BAA+B,UAAU,aAAa,EAAE;AAC5E,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ;",
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport { SelectionArea, type SelectionAreaProps } from './SelectionArea.js';\nimport type { _SelectionRef } from './types.js';\nimport { usePointerAndScrollResponsiveChartBounds } from '../../hooks/usePointerAndScrollResponsiveChartBounds.js';\n\nexport const DynamicSelectionArea = ({\n  selection,\n  chartRef,\n  variant,\n  focusable,\n  interactable,\n  onKeyDown,\n  onSelectionChange,\n  isBottomLabelRotated,\n  isTopLabelRotated,\n  selectionAreaRef,\n  bottomFormatter,\n  topFormatter,\n  hasMagnifiers,\n}: Omit<SelectionAreaProps, 'bounds'> & {\n  hasMagnifiers: boolean;\n  selectionAreaRef: RefObject<_SelectionRef | null> | undefined;\n  chartRef: RefObject<HTMLDivElement | null>;\n}) => {\n  const chartBounds = usePointerAndScrollResponsiveChartBounds(\n    chartRef,\n    hasMagnifiers,\n  )();\n  if (!chartBounds) {\n    return null;\n  }\n\n  return (\n    <SelectionArea\n      selection={selection}\n      bounds={chartBounds}\n      variant={variant}\n      focusable={focusable}\n      interactable={interactable}\n      bottomFormatter={bottomFormatter}\n      topFormatter={topFormatter}\n      onKeyDown={onKeyDown}\n      onSelectionChange={onSelectionChange}\n      isBottomLabelRotated={isBottomLabelRotated}\n      isTopLabelRotated={isTopLabelRotated}\n      ref={selectionAreaRef}\n    />\n  );\n};\n"],
+  "mappings": "AAkCI;AAhCJ,SAAS,qBAA8C;AAEvD,SAAS,gDAAgD;AAElD,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,EACF,EAAE;AACF,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/selection-area/Intent.js CHANGED Viewed

@@ -1,47 +1,40 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import {
   useIntent,
   useIntentWithResponse
 } from "../../../../core/hooks/intent.js";
 import { isIntentWithResponse } from "../../../../core/utils/is-intent-with-response.js";
-import { Flex } from "../../../../layouts/flex/Flex.js";
 import {
   getHandleSelect,
   getIntentIcon
 } from "../../../../navigation/menu/Intent.js";
 import { getIntentSlots } from "../../../../navigation/menu/item-slots.js";
-import {
-  actionContainer,
-  actionText
-} from "../tooltip/ChartTooltip/components/ActionItem/ActionItem.sty.js";
-import { TooltipItem } from "../tooltip/section-components/TooltipItem/TooltipItem.js";
+import { OverlayTooltip } from "../overlay-tooltip/OverlayTooltip.js";
 const IntentWithoutResponse = (props) => {
-  const { onResponse, onSelect, payload, options, children, ...rest } = props;
+  const { onSelect, payload, options, children, disabled } = props;
   const intent = useIntent({
     payload,
     options
   });
   const slots = getIntentSlots(children);
   const intentIcon = getIntentIcon(slots.prefix, intent.iconURL);
+  const select = (event) => {
+    event.preventDefault();
+    intent.send();
+    onSelect?.(event);
+  };
   return /* @__PURE__ */ jsx(
-    TooltipItem,
+    OverlayTooltip.Action,
     {
-      ...rest,
-      onClick: (e) => {
-        e.preventDefault();
-        intent.send();
-        onSelect?.(e);
-      },
-      className: actionContainer({}),
-      children: /* @__PURE__ */ jsxs(Flex, { className: actionText, children: [
-        intentIcon,
-        slots.freeform
-      ] })
+      label: slots.freeform,
+      icon: intentIcon,
+      onSelect: select,
+      disabled
     }
   );
 };
 const IntentWithResponse = (props) => {
-  const { onSelect, onResponse, payload, options, children, ...rest } = props;
+  const { onSelect, onResponse, payload, options, children, disabled } = props;
   const intent = useIntentWithResponse({
     payload,
     options
@@ -50,15 +43,12 @@ const IntentWithResponse = (props) => {
   const intentIcon = getIntentIcon(slots.prefix, intent.iconURL);
   const handleSelect = getHandleSelect(intent, onSelect, onResponse);
   return /* @__PURE__ */ jsx(
-    TooltipItem,
+    OverlayTooltip.Action,
     {
-      ...rest,
-      onClick: handleSelect,
-      className: actionContainer({}),
-      children: /* @__PURE__ */ jsxs(Flex, { className: actionText, children: [
-        intentIcon,
-        slots.freeform
-      ] })
+      label: slots.freeform,
+      icon: intentIcon,
+      onSelect: handleSelect,
+      disabled
     }
   );
 };

package/esm/charts/core/components/selection-area/Intent.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/Intent.tsx"],
-  "sourcesContent": ["\nimport {\n  useIntent,\n  useIntentWithResponse,\n} from '../../../../core/hooks/intent.js';\nimport {\n  type IntentProps,\n  IntentWithoutResponseProps,\n  IntentWithResponseProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport { isIntentWithResponse } from '../../../../core/utils/is-intent-with-response.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport {\n  getHandleSelect,\n  getIntentIcon,\n} from '../../../../navigation/menu/Intent.js';\nimport { getIntentSlots } from '../../../../navigation/menu/item-slots.js';\nimport {\n  actionContainer,\n  actionText,\n} from '../tooltip/ChartTooltip/components/ActionItem/ActionItem.sty.js';\nimport { TooltipItem } from '../tooltip/section-components/TooltipItem/TooltipItem.js';\n\nconst IntentWithoutResponse = (props: IntentWithoutResponseProps) => {\n  // discard onResponse from props\n  const { onResponse, onSelect, payload, options, children, ...rest } = props;\n\n  const intent = useIntent({\n    payload,\n    options,\n  });\n\n  const slots = getIntentSlots(children);\n\n  const intentIcon = getIntentIcon(slots.prefix, intent.iconURL);\n\n  return (\n    <TooltipItem\n      {...rest}\n      onClick={(e) => {\n        e.preventDefault();\n\n        intent.send();\n        onSelect?.(e);\n      }}\n      className={actionContainer({})}\n    >\n      <Flex className={actionText}>\n        {intentIcon}\n        {slots.freeform}\n      </Flex>\n    </TooltipItem>\n  );\n};\n\nconst IntentWithResponse = (props: IntentWithResponseProps) => {\n  const { onSelect, onResponse, payload, options, children, ...rest } = props;\n\n  const intent = useIntentWithResponse({\n    payload,\n    options,\n  });\n\n  const slots = getIntentSlots(children);\n\n  const intentIcon = getIntentIcon(slots.prefix, intent.iconURL);\n\n  const handleSelect = getHandleSelect(intent, onSelect, onResponse);\n\n  return (\n    <TooltipItem\n      {...rest}\n      onClick={handleSelect}\n      className={actionContainer({})}\n    >\n      <Flex className={actionText}>\n        {intentIcon}\n        {slots.freeform}\n      </Flex>\n    </TooltipItem>\n  );\n};\n\nexport const Intent = (props: IntentProps) => {\n  if (isIntentWithResponse(props)) {\n    return <IntentWithResponse {...props} />;\n  }\n  return <IntentWithoutResponse {...props} />;\n};\n"],
-  "mappings": "AAqCI,cAUE,YAVF;AApCJ;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMP,SAAS,4BAA4B;AACrC,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAE5B,MAAM,wBAAwB,CAAC,UAAsC;AAEnE,QAAM,EAAE,YAAY,UAAU,SAAS,SAAS,UAAU,GAAG,KAAK,IAAI;AAEtE,QAAM,SAAS,UAAU;AAAA,IACvB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,eAAe,QAAQ;AAErC,QAAM,aAAa,cAAc,MAAM,QAAQ,OAAO,OAAO;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AAEjB,eAAO,KAAK;AACZ,mBAAW,CAAC;AAAA,MACd;AAAA,MACA,WAAW,gBAAgB,CAAC,CAAC;AAAA,MAE7B,+BAAC,QAAK,WAAW,YACd;AAAA;AAAA,QACA,MAAM;AAAA,SACT;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,qBAAqB,CAAC,UAAmC;AAC7D,QAAM,EAAE,UAAU,YAAY,SAAS,SAAS,UAAU,GAAG,KAAK,IAAI;AAEtE,QAAM,SAAS,sBAAsB;AAAA,IACnC;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,eAAe,QAAQ;AAErC,QAAM,aAAa,cAAc,MAAM,QAAQ,OAAO,OAAO;AAE7D,QAAM,eAAe,gBAAgB,QAAQ,UAAU,UAAU;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,gBAAgB,CAAC,CAAC;AAAA,MAE7B,+BAAC,QAAK,WAAW,YACd;AAAA;AAAA,QACA,MAAM;AAAA,SACT;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,SAAS,CAAC,UAAuB;AAC5C,MAAI,qBAAqB,KAAK,GAAG;AAC/B,WAAO,oBAAC,sBAAoB,GAAG,OAAO;AAAA,EACxC;AACA,SAAO,oBAAC,yBAAuB,GAAG,OAAO;AAC3C;",
+  "sourcesContent": ["import type { MouseEvent } from 'react';\n\nimport {\n  useIntent,\n  useIntentWithResponse,\n} from '../../../../core/hooks/intent.js';\nimport {\n  type IntentProps,\n  IntentWithoutResponseProps,\n  IntentWithResponseProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport { isIntentWithResponse } from '../../../../core/utils/is-intent-with-response.js';\nimport {\n  getHandleSelect,\n  getIntentIcon,\n} from '../../../../navigation/menu/Intent.js';\nimport { getIntentSlots } from '../../../../navigation/menu/item-slots.js';\nimport { OverlayTooltip } from '../overlay-tooltip/OverlayTooltip.js';\n\nconst IntentWithoutResponse = (\n  props: IntentWithoutResponseProps & { disabled?: boolean },\n) => {\n  const { onSelect, payload, options, children, disabled } = props;\n\n  const intent = useIntent({\n    payload,\n    options,\n  });\n\n  const slots = getIntentSlots(children);\n\n  const intentIcon = getIntentIcon(slots.prefix, intent.iconURL);\n  const select = (event: MouseEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    intent.send();\n    onSelect?.(event);\n  };\n\n  return (\n    <OverlayTooltip.Action\n      label={slots.freeform}\n      icon={intentIcon}\n      onSelect={select}\n      disabled={disabled}\n    />\n  );\n};\n\nconst IntentWithResponse = (\n  props: IntentWithResponseProps & { disabled?: boolean },\n) => {\n  const { onSelect, onResponse, payload, options, children, disabled } = props;\n\n  const intent = useIntentWithResponse({\n    payload,\n    options,\n  });\n\n  const slots = getIntentSlots(children);\n\n  const intentIcon = getIntentIcon(slots.prefix, intent.iconURL);\n\n  const handleSelect = getHandleSelect(intent, onSelect, onResponse);\n\n  return (\n    <OverlayTooltip.Action\n      label={slots.freeform}\n      icon={intentIcon}\n      onSelect={handleSelect}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const Intent = (props: IntentProps) => {\n  if (isIntentWithResponse(props)) {\n    return <IntentWithResponse {...props} />;\n  }\n  return <IntentWithoutResponse {...props} />;\n};\n"],
+  "mappings": "AAuCI;AArCJ;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMP,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAE/B,MAAM,wBAAwB,CAC5B,UACG;AACH,QAAM,EAAE,UAAU,SAAS,SAAS,UAAU,SAAS,IAAI;AAE3D,QAAM,SAAS,UAAU;AAAA,IACvB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,eAAe,QAAQ;AAErC,QAAM,aAAa,cAAc,MAAM,QAAQ,OAAO,OAAO;AAC7D,QAAM,SAAS,CAAC,UAAsC;AACpD,UAAM,eAAe;AACrB,WAAO,KAAK;AACZ,eAAW,KAAK;AAAA,EAClB;AAEA,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAM;AAAA,MACN,UAAU;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,qBAAqB,CACzB,UACG;AACH,QAAM,EAAE,UAAU,YAAY,SAAS,SAAS,UAAU,SAAS,IAAI;AAEvE,QAAM,SAAS,sBAAsB;AAAA,IACnC;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,eAAe,QAAQ;AAErC,QAAM,aAAa,cAAc,MAAM,QAAQ,OAAO,OAAO;AAE7D,QAAM,eAAe,gBAAgB,QAAQ,UAAU,UAAU;AAEjE,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAM;AAAA,MACN,UAAU;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,SAAS,CAAC,UAAuB;AAC5C,MAAI,qBAAqB,KAAK,GAAG;AAC/B,WAAO,oBAAC,sBAAoB,GAAG,OAAO;AAAA,EACxC;AACA,SAAO,oBAAC,yBAAuB,GAAG,OAAO;AAC3C;",
   "names": []
 }

package/esm/charts/core/components/selection-area/SelectionArea.css CHANGED Viewed

@@ -1,10 +1,10 @@
-._efl7nz0-3-4-1 {
+._efl7nz0-3-5-2 {
   background-color: transparent;
   overflow: visible;
   pointer-events: none;
   z-index: 3;
 }
-._efl7nz1-3-4-1 {
+._efl7nz1-3-5-2 {
   width: 5px;
   height: 40px;
   fill: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
@@ -15,21 +15,21 @@
   transform-box: stroke-box;
   transition: transform var(--dt-animations-rescale-duration-fast, 170ms) var(--dt-animations-rescale-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._efl7nz1-3-4-1:focus {
+._efl7nz1-3-5-2:focus {
   outline: none;
   stroke-width: 3;
 }
-._efl7nz2-3-4-1 {
+._efl7nz2-3-5-2 {
   width: 15px;
   height: 80px;
   fill: transparent;
   cursor: col-resize;
   touch-action: pan-x;
 }
-._efl7nz2-3-4-1 + .knob--hovered {
+._efl7nz2-3-5-2 + .knob--hovered {
   transform: scaleY(1);
 }
-._efl7nz3-3-4-1 {
+._efl7nz3-3-5-2 {
   fill: var(--dt-colors-background-field-primary-accent, #474fcf);
   stroke: var(--dt-colors-border-primary-accent, #464cce);
   stroke-width: 1;
@@ -37,33 +37,14 @@
   fill-opacity: 0.1;
   touch-action: pan-x;
 }
-._efl7nz3-3-4-1:hover {
+._efl7nz3-3-5-2:hover {
   cursor: move;
 }
-._efl7nz3-3-4-1:focus {
+._efl7nz3-3-5-2:focus {
   outline: none;
   clip-path: unset;
   stroke-width: 3;
 }
-._efl7nz3-3-4-1:focus ~ .knob {
+._efl7nz3-3-5-2:focus ~ .knob {
   stroke-width: 3;
-}
-._efl7nz4-3-4-1 {
-  user-select: none;
-  pointer-events: none;
-}
-._efl7nz5-3-4-1 {
-  text-wrap: nowrap;
-  min-width: unset;
-}
-._efl7nz6-3-4-1 {
-  padding-left: 3px;
-}
-._efl7nz7-3-4-1 {
-  padding: var(--dt-spacings-size-2, 2px);
-  padding-left: 3px;
-  width: 100%;
-}
-._efl7nz8-3-4-1 * {
-  pointer-events: none;
 }

package/esm/charts/core/components/selection-area/SelectionArea.sty.js CHANGED Viewed

@@ -1,23 +1,13 @@
 import "../chart-grid/ChartGrid.css";
 import "./SelectionArea.css";
-var brushOverlay = "_efl7nz0-3-4-1 _13lzg4k0-3-4-1";
-var disabledActions = "_efl7nz8-3-4-1";
-var knob = "_efl7nz1-3-4-1";
-var selectionArea = "_efl7nz3-3-4-1";
-var tooltipContainer = "_efl7nz4-3-4-1";
-var tooltipHeader = "_efl7nz5-3-4-1";
-var tooltipHeaderCategorical = "_efl7nz6-3-4-1";
-var tooltipHeaderSubtext = "_efl7nz7-3-4-1";
-var transparentDraggingArea = "_efl7nz2-3-4-1";
+var brushOverlay = "_efl7nz0-3-5-2 _13lzg4k0-3-5-2";
+var knob = "_efl7nz1-3-5-2";
+var selectionArea = "_efl7nz3-3-5-2";
+var transparentDraggingArea = "_efl7nz2-3-5-2";
 export {
   brushOverlay,
-  disabledActions,
   knob,
   selectionArea,
-  tooltipContainer,
-  tooltipHeader,
-  tooltipHeaderCategorical,
-  tooltipHeaderSubtext,
   transparentDraggingArea
 };
 //# sourceMappingURL=SelectionArea.sty.js.map

package/esm/charts/core/components/selection-area/SelectionArea.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/SelectionArea.css.ts"],
-  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-4-1 _13lzg4k0-3-4-1';\nexport var disabledActions = '_efl7nz8-3-4-1';\nexport var knob = '_efl7nz1-3-4-1';\nexport var selectionArea = '_efl7nz3-3-4-1';\nexport var tooltipContainer = '_efl7nz4-3-4-1';\nexport var tooltipHeader = '_efl7nz5-3-4-1';\nexport var tooltipHeaderCategorical = '_efl7nz6-3-4-1';\nexport var tooltipHeaderSubtext = '_efl7nz7-3-4-1';\nexport var transparentDraggingArea = '_efl7nz2-3-4-1';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,2BAA2B;AAC/B,IAAI,uBAAuB;AAC3B,IAAI,0BAA0B;",
+  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-5-2 _13lzg4k0-3-5-2';\nexport var knob = '_efl7nz1-3-5-2';\nexport var selectionArea = '_efl7nz3-3-5-2';\nexport var transparentDraggingArea = '_efl7nz2-3-5-2';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;",
   "names": []
 }