@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/charts/core/components/toolbar/components/ToolbarMenu.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/toolbar/components/ToolbarMenu.css.ts"],
-  "sourcesContent": ["import './ToolbarMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var styledToolbarMenuContainer = _7a468({defaultClassName:'_auj9i40-3-12-2',variantClassNames:{inline:{true:'_auj9i41-3-12-2',false:'_auj9i42-3-12-2'}},defaultVariants:{},compoundVariants:[]});\nexport var toolbarMenuGroup = '_auj9i43-3-12-2';"],
+  "sourcesContent": ["import './ToolbarMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var styledToolbarMenuContainer = _7a468({defaultClassName:'_auj9i40-3-13-0',variantClassNames:{inline:{true:'_auj9i41-3-13-0',false:'_auj9i42-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var toolbarMenuGroup = '_auj9i43-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/core/components/toolbar/styles.css

@@ -1,3 +1,3 @@
-._1bfp49g0-3-12-2 {
+._1bfp49g0-3-13-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }

package/esm/charts/core/components/toolbar/styles.sty.js

@@ -1,5 +1,5 @@
 import "./styles.css";
-var styledOrText = "_1bfp49g0-3-12-2";
+var styledOrText = "_1bfp49g0-3-13-0";
 export {
   styledOrText
 };

package/esm/charts/core/components/toolbar/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/toolbar/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nexport var styledOrText = '_1bfp49g0-3-12-2';"],
+  "sourcesContent": ["import './styles.css';\nexport var styledOrText = '_1bfp49g0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/components/toolbar/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/toolbar/types.ts"],
-  "sourcesContent": ["import type {\n  ReactElement,\n  MouseEvent as ReactMouseEvent,\n  RefObject,\n} from 'react';\n\nimport type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type {\n  A11yToolbarTabIndex,\n  InternalChartToolbarConfig,\n} from '../../types/toolbar.js';\n\n/**\n * @internal\n */\nexport const menuDisplayModes = [\n  'collapsed',\n  'expanded',\n  'always',\n  'never',\n] as const;\n\n/**\n * @internal\n */\nexport type MenuDisplayMode = (typeof menuDisplayModes)[number];\n\n/**\n * @internal\n */\nexport type IntentsAsyncTemplate =\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (() => Promise<ReactElement<any>>) | undefined;\n\n/**\n * @internal\n */\nexport type ToolbarHanderRef = { handleFocus: () => void };\n\n/**\n * @internal\n */\nexport interface ChartToolbarRendererProps\n  extends InternalChartToolbarConfig,\n    BehaviorTrackingProps {\n  /** Whether the toolbar is visible or not\n   * @defaultValue false\n   */\n  visible?: boolean;\n  /** Initial state of the A11yToolbar */\n  initialA11yState: A11yToolbarTabIndex[];\n  /** zIndex for the chart toolbar area */\n  zIndex?: number;\n  /** The function called when the toolbar manually collapses/expands */\n  onToggleToolbar?: (value: boolean) => void;\n  /** The function called when the menu opens/closes */\n  onToggleMenu?: (value: boolean) => void;\n  /** The function called when mouse enters the toolbar */\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /** The function called when mouse leaves the toolbar */\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /** Icon of the active mode shown in the menu trigger button */\n  menuIcon?: ReactElement;\n  /** Whether the divider before the intents/download menu should be shown */\n  showMenuDivider?: boolean;\n  /** Defines a tooltip text for the dropdown menu trigger button */\n  menuTriggerLabel?: string;\n  /** Indicates, when the menu should be available to be triggered on the toolbar\n   * - collapsed: only shown on menu trigger on collapsed toolbar (no menu on expanded toolbar)\n   * - expanded: only shown on menu trigger on expanded toolbar (toolbar becomes not collapsable)\n   * - always: always show the menu trigger\n   * - never: never show the menu trigger\n   *\n   * @defaultValue 'collapsed'\n   * */\n  menuDisplayMode?: MenuDisplayMode;\n  /**\n   *  If set to true, the drag handle will be removed and the whole toolbar will be draggable.\n   *  @defaultValue false\n   */\n  removeDragHandle?: boolean;\n  /** Action to perform while closing toolbar menu */\n  onClose?: () => void;\n  isDownloadEnabled?: boolean;\n  intents?: Array<IntentProps>;\n  handleDownloadDataToolbar?: () => void;\n  /** Display mode for the toolbar area\n   * @defaultValue 'overlay'\n   **/\n  toolbarDisplayMode?: 'overlay' | 'inline';\n  visibleWhenMouseInBounds?: boolean;\n  /** Additional class name for the toolbar area */\n  overlayClassName?: string;\n  intentsAsyncTemplate?: IntentsAsyncTemplate;\n  handlerRef?: RefObject<ToolbarHanderRef>;\n}\n"],
+  "sourcesContent": ["import type {\n  ReactElement,\n  MouseEvent as ReactMouseEvent,\n  RefObject,\n} from 'react';\n\nimport type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type {\n  A11yToolbarTabIndex,\n  InternalChartToolbarConfig,\n} from '../../types/toolbar.js';\n\n/**\n * @internal\n */\nexport const menuDisplayModes = [\n  'collapsed',\n  'expanded',\n  'always',\n  'never',\n] as const;\n\n/**\n * @internal\n */\nexport type MenuDisplayMode = (typeof menuDisplayModes)[number];\n\n/**\n * @internal\n */\nexport type IntentsAsyncTemplate =\n  // oxlint-disable-next-line typescript/no-explicit-any\n  (() => Promise<ReactElement<any>>) | undefined;\n\n/**\n * @internal\n */\nexport type ToolbarHanderRef = { handleFocus: () => void };\n\n/**\n * @internal\n */\nexport interface ChartToolbarRendererProps\n  extends InternalChartToolbarConfig, BehaviorTrackingProps {\n  /** Whether the toolbar is visible or not\n   * @defaultValue false\n   */\n  visible?: boolean;\n  /** Initial state of the A11yToolbar */\n  initialA11yState: A11yToolbarTabIndex[];\n  /** zIndex for the chart toolbar area */\n  zIndex?: number;\n  /** The function called when the toolbar manually collapses/expands */\n  onToggleToolbar?: (value: boolean) => void;\n  /** The function called when the menu opens/closes */\n  onToggleMenu?: (value: boolean) => void;\n  /** The function called when mouse enters the toolbar */\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /** The function called when mouse leaves the toolbar */\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /** Icon of the active mode shown in the menu trigger button */\n  menuIcon?: ReactElement;\n  /** Whether the divider before the intents/download menu should be shown */\n  showMenuDivider?: boolean;\n  /** Defines a tooltip text for the dropdown menu trigger button */\n  menuTriggerLabel?: string;\n  /** Indicates, when the menu should be available to be triggered on the toolbar\n   * - collapsed: only shown on menu trigger on collapsed toolbar (no menu on expanded toolbar)\n   * - expanded: only shown on menu trigger on expanded toolbar (toolbar becomes not collapsable)\n   * - always: always show the menu trigger\n   * - never: never show the menu trigger\n   *\n   * @defaultValue 'collapsed'\n   * */\n  menuDisplayMode?: MenuDisplayMode;\n  /**\n   *  If set to true, the drag handle will be removed and the whole toolbar will be draggable.\n   *  @defaultValue false\n   */\n  removeDragHandle?: boolean;\n  /** Action to perform while closing toolbar menu */\n  onClose?: () => void;\n  isDownloadEnabled?: boolean;\n  intents?: Array<IntentProps>;\n  handleDownloadDataToolbar?: () => void;\n  /** Display mode for the toolbar area\n   * @defaultValue 'overlay'\n   **/\n  toolbarDisplayMode?: 'overlay' | 'inline';\n  visibleWhenMouseInBounds?: boolean;\n  /** Additional class name for the toolbar area */\n  overlayClassName?: string;\n  intentsAsyncTemplate?: IntentsAsyncTemplate;\n  handlerRef?: RefObject<ToolbarHanderRef>;\n}\n"],
   "mappings": "AAgBO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/charts/core/components/tooltip/ChartTooltip/ChartTooltip.css

@@ -1,4 +1,4 @@
-._nhy85h0-3-12-2 {
+._nhy85h0-3-13-0 {
   display: inline-block;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -13,19 +13,19 @@
   max-height: 200px;
   overflow: hidden;
 }
-._nhy85h0-3-12-2[data-placement="right"] {
+._nhy85h0-3-13-0[data-placement="right"] {
   transform-origin: 0 calc(1rem + 18px);
 }
-._nhy85h0-3-12-2[data-placement="left"] {
+._nhy85h0-3-13-0[data-placement="left"] {
   transform-origin: 100% calc(1rem + 18px);
 }
-._nhy85h1-3-12-2 {
+._nhy85h1-3-13-0 {
   z-index: var(--dt-elevations-overlay, 20);
   position: fixed;
 }
-._nhy85h2-3-12-2 {
+._nhy85h2-3-13-0 {
   pointer-events: all;
 }
-._nhy85h3-3-12-2 {
+._nhy85h3-3-13-0 {
   pointer-events: none;
 }

package/esm/charts/core/components/tooltip/ChartTooltip/ChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/tooltip/ChartTooltip/ChartTooltip.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _ChartTooltip implementation. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport clsx from 'clsx';\nimport {\n  type PropsWithChildren,\n  forwardRef,\n  useEffect,\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { chartTooltip, wrapper } from './ChartTooltip.sty.js';\nimport { useMergeRefs } from '../../../../../core/hooks/useMergeRefs.js';\nimport type { StylingProps } from '../../../../../core/types/styling-props.js';\nimport { useDataDtrumContext } from '../../../context/DataDtrumContext.js';\nimport type { Point } from '../../../types/point.js';\nimport { isTouchableDevice } from '../../../utils/is-touchable-device.js';\nimport {\n  ActionSelectionContext,\n  ActionSelectionDetails,\n} from '../context/ActionSelectionContext.js';\nimport { ChartTooltipMetadataContext } from '../context/ChartTooltipMetadataContext.js';\nimport { useChartTooltip } from '../shared/hooks/useChartTooltip.js';\nimport {\n  ChartTooltipSlots,\n  ChartTooltipAtoms,\n  ChartTooltipTemplate,\n} from '../types/ChartTooltip.config.js';\n\n/** @internal */\nexport interface ChartTooltipProps extends StylingProps {\n  /**\n   * Indicates the location of the mouse in the browser window.\n   */\n  position: Point;\n  /**\n   * Indicates if the tooltip should be pinned or not.\n   * @defaultValue false\n   */\n  pinned?: boolean;\n  /**\n   * If true, the tooltip position will update even when pinned.\n   * For scroll-responsive tooltips.\n   * @defaultValue false\n   */\n  updatePositionWhenPinned?: boolean;\n  onMouseLeave?: (event: ReactMouseEvent) => void;\n  actionSelectionValue?: ActionSelectionDetails;\n}\n\nconst defaultSelectionValue = {\n  selectedItemId: '',\n  actionsMenuRef: undefined,\n  updateSelectedItem: () => null,\n};\n\n/**\n * The ChartTooltip Component\n * @internal\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const _ChartTooltip = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartTooltipProps>\n>((props, forwardedRef) => {\n  const {\n    children,\n    pinned = false,\n    position,\n    updatePositionWhenPinned = false,\n    actionSelectionValue = defaultSelectionValue,\n    onMouseLeave,\n    className,\n    style,\n  } = props;\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const mergedRefs = useMergeRefs([forwardedRef, tooltipRef]);\n\n  const { placement, updateTooltipPosition } = useChartTooltip(\n    tooltipRef.current,\n  );\n\n  const { dataDtrumMask, dataDtrumAllow } = useDataDtrumContext();\n\n  useEffect(() => {\n    if (!pinned || updatePositionWhenPinned || isTouchableDevice()) {\n      updateTooltipPosition(position);\n    }\n  }, [\n    pinned,\n    position.x,\n    position.y,\n    updatePositionWhenPinned,\n    updateTooltipPosition,\n  ]);\n  const visibility = tooltipRef.current ? 'visible' : 'hidden';\n  const chartTooltipContent = (\n    <ActionSelectionContext.Provider value={actionSelectionValue}>\n      <ChartTooltipMetadataContext.Provider value={{ tooltipRef }}>\n        <div\n          className={wrapper({ isPinned: pinned })}\n          data-testid=\"chart-tooltip\"\n          role=\"tooltip\"\n          ref={mergedRefs}\n          data-placement={placement}\n          onMouseLeave={onMouseLeave}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n        >\n          <div\n            className={clsx(chartTooltip, className)}\n            style={{ ...style, visibility }}\n          >\n            {children}\n          </div>\n        </div>\n      </ChartTooltipMetadataContext.Provider>\n    </ActionSelectionContext.Provider>\n  );\n\n  return createPortal(chartTooltipContent, document.body);\n});\n\n(_ChartTooltip as typeof _ChartTooltip & { displayName: string }).displayName =\n  'ChartTooltip';\n\n/**\n * The ChartTooltip Component\n * @internal\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const ChartTooltip = Object.assign(\n  _ChartTooltip,\n  ChartTooltipSlots,\n  ChartTooltipAtoms,\n  ChartTooltipTemplate,\n);\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _ChartTooltip implementation. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport clsx from 'clsx';\nimport {\n  type PropsWithChildren,\n  forwardRef,\n  useEffect,\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { chartTooltip, wrapper } from './ChartTooltip.sty.js';\nimport { useMergeRefs } from '../../../../../core/hooks/useMergeRefs.js';\nimport type { StylingProps } from '../../../../../core/types/styling-props.js';\nimport { useDataDtrumContext } from '../../../context/DataDtrumContext.js';\nimport type { Point } from '../../../types/point.js';\nimport { isTouchableDevice } from '../../../utils/is-touchable-device.js';\nimport {\n  ActionSelectionContext,\n  ActionSelectionDetails,\n} from '../context/ActionSelectionContext.js';\nimport { ChartTooltipMetadataContext } from '../context/ChartTooltipMetadataContext.js';\nimport { useChartTooltip } from '../shared/hooks/useChartTooltip.js';\nimport {\n  ChartTooltipSlots,\n  ChartTooltipAtoms,\n  ChartTooltipTemplate,\n} from '../types/ChartTooltip.config.js';\n\n/** @internal */\nexport interface ChartTooltipProps extends StylingProps {\n  /**\n   * Indicates the location of the mouse in the browser window.\n   */\n  position: Point;\n  /**\n   * Indicates if the tooltip should be pinned or not.\n   * @defaultValue false\n   */\n  pinned?: boolean;\n  /**\n   * If true, the tooltip position will update even when pinned.\n   * For scroll-responsive tooltips.\n   * @defaultValue false\n   */\n  updatePositionWhenPinned?: boolean;\n  onMouseLeave?: (event: ReactMouseEvent) => void;\n  actionSelectionValue?: ActionSelectionDetails;\n}\n\nconst defaultSelectionValue = {\n  selectedItemId: '',\n  actionsMenuRef: undefined,\n  updateSelectedItem: () => null,\n};\n\n/**\n * The ChartTooltip Component\n * @internal\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const _ChartTooltip = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartTooltipProps>\n>((props, forwardedRef) => {\n  const {\n    children,\n    pinned = false,\n    position,\n    updatePositionWhenPinned = false,\n    actionSelectionValue = defaultSelectionValue,\n    onMouseLeave,\n    className,\n    style,\n  } = props;\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const mergedRefs = useMergeRefs([forwardedRef, tooltipRef]);\n\n  const { placement, updateTooltipPosition } = useChartTooltip(\n    tooltipRef.current,\n  );\n\n  const { dataDtrumMask, dataDtrumAllow } = useDataDtrumContext();\n\n  useEffect(() => {\n    if (!pinned || updatePositionWhenPinned || isTouchableDevice()) {\n      updateTooltipPosition(position);\n    }\n  }, [\n    pinned,\n    position.x,\n    position.y,\n    updatePositionWhenPinned,\n    updateTooltipPosition,\n  ]);\n  const visibility = tooltipRef.current ? 'visible' : 'hidden';\n  const chartTooltipContent = (\n    <ActionSelectionContext.Provider value={actionSelectionValue}>\n      <ChartTooltipMetadataContext.Provider value={{ tooltipRef }}>\n        <div\n          className={wrapper({ isPinned: pinned })}\n          data-testid=\"chart-tooltip\"\n          role=\"tooltip\"\n          ref={mergedRefs}\n          data-placement={placement}\n          onMouseLeave={onMouseLeave}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n        >\n          <div\n            className={clsx(chartTooltip, className)}\n            style={{ ...style, visibility }}\n          >\n            {children}\n          </div>\n        </div>\n      </ChartTooltipMetadataContext.Provider>\n    </ActionSelectionContext.Provider>\n  );\n\n  return createPortal(chartTooltipContent, document.body);\n});\n\n(_ChartTooltip as typeof _ChartTooltip & { displayName: string }).displayName =\n  'ChartTooltip';\n\n/**\n * The ChartTooltip Component\n * @internal\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const ChartTooltip = Object.assign(\n  _ChartTooltip,\n  ChartTooltipSlots,\n  ChartTooltipAtoms,\n  ChartTooltipTemplate,\n);\n"],
   "mappings": "AA6GU;AA5GV,OAAO,UAAU;AACjB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,oBAAoB;AAE7B,SAAS,cAAc,eAAe;AACtC,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AAEpC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,mCAAmC;AAC5C,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAuBP,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB,MAAM;AAC5B;AAOO,MAAM,gBAAgB,WAG3B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,aAAa,aAAa,CAAC,cAAc,UAAU,CAAC;AAE1D,QAAM,EAAE,WAAW,sBAAsB,IAAI;AAAA,IAC3C,WAAW;AAAA,EACb;AAEA,QAAM,EAAE,eAAe,eAAe,IAAI,oBAAoB;AAE9D,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,4BAA4B,kBAAkB,GAAG;AAC9D,4BAAsB,QAAQ;AAAA,IAChC;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,WAAW,UAAU,YAAY;AACpD,QAAM,sBACJ,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,sBACtC,8BAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,WAAW,GACxD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,QAAQ,EAAE,UAAU,OAAO,CAAC;AAAA,MACvC,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,KAAK;AAAA,MACL,kBAAgB;AAAA,MAChB;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAElB;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,cAAc,SAAS;AAAA,UACvC,OAAO,EAAE,GAAG,OAAO,WAAW;AAAA,UAE7B;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF,GACF;AAGF,SAAO,aAAa,qBAAqB,SAAS,IAAI;AACxD,CAAC;AAEA,cAAiE,cAChE;AAOK,MAAM,eAAe,OAAO;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/charts/core/components/tooltip/ChartTooltip/ChartTooltip.sty.js

@@ -1,7 +1,7 @@
 import "./ChartTooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chartTooltip = "_nhy85h0-3-12-2";
-var wrapper = _7a468({ defaultClassName: "_nhy85h1-3-12-2", variantClassNames: { isPinned: { true: "_nhy85h2-3-12-2", false: "_nhy85h3-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
+var chartTooltip = "_nhy85h0-3-13-0";
+var wrapper = _7a468({ defaultClassName: "_nhy85h1-3-13-0", variantClassNames: { isPinned: { true: "_nhy85h2-3-13-0", false: "_nhy85h3-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chartTooltip,
   wrapper

package/esm/charts/core/components/tooltip/ChartTooltip/ChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/tooltip/ChartTooltip/ChartTooltip.css.ts"],
-  "sourcesContent": ["import './ChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_nhy85h0-3-12-2';\nexport var wrapper = _7a468({defaultClassName:'_nhy85h1-3-12-2',variantClassNames:{isPinned:{true:'_nhy85h2-3-12-2',false:'_nhy85h3-3-12-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_nhy85h0-3-13-0';\nexport var wrapper = _7a468({defaultClassName:'_nhy85h1-3-13-0',variantClassNames:{isPinned:{true:'_nhy85h2-3-13-0',false:'_nhy85h3-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,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/tooltip/ChartTooltip/components/ActionItem/ActionItem.css

@@ -1,34 +1,34 @@
-._ejcjne0-3-12-2 {
+._ejcjne0-3-13-0 {
   padding: var(--dt-spacings-size-6, 6px);
   gap: var(--dt-spacings-size-4, 4px);
   box-sizing: border-box;
   pointer-events: auto;
 }
-._ejcjne0-3-12-2:hover {
+._ejcjne0-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._ejcjne2-3-12-2 {
+._ejcjne2-3-13-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._ejcjne3-3-12-2 {
+._ejcjne3-3-13-0 {
   cursor: pointer;
 }
-._ejcjne4-3-12-2 {
+._ejcjne4-3-13-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
 }
-._ejcjne1-3-12-2 ._ejcjne0-3-12-2 ._ejcjne2-3-12-2 ._ejcjne4-3-12-2 {
+._ejcjne1-3-13-0 ._ejcjne0-3-13-0 ._ejcjne2-3-13-0 ._ejcjne4-3-13-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._ejcjne1-3-12-2 ._ejcjne0-3-12-2 ._ejcjne3-3-12-2 ._ejcjne4-3-12-2 {
+._ejcjne1-3-13-0 ._ejcjne0-3-13-0 ._ejcjne3-3-13-0 ._ejcjne4-3-13-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._ejcjne5-3-12-2 {
+._ejcjne5-3-13-0 {
   margin-left: auto;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);

package/esm/charts/core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.sty.js

@@ -1,9 +1,9 @@
 import "../../../section-components/TooltipItem/TooltipItem.css";
 import "./ActionItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var actionContainer = _7a468({ defaultClassName: "_ejcjne1-3-12-2 _ejcjne0-3-12-2 _1xw2xi60-3-12-2", variantClassNames: { disabled: { true: "_ejcjne2-3-12-2", false: "_ejcjne3-3-12-2" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
-var actionShortcut = "_ejcjne5-3-12-2";
-var actionText = "_ejcjne4-3-12-2";
+var actionContainer = _7a468({ defaultClassName: "_ejcjne1-3-13-0 _ejcjne0-3-13-0 _1xw2xi60-3-13-0", variantClassNames: { disabled: { true: "_ejcjne2-3-13-0", false: "_ejcjne3-3-13-0" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
+var actionShortcut = "_ejcjne5-3-13-0";
+var actionText = "_ejcjne4-3-13-0";
 export {
   actionContainer,
   actionShortcut,

package/esm/charts/core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.css.ts"],
-  "sourcesContent": ["import '../../../section-components/TooltipItem/TooltipItem.css';\nimport './ActionItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionContainer = _7a468({defaultClassName:'_ejcjne1-3-12-2 _ejcjne0-3-12-2 _1xw2xi60-3-12-2',variantClassNames:{disabled:{true:'_ejcjne2-3-12-2',false:'_ejcjne3-3-12-2'}},defaultVariants:{disabled:false},compoundVariants:[]});\nexport var actionShortcut = '_ejcjne5-3-12-2';\nexport var actionText = '_ejcjne4-3-12-2';"],
+  "sourcesContent": ["import '../../../section-components/TooltipItem/TooltipItem.css';\nimport './ActionItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionContainer = _7a468({defaultClassName:'_ejcjne1-3-13-0 _ejcjne0-3-13-0 _1xw2xi60-3-13-0',variantClassNames:{disabled:{true:'_ejcjne2-3-13-0',false:'_ejcjne3-3-13-0'}},defaultVariants:{disabled:false},compoundVariants:[]});\nexport var actionShortcut = '_ejcjne5-3-13-0';\nexport var actionText = '_ejcjne4-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,oDAAmD,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrO,IAAI,iBAAiB;AACrB,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.css

@@ -1,8 +1,8 @@
-._dov7bc0-3-12-2 {
+._dov7bc0-3-13-0 {
   min-width: 24px;
   max-width: 120px;
   text-align: center;
 }
-._dov7bc0-3-12-2:not(:last-of-type) {
+._dov7bc0-3-13-0:not(:last-of-type) {
   margin-right: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.sty.js

@@ -1,5 +1,5 @@
 import "./SeriesItem.css";
-var valueContent = "_dov7bc0-3-12-2";
+var valueContent = "_dov7bc0-3-13-0";
 export {
   valueContent
 };

package/esm/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.css.ts"],
-  "sourcesContent": ["import './SeriesItem.css';\nexport var valueContent = '_dov7bc0-3-12-2';"],
+  "sourcesContent": ["import './SeriesItem.css';\nexport var valueContent = '_dov7bc0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.css

@@ -1,4 +1,4 @@
-._12qth3i0-3-12-2 {
+._12qth3i0-3-13-0 {
   width: auto;
   white-space: nowrap;
   overflow: hidden;

package/esm/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.sty.js

@@ -1,5 +1,5 @@
 import "./TimeFrameHeader.css";
-var formattedTimeframe = "_12qth3i0-3-12-2";
+var formattedTimeframe = "_12qth3i0-3-13-0";
 export {
   formattedTimeframe
 };

package/esm/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.css.ts"],
-  "sourcesContent": ["import './TimeFrameHeader.css';\nexport var formattedTimeframe = '_12qth3i0-3-12-2';"],
+  "sourcesContent": ["import './TimeFrameHeader.css';\nexport var formattedTimeframe = '_12qth3i0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.css

@@ -1,13 +1,13 @@
-._10q856z0-3-12-2 {
+._10q856z0-3-13-0 {
   position: fixed;
 }
-._10q856z1-3-12-2 {
+._10q856z1-3-13-0 {
   pointer-events: all;
 }
-._10q856z2-3-12-2 {
+._10q856z2-3-13-0 {
   pointer-events: none;
 }
-._10q856z3-3-12-2 {
+._10q856z3-3-13-0 {
   display: inline-block;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -17,9 +17,9 @@
   padding: var(--dt-spacings-size-4, 4px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
 }
-._10q856z3-3-12-2[data-placement="right"] {
+._10q856z3-3-13-0[data-placement="right"] {
   transform-origin: 0 calc(1rem + 18px);
 }
-._10q856z3-3-12-2[data-placement="left"] {
+._10q856z3-3-13-0[data-placement="left"] {
   transform-origin: 100% calc(1rem + 18px);
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.sty.js

@@ -1,7 +1,7 @@
 import "./BasicChartTooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chartTooltip = "_10q856z3-3-12-2";
-var wrapper = _7a468({ defaultClassName: "_10q856z0-3-12-2", variantClassNames: { isPinned: { true: "_10q856z1-3-12-2", false: "_10q856z2-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
+var chartTooltip = "_10q856z3-3-13-0";
+var wrapper = _7a468({ defaultClassName: "_10q856z0-3-13-0", variantClassNames: { isPinned: { true: "_10q856z1-3-13-0", false: "_10q856z2-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chartTooltip,
   wrapper

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.css.ts"],
-  "sourcesContent": ["import './BasicChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_10q856z3-3-12-2';\nexport var wrapper = _7a468({defaultClassName:'_10q856z0-3-12-2',variantClassNames:{isPinned:{true:'_10q856z1-3-12-2',false:'_10q856z2-3-12-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './BasicChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_10q856z3-3-13-0';\nexport var wrapper = _7a468({defaultClassName:'_10q856z0-3-13-0',variantClassNames:{isPinned:{true:'_10q856z1-3-13-0',false:'_10q856z2-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,UAAU,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.css

@@ -1,7 +1,7 @@
-._1fjte610-3-12-2 {
+._1fjte610-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1fjte610-3-12-2 .ft-separator {
+._1fjte610-3-13-0 .ft-separator {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -9,22 +9,22 @@
   text-decoration: var(--dt-typography-text-small-default-text-decoration, none);
   text-transform: var(--dt-typography-text-small-default-text-transform, none);
 }
-._1fjte611-3-12-2 {
+._1fjte611-3-13-0 {
   white-space: nowrap;
   flex-wrap: wrap;
 }
-._1fjte612-3-12-2 {
+._1fjte612-3-13-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1fjte613-3-12-2 {
+._1fjte613-3-13-0 {
   position: relative;
 }
-._1fjte614-3-12-2 {
+._1fjte614-3-13-0 {
   overflow: hidden auto;
   width: 100%;
 }
-._1fjte615-3-12-2 {
+._1fjte615-3-13-0 {
   width: 100%;
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip implementation. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport {\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n  type MouseEvent as ReactMouseEvent,\n  Children,\n} from 'react';\n\nimport {\n  BasicChartTooltip,\n  type BasicChartTooltipProps,\n} from './BasicChartTooltip/BasicChartTooltip.js';\nimport { InteractiveChartTooltipVirtualizedSeries } from './InteractiveChartTooltipVirtualizedSeries.js';\nimport { useMergeRefs } from '../../../../../../core/hooks/useMergeRefs.js';\nimport { isSlot } from '../../../../../../core/utils/is-slot.js';\nimport type { Point } from '../../../../types/point.js';\nimport type { TooltipItem } from '../../../../types/tooltip.js';\nimport { isTouchableDevice } from '../../../../utils/is-touchable-device.js';\nimport { useChartTooltip } from '../../shared/hooks/useChartTooltip.js';\nimport { InteractiveTooltipContext } from '../context/InteractiveTooltipContext.js';\nimport { Actions } from '../slots/Actions.js';\nimport { Body } from '../slots/Body.js';\nimport { Header } from '../slots/Header.js';\nimport type { VirtualEstimatedSize } from '../types/virtual-estimated-size.js';\n\nexport interface InteractiveChartTooltipProps {\n  pinned?: boolean;\n  itemSize?: VirtualEstimatedSize;\n  position: Point;\n  /**\n   * If true, the tooltip position will update even when pinned.\n   * For scroll-responsive tooltips.\n   * @defaultValue false\n   */\n  updatePositionWhenPinned?: boolean;\n  onMouseLeave?: (event?: ReactMouseEvent) => void;\n  onScrollContent?: (event: Event) => void;\n}\n\n/**\n * Iterate the children to load the slots\n * @param children -\n */\nfunction iterateSlots(children?: ReactNode): {\n  Header?: ReactNode;\n  Body?: (() => ReactNode)[];\n  Actions?: ReactNode;\n} {\n  const slots: {\n    Header?: ReactNode;\n    Body?: (() => ReactNode)[];\n    Actions?: ReactNode;\n  } = { Header: undefined, Body: undefined, Actions: undefined };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Header)) {\n      slots.Header = child.props.children;\n    } else if (isSlot(child, Body)) {\n      slots.Body = child.props.children;\n    } else if (isSlot(child, Actions)) {\n      slots.Actions = child.props.children;\n    }\n  });\n\n  return slots;\n}\n\n/**\n * Tooltip specific to the TimeseriesChart and Categorical bar chart.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nconst _InteractiveChartTooltip = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BasicChartTooltipProps & InteractiveChartTooltipProps\n>((props, forwardedRef) => {\n  const {\n    pinned = false,\n    chartRef,\n    position,\n    itemSize,\n    updatePositionWhenPinned = false,\n    children,\n    onMouseLeave,\n    onScrollContent,\n  } = props;\n  const chartTooltipRef = useRef<HTMLDivElement>(null);\n  const mergedRefs = useMergeRefs([forwardedRef, chartTooltipRef]);\n\n  const [selectedItem, selectItem] = useState<TooltipItem | undefined>(\n    undefined,\n  );\n  const [hasScrollbar, setHasScrollbar] = useState<boolean>(false);\n  const onItemSelected = (e: ReactMouseEvent, item?: TooltipItem) => {\n    e.stopPropagation(); // prevent unpinning\n    selectItem(item);\n  };\n\n  const { placement, updateTooltipPosition } = useChartTooltip(\n    chartTooltipRef.current,\n  );\n\n  useEffect(() => {\n    if (!pinned || isTouchableDevice() || updatePositionWhenPinned) {\n      updateTooltipPosition(position);\n    }\n  }, [\n    pinned,\n    position.x,\n    position.y,\n    updatePositionWhenPinned,\n    updateTooltipPosition,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      onMouseLeave && onMouseLeave();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // TODO: find out why it breaks when using exhaustive deps\n\n  const { Header, Body } = iterateSlots(children);\n\n  return (\n    <InteractiveTooltipContext.Provider\n      value={{\n        selectedItem,\n        selectItem: onItemSelected,\n        hasScrollbar,\n        setHasScrollbar,\n      }}\n    >\n      <BasicChartTooltip\n        ref={mergedRefs}\n        placement={placement}\n        chartRef={chartRef}\n        onMouseLeave={onMouseLeave}\n        pinned={pinned}\n      >\n        <InteractiveChartTooltipVirtualizedSeries\n          pinned={pinned}\n          itemSize={itemSize}\n          header={Header}\n          body={Body}\n          pointerEvents={pinned}\n          onScrollContent={onScrollContent}\n        />\n      </BasicChartTooltip>\n    </InteractiveTooltipContext.Provider>\n  );\n});\n\n(\n  _InteractiveChartTooltip as typeof _InteractiveChartTooltip & {\n    displayName: string;\n  }\n).displayName = 'InteractiveChartTooltip';\n\n/**\n * Slot component for interactive chart tooltip\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const InteractiveChartTooltip = Object.assign(_InteractiveChartTooltip, {\n  Header,\n  Body,\n  Actions,\n});\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip implementation. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport {\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n  type MouseEvent as ReactMouseEvent,\n  Children,\n} from 'react';\n\nimport {\n  BasicChartTooltip,\n  type BasicChartTooltipProps,\n} from './BasicChartTooltip/BasicChartTooltip.js';\nimport { InteractiveChartTooltipVirtualizedSeries } from './InteractiveChartTooltipVirtualizedSeries.js';\nimport { useMergeRefs } from '../../../../../../core/hooks/useMergeRefs.js';\nimport { isSlot } from '../../../../../../core/utils/is-slot.js';\nimport type { Point } from '../../../../types/point.js';\nimport type { TooltipItem } from '../../../../types/tooltip.js';\nimport { isTouchableDevice } from '../../../../utils/is-touchable-device.js';\nimport { useChartTooltip } from '../../shared/hooks/useChartTooltip.js';\nimport { InteractiveTooltipContext } from '../context/InteractiveTooltipContext.js';\nimport { Actions } from '../slots/Actions.js';\nimport { Body } from '../slots/Body.js';\nimport { Header } from '../slots/Header.js';\nimport type { VirtualEstimatedSize } from '../types/virtual-estimated-size.js';\n\nexport interface InteractiveChartTooltipProps {\n  pinned?: boolean;\n  itemSize?: VirtualEstimatedSize;\n  position: Point;\n  /**\n   * If true, the tooltip position will update even when pinned.\n   * For scroll-responsive tooltips.\n   * @defaultValue false\n   */\n  updatePositionWhenPinned?: boolean;\n  onMouseLeave?: (event?: ReactMouseEvent) => void;\n  onScrollContent?: (event: Event) => void;\n}\n\n/**\n * Iterate the children to load the slots\n * @param children -\n */\nfunction iterateSlots(children?: ReactNode): {\n  Header?: ReactNode;\n  Body?: (() => ReactNode)[];\n  Actions?: ReactNode;\n} {\n  const slots: {\n    Header?: ReactNode;\n    Body?: (() => ReactNode)[];\n    Actions?: ReactNode;\n  } = { Header: undefined, Body: undefined, Actions: undefined };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Header)) {\n      slots.Header = child.props.children;\n    } else if (isSlot(child, Body)) {\n      slots.Body = child.props.children;\n    } else if (isSlot(child, Actions)) {\n      slots.Actions = child.props.children;\n    }\n  });\n\n  return slots;\n}\n\n/**\n * Tooltip specific to the TimeseriesChart and Categorical bar chart.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nconst _InteractiveChartTooltip = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BasicChartTooltipProps & InteractiveChartTooltipProps\n>((props, forwardedRef) => {\n  const {\n    pinned = false,\n    chartRef,\n    position,\n    itemSize,\n    updatePositionWhenPinned = false,\n    children,\n    onMouseLeave,\n    onScrollContent,\n  } = props;\n  const chartTooltipRef = useRef<HTMLDivElement>(null);\n  const mergedRefs = useMergeRefs([forwardedRef, chartTooltipRef]);\n\n  const [selectedItem, selectItem] = useState<TooltipItem | undefined>(\n    undefined,\n  );\n  const [hasScrollbar, setHasScrollbar] = useState<boolean>(false);\n  const onItemSelected = (e: ReactMouseEvent, item?: TooltipItem) => {\n    e.stopPropagation(); // prevent unpinning\n    selectItem(item);\n  };\n\n  const { placement, updateTooltipPosition } = useChartTooltip(\n    chartTooltipRef.current,\n  );\n\n  useEffect(() => {\n    if (!pinned || isTouchableDevice() || updatePositionWhenPinned) {\n      updateTooltipPosition(position);\n    }\n  }, [\n    pinned,\n    position.x,\n    position.y,\n    updatePositionWhenPinned,\n    updateTooltipPosition,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      onMouseLeave && onMouseLeave();\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // TODO: find out why it breaks when using exhaustive deps\n\n  const { Header, Body } = iterateSlots(children);\n\n  return (\n    <InteractiveTooltipContext.Provider\n      value={{\n        selectedItem,\n        selectItem: onItemSelected,\n        hasScrollbar,\n        setHasScrollbar,\n      }}\n    >\n      <BasicChartTooltip\n        ref={mergedRefs}\n        placement={placement}\n        chartRef={chartRef}\n        onMouseLeave={onMouseLeave}\n        pinned={pinned}\n      >\n        <InteractiveChartTooltipVirtualizedSeries\n          pinned={pinned}\n          itemSize={itemSize}\n          header={Header}\n          body={Body}\n          pointerEvents={pinned}\n          onScrollContent={onScrollContent}\n        />\n      </BasicChartTooltip>\n    </InteractiveTooltipContext.Provider>\n  );\n});\n\n(\n  _InteractiveChartTooltip as typeof _InteractiveChartTooltip & {\n    displayName: string;\n  }\n).displayName = 'InteractiveChartTooltip';\n\n/**\n * Slot component for interactive chart tooltip\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const InteractiveChartTooltip = Object.assign(_InteractiveChartTooltip, {\n  Header,\n  Body,\n  Actions,\n});\n"],
   "mappings": "AA6IQ;AA5IR;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,gDAAgD;AACzD,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAGvB,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;AAC1C,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,cAAc;AAqBvB,SAAS,aAAa,UAIpB;AACA,QAAM,QAIF,EAAE,QAAQ,QAAW,MAAM,QAAW,SAAS,OAAU;AAE7D,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,MAAM,GAAG;AACzB,YAAM,SAAS,MAAM,MAAM;AAAA,IAC7B,WAAW,OAAO,OAAO,IAAI,GAAG;AAC9B,YAAM,OAAO,MAAM,MAAM;AAAA,IAC3B,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,YAAM,UAAU,MAAM,MAAM;AAAA,IAC9B;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAMA,MAAM,2BAA2C,2BAG/C,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,2BAA2B;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,kBAAkB,OAAuB,IAAI;AACnD,QAAM,aAAa,aAAa,CAAC,cAAc,eAAe,CAAC;AAE/D,QAAM,CAAC,cAAc,UAAU,IAAI;AAAA,IACjC;AAAA,EACF;AACA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAC/D,QAAM,iBAAiB,CAAC,GAAoB,SAAuB;AACjE,MAAE,gBAAgB;AAClB,eAAW,IAAI;AAAA,EACjB;AAEA,QAAM,EAAE,WAAW,sBAAsB,IAAI;AAAA,IAC3C,gBAAgB;AAAA,EAClB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,kBAAkB,KAAK,0BAA0B;AAC9D,4BAAsB,QAAQ;AAAA,IAChC;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,WAAO,MAAM;AACX,sBAAgB,aAAa;AAAA,IAC/B;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,QAAAA,SAAQ,MAAAC,MAAK,IAAI,aAAa,QAAQ;AAE9C,SACE;AAAA,IAAC,0BAA0B;AAAA,IAA1B;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,QAAQD;AAAA,cACR,MAAMC;AAAA,cACN,eAAe;AAAA,cACf;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,yBAGA,cAAc;AAMT,MAAM,0BAA0B,OAAO,OAAO,0BAA0B;AAAA,EAC7E;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": ["Header", "Body"]
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.sty.js

@@ -1,11 +1,11 @@
 import "../../../../../../styles/textStyle.css";
 import "./InteractiveChartTooltip.css";
-var formattedTimeframe = "_1fjte612-3-12-2";
-var scrollableContainerParent = "_1fjte614-3-12-2";
-var titleContainer = "_1fjte611-3-12-2";
-var tooltipHeader = "_1fjte610-3-12-2 _da9a8v0-3-12-2 _da9a8v2-3-12-2 _da9a8v6-3-12-2 _da9a8ve-3-12-2";
-var tooltipItem = "_1fjte615-3-12-2";
-var tooltipItemsContainer = "_1fjte613-3-12-2";
+var formattedTimeframe = "_1fjte612-3-13-0";
+var scrollableContainerParent = "_1fjte614-3-13-0";
+var titleContainer = "_1fjte611-3-13-0";
+var tooltipHeader = "_1fjte610-3-13-0 _da9a8v0-3-13-0 _da9a8v2-3-13-0 _da9a8v6-3-13-0 _da9a8ve-3-13-0";
+var tooltipItem = "_1fjte615-3-13-0";
+var tooltipItemsContainer = "_1fjte613-3-13-0";
 export {
   formattedTimeframe,
   scrollableContainerParent,

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.css.ts"],
-  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './InteractiveChartTooltip.css';\nexport var formattedTimeframe = '_1fjte612-3-12-2';\nexport var scrollableContainerParent = '_1fjte614-3-12-2';\nexport var titleContainer = '_1fjte611-3-12-2';\nexport var tooltipHeader = '_1fjte610-3-12-2 _da9a8v0-3-12-2 _da9a8v2-3-12-2 _da9a8v6-3-12-2 _da9a8ve-3-12-2';\nexport var tooltipItem = '_1fjte615-3-12-2';\nexport var tooltipItemsContainer = '_1fjte613-3-12-2';"],
+  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './InteractiveChartTooltip.css';\nexport var formattedTimeframe = '_1fjte612-3-13-0';\nexport var scrollableContainerParent = '_1fjte614-3-13-0';\nexport var titleContainer = '_1fjte611-3-13-0';\nexport var tooltipHeader = '_1fjte610-3-13-0 _da9a8v0-3-13-0 _da9a8v2-3-13-0 _da9a8v6-3-13-0 _da9a8ve-3-13-0';\nexport var tooltipItem = '_1fjte615-3-13-0';\nexport var tooltipItemsContainer = '_1fjte613-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,4BAA4B;AAChC,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltipVirtualizedSeries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltipVirtualizedSeries.tsx"],
-  "sourcesContent": ["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef, type ReactNode } from 'react';\n\nimport {\n  TooltipItemsContainer,\n  TooltipItems,\n  StyledTooltipContainer,\n  ScrollableContainerParent,\n  DEFAULT_TOOLTIP_MIN_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n} from './InteractiveChartTooltip.styles.js';\nimport { Flex } from '../../../../../../layouts/flex/Flex.js';\nimport { useHandleSetScrollbar } from '../hooks/useHandleSetScrollbar.js';\nimport { VirtualEstimatedSize } from '../types/virtual-estimated-size.js';\n\ninterface ChartTooltipSeriesProps {\n  pinned?: boolean;\n  itemSize?: VirtualEstimatedSize;\n  header?: ReactNode;\n  body?: (() => ReactNode)[];\n  pointerEvents: boolean;\n  onScrollContent?: (event: Event) => void;\n}\n\n/**\n * Component handling how series are displayed inside the tooltip\n */\nexport const InteractiveChartTooltipVirtualizedSeries = (\n  props: ChartTooltipSeriesProps,\n) => {\n  const { itemSize, header, body, pointerEvents, onScrollContent } = props;\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const scrollRefContainer = useRef<HTMLDivElement>(null);\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: body?.length ?? 0,\n    getScrollElement: () => scrollRefContainer.current,\n    estimateSize: (index: number) => {\n      return itemSize?.(index) ?? 16;\n    },\n    overscan: 3,\n  });\n\n  const items = getVirtualItems();\n\n  useHandleSetScrollbar(getTotalSize());\n\n  useEffect(() => {\n    if (!onScrollContent) {\n      return;\n    }\n    const scrollContainer = scrollRefContainer.current;\n    scrollContainer?.addEventListener('scroll', onScrollContent);\n\n    return () => {\n      scrollContainer?.removeEventListener('scroll', onScrollContent);\n    };\n  }, [scrollRefContainer, onScrollContent]);\n\n  // Calculate the min height of the container, in order to make sure that the\n  // container can grow according to the content and not collapse recursively\n  // with the virtualization.\n  const containerMinHeight =\n    typeof itemSize === 'undefined'\n      ? Math.min((body?.length ?? 0) * 16, TOOLTIP_MAX_HEIGHT)\n      : Math.min((body?.length ?? 0) * itemSize(0), TOOLTIP_MAX_HEIGHT);\n\n  return (\n    <StyledTooltipContainer\n      minWidth={DEFAULT_TOOLTIP_MIN_WIDTH}\n      allowPointerEvents={pointerEvents}\n    >\n      <Flex gap={0} flexDirection=\"column\">\n        {header}\n        <ScrollableContainerParent\n          ref={scrollRefContainer}\n          data-testid=\"chart-tooltip-item-container\"\n          style={{\n            minHeight: `clamp(${containerMinHeight}px, ${getTotalSize()}px, ${TOOLTIP_MAX_HEIGHT}px)`,\n          }}\n        >\n          <TooltipItemsContainer\n            ref={scrollRef}\n            style={{\n              height: getTotalSize(),\n            }}\n          >\n            <div\n              style={{\n                transform: `translateY(${items[0]?.start ?? 0}px)`,\n              }}\n            >\n              {items.map(({ index }) => {\n                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                const CurrentVirtualizedItem = body![index];\n\n                return (\n                  <TooltipItems\n                    data-testid=\"chart-tooltip-item\"\n                    key={index}\n                    data-index={index}\n                    ref={measureElement}\n                  >\n                    {CurrentVirtualizedItem()}\n                  </TooltipItems>\n                );\n              })}\n            </div>\n          </TooltipItemsContainer>\n        </ScrollableContainerParent>\n      </Flex>\n    </StyledTooltipContainer>\n  );\n};\n\nInteractiveChartTooltipVirtualizedSeries['displayName'] =\n  'InteractiveChartTooltipSeries';\n"],
+  "sourcesContent": ["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef, type ReactNode } from 'react';\n\nimport {\n  TooltipItemsContainer,\n  TooltipItems,\n  StyledTooltipContainer,\n  ScrollableContainerParent,\n  DEFAULT_TOOLTIP_MIN_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n} from './InteractiveChartTooltip.styles.js';\nimport { Flex } from '../../../../../../layouts/flex/Flex.js';\nimport { useHandleSetScrollbar } from '../hooks/useHandleSetScrollbar.js';\nimport { VirtualEstimatedSize } from '../types/virtual-estimated-size.js';\n\ninterface ChartTooltipSeriesProps {\n  pinned?: boolean;\n  itemSize?: VirtualEstimatedSize;\n  header?: ReactNode;\n  body?: (() => ReactNode)[];\n  pointerEvents: boolean;\n  onScrollContent?: (event: Event) => void;\n}\n\n/**\n * Component handling how series are displayed inside the tooltip\n */\nexport const InteractiveChartTooltipVirtualizedSeries = (\n  props: ChartTooltipSeriesProps,\n) => {\n  const { itemSize, header, body, pointerEvents, onScrollContent } = props;\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const scrollRefContainer = useRef<HTMLDivElement>(null);\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: body?.length ?? 0,\n    getScrollElement: () => scrollRefContainer.current,\n    estimateSize: (index: number) => {\n      return itemSize?.(index) ?? 16;\n    },\n    overscan: 3,\n  });\n\n  const items = getVirtualItems();\n\n  useHandleSetScrollbar(getTotalSize());\n\n  useEffect(() => {\n    if (!onScrollContent) {\n      return;\n    }\n    const scrollContainer = scrollRefContainer.current;\n    scrollContainer?.addEventListener('scroll', onScrollContent);\n\n    return () => {\n      scrollContainer?.removeEventListener('scroll', onScrollContent);\n    };\n  }, [scrollRefContainer, onScrollContent]);\n\n  // Calculate the min height of the container, in order to make sure that the\n  // container can grow according to the content and not collapse recursively\n  // with the virtualization.\n  const containerMinHeight =\n    typeof itemSize === 'undefined'\n      ? Math.min((body?.length ?? 0) * 16, TOOLTIP_MAX_HEIGHT)\n      : Math.min((body?.length ?? 0) * itemSize(0), TOOLTIP_MAX_HEIGHT);\n\n  return (\n    <StyledTooltipContainer\n      minWidth={DEFAULT_TOOLTIP_MIN_WIDTH}\n      allowPointerEvents={pointerEvents}\n    >\n      <Flex gap={0} flexDirection=\"column\">\n        {header}\n        <ScrollableContainerParent\n          ref={scrollRefContainer}\n          data-testid=\"chart-tooltip-item-container\"\n          style={{\n            minHeight: `clamp(${containerMinHeight}px, ${getTotalSize()}px, ${TOOLTIP_MAX_HEIGHT}px)`,\n          }}\n        >\n          <TooltipItemsContainer\n            ref={scrollRef}\n            style={{\n              height: getTotalSize(),\n            }}\n          >\n            <div\n              style={{\n                transform: `translateY(${items[0]?.start ?? 0}px)`,\n              }}\n            >\n              {items.map(({ index }) => {\n                // oxlint-disable-next-line typescript/no-non-null-assertion\n                const CurrentVirtualizedItem = body![index];\n\n                return (\n                  <TooltipItems\n                    data-testid=\"chart-tooltip-item\"\n                    key={index}\n                    data-index={index}\n                    ref={measureElement}\n                  >\n                    {CurrentVirtualizedItem()}\n                  </TooltipItems>\n                );\n              })}\n            </div>\n          </TooltipItemsContainer>\n        </ScrollableContainerParent>\n      </Flex>\n    </StyledTooltipContainer>\n  );\n};\n\nInteractiveChartTooltipVirtualizedSeries['displayName'] =\n  'InteractiveChartTooltipSeries';\n"],
   "mappings": "AAwEM,SAyBY,KAzBZ;AAxEN,SAAS,sBAAsB;AAC/B,SAAS,WAAW,cAA8B;AAElD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,6BAA6B;AAe/B,MAAM,2CAA2C,CACtD,UACG;AACH,QAAM,EAAE,UAAU,QAAQ,MAAM,eAAe,gBAAgB,IAAI;AACnE,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,qBAAqB,OAAuB,IAAI;AAEtD,QAAM,EAAE,iBAAiB,cAAc,eAAe,IAAI,eAAe;AAAA,IACvE,OAAO,MAAM,UAAU;AAAA,IACvB,kBAAkB,MAAM,mBAAmB;AAAA,IAC3C,cAAc,CAAC,UAAkB;AAC/B,aAAO,WAAW,KAAK,KAAK;AAAA,IAC9B;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,QAAQ,gBAAgB;AAE9B,wBAAsB,aAAa,CAAC;AAEpC,YAAU,MAAM;AACd,QAAI,CAAC,iBAAiB;AACpB;AAAA,IACF;AACA,UAAM,kBAAkB,mBAAmB;AAC3C,qBAAiB,iBAAiB,UAAU,eAAe;AAE3D,WAAO,MAAM;AACX,uBAAiB,oBAAoB,UAAU,eAAe;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,oBAAoB,eAAe,CAAC;AAKxC,QAAM,qBACJ,OAAO,aAAa,cAChB,KAAK,KAAK,MAAM,UAAU,KAAK,IAAI,kBAAkB,IACrD,KAAK,KAAK,MAAM,UAAU,KAAK,SAAS,CAAC,GAAG,kBAAkB;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,oBAAoB;AAAA,MAEpB,+BAAC,QAAK,KAAK,GAAG,eAAc,UACzB;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,eAAY;AAAA,YACZ,OAAO;AAAA,cACL,WAAW,SAAS,kBAAkB,OAAO,aAAa,CAAC,OAAO,kBAAkB;AAAA,YACtF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,OAAO;AAAA,kBACL,QAAQ,aAAa;AAAA,gBACvB;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,WAAW,cAAc,MAAM,CAAC,GAAG,SAAS,CAAC;AAAA,oBAC/C;AAAA,oBAEC,gBAAM,IAAI,CAAC,EAAE,MAAM,MAAM;AAExB,4BAAM,yBAAyB,KAAM,KAAK;AAE1C,6BACE;AAAA,wBAAC;AAAA;AAAA,0BACC,eAAY;AAAA,0BAEZ,cAAY;AAAA,0BACZ,KAAK;AAAA,0BAEJ,iCAAuB;AAAA;AAAA,wBAJnB;AAAA,sBAKP;AAAA,oBAEJ,CAAC;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEA,yCAAyC,aAAa,IACpD;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { isUndefined } from 'lodash-es';\nimport { forwardRef, type MouseEvent as ReactMouseEvent } from 'react';\n\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../../../../layouts/flex/Flex.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TooltipItem, SeriesDisplayMode } from '../../../../types/tooltip.js';\nimport { MultiDataPointShape } from '../../../shape/MultiDataPointShape.js';\nimport { SingleDataPointShape } from '../../../shape/SingleDataPointShape.js';\nimport {\n  valueContainer,\n  valueItem,\n  detailViewContent,\n  detailViewItem,\n} from '../../shared/styles/SeriesBasedContent.sty.js';\nimport { SeriesName } from '../components/SeriesName.js';\nimport { useInteractiveTooltip } from '../hooks/useInteractiveTooltip.js';\n\nexport interface SeriesBasedContentProps {\n  /** The item for this entry */\n  item: TooltipItem;\n  /** Indicates if the item needs to be highlighted */\n  highlighted?: boolean;\n  /** Indicates if the item needs a divider on the bottom */\n  showDivider?: boolean;\n  /** The series display mode */\n  seriesDisplayMode?: SeriesDisplayMode;\n  /** The series display mode */\n  nameFormatter?: (item: TooltipItem) => string;\n  onMouseHover?: (event: ReactMouseEvent) => void;\n  truncationMode?: TruncationMode;\n  isScrolling?: boolean;\n}\n\nexport const SeriesBasedContent = forwardRef<\n  HTMLButtonElement,\n  SeriesBasedContentProps\n>((props, ref) => {\n  const {\n    item,\n    seriesDisplayMode = 'single-line',\n    highlighted = false,\n    showDivider = false,\n    nameFormatter,\n    onMouseHover,\n    truncationMode,\n    isScrolling,\n    ...remaining\n  } = props;\n  const { selectItem } = useInteractiveTooltip();\n  const dimensionNames = Array.isArray(item.name) ? item.name : [item.name];\n\n  const isOnlyOneDimension =\n    !Array.isArray(item.name) || item.name.length === 1;\n\n  const singleLine = seriesDisplayMode === 'single-line' || isOnlyOneDimension;\n  const handleMouseHover = (e: ReactMouseEvent) => {\n    selectItem?.(e, item);\n    onMouseHover?.(e);\n  };\n\n  const colorIndicator = singleLine ? (\n    <SingleDataPointShape color={item.color!.Default} active={highlighted} />\n  ) : (\n    <MultiDataPointShape color={item.color!.Default} active={highlighted} />\n  );\n\n  return (\n    <button\n      className={detailViewContent}\n      ref={ref}\n      onMouseEnter={handleMouseHover}\n      {...remaining}\n    >\n      <div className={detailViewItem}>\n        {!isUndefined(item.color) && colorIndicator}\n\n        <SeriesName\n          names={dimensionNames}\n          item={item}\n          nameFormatter={nameFormatter}\n          highlighted={highlighted}\n          singleLine={singleLine}\n          truncationMode={truncationMode}\n          isScrolling={isScrolling}\n        />\n\n        <span className={valueContainer} role=\"grid\">\n          <Flex gap={4} alignItems=\"center\" role=\"row\">\n            {item.values!.length > 1 && (\n              <span className={valueItem} role=\"cell\">\n                {item.values![1]}\n              </span>\n            )}\n            <span className={valueItem} role=\"cell\">\n              {item.values![0]}\n            </span>\n          </Flex>\n        </span>\n      </div>\n      {showDivider && <Divider />}\n    </button>\n  );\n});\n\n(\n  SeriesBasedContent as typeof SeriesBasedContent & { displayName: string }\n).displayName = 'SeriesBasedContent';\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-non-null-assertion */\nimport { isUndefined } from 'lodash-es';\nimport { forwardRef, type MouseEvent as ReactMouseEvent } from 'react';\n\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../../../../layouts/flex/Flex.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TooltipItem, SeriesDisplayMode } from '../../../../types/tooltip.js';\nimport { MultiDataPointShape } from '../../../shape/MultiDataPointShape.js';\nimport { SingleDataPointShape } from '../../../shape/SingleDataPointShape.js';\nimport {\n  valueContainer,\n  valueItem,\n  detailViewContent,\n  detailViewItem,\n} from '../../shared/styles/SeriesBasedContent.sty.js';\nimport { SeriesName } from '../components/SeriesName.js';\nimport { useInteractiveTooltip } from '../hooks/useInteractiveTooltip.js';\n\nexport interface SeriesBasedContentProps {\n  /** The item for this entry */\n  item: TooltipItem;\n  /** Indicates if the item needs to be highlighted */\n  highlighted?: boolean;\n  /** Indicates if the item needs a divider on the bottom */\n  showDivider?: boolean;\n  /** The series display mode */\n  seriesDisplayMode?: SeriesDisplayMode;\n  /** The series display mode */\n  nameFormatter?: (item: TooltipItem) => string;\n  onMouseHover?: (event: ReactMouseEvent) => void;\n  truncationMode?: TruncationMode;\n  isScrolling?: boolean;\n}\n\nexport const SeriesBasedContent = forwardRef<\n  HTMLButtonElement,\n  SeriesBasedContentProps\n>((props, ref) => {\n  const {\n    item,\n    seriesDisplayMode = 'single-line',\n    highlighted = false,\n    showDivider = false,\n    nameFormatter,\n    onMouseHover,\n    truncationMode,\n    isScrolling,\n    ...remaining\n  } = props;\n  const { selectItem } = useInteractiveTooltip();\n  const dimensionNames = Array.isArray(item.name) ? item.name : [item.name];\n\n  const isOnlyOneDimension =\n    !Array.isArray(item.name) || item.name.length === 1;\n\n  const singleLine = seriesDisplayMode === 'single-line' || isOnlyOneDimension;\n  const handleMouseHover = (e: ReactMouseEvent) => {\n    selectItem?.(e, item);\n    onMouseHover?.(e);\n  };\n\n  const colorIndicator = singleLine ? (\n    <SingleDataPointShape color={item.color!.Default} active={highlighted} />\n  ) : (\n    <MultiDataPointShape color={item.color!.Default} active={highlighted} />\n  );\n\n  return (\n    <button\n      className={detailViewContent}\n      ref={ref}\n      onMouseEnter={handleMouseHover}\n      {...remaining}\n    >\n      <div className={detailViewItem}>\n        {!isUndefined(item.color) && colorIndicator}\n\n        <SeriesName\n          names={dimensionNames}\n          item={item}\n          nameFormatter={nameFormatter}\n          highlighted={highlighted}\n          singleLine={singleLine}\n          truncationMode={truncationMode}\n          isScrolling={isScrolling}\n        />\n\n        <span className={valueContainer} role=\"grid\">\n          <Flex gap={4} alignItems=\"center\" role=\"row\">\n            {item.values!.length > 1 && (\n              <span className={valueItem} role=\"cell\">\n                {item.values![1]}\n              </span>\n            )}\n            <span className={valueItem} role=\"cell\">\n              {item.values![0]}\n            </span>\n          </Flex>\n        </span>\n      </div>\n      {showDivider && <Divider />}\n    </button>\n  );\n});\n\n(\n  SeriesBasedContent as typeof SeriesBasedContent & { displayName: string }\n).displayName = 'SeriesBasedContent';\n"],
   "mappings": "AA+DI,cA0BM,YA1BN;AA9DJ,SAAS,mBAAmB;AAC5B,SAAS,kBAAsD;AAE/D,SAAS,eAAe;AACxB,SAAS,YAAY;AAGrB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAkB/B,MAAM,qBAAqB,WAGhC,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,WAAW,IAAI,sBAAsB;AAC7C,QAAM,iBAAiB,MAAM,QAAQ,KAAK,IAAI,IAAI,KAAK,OAAO,CAAC,KAAK,IAAI;AAExE,QAAM,qBACJ,CAAC,MAAM,QAAQ,KAAK,IAAI,KAAK,KAAK,KAAK,WAAW;AAEpD,QAAM,aAAa,sBAAsB,iBAAiB;AAC1D,QAAM,mBAAmB,CAAC,MAAuB;AAC/C,iBAAa,GAAG,IAAI;AACpB,mBAAe,CAAC;AAAA,EAClB;AAEA,QAAM,iBAAiB,aACrB,oBAAC,wBAAqB,OAAO,KAAK,MAAO,SAAS,QAAQ,aAAa,IAEvE,oBAAC,uBAAoB,OAAO,KAAK,MAAO,SAAS,QAAQ,aAAa;AAGxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,cAAc;AAAA,MACb,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAW,gBACb;AAAA,WAAC,YAAY,KAAK,KAAK,KAAK;AAAA,UAE7B;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UAEA,oBAAC,UAAK,WAAW,gBAAgB,MAAK,QACpC,+BAAC,QAAK,KAAK,GAAG,YAAW,UAAS,MAAK,OACpC;AAAA,iBAAK,OAAQ,SAAS,KACrB,oBAAC,UAAK,WAAW,WAAW,MAAK,QAC9B,eAAK,OAAQ,CAAC,GACjB;AAAA,YAEF,oBAAC,UAAK,WAAW,WAAW,MAAK,QAC9B,eAAK,OAAQ,CAAC,GACjB;AAAA,aACF,GACF;AAAA,WACF;AAAA,QACC,eAAe,oBAAC,WAAQ;AAAA;AAAA;AAAA,EAC3B;AAEJ,CAAC;AAGC,mBACA,cAAc;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.css

@@ -1,4 +1,4 @@
-._rbdnmj0-3-12-2 {
+._rbdnmj0-3-13-0 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-4, 4px);

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./HeaderTooltip.css";
-var resolutionStyle = "_rbdnmj0-3-12-2";
+var resolutionStyle = "_rbdnmj0-3-13-0";
 export {
   resolutionStyle
 };

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.css.ts"],
-  "sourcesContent": ["import './HeaderTooltip.css';\nexport var resolutionStyle = '_rbdnmj0-3-12-2';"],
+  "sourcesContent": ["import './HeaderTooltip.css';\nexport var resolutionStyle = '_rbdnmj0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/slots/Actions.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 const Actions = ({ children }) => (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   /* @__PURE__ */ jsx(Fragment, { children })
 );
 Actions["displayName"] = "InteractiveChartTooltip.Actions";

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/slots/Actions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/slots/Actions.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip slot. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type PropsWithChildren } from 'react';\n\n/**\n * Interactive chart tooltip header component.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const Actions = ({ children }: PropsWithChildren<unknown>) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{children}</>\n);\n\nActions['displayName'] = 'InteractiveChartTooltip.Actions';\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip slot. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type PropsWithChildren } from 'react';\n\n/**\n * Interactive chart tooltip header component.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const Actions = ({ children }: PropsWithChildren<unknown>) => (\n  // oxlint-disable-next-line react/jsx-no-useless-fragment\n  <>{children}</>\n);\n\nActions['displayName'] = 'InteractiveChartTooltip.Actions';\n"],
   "mappings": "AASE;AAFK,MAAM,UAAU,CAAC,EAAE,SAAS;AAAA;AAAA,EAEjC,gCAAG,UAAS;AAAA;AAGd,QAAQ,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/slots/Body.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 const Body = ({ children }) => (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   /* @__PURE__ */ jsx(Fragment, { children })
 );
 Body["displayName"] = "InteractiveChartTooltip.Body";

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/slots/Body.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/slots/Body.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip slot. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type ReactNode } from 'react';\n\ntype FunctionChildrenProps = {\n  children: (() => ReactNode)[];\n};\n\n/**\n * Interactive chart tooltip header component.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const Body = ({ children }: FunctionChildrenProps) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{children}</>\n);\n\nBody['displayName'] = 'InteractiveChartTooltip.Body';\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip slot. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type ReactNode } from 'react';\n\ntype FunctionChildrenProps = {\n  children: (() => ReactNode)[];\n};\n\n/**\n * Interactive chart tooltip header component.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const Body = ({ children }: FunctionChildrenProps) => (\n  // oxlint-disable-next-line react/jsx-no-useless-fragment\n  <>{children}</>\n);\n\nBody['displayName'] = 'InteractiveChartTooltip.Body';\n"],
   "mappings": "AAaE;AAFK,MAAM,OAAO,CAAC,EAAE,SAAS;AAAA;AAAA,EAE9B,gCAAG,UAAS;AAAA;AAGd,KAAK,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/slots/Header.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 const Header = ({ children }) => (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   /* @__PURE__ */ jsx(Fragment, { children })
 );
 Header["displayName"] = "InteractiveChartTooltip.Header";

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/slots/Header.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/slots/Header.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip slot. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type PropsWithChildren } from 'react';\n\n/**\n * Interactive chart tooltip header component.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const Header = ({ children }: PropsWithChildren<unknown>) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{children}</>\n);\n\nHeader['displayName'] = 'InteractiveChartTooltip.Header';\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] Legacy _InteractiveChartTooltip slot. BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type PropsWithChildren } from 'react';\n\n/**\n * Interactive chart tooltip header component.\n * @deprecated Use `ChartTooltip` instead. Removal: APPDEV-17834\n */\nexport const Header = ({ children }: PropsWithChildren<unknown>) => (\n  // oxlint-disable-next-line react/jsx-no-useless-fragment\n  <>{children}</>\n);\n\nHeader['displayName'] = 'InteractiveChartTooltip.Header';\n"],
   "mappings": "AASE;AAFK,MAAM,SAAS,CAAC,EAAE,SAAS;AAAA;AAAA,EAEhC,gCAAG,UAAS;AAAA;AAGd,OAAO,aAAa,IAAI;",
   "names": []
 }