@dynatrace/strato-components 3.1.1 → 3.2.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/_to-be-removed/_TruncationStory.tsx"],
+  "sourcesContent": ["import { type JSX, type PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { DummyInteractionsOverlay } from './DummyInteractionsOverlay.js';\nimport { useTooltipData } from './utils.js';\nimport { Button } from '../../../../../buttons/button/Button.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { TruncationMode } from '../../text-ellipsis/ChartTextEllipsis.js';\nimport { OverlayProvider } from '../contexts/OverlayContext.js';\nimport { TooltipProvider } from '../contexts/TooltipContext.js';\nimport { OverlayTooltip } from '../OverlayTooltip.js';\nimport type { Data } from '../types.js';\n\n// Reusable series item template component to avoid inline definitions\nconst SeriesItemTemplate = (\n  props: Parameters<typeof OverlayTooltip.SeriesItem>[0],\n) => <OverlayTooltip.SeriesItem {...props} />;\n\n// Series item template factory that accepts additional props\nconst createSeriesItemTemplate = <T extends Record<string, unknown>>(\n  additionalProps?: T,\n) => {\n  return (props: Parameters<typeof OverlayTooltip.SeriesItem>[0]) => (\n    <OverlayTooltip.SeriesItem {...props} {...additionalProps} />\n  );\n};\n\nconst LONG_HEADER_TEXT =\n  'This is a very long header text that should be truncated after multiple lines when it exceeds the available space in the tooltip container. This is a very long header text that should be truncated after multiple lines when it exceeds the available space in the tooltip container. This is a very long header text that should be truncated after multiple lines when it exceeds the available space in the tooltip container. This is a very long header text that should be truncated after multiple lines when it exceeds the available space in the tooltip container. This is a very long header text that should be truncated after multiple lines when it exceeds the available space in the tooltip container.';\n\nconst LONG_SERIES_NAME =\n  'This is a very long series name that should be truncated with ellipsis when it exceeds the available horizontal space';\n\nconst LONG_VALUE = '200000000000000000000000000000';\n\nconst VERY_LONG_VALUE =\n  '999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999';\n\nconst MODERATE_LONG_VALUE = '123456789012345678901234567890';\n\nconst VALUE_WITH_DECIMALS = '12345678901234567890.12345678901234567890';\n\nconst MULTI_LINE_NAME = [\n  'Series name section one',\n  'Series name section two',\n  LONG_SERIES_NAME,\n];\n\nconst VERY_LONG_SERIES_NAME =\n  'This is an extremely long series name that should definitely be truncated because it exceeds the available horizontal space by a significant margin and demonstrates the truncation behavior effectively';\n\nconst VERY_LONG_MULTI_LINE_NAME = [\n  'This is the first part of an extremely long multi-line series name',\n  'that continues in the second part and demonstrates',\n  'how multi-line truncation works with very long content',\n];\n\nconst SHORT_HEADER = 'Simple header';\n\ntype ValueLength = 'short' | 'moderate' | 'long' | 'very-long';\n\nconst getTestValue = (valueLength: ValueLength): string => {\n  switch (valueLength) {\n    case 'short':\n      return '100';\n    case 'moderate':\n      return MODERATE_LONG_VALUE;\n    case 'long':\n      return LONG_VALUE;\n    case 'very-long':\n      return VERY_LONG_VALUE;\n    default:\n      return '100';\n  }\n};\n\nconst MODERATE_HEADER =\n  'This is a moderately long header that might need truncation in some scenarios but not others';\n\nconst baseSeries = [{ name: 'Test Series', color: '#4fd5e0', value: '100' }];\n\nconst createData =\n  (\n    header1: string,\n    series: Data['series'] = baseSeries,\n    geometry: Data['geometry'] = 'dot',\n  ): (() => Data) =>\n  (): Data => ({\n    geometry,\n    header1: [header1],\n    series,\n  });\n\ninterface TestDataItem {\n  description: string;\n  data: () => Data;\n  template: JSX.Element;\n}\n\ntype Sub = Set<() => void>;\n\nconst createPinAllHandler = (sub: Sub) => () => {\n  sub.forEach((action) => action());\n};\n\nconst usePinAllSetup = () => {\n  const sub: Sub = new Set();\n  const onClick = createPinAllHandler(sub);\n  return { sub, onClick };\n};\n\nconst chunkArray = <T,>(array: T[], size: number): T[][] => {\n  const rows: T[][] = [];\n  for (let i = 0; i < array.length; i += size) {\n    rows.push(array.slice(i, i + size));\n  }\n  return rows;\n};\n\nconst TogglePinned = (props: { sub: Sub }) => {\n  const isPinned = useRef(false);\n  useEffect(() => {\n    const toggleFn = () => {\n      isPinned.current = !isPinned.current;\n    };\n    props.sub.add(toggleFn);\n    return () => {\n      props.sub.delete(toggleFn);\n    };\n  }, [props.sub]);\n  return null;\n};\n\nconst Content = (\n  props: PropsWithChildren<{\n    sub: Sub;\n    width?: string;\n    minHeight?: string;\n    getData: () => Data;\n  }>,\n) => (\n  <OverlayProvider>\n    <TooltipProvider>\n      <TogglePinned sub={props.sub} />\n      <div\n        style={{\n          width: props.width || '350px',\n          height: '100%',\n          maxWidth: '100%',\n          maxHeight: '100%',\n          resize: 'both',\n          minHeight: props.minHeight || '200px',\n          borderRight: '1px dashed #DDA0DD',\n          overflow: 'hidden',\n          position: 'relative',\n        }}\n      >\n        <DummyInteractionsOverlay getData={props.getData}>\n          {props.children}\n        </DummyInteractionsOverlay>\n      </div>\n    </TooltipProvider>\n  </OverlayProvider>\n);\n\nconst TooltipGrid = (props: {\n  sub: Sub;\n  items: TestDataItem[];\n  itemsPerRow?: number;\n  width?: string;\n  minHeight?: string;\n}) => {\n  const {\n    sub,\n    items,\n    itemsPerRow = 3,\n    width = '350px',\n    minHeight = '200px',\n  } = props;\n  const rows = chunkArray(items, itemsPerRow);\n\n  return (\n    <>\n      {rows.map((row, rowIndex) => (\n        <Flex flexDirection=\"row\" key={`row-${row[0].description}`}>\n          {row.map((item, itemIndex) => {\n            const key = rowIndex * itemsPerRow + itemIndex;\n            return (\n              <Flex flexDirection=\"column\" key={key}>\n                <h3>{item.description}</h3>\n                <Content\n                  sub={sub}\n                  width={width}\n                  minHeight={minHeight}\n                  getData={item.data}\n                >\n                  {item.template}\n                </Content>\n              </Flex>\n            );\n          })}\n        </Flex>\n      ))}\n    </>\n  );\n};\n\nconst HeaderTooltip = ({ maxLines }: { maxLines?: number }) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} maxLines={maxLines} />\n      <OverlayTooltip.SeriesItem\n        name=\"Short name\"\n        value=\"100\"\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst SeriesNameTooltip = ({ multiLine }: { multiLine?: boolean }) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesItem\n        name={multiLine ? MULTI_LINE_NAME : LONG_SERIES_NAME}\n        value=\"100\"\n        color=\"#4fd5e0\"\n        multiLine={multiLine}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst SeriesValueTooltip = ({ withRelative }: { withRelative?: boolean }) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesItem\n        name=\"Short name\"\n        value={LONG_VALUE}\n        valueUnit={withRelative ? 'ms' : undefined}\n        relativeValue={withRelative ? '100' : undefined}\n        relativeValueUnit={withRelative ? '%' : undefined}\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst TruncationModeTooltip = ({\n  truncation,\n}: {\n  truncation?: TruncationMode;\n}) => {\n  const { data } = useTooltipData();\n  if (!data.series) {\n    return null;\n  }\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header header1={data.header1} maxLines={1} />\n      <OverlayTooltip.Series\n        activeItem={0}\n        data={data.series}\n        variant=\"shared\"\n        seriesItemTemplate={SeriesItemTemplate}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst MultiLineTruncationModeTooltip = ({\n  truncation,\n}: {\n  truncation?: TruncationMode;\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header header1={data.header1} maxLines={3} />\n      <OverlayTooltip.SeriesItem\n        name=\"Short name\"\n        value=\"100\"\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst MultiLineWithSubheaderTooltip = ({\n  truncation,\n}: {\n  truncation?: TruncationMode;\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header\n        header1={data.header1}\n        subheader={LONG_HEADER_TEXT}\n        maxLines={2}\n      />\n      <OverlayTooltip.SeriesItem\n        name=\"Short name\"\n        value=\"100\"\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst seriesWithRelativeData = [\n  {\n    name: LONG_SERIES_NAME,\n    value: LONG_VALUE,\n    valueUnit: 'ms',\n    relativeValue: '15',\n    relativeValueUnit: '%',\n    color: '#4fd5e0',\n  },\n  {\n    name: 'Another very long series name that should be truncated',\n    value: '250000000000000000000000000000',\n    valueUnit: 'ms',\n    relativeValue: '25',\n    relativeValueUnit: '%',\n    color: '#7dc540',\n  },\n];\n\nconst SeriesWithRelativeTooltip = ({\n  truncation,\n}: {\n  truncation?: TruncationMode;\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header header1={data.header1} maxLines={2} />\n      <OverlayTooltip.Series\n        activeItem={0}\n        variant=\"shared\"\n        data={seriesWithRelativeData}\n        seriesItemTemplate={SeriesItemTemplate}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst DateRangeWithDurationTooltip = ({\n  truncation,\n}: {\n  truncation?: TruncationMode;\n}) => {\n  const startDate = new Date('2024-01-01T00:00:00.000Z');\n  const endDate = new Date('2024-01-15T23:59:59.999Z');\n\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header\n        header1={[startDate, endDate]}\n        showRangeDuration\n        maxLines={2}\n      />\n      <OverlayTooltip.SeriesItem\n        name=\"Short name\"\n        value=\"100\"\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\n// Comprehensive series layout test cases\nconst SeriesLayoutTooltip = ({\n  truncation,\n  hasHeader = false,\n  hasLongNames = false,\n  hasLongValues = false,\n  hasLongHeader = false,\n}: {\n  truncation?: TruncationMode;\n  hasHeader?: boolean;\n  hasLongNames?: boolean;\n  hasLongValues?: boolean;\n  hasLongHeader?: boolean;\n}) => {\n  const longValues = [\n    {\n      name: 'Short',\n      value: '100000000000000000000000000000000000000',\n      color: '#4fd5e0',\n    },\n    {\n      name: 'Medium',\n      value: '250000000000000000000000000000000000000.50',\n      color: '#7dc540',\n    },\n    {\n      name: 'Another',\n      value: '50000000000000000000000000000000000000.00',\n      color: '#ff6b6b',\n    },\n    {\n      name: 'Last one',\n      value: '750000000000000000000000000000000000000.25',\n      color: '#ffd93d',\n    },\n  ];\n  const getSeriesItems = () => {\n    if (hasLongValues) {\n      return longValues;\n    }\n\n    if (hasLongNames) {\n      return [\n        {\n          name: 'This is a moderately long series name that might need truncation',\n          value: '100',\n          color: '#4fd5e0',\n        },\n        {\n          name: 'This is an extremely long series name that definitely needs to be truncated because it exceeds the available space by a significant margin',\n          value: '250.5',\n          color: '#7dc540',\n        },\n        { name: 'Medium long name', value: '50', color: '#ff6b6b' },\n        {\n          name: 'Another quite lengthy series name that will also need truncation',\n          value: '75',\n          color: '#ffd93d',\n        },\n      ];\n    }\n\n    return [\n      { name: 'Short name', value: '100', color: '#4fd5e0' },\n      { name: 'Medium length series name', value: '250.5', color: '#7dc540' },\n      { name: 'Another name', value: '50', color: '#ff6b6b' },\n    ];\n  };\n\n  const seriesItems = getSeriesItems();\n\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header header1=\"Test header\" maxLines={2} />\n      <OverlayTooltip.SeriesHeader disabled={!hasHeader} />\n      <OverlayTooltip.Series\n        activeItem={0}\n        variant=\"shared\"\n        data={seriesItems}\n        seriesItemTemplate={SeriesItemTemplate}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst SeriesHeaderTooltip = ({ longLabels }: { longLabels?: boolean }) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesHeader\n        seriesLabel={\n          longLabels\n            ? 'Series details header series details header series details'\n            : 'Series'\n        }\n        valueLabel={\n          longLabels ? 'Value header value header value header' : 'Value'\n        }\n      />\n      <OverlayTooltip.SeriesItem\n        name=\"Short name\"\n        value=\"100\"\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst SERIES_COLORS = ['#4fd5e0', '#7dc540', '#ff6b6b', '#ffd93d', '#a855f7'];\n\nconst MultipleSeriesItemsTooltip = ({\n  truncation,\n  count,\n  longNames = false,\n  longValues = false,\n  hasHeader = false,\n}: {\n  truncation?: TruncationMode;\n  count: number;\n  longNames?: boolean;\n  longValues?: boolean;\n  hasHeader?: boolean;\n}) => {\n  const { data } = useTooltipData();\n\n  const seriesItems = Array.from({ length: count }, (_, i) => ({\n    name: longNames\n      ? `This is a very long series name that should be truncated - Series ${\n          i + 1\n        }`\n      : `Series ${i + 1}`,\n    value: longValues\n      ? `${(i + 1) * 100000000000000000000}`\n      : `${(i + 1) * 100}`,\n    color: SERIES_COLORS[i % SERIES_COLORS.length],\n  }));\n\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header header1={data.header1} maxLines={2} />\n      {hasHeader && (\n        <OverlayTooltip.SeriesHeader seriesLabel=\"Series\" valueLabel=\"Value\" />\n      )}\n      <OverlayTooltip.Series\n        activeItem={0}\n        variant=\"shared\"\n        data={seriesItems}\n        seriesItemTemplate={SeriesItemTemplate}\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC1: Header truncation with maxLines\nconst HeaderMaxLinesTooltip = ({ maxLines }: { maxLines: number }) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} maxLines={maxLines} />\n      <OverlayTooltip.SeriesItem\n        name=\"Test Series\"\n        value=\"100\"\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC2: Series name truncation\nconst SeriesNameTruncationTooltip = ({\n  useMultiLine,\n  useVeryLong,\n}: {\n  useMultiLine?: boolean;\n  useVeryLong?: boolean;\n}) => {\n  const { data } = useTooltipData();\n\n  const getSeriesName = () => {\n    if (useVeryLong) {\n      return VERY_LONG_SERIES_NAME;\n    }\n\n    if (useMultiLine) {\n      return VERY_LONG_MULTI_LINE_NAME;\n    }\n\n    return LONG_SERIES_NAME;\n  };\n\n  const seriesName = getSeriesName();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesItem\n        name={seriesName}\n        value=\"100\"\n        color=\"#4fd5e0\"\n        multiLine={useMultiLine}\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC3: Value truncation with 50% width constraint\nconst ValueTruncationTooltip = ({\n  valueLength,\n  withRelative,\n  withUnit,\n}: {\n  valueLength: ValueLength;\n  withRelative?: boolean;\n  withUnit?: boolean;\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesItem\n        name=\"Test Series\"\n        value={getTestValue(valueLength)}\n        valueUnit={withUnit ? 'ms' : undefined}\n        relativeValue={withRelative ? '15' : undefined}\n        relativeValueUnit={withRelative ? '%' : undefined}\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC4: Tooltip shows full content on hover\nconst TooltipHoverTooltip = ({\n  truncateHeader,\n  truncateSeries,\n  truncateValue,\n}: {\n  truncateHeader?: boolean;\n  truncateSeries?: boolean;\n  truncateValue?: boolean;\n}) => {\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header\n        header1={truncateHeader ? LONG_HEADER_TEXT : SHORT_HEADER}\n        maxLines={truncateHeader ? 2 : undefined}\n      />\n      <OverlayTooltip.SeriesItem\n        name={truncateSeries ? VERY_LONG_SERIES_NAME : 'Short name'}\n        value={truncateValue ? VERY_LONG_VALUE : '100'}\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC5-AC7: Truncation modes (end, start, middle)\nconst TruncationModesTooltip = ({\n  mode,\n  target,\n}: {\n  mode: TruncationMode;\n  target: 'header' | 'series' | 'value';\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip truncation={mode}>\n      <OverlayTooltip.Header\n        header1={target === 'header' ? LONG_HEADER_TEXT : data.header1}\n        maxLines={target === 'header' ? 2 : undefined}\n      />\n      <OverlayTooltip.SeriesItem\n        name={target === 'series' ? VERY_LONG_SERIES_NAME : 'Test Series'}\n        value={target === 'value' ? VERY_LONG_VALUE : '100'}\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC8: Multi-line series names\nconst MultiLineSeriesTooltip = ({\n  multiLine = true,\n  lines = 1,\n}: {\n  multiLine?: boolean;\n  lines?: number;\n}) => {\n  const { data } = useTooltipData();\n\n  const multiLineSeriesItems = Array.from({ length: lines }, (_, index) => ({\n    name: [...MULTI_LINE_NAME, `Series ${index + 1}`],\n    value: '100',\n    color: '#4fd5e0',\n    key: index,\n  }));\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.Series\n        activeItem={0}\n        variant=\"shared\"\n        data={multiLineSeriesItems}\n        seriesItemTemplate={createSeriesItemTemplate({ multiLine })}\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC9: SeriesHeader truncation\nconst SeriesHeaderTruncationTooltip = ({\n  longLabels,\n  truncation,\n}: {\n  longLabels?: boolean;\n  truncation?: TruncationMode;\n}) => {\n  const { data } = useTooltipData();\n\n  return (\n    <OverlayTooltip truncation={truncation}>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesHeader\n        seriesLabel={\n          longLabels\n            ? 'Very long series header label that needs truncation'\n            : 'Series'\n        }\n        valueLabel={\n          longLabels\n            ? 'Very long value header label that needs truncation'\n            : 'Value'\n        }\n      />\n      <OverlayTooltip.SeriesItem\n        name=\"Test Series\"\n        value=\"100\"\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\n// AC10: Responsive truncation\nconst ResponsiveTruncationTooltip = ({\n  containerWidth,\n  contentLength,\n}: {\n  containerWidth: 'narrow' | 'medium' | 'wide';\n  contentLength: 'short' | 'long';\n}) => {\n  const header = contentLength === 'long' ? LONG_HEADER_TEXT : MODERATE_HEADER;\n  const seriesName =\n    contentLength === 'long' ? VERY_LONG_SERIES_NAME : LONG_SERIES_NAME;\n  const value = contentLength === 'long' ? LONG_VALUE : MODERATE_LONG_VALUE;\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.Header header1={header} maxLines={2} />\n      <OverlayTooltip.SeriesItem\n        name={seriesName}\n        value={value}\n        color=\"#4fd5e0\"\n      />\n    </OverlayTooltip>\n  );\n};\n\n// Edge cases and combinations\nconst EdgeCasesTooltip = ({\n  scenario,\n}: {\n  scenario:\n    | 'all-long'\n    | 'mixed-lengths'\n    | 'very-long-multi-line'\n    | 'decimal-values';\n}) => {\n  switch (scenario) {\n    case 'all-long': {\n      const allLongData = [\n        {\n          name: VERY_LONG_SERIES_NAME,\n          value: VERY_LONG_VALUE,\n          color: '#4fd5e0',\n        },\n        {\n          name: 'Another extremely long series name that definitely needs truncation',\n          value: VERY_LONG_VALUE,\n          color: '#7dc540',\n        },\n      ];\n      return (\n        <OverlayTooltip>\n          <OverlayTooltip.Header header1={LONG_HEADER_TEXT} maxLines={2} />\n          <OverlayTooltip.Series\n            activeItem={0}\n            variant=\"shared\"\n            data={allLongData}\n            seriesItemTemplate={(current) => (\n              <OverlayTooltip.SeriesItem {...current} />\n            )}\n          />\n        </OverlayTooltip>\n      );\n    }\n    case 'mixed-lengths': {\n      const mixedLengthsData = [\n        { name: 'Short', value: VERY_LONG_VALUE, color: '#4fd5e0' },\n        { name: VERY_LONG_SERIES_NAME, value: '100', color: '#7dc540' },\n        {\n          name: 'Medium length name',\n          value: MODERATE_LONG_VALUE,\n          color: '#ff6b6b',\n        },\n      ];\n      return (\n        <OverlayTooltip>\n          <OverlayTooltip.Header header1={MODERATE_HEADER} maxLines={2} />\n          <OverlayTooltip.Series\n            activeItem={0}\n            variant=\"shared\"\n            data={mixedLengthsData}\n            seriesItemTemplate={(current) => (\n              <OverlayTooltip.SeriesItem {...current} />\n            )}\n          />\n        </OverlayTooltip>\n      );\n    }\n    case 'very-long-multi-line':\n      return (\n        <OverlayTooltip>\n          <OverlayTooltip.Header header1={LONG_HEADER_TEXT} maxLines={3} />\n          <OverlayTooltip.SeriesItem\n            name={VERY_LONG_MULTI_LINE_NAME.join(' / ')}\n            value={VERY_LONG_VALUE}\n            color=\"#4fd5e0\"\n            maxLines={3}\n          />\n        </OverlayTooltip>\n      );\n    case 'decimal-values': {\n      const decimalValuesData = [\n        {\n          name: 'Series with decimals',\n          value: VALUE_WITH_DECIMALS,\n          valueUnit: 'ms',\n          color: '#4fd5e0',\n        },\n        {\n          name: 'Another decimal series',\n          value: VALUE_WITH_DECIMALS,\n          valueUnit: 'ms',\n          relativeValue: '12.5',\n          relativeValueUnit: '%',\n          color: '#7dc540',\n        },\n      ];\n      return (\n        <OverlayTooltip>\n          <OverlayTooltip.Header header1=\"Decimal Values Test\" />\n          <OverlayTooltip.Series\n            activeItem={0}\n            variant=\"shared\"\n            data={decimalValuesData}\n            seriesItemTemplate={(current) => (\n              <OverlayTooltip.SeriesItem {...current} />\n            )}\n          />\n        </OverlayTooltip>\n      );\n    }\n    default:\n      return null;\n  }\n};\n\nconst TruncationTestData: TestDataItem[] = [\n  {\n    description: 'Header: maxLines=1',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderTooltip maxLines={1} />,\n  },\n  {\n    description: 'Header: maxLines=2',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderTooltip maxLines={2} />,\n  },\n  {\n    description: 'Header: maxLines=3 (default)',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderTooltip maxLines={3} />,\n  },\n  {\n    description: 'Header: maxLines=5',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderTooltip maxLines={5} />,\n  },\n  {\n    description: 'Header: Short text',\n    data: createData('Short header text'),\n    template: <HeaderTooltip />,\n  },\n  {\n    description: 'Series: Long name',\n    data: createData('Test', [\n      { name: LONG_SERIES_NAME, color: '#4fd5e0', value: '100' },\n    ]),\n    template: <SeriesNameTooltip />,\n  },\n  {\n    description: 'Series: Multi-line name',\n    data: createData('Test', [\n      { name: MULTI_LINE_NAME, color: '#4fd5e0', value: '100' },\n    ]),\n    template: <SeriesNameTooltip multiLine />,\n  },\n  {\n    description: 'Series: Long value',\n    data: createData('Test', [\n      { name: 'Short name', color: '#4fd5e0', value: LONG_VALUE },\n    ]),\n    template: <SeriesValueTooltip />,\n  },\n  {\n    description: 'Series: Long value + relative',\n    data: createData('Test', [\n      { name: 'Short name', color: '#4fd5e0', value: LONG_VALUE },\n    ]),\n    template: <SeriesValueTooltip withRelative />,\n  },\n  {\n    description: 'SeriesHeader: Long labels',\n    data: createData('Test'),\n    template: <SeriesHeaderTooltip longLabels />,\n  },\n  {\n    description: 'SeriesHeader: Short labels',\n    data: createData('Test'),\n    template: <SeriesHeaderTooltip />,\n  },\n];\n\nconst truncationModeSeriesData = [\n  { name: LONG_SERIES_NAME, value: '100', color: '#4fd5e0' },\n  {\n    name: 'Another long series name that should be truncated',\n    value: '200',\n    color: '#7dc540',\n  },\n];\n\nconst TruncationModeTestData: TestDataItem[] = [\n  {\n    description: \"truncation='end' (default)\",\n    data: createData(LONG_HEADER_TEXT, truncationModeSeriesData),\n    template: <TruncationModeTooltip truncation=\"end\" />,\n  },\n  {\n    description: \"truncation='start'\",\n    data: createData(LONG_HEADER_TEXT, truncationModeSeriesData),\n    template: <TruncationModeTooltip truncation=\"start\" />,\n  },\n  {\n    description: \"truncation='middle'\",\n    data: createData(LONG_HEADER_TEXT, truncationModeSeriesData),\n    template: <TruncationModeTooltip truncation=\"middle\" />,\n  },\n];\n\nconst MultiLineTruncationModeTestData: TestDataItem[] = [\n  {\n    description: \"Multi-line (maxLines=3): truncation='end'\",\n    data: createData(LONG_HEADER_TEXT),\n    template: <MultiLineTruncationModeTooltip truncation=\"end\" />,\n  },\n  {\n    description: \"Multi-line (maxLines=3): truncation='start'\",\n    data: createData(LONG_HEADER_TEXT),\n    template: <MultiLineTruncationModeTooltip truncation=\"start\" />,\n  },\n  {\n    description: \"Multi-line (maxLines=3): truncation='middle'\",\n    data: createData(LONG_HEADER_TEXT),\n    template: <MultiLineTruncationModeTooltip truncation=\"middle\" />,\n  },\n];\n\nconst MultiLineWithSubheaderTestData: TestDataItem[] = [\n  {\n    description: \"Multi-line with subheader: truncation='end'\",\n    data: createData(LONG_HEADER_TEXT),\n    template: <MultiLineWithSubheaderTooltip truncation=\"end\" />,\n  },\n  {\n    description: \"Multi-line with subheader: truncation='start'\",\n    data: createData(LONG_HEADER_TEXT),\n    template: <MultiLineWithSubheaderTooltip truncation=\"start\" />,\n  },\n  {\n    description: \"Multi-line with subheader: truncation='middle'\",\n    data: createData(LONG_HEADER_TEXT),\n    template: <MultiLineWithSubheaderTooltip truncation=\"middle\" />,\n  },\n];\n\nconst SeriesWithRelativeTestData: TestDataItem[] = [\n  {\n    description: \"Series with relative values: truncation='end'\",\n    data: createData('Test header'),\n    template: <SeriesWithRelativeTooltip truncation=\"end\" />,\n  },\n  {\n    description: \"Series with relative values: truncation='start'\",\n    data: createData('Test header'),\n    template: <SeriesWithRelativeTooltip truncation=\"start\" />,\n  },\n  {\n    description: \"Series with relative values: truncation='middle'\",\n    data: createData('Test header'),\n    template: <SeriesWithRelativeTooltip truncation=\"middle\" />,\n  },\n];\n\nconst DateRangeWithDurationTestData: TestDataItem[] = [\n  {\n    description: \"Date range with duration: truncation='end'\",\n    data: createData('Test header'),\n    template: <DateRangeWithDurationTooltip truncation=\"end\" />,\n  },\n  {\n    description: \"Date range with duration: truncation='start'\",\n    data: createData('Test header'),\n    template: <DateRangeWithDurationTooltip truncation=\"start\" />,\n  },\n  {\n    description: \"Date range with duration: truncation='middle'\",\n    data: createData('Test header'),\n    template: <DateRangeWithDurationTooltip truncation=\"middle\" />,\n  },\n];\n\nconst MultipleSeriesItemsTestData: TestDataItem[] = [\n  {\n    description: '3 series items: short names',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={3} />,\n  },\n  {\n    description: '3 series items: long names',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={3} longNames />,\n  },\n  {\n    description: '3 series items: long values',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={3} longValues />,\n  },\n  {\n    description: '3 series items: with header',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={3} hasHeader />,\n  },\n  {\n    description: '5 series items: short names',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={5} />,\n  },\n  {\n    description: '5 series items: long names',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={5} longNames />,\n  },\n  {\n    description: '5 series items: long values',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={5} longValues />,\n  },\n  {\n    description: '5 series items: with header',\n    data: createData('Test header'),\n    template: <MultipleSeriesItemsTooltip count={5} hasHeader />,\n  },\n  {\n    description: \"5 series items: truncation='middle'\",\n    data: createData('Test header'),\n    template: (\n      <MultipleSeriesItemsTooltip count={5} longNames truncation=\"middle\" />\n    ),\n  },\n];\n\nconst SeriesLayoutTestData: TestDataItem[] = [\n  {\n    description: \"Series with header: truncation='end'\",\n    data: createData('Test header'),\n    template: <SeriesLayoutTooltip truncation=\"end\" hasHeader />,\n  },\n  {\n    description: \"Series without header: truncation='end' hasHeader='false'\",\n    data: createData('Test header'),\n    template: <SeriesLayoutTooltip truncation=\"end\" hasHeader={false} />,\n  },\n  {\n    description: \"Long names with header: truncation='middle'\",\n    data: createData('Test header'),\n    template: (\n      <SeriesLayoutTooltip truncation=\"middle\" hasHeader hasLongNames />\n    ),\n  },\n  {\n    description: \"Long values without header: truncation='start'\",\n    data: createData('Test header'),\n    template: <SeriesLayoutTooltip truncation=\"start\" hasLongValues />,\n  },\n  {\n    description: \"Long header labels: truncation='end'\",\n    data: createData('Test header'),\n    template: <SeriesLayoutTooltip truncation=\"end\" hasHeader hasLongHeader />,\n  },\n];\n\n// AC1: Header truncation with maxLines\nconst HeaderMaxLinesTestData: TestDataItem[] = [\n  {\n    description: 'AC1: Header maxLines=1 (should truncate)',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderMaxLinesTooltip maxLines={1} />,\n  },\n  {\n    description: 'AC1: Header maxLines=2 (should truncate)',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderMaxLinesTooltip maxLines={2} />,\n  },\n  {\n    description: 'AC1: Header maxLines=3 (should truncate)',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderMaxLinesTooltip maxLines={3} />,\n  },\n  {\n    description: 'AC1: Header maxLines=5 (should not truncate)',\n    data: createData(LONG_HEADER_TEXT),\n    template: <HeaderMaxLinesTooltip maxLines={5} />,\n  },\n  {\n    description: 'AC1: Header short text maxLines=1',\n    data: createData(SHORT_HEADER),\n    template: <HeaderMaxLinesTooltip maxLines={1} />,\n  },\n];\n\n// AC2: Series name truncation\nconst SeriesNameTruncationTestData: TestDataItem[] = [\n  {\n    description: 'AC2: Series name truncation (single line)',\n    data: createData('Test'),\n    template: <SeriesNameTruncationTooltip />,\n  },\n  {\n    description: 'AC2: Series name truncation (very long)',\n    data: createData('Test'),\n    template: <SeriesNameTruncationTooltip useVeryLong />,\n  },\n];\n\n// AC3: Value truncation with 50% width constraint\nconst ValueTruncationTestData: TestDataItem[] = [\n  {\n    description: 'AC3: Value short (no truncation)',\n    data: createData('Test'),\n    template: <ValueTruncationTooltip valueLength=\"short\" />,\n  },\n  {\n    description: 'AC3: Value moderate (should truncate)',\n    data: createData('Test'),\n    template: <ValueTruncationTooltip valueLength=\"moderate\" />,\n  },\n  {\n    description: 'AC3: Value long (should truncate)',\n    data: createData('Test'),\n    template: <ValueTruncationTooltip valueLength=\"long\" />,\n  },\n  {\n    description: 'AC3: Value very long (should truncate)',\n    data: createData('Test'),\n    template: <ValueTruncationTooltip valueLength=\"very-long\" />,\n  },\n  {\n    description: 'AC3: Value with unit (should truncate)',\n    data: createData('Test'),\n    template: <ValueTruncationTooltip valueLength=\"long\" withUnit />,\n  },\n  {\n    description: 'AC3: Value with relative (should truncate)',\n    data: createData('Test'),\n    template: <ValueTruncationTooltip valueLength=\"long\" withRelative />,\n  },\n  {\n    description: 'AC3: Value with unit + relative (should truncate)',\n    data: createData('Test'),\n    template: (\n      <ValueTruncationTooltip valueLength=\"long\" withUnit withRelative />\n    ),\n  },\n];\n\n// AC4: Tooltip shows full content on hover\nconst TooltipHoverTestData: TestDataItem[] = [\n  {\n    description: 'AC4: Hover tooltip (header truncated)',\n    data: createData('Test'),\n    template: <TooltipHoverTooltip truncateHeader />,\n  },\n  {\n    description: 'AC4: Hover tooltip (series truncated)',\n    data: createData('Test'),\n    template: <TooltipHoverTooltip truncateSeries />,\n  },\n  {\n    description: 'AC4: Hover tooltip (value truncated)',\n    data: createData('Test'),\n    template: <TooltipHoverTooltip truncateValue />,\n  },\n  {\n    description: 'AC4: Hover tooltip (all truncated)',\n    data: createData('Test'),\n    template: (\n      <TooltipHoverTooltip truncateHeader truncateSeries truncateValue />\n    ),\n  },\n];\n\n// AC5-AC7: Truncation modes\nconst TruncationModesTestData: TestDataItem[] = [\n  // AC5: end truncation\n  {\n    description: 'AC5: Header truncation=end',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"end\" target=\"header\" />,\n  },\n  {\n    description: 'AC5: Series truncation=end',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"end\" target=\"series\" />,\n  },\n  {\n    description: 'AC5: Value truncation=end',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"end\" target=\"value\" />,\n  },\n  // AC6: start truncation\n  {\n    description: 'AC6: Header truncation=start',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"start\" target=\"header\" />,\n  },\n  {\n    description: 'AC6: Series truncation=start',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"start\" target=\"series\" />,\n  },\n  {\n    description: 'AC6: Value truncation=start',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"start\" target=\"value\" />,\n  },\n  // AC7: middle truncation\n  {\n    description: 'AC7: Header truncation=middle',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"middle\" target=\"header\" />,\n  },\n  {\n    description: 'AC7: Series truncation=middle',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"middle\" target=\"series\" />,\n  },\n  {\n    description: 'AC7: Value truncation=middle',\n    data: createData('Test'),\n    template: <TruncationModesTooltip mode=\"middle\" target=\"value\" />,\n  },\n];\n\n// AC8: Multi-line series names\nconst MultiLineSeriesTestData: TestDataItem[] = [\n  {\n    description: 'AC8: Multi-line series (1 line)',\n    data: createData('Test'),\n    template: <MultiLineSeriesTooltip lines={1} />,\n  },\n  {\n    description: 'AC8: Multi-line series (2 lines)',\n    data: createData('Test'),\n    template: <MultiLineSeriesTooltip lines={2} />,\n  },\n];\n\n// AC9: SeriesHeader truncation\nconst SeriesHeaderTruncationTestData: TestDataItem[] = [\n  {\n    description: 'AC9: SeriesHeader short labels',\n    data: createData('Test'),\n    template: <SeriesHeaderTruncationTooltip />,\n  },\n  {\n    description: 'AC9: SeriesHeader long labels',\n    data: createData('Test'),\n    template: <SeriesHeaderTruncationTooltip longLabels />,\n  },\n  {\n    description: 'AC9: SeriesHeader truncation=end',\n    data: createData('Test'),\n    template: <SeriesHeaderTruncationTooltip longLabels truncation=\"end\" />,\n  },\n  {\n    description: 'AC9: SeriesHeader truncation=start',\n    data: createData('Test'),\n    template: <SeriesHeaderTruncationTooltip longLabels truncation=\"start\" />,\n  },\n  {\n    description: 'AC9: SeriesHeader truncation=middle',\n    data: createData('Test'),\n    template: <SeriesHeaderTruncationTooltip longLabels truncation=\"middle\" />,\n  },\n];\n\n// AC10: Responsive truncation\nconst ResponsiveTruncationTestData: TestDataItem[] = [\n  {\n    description: 'AC10: Narrow container + short content',\n    data: createData('Test'),\n    template: (\n      <ResponsiveTruncationTooltip\n        containerWidth=\"narrow\"\n        contentLength=\"short\"\n      />\n    ),\n  },\n  {\n    description: 'AC10: Narrow container + long content',\n    data: createData('Test'),\n    template: (\n      <ResponsiveTruncationTooltip\n        containerWidth=\"narrow\"\n        contentLength=\"long\"\n      />\n    ),\n  },\n  {\n    description: 'AC10: Medium container + short content',\n    data: createData('Test'),\n    template: (\n      <ResponsiveTruncationTooltip\n        containerWidth=\"medium\"\n        contentLength=\"short\"\n      />\n    ),\n  },\n  {\n    description: 'AC10: Medium container + long content',\n    data: createData('Test'),\n    template: (\n      <ResponsiveTruncationTooltip\n        containerWidth=\"medium\"\n        contentLength=\"long\"\n      />\n    ),\n  },\n  {\n    description: 'AC10: Wide container + short content',\n    data: createData('Test'),\n    template: (\n      <ResponsiveTruncationTooltip\n        containerWidth=\"wide\"\n        contentLength=\"short\"\n      />\n    ),\n  },\n  {\n    description: 'AC10: Wide container + long content',\n    data: createData('Test'),\n    template: (\n      <ResponsiveTruncationTooltip containerWidth=\"wide\" contentLength=\"long\" />\n    ),\n  },\n];\n\n// Edge cases and combinations\nconst EdgeCasesTestData: TestDataItem[] = [\n  {\n    description: 'Edge case: All content long',\n    data: createData('Test'),\n    template: <EdgeCasesTooltip scenario=\"all-long\" />,\n  },\n  {\n    description: 'Edge case: Mixed lengths',\n    data: createData('Test'),\n    template: <EdgeCasesTooltip scenario=\"mixed-lengths\" />,\n  },\n  {\n    description: 'Edge case: Decimal values',\n    data: createData('Test'),\n    template: <EdgeCasesTooltip scenario=\"decimal-values\" />,\n  },\n];\n\n/**\n * Internal story for testing OverlayTooltip truncation features.\n * Uses calculateWidth and truncateString utilities for text truncation.\n * @internal\n */\nexport const TruncationStory = () => {\n  const { sub, onClick } = usePinAllSetup();\n\n  return (\n    <>\n      <Button onClick={onClick}>Pin all</Button>\n\n      {/* Original test sections */}\n      <h2>Basic truncation tests</h2>\n      <TooltipGrid sub={sub} items={TruncationTestData} />\n      <h2>OverlayTooltip truncation prop</h2>\n      <TooltipGrid sub={sub} items={TruncationModeTestData} />\n      <h2>Multi-line truncation modes</h2>\n      <TooltipGrid sub={sub} items={MultiLineTruncationModeTestData} />\n      <h2>Multi-line with subheader</h2>\n      <TooltipGrid sub={sub} items={MultiLineWithSubheaderTestData} />\n      <h2>Series with relative values</h2>\n      <TooltipGrid sub={sub} items={SeriesWithRelativeTestData} />\n      <h2>Date range with duration</h2>\n      <TooltipGrid sub={sub} items={DateRangeWithDurationTestData} />\n      <h2>Series layout scenarios</h2>\n      <TooltipGrid sub={sub} items={SeriesLayoutTestData} />\n      <h2>Multiple series items (3 and 5)</h2>\n      <TooltipGrid sub={sub} items={MultipleSeriesItemsTestData} />\n\n      {/* Acceptance Criteria sections */}\n      <h2>AC1: Header truncation with maxLines</h2>\n      <TooltipGrid sub={sub} items={HeaderMaxLinesTestData} />\n\n      <h2>AC2: Series name truncation</h2>\n      <TooltipGrid sub={sub} items={SeriesNameTruncationTestData} />\n\n      <h2>AC3: Value truncation (50% width constraint)</h2>\n      <TooltipGrid sub={sub} items={ValueTruncationTestData} />\n\n      <h2>AC4: Tooltip shows full content on hover</h2>\n      <TooltipGrid sub={sub} items={TooltipHoverTestData} />\n\n      <h2>AC5: Truncation mode 'end'</h2>\n      <TooltipGrid\n        sub={sub}\n        items={TruncationModesTestData.filter((item) =>\n          item.description.includes('AC5'),\n        )}\n      />\n\n      <h2>AC6: Truncation mode 'start'</h2>\n      <TooltipGrid\n        sub={sub}\n        items={TruncationModesTestData.filter((item) =>\n          item.description.includes('AC6'),\n        )}\n      />\n\n      <h2>AC7: Truncation mode 'middle'</h2>\n      <TooltipGrid\n        sub={sub}\n        items={TruncationModesTestData.filter((item) =>\n          item.description.includes('AC7'),\n        )}\n      />\n\n      <h2>AC8: Multi-line series names</h2>\n      <TooltipGrid sub={sub} items={MultiLineSeriesTestData} />\n\n      <h2>AC9: SeriesHeader truncation</h2>\n      <TooltipGrid sub={sub} items={SeriesHeaderTruncationTestData} />\n\n      <h2>AC10: Responsive truncation</h2>\n      <TooltipGrid sub={sub} items={ResponsiveTruncationTestData} />\n\n      <h2>Edge cases and combinations</h2>\n      <TooltipGrid sub={sub} items={EdgeCasesTestData} />\n    </>\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DatabaseIcon, MagnifyingGlassIcon } from "@dynatrace/strato-icons";
-import { showToast } from "../../../../../notifications/index.js";
+import { showToast } from "../../../../../notifications/toast/Toast.js";
 import { ChartSeriesAction } from "../../series-action/ChartSeriesAction.js";
 const TOASTER_LIFESPAN = 800;
 const IS_ASYNC = true;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/_to-be-removed/actions.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\n\nimport { DatabaseIcon, MagnifyingGlassIcon } from '@dynatrace/strato-icons';\n\nimport type {\n  ErrorRes,\n  SuccessRes,\n} from '../../../../../core/slots/Intent/Intent.js';\nimport { showToast } from '../../../../../notifications/index.js';\nimport { ChartSeriesAction } from '../../series-action/ChartSeriesAction.js';\n\nconst TOASTER_LIFESPAN = 800;\nconst IS_ASYNC = true;\nlet toasterCounter = 0;\n\nconst seriesActions = (data: { name: string }) => {\n  return (\n    <ChartSeriesAction>\n      <ChartSeriesAction.Item\n        key=\"custom-action\"\n        onSelect={() => {\n          showToast({\n            title: `Inspecting ${data.name} ...`,\n            type: 'info',\n            lifespan: 1000,\n          });\n        }}\n      >\n        <ChartSeriesAction.ItemIcon>\n          <MagnifyingGlassIcon />\n        </ChartSeriesAction.ItemIcon>\n        Inspect\n      </ChartSeriesAction.Item>\n      <ChartSeriesAction.Item\n        disabled\n        onSelect={() => void 0}\n        key=\"disabled-action\"\n      >\n        <ChartSeriesAction.ItemIcon>\n          <DatabaseIcon />\n        </ChartSeriesAction.ItemIcon>\n        A disabled action\n      </ChartSeriesAction.Item>\n      <ChartSeriesAction.Intent\n        options={{\n          responseProperties: ['dt.share'],\n        }}\n        payload={{ 'dt.query': 'describe logs' }}\n        onResponse={(response: SuccessRes | ErrorRes) => {\n          if (response.status === 'success') {\n            showToast({\n              title: 'done...',\n              type: 'info',\n              lifespan: TOASTER_LIFESPAN,\n            });\n          } else {\n            showToast({\n              title: response.error.message,\n              type: 'critical',\n              lifespan: TOASTER_LIFESPAN,\n            });\n          }\n        }}\n      >\n        Send intent with response\n      </ChartSeriesAction.Intent>\n    </ChartSeriesAction>\n  );\n};\n\nexport const asyncSeriesActions = (data: { name: string }) => {\n  if (!IS_ASYNC) {\n    return seriesActions(data);\n  }\n\n  return new Promise<JSX.Element>((resolve, reject) => {\n    showToast({\n      title: `Loading series actions ...: ${toasterCounter++}`,\n      type: 'warning',\n      lifespan: TOASTER_LIFESPAN,\n    });\n    setTimeout(() => {\n      if (toasterCounter % 5 === 0) {\n        showToast({\n          title: `Failed to load series actions ...: ${toasterCounter++}`,\n          type: 'critical',\n          lifespan: TOASTER_LIFESPAN,\n        });\n        reject(new Error('Failed to load actions'));\n      } else {\n        resolve(seriesActions(data));\n      }\n    }, 500);\n  });\n};\n"],
-  "mappings": "AAkBM,SAWI,KAXJ;AAhBN,SAAS,cAAc,2BAA2B;AAMlD,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAElC,MAAM,mBAAmB;AACzB,MAAM,WAAW;AACjB,IAAI,iBAAiB;AAErB,MAAM,gBAAgB,CAAC,SAA2B;AAChD,SACE,qBAAC,qBACC;AAAA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QAEC,UAAU,MAAM;AACd,oBAAU;AAAA,YACR,OAAO,cAAc,KAAK,IAAI;AAAA,YAC9B,MAAM;AAAA,YACN,UAAU;AAAA,UACZ,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,uBAAoB,GACvB;AAAA,UAA6B;AAAA;AAAA;AAAA,MAXzB;AAAA,IAaN;AAAA,IACA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,UAAQ;AAAA,QACR,UAAU,MAAM;AAAA,QAGhB;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,gBAAa,GAChB;AAAA,UAA6B;AAAA;AAAA;AAAA,MAJzB;AAAA,IAMN;AAAA,IACA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,SAAS;AAAA,UACP,oBAAoB,CAAC,UAAU;AAAA,QACjC;AAAA,QACA,SAAS,EAAE,YAAY,gBAAgB;AAAA,QACvC,YAAY,CAAC,aAAoC;AAC/C,cAAI,SAAS,WAAW,WAAW;AACjC,sBAAU;AAAA,cACR,OAAO;AAAA,cACP,MAAM;AAAA,cACN,UAAU;AAAA,YACZ,CAAC;AAAA,UACH,OAAO;AACL,sBAAU;AAAA,cACR,OAAO,SAAS,MAAM;AAAA,cACtB,MAAM;AAAA,cACN,UAAU;AAAA,YACZ,CAAC;AAAA,UACH;AAAA,QACF;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEO,MAAM,qBAAqB,CAAC,SAA2B;AAC5D,MAAI,CAAC,UAAU;AACb,WAAO,cAAc,IAAI;AAAA,EAC3B;AAEA,SAAO,IAAI,QAAqB,CAAC,SAAS,WAAW;AACnD,cAAU;AAAA,MACR,OAAO,+BAA+B,gBAAgB;AAAA,MACtD,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC;AACD,eAAW,MAAM;AACf,UAAI,iBAAiB,MAAM,GAAG;AAC5B,kBAAU;AAAA,UACR,OAAO,sCAAsC,gBAAgB;AAAA,UAC7D,MAAM;AAAA,UACN,UAAU;AAAA,QACZ,CAAC;AACD,eAAO,IAAI,MAAM,wBAAwB,CAAC;AAAA,MAC5C,OAAO;AACL,gBAAQ,cAAc,IAAI,CAAC;AAAA,MAC7B;AAAA,IACF,GAAG,GAAG;AAAA,EACR,CAAC;AACH;",
+  "sourcesContent": ["import type { JSX } from 'react';\n\nimport { DatabaseIcon, MagnifyingGlassIcon } from '@dynatrace/strato-icons';\n\nimport type {\n  ErrorRes,\n  SuccessRes,\n} from '../../../../../core/slots/Intent/Intent.js';\nimport { showToast } from '../../../../../notifications/toast/Toast.js';\nimport { ChartSeriesAction } from '../../series-action/ChartSeriesAction.js';\nimport { SeriesName } from '../types.js';\n\nconst TOASTER_LIFESPAN = 800;\nconst IS_ASYNC = true;\nlet toasterCounter = 0;\n\nconst seriesActions = (data: { name: SeriesName }) => {\n  return (\n    <ChartSeriesAction>\n      <ChartSeriesAction.Item\n        key=\"custom-action\"\n        onSelect={() => {\n          showToast({\n            title: `Inspecting ${data.name} ...`,\n            type: 'info',\n            lifespan: 1000,\n          });\n        }}\n      >\n        <ChartSeriesAction.ItemIcon>\n          <MagnifyingGlassIcon />\n        </ChartSeriesAction.ItemIcon>\n        Inspect\n      </ChartSeriesAction.Item>\n      <ChartSeriesAction.Item\n        disabled\n        onSelect={() => void 0}\n        key=\"disabled-action\"\n      >\n        <ChartSeriesAction.ItemIcon>\n          <DatabaseIcon />\n        </ChartSeriesAction.ItemIcon>\n        A disabled action\n      </ChartSeriesAction.Item>\n      <ChartSeriesAction.Intent\n        options={{\n          responseProperties: ['dt.share'],\n        }}\n        payload={{ 'dt.query': 'describe logs' }}\n        onResponse={(response: SuccessRes | ErrorRes) => {\n          if (response.status === 'success') {\n            showToast({\n              title: 'done...',\n              type: 'info',\n              lifespan: TOASTER_LIFESPAN,\n            });\n          } else {\n            showToast({\n              title: response.error.message,\n              type: 'critical',\n              lifespan: TOASTER_LIFESPAN,\n            });\n          }\n        }}\n      >\n        Send intent with response\n      </ChartSeriesAction.Intent>\n    </ChartSeriesAction>\n  );\n};\n\nexport const asyncSeriesActions = (data: { name: SeriesName }) => {\n  if (!IS_ASYNC) {\n    return seriesActions(data);\n  }\n\n  return new Promise<JSX.Element>((resolve, reject) => {\n    showToast({\n      title: `Loading series actions ...: ${toasterCounter++}`,\n      type: 'warning',\n      lifespan: TOASTER_LIFESPAN,\n    });\n    setTimeout(() => {\n      if (toasterCounter % 5 === 0) {\n        showToast({\n          title: `Failed to load series actions ...: ${toasterCounter++}`,\n          type: 'critical',\n          lifespan: TOASTER_LIFESPAN,\n        });\n        reject(new Error('Failed to load actions'));\n      } else {\n        resolve(seriesActions(data));\n      }\n    }, 500);\n  });\n};\n"],
+  "mappings": "AAmBM,SAWI,KAXJ;AAjBN,SAAS,cAAc,2BAA2B;AAMlD,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAGlC,MAAM,mBAAmB;AACzB,MAAM,WAAW;AACjB,IAAI,iBAAiB;AAErB,MAAM,gBAAgB,CAAC,SAA+B;AACpD,SACE,qBAAC,qBACC;AAAA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QAEC,UAAU,MAAM;AACd,oBAAU;AAAA,YACR,OAAO,cAAc,KAAK,IAAI;AAAA,YAC9B,MAAM;AAAA,YACN,UAAU;AAAA,UACZ,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,uBAAoB,GACvB;AAAA,UAA6B;AAAA;AAAA;AAAA,MAXzB;AAAA,IAaN;AAAA,IACA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,UAAQ;AAAA,QACR,UAAU,MAAM;AAAA,QAGhB;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,gBAAa,GAChB;AAAA,UAA6B;AAAA;AAAA;AAAA,MAJzB;AAAA,IAMN;AAAA,IACA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,SAAS;AAAA,UACP,oBAAoB,CAAC,UAAU;AAAA,QACjC;AAAA,QACA,SAAS,EAAE,YAAY,gBAAgB;AAAA,QACvC,YAAY,CAAC,aAAoC;AAC/C,cAAI,SAAS,WAAW,WAAW;AACjC,sBAAU;AAAA,cACR,OAAO;AAAA,cACP,MAAM;AAAA,cACN,UAAU;AAAA,YACZ,CAAC;AAAA,UACH,OAAO;AACL,sBAAU;AAAA,cACR,OAAO,SAAS,MAAM;AAAA,cACtB,MAAM;AAAA,cACN,UAAU;AAAA,YACZ,CAAC;AAAA,UACH;AAAA,QACF;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEO,MAAM,qBAAqB,CAAC,SAA+B;AAChE,MAAI,CAAC,UAAU;AACb,WAAO,cAAc,IAAI;AAAA,EAC3B;AAEA,SAAO,IAAI,QAAqB,CAAC,SAAS,WAAW;AACnD,cAAU;AAAA,MACR,OAAO,+BAA+B,gBAAgB;AAAA,MACtD,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC;AACD,eAAW,MAAM;AACf,UAAI,iBAAiB,MAAM,GAAG;AAC5B,kBAAU;AAAA,UACR,OAAO,sCAAsC,gBAAgB;AAAA,UAC7D,MAAM;AAAA,UACN,UAAU;AAAA,QACZ,CAAC;AACD,eAAO,IAAI,MAAM,wBAAwB,CAAC;AAAA,MAC5C,OAAO;AACL,gBAAQ,cAAc,IAAI,CAAC;AAAA,MAC7B;AAAA,IACF,GAAG,GAAG;AAAA,EACR,CAAC;AACH;",
   "names": []
 }

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

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { ActionSelectionContext } from "../../tooltip/context/ActionSelectionContext.js";
+import { ChartTooltipMetadataContext } from "../../tooltip/context/ChartTooltipMetadataContext.js";
+import { DynamicTooltip } from "../DynamicTooltip.js";
+const actionSelectionValue = {
+  selectedItemId: "",
+  actionsMenuRef: void 0,
+  updateSelectedItem: () => null
+};
+const LegacyTemplateTooltip = (props) => {
+  const { absoluteX, absoluteY, pinned } = props;
+  const tooltipRef = useRef(null);
+  if (!props.children) {
+    return;
+  }
+  return /* @__PURE__ */ jsx(ActionSelectionContext.Provider, { value: actionSelectionValue, children: /* @__PURE__ */ jsx(ChartTooltipMetadataContext.Provider, { value: { tooltipRef }, children: /* @__PURE__ */ jsx(
+    DynamicTooltip,
+    {
+      pinned,
+      absoluteX,
+      absoluteY,
+      children: /* @__PURE__ */ jsx("div", { ref: tooltipRef, children: props.children })
+    }
+  ) }) });
+};
+export {
+  LegacyTemplateTooltip
+};
+//# sourceMappingURL=LegacyTemplateTooltip.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/components/LegacyTemplateTooltip.tsx"],
+  "sourcesContent": ["import { useRef, type PropsWithChildren } from 'react';\n\nimport { ActionSelectionContext } from '../../tooltip/context/ActionSelectionContext.js';\nimport { ChartTooltipMetadataContext } from '../../tooltip/context/ChartTooltipMetadataContext.js';\nimport { DynamicTooltip } from '../DynamicTooltip.js';\n\nconst actionSelectionValue = {\n  selectedItemId: '',\n  actionsMenuRef: undefined,\n  updateSelectedItem: () => null,\n};\n\nexport const LegacyTemplateTooltip = (\n  props: PropsWithChildren<{\n    pinned: boolean;\n    absoluteX: number;\n    absoluteY: number;\n  }>,\n) => {\n  const { absoluteX, absoluteY, pinned } = props;\n  const tooltipRef = useRef<HTMLDivElement>(null);\n\n  if (!props.children) {\n    return;\n  }\n\n  return (\n    <ActionSelectionContext.Provider value={actionSelectionValue}>\n      <ChartTooltipMetadataContext.Provider value={{ tooltipRef }}>\n        <DynamicTooltip\n          pinned={pinned}\n          absoluteX={absoluteX}\n          absoluteY={absoluteY}\n        >\n          <div ref={tooltipRef}>{props.children}</div>\n        </DynamicTooltip>\n      </ChartTooltipMetadataContext.Provider>\n    </ActionSelectionContext.Provider>\n  );\n};\n"],
+  "mappings": "AAkCU;AAlCV,SAAS,cAAsC;AAE/C,SAAS,8BAA8B;AACvC,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAE/B,MAAM,uBAAuB;AAAA,EAC3B,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB,MAAM;AAC5B;AAEO,MAAM,wBAAwB,CACnC,UAKG;AACH,QAAM,EAAE,WAAW,WAAW,OAAO,IAAI;AACzC,QAAM,aAAa,OAAuB,IAAI;AAE9C,MAAI,CAAC,MAAM,UAAU;AACnB;AAAA,EACF;AAEA,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,sBACtC,8BAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,WAAW,GACxD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,SAAI,KAAK,YAAa,gBAAM,UAAS;AAAA;AAAA,EACxC,GACF,GACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import useIntl from "react-intl/src/components/useIntl.js";
+import { OVERLAY_TOOLTIP_MESSAGES } from "../messages.js";
+import { useTooltipSnapshot } from "../selectors.js";
+import { actionsPlaceholderTextAnimated } from "./global-actions/actions.sty.js";
+import { GlobalActions } from "./global-actions/GlobalActions.js";
+const TooltipFooter = ({
+  actions,
+  unpinnedPlaceholderText
+}) => {
+  const intl = useIntl();
+  const { pinned } = useTooltipSnapshot();
+  if (pinned) {
+    return actions.length > 0 ? /* @__PURE__ */ jsx(GlobalActions, { actions }) : null;
+  }
+  const placeholderText = unpinnedPlaceholderText ?? intl.formatMessage(OVERLAY_TOOLTIP_MESSAGES.unpinnedPlaceholderMessage);
+  return /* @__PURE__ */ jsx("div", { className: actionsPlaceholderTextAnimated, children: placeholderText });
+};
+export {
+  TooltipFooter
+};
+//# sourceMappingURL=TooltipFooter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/components/TooltipFooter.tsx"],
+  "sourcesContent": ["import { type JSX } from 'react';\nimport useIntl from 'react-intl/src/components/useIntl.js';\n\nimport { OVERLAY_TOOLTIP_MESSAGES } from '../messages.js';\nimport { useTooltipSnapshot } from '../selectors.js';\nimport { actionsPlaceholderTextAnimated } from './global-actions/actions.sty.js';\nimport { GlobalActions } from './global-actions/GlobalActions.js';\n\ninterface TooltipFooterProps {\n  actions: JSX.Element[];\n  unpinnedPlaceholderText: string | undefined;\n}\n\nexport const TooltipFooter = ({\n  actions,\n  unpinnedPlaceholderText,\n}: TooltipFooterProps) => {\n  const intl = useIntl();\n  const { pinned } = useTooltipSnapshot();\n\n  if (pinned) {\n    return actions.length > 0 ? <GlobalActions actions={actions} /> : null;\n  }\n\n  const placeholderText =\n    unpinnedPlaceholderText ??\n    intl.formatMessage(OVERLAY_TOOLTIP_MESSAGES.unpinnedPlaceholderMessage);\n\n  return (\n    <div className={actionsPlaceholderTextAnimated}>{placeholderText}</div>\n  );\n};\n"],
+  "mappings": "AAqBgC;AApBhC,OAAO,aAAa;AAEpB,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,sCAAsC;AAC/C,SAAS,qBAAqB;AAOvB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,OAAO,IAAI,mBAAmB;AAEtC,MAAI,QAAQ;AACV,WAAO,QAAQ,SAAS,IAAI,oBAAC,iBAAc,SAAkB,IAAK;AAAA,EACpE;AAEA,QAAM,kBACJ,2BACA,KAAK,cAAc,yBAAyB,0BAA0B;AAExE,SACE,oBAAC,SAAI,WAAW,gCAAiC,2BAAgB;AAErE;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/global-actions/GlobalActions.js

@@ -1,37 +1,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import useIntl from "react-intl/src/components/useIntl.js";
-import { actionsPlaceholderTextAnimated } from "./actions.sty.js";
 import { Divider } from "../../../../../../layouts/divider/Divider.js";
-import { OVERLAY_TOOLTIP_MESSAGES } from "../../messages.js";
-import { useTooltipSnapshot } from "../../selectors.js";
 import { divider, actionsContainer } from "../../tooltip.sty.js";
 import { useTooltipReducer } from "../../useTooltipReducer.js";
-const GlobalActions = ({
-  actions,
-  globalActionsUnpinnedMessage
-}) => {
-  const intl = useIntl();
-  const { pinned } = useTooltipSnapshot();
+const GlobalActions = ({ actions }) => {
   const dispatch = useTooltipReducer();
-  if (pinned) {
-    if (actions.length === 0) {
-      return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: actionsContainer,
+      "aria-label": "Tooltip actions",
+      onPointerMove: dispatch({ type: "TOOLTIP_MOUSE_LEAVE" }),
+      children: [
+        /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: divider }, "divider"),
+        actions
+      ]
     }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: actionsContainer,
-        "aria-label": "Tooltip actions",
-        onPointerMove: dispatch({ type: "TOOLTIP_MOUSE_LEAVE" }),
-        children: [
-          /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: divider }, "divider"),
-          actions
-        ]
-      }
-    );
-  }
-  const placeholderText = globalActionsUnpinnedMessage ?? intl.formatMessage(OVERLAY_TOOLTIP_MESSAGES.globalActionsUnpinnedMessage);
-  return /* @__PURE__ */ jsx("div", { className: actionsPlaceholderTextAnimated, children: placeholderText });
+  );
 };
 export {
   GlobalActions

package/esm/charts/core/components/overlay-tooltip/components/global-actions/GlobalActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/global-actions/GlobalActions.tsx"],
-  "sourcesContent": ["import { type JSX } from 'react';\nimport useIntl from 'react-intl/src/components/useIntl.js';\n\nimport { actionsPlaceholderTextAnimated } from './actions.sty.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { OVERLAY_TOOLTIP_MESSAGES } from '../../messages.js';\nimport { useTooltipSnapshot } from '../../selectors.js';\nimport { divider, actionsContainer } from '../../tooltip.sty.js';\nimport { useTooltipReducer } from '../../useTooltipReducer.js';\n\n/**\n * Renders global actions in a vertical stack with a separator when pinned.\n * Renders the placeholder text when not pinned.\n * @internal\n */\n\ninterface GlobalActionsProps {\n  actions: JSX.Element[];\n  globalActionsUnpinnedMessage: string | undefined;\n}\n\nexport const GlobalActions = ({\n  actions,\n  globalActionsUnpinnedMessage,\n}: GlobalActionsProps) => {\n  const intl = useIntl();\n  const { pinned } = useTooltipSnapshot();\n  const dispatch = useTooltipReducer();\n\n  if (pinned) {\n    if (actions.length === 0) {\n      return null;\n    }\n\n    return (\n      <div\n        className={actionsContainer}\n        aria-label=\"Tooltip actions\"\n        onPointerMove={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n      >\n        <Divider orientation=\"horizontal\" key=\"divider\" className={divider} />\n        {actions}\n      </div>\n    );\n  }\n  const placeholderText =\n    globalActionsUnpinnedMessage ??\n    intl.formatMessage(OVERLAY_TOOLTIP_MESSAGES.globalActionsUnpinnedMessage);\n\n  return (\n    <div className={actionsPlaceholderTextAnimated}>{placeholderText}</div>\n  );\n};\n"],
-  "mappings": "AAmCM,SAKE,KALF;AAlCN,OAAO,aAAa;AAEpB,SAAS,sCAAsC;AAC/C,SAAS,eAAe;AACxB,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,yBAAyB;AAa3B,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,OAAO,IAAI,mBAAmB;AACtC,QAAM,WAAW,kBAAkB;AAEnC,MAAI,QAAQ;AACV,QAAI,QAAQ,WAAW,GAAG;AACxB,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,cAAW;AAAA,QACX,eAAe,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAAA,QAEvD;AAAA,8BAAC,WAAQ,aAAY,cAA2B,WAAW,WAArB,SAA8B;AAAA,UACnE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,QAAM,kBACJ,gCACA,KAAK,cAAc,yBAAyB,4BAA4B;AAE1E,SACE,oBAAC,SAAI,WAAW,gCAAiC,2BAAgB;AAErE;",
+  "sourcesContent": ["import { type JSX } from 'react';\n\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { divider, actionsContainer } from '../../tooltip.sty.js';\nimport { useTooltipReducer } from '../../useTooltipReducer.js';\n\ninterface GlobalActionsProps {\n  actions: JSX.Element[];\n}\n\nexport const GlobalActions = ({ actions }: GlobalActionsProps) => {\n  const dispatch = useTooltipReducer();\n  return (\n    <div\n      className={actionsContainer}\n      aria-label=\"Tooltip actions\"\n      onPointerMove={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n    >\n      <Divider orientation=\"horizontal\" key=\"divider\" className={divider} />\n      {actions}\n    </div>\n  );\n};\n"],
+  "mappings": "AAaI,SAKE,KALF;AAXJ,SAAS,eAAe;AACxB,SAAS,SAAS,wBAAwB;AAC1C,SAAS,yBAAyB;AAM3B,MAAM,gBAAgB,CAAC,EAAE,QAAQ,MAA0B;AAChE,QAAM,WAAW,kBAAkB;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAW;AAAA,MACX,eAAe,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAAA,MAEvD;AAAA,4BAAC,WAAQ,aAAY,cAA2B,WAAW,WAArB,SAA8B;AAAA,QACnE;AAAA;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/global-actions/actions.css

@@ -1,4 +1,4 @@
-@keyframes _15am2yg1-3-1-1 {
+@keyframes _15am2yg1-3-2-0 {
   from {
     opacity: 0;
     max-height: 0;
@@ -12,7 +12,7 @@
     margin-top: var(--dt-spacings-size-4, 4px);
   }
 }
-._15am2yg0-3-1-1 {
+._15am2yg0-3-2-0 {
   gap: var(--dt-spacings-size-4, 4px);
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-8, 8px);
   width: 100%;
@@ -27,13 +27,13 @@
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._15am2yg0-3-1-1:hover {
+._15am2yg0-3-2-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._15am2yg0-3-1-1:active {
+._15am2yg0-3-2-0:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._15am2yg2-3-1-1 {
+._15am2yg2-3-2-0 {
   box-sizing: border-box;
   border-top: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
@@ -45,6 +45,6 @@
   padding: 0;
   margin-top: 0;
   overflow: hidden;
-  animation: _15am2yg1-3-1-1 var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
+  animation: _15am2yg1-3-2-0 var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
   animation-delay: 1200ms;
 }

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

@@ -1,6 +1,6 @@
 import "./actions.css";
-var actionButton = "_15am2yg0-3-1-1";
-var actionsPlaceholderTextAnimated = "_15am2yg2-3-1-1";
+var actionButton = "_15am2yg0-3-2-0";
+var actionsPlaceholderTextAnimated = "_15am2yg2-3-2-0";
 export {
   actionButton,
   actionsPlaceholderTextAnimated

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/global-actions/actions.css.ts"],
-  "sourcesContent": ["import './actions.css';\nexport var actionButton = '_15am2yg0-3-1-1';\nexport var actionsPlaceholderTextAnimated = '_15am2yg2-3-1-1';"],
+  "sourcesContent": ["import './actions.css';\nexport var actionButton = '_15am2yg0-3-2-0';\nexport var actionsPlaceholderTextAnimated = '_15am2yg2-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,iCAAiC;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/Header.css

@@ -1,10 +1,10 @@
-._1ldhlar0-3-1-1 {
+._1ldhlar2-3-2-0 {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
-  width: 100%;
+  width: var(--_1ldhlar1-3-2-0, calc(100% - 8px));
   height: 100%;
   display: inline-block;
 }
-._1ldhlar1-3-1-1 {
+._1ldhlar3-3-2-0 {
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
   line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
@@ -13,7 +13,15 @@
   margin: 0;
   padding: 0;
 }
-._1ldhlar2-3-1-1 {
+._1ldhlar4-3-2-0 {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--_1ldhlar0-3-2-0);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
+._1ldhlar5-3-2-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);

package/esm/charts/core/components/overlay-tooltip/components/header/Header.js

@@ -1,7 +1,15 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import clsx from "clsx";
 import { isArray, isEmpty, isNil } from "lodash-es";
-import { headerContainer, headerSubText, headerText } from "./Header.sty.js";
-import { Divider } from "../../../../../../layouts/divider/Divider.js";
+import {
+  headerContainer,
+  headerSubText,
+  headerText,
+  headerTextMultiLine,
+  headerWidthVar,
+  maxLinesVar
+} from "./Header.sty.js";
 import {
   isFromTo,
   isNonEmptyRange,
@@ -9,14 +17,26 @@ import {
 } from "./types/type-guards.js";
 import { getDurationContent } from "./utils/get-duration-content.js";
 import { getShowRangeDuration } from "./utils/get-show-range-duration.js";
+import { getShownHeaderText } from "./utils/get-shown-header-text.js";
 import {
   defaultLabelFormatterStrategy,
   formatValueRange
 } from "./utils/value-formatters.js";
+import { Divider } from "../../../../../../layouts/divider/Divider.js";
+import { Tooltip } from "../../../../../../overlays/tooltip/Tooltip.js";
+import {
+  DEFAULT_HEADER_LINES,
+  DEFAULT_TRUNCATION_MODE,
+  MAX_HEADER_LINES,
+  TOOLTIP_HEADER_PADDING
+} from "../../constants.js";
 import { useExternalConfig } from "../../contexts/ExternalConfigContext.js";
+import { useTooltipDimensions } from "../../contexts/TooltipDimensionsContext.js";
 import { useDefaultConfig } from "../../hooks/useDefaultConfig.js";
 import { useDefaultLabels } from "../../hooks/useDefaultLabels.js";
-import { divider } from "../../tooltip.sty.js";
+import { divider, TOOLTIP_MAX_WIDTH } from "../../tooltip.sty.js";
+import { getHeaderTruncatedText } from "../../utils/text-truncation-header.js";
+import { calculateTotalWidth500 } from "../../utils/width-calculation.js";
 const getValue = (data) => {
   if (data === void 0) {
     return void 0;
@@ -34,30 +54,61 @@ const getNonGeometryHeader = (value) => {
   return defaultLabelFormatterStrategy;
 };
 const Header = (props) => {
-  const { header1, subheader, label } = props;
+  const { header1, subheader, label, maxLines, duration } = props;
   const labelFor = useDefaultLabels();
   const defaultConfig = useDefaultConfig();
   const defaultStrategy = defaultConfig?.headerFormatStrategy ?? defaultLabelFormatterStrategy;
-  const { displayHeaderDivider } = useExternalConfig();
-  if ((isNil(header1) || isEmpty(header1)) && (isNil(subheader) || isEmpty(subheader))) {
-    return null;
-  }
+  const { displayHeaderDivider, truncationMode = DEFAULT_TRUNCATION_MODE } = useExternalConfig();
+  const containerWidth = useTooltipDimensions()?.width || TOOLTIP_MAX_WIDTH;
+  const showedLines = Math.min(
+    maxLines ?? DEFAULT_HEADER_LINES,
+    MAX_HEADER_LINES
+  );
+  const isSingleLine = showedLines === 1;
+  const isTruncationEnd = truncationMode === "end";
   const showRangeDuration = getShowRangeDuration(defaultConfig, props);
   const value = getValue(header1);
   const subheaderValue = getValue(subheader);
   const formatStrategy = defaultStrategy ?? getNonGeometryHeader(header1);
   const formattedValue = formatStrategy(value);
   const headerLabel = labelFor?.("headerLabel", label);
-  const headerContent = headerLabel ? `${headerLabel}: ${formattedValue}` : formattedValue;
-  const subheaderContent = subheaderValue ? formatStrategy(subheader) : void 0;
-  const durationContent = getDurationContent(showRangeDuration, header1);
+  const headerContent = headerLabel ? `${headerLabel}: ${formattedValue}` : formattedValue ?? "";
+  if ((isNil(header1) || isEmpty(header1)) && (isNil(subheader) || isEmpty(subheader))) {
+    return null;
+  }
+  const availableWidth = containerWidth - TOOLTIP_HEADER_PADDING * 2;
+  const totalTextWidth = calculateTotalWidth500(headerContent ?? "");
+  const shownText = getShownHeaderText(
+    headerContent,
+    isSingleLine,
+    isTruncationEnd,
+    availableWidth,
+    showedLines,
+    truncationMode
+  );
+  const isMultiLineCssClamped = !isSingleLine && isTruncationEnd && Math.ceil(totalTextWidth / availableWidth) > showedLines;
+  const isTruncated = isMultiLineCssClamped || shownText !== headerContent;
+  const subheaderContent = subheaderValue ? formatStrategy(subheaderValue) : void 0;
+  const durationContent = duration ?? getDurationContent(showRangeDuration, header1);
+  const shownSubheaderText = subheaderContent ? getHeaderTruncatedText(subheaderContent, availableWidth, truncationMode) : void 0;
+  const isSubheaderTruncated = subheaderContent ? shownSubheaderText !== subheaderContent : false;
+  const headerClassName = !isSingleLine && isTruncationEnd ? clsx(headerText, headerTextMultiLine) : headerText;
+  const shouldConstrainWidth = totalTextWidth > availableWidth;
+  const headerContainerStyle = shouldConstrainWidth ? assignInlineVars({ [headerWidthVar]: `${availableWidth}px` }) : {};
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: headerContainer, children: [
-      /* @__PURE__ */ jsxs("p", { className: headerText, children: [
-        headerContent,
-        durationContent && /* @__PURE__ */ jsx("span", { className: headerSubText, children: ` (${durationContent})` })
-      ] }),
-      subheaderContent && /* @__PURE__ */ jsx("p", { className: headerSubText, children: subheaderContent })
+    /* @__PURE__ */ jsxs("div", { className: headerContainer, style: headerContainerStyle, children: [
+      /* @__PURE__ */ jsx(Tooltip, { text: headerContent, disabled: !isTruncated, children: /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: headerClassName,
+          style: assignInlineVars({ [maxLinesVar]: String(showedLines) }),
+          children: [
+            shownText,
+            durationContent && /* @__PURE__ */ jsx("span", { className: headerSubText, children: ` (${durationContent})` })
+          ]
+        }
+      ) }),
+      shownSubheaderText && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, { text: subheaderContent, disabled: !isSubheaderTruncated, children: /* @__PURE__ */ jsx("p", { className: headerSubText, children: shownSubheaderText }) }) })
     ] }),
     displayHeaderDivider && /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: divider }, "divider")
   ] });