npm - @dynatrace/strato-components - Versions diffs - 3.2.0 → 3.3.0 - Mend

@dynatrace/strato-components 3.2.0 → 3.3.0

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

Files changed (3377) hide show

package/esm/charts/core/components/overlay-tooltip/_to-be-removed/MyTooltip.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/_to-be-removed/MyTooltip.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\n\nimport {\n  CopyIcon,\n  DownloadIcon,\n  MagnifyingGlassIcon,\n} from '@dynatrace/strato-icons';\n\nimport { asyncSeriesActions } from './actions.js';\nimport { useTooltipData } from './utils.js';\nimport { showToast } from '../../../../../notifications/toast/Toast.js';\nimport { OverlayTooltip } from '../OverlayTooltip.js';\nimport type { Data } from '../types.js';\nimport { isTooltipDataEmpty } from '../utils.js';\n\ntype OverlayTooltipTemplateProps = {\n  symbolAlignment?: 'left' | 'right';\n};\n\nconst XYTooltip = (\n  props: {\n    variant: 'shared' | 'single';\n    label?: string;\n  } & OverlayTooltipTemplateProps,\n) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.Header header1={data.header1} label={props.label} />\n      <OverlayTooltip.Series\n        activeItem={0}\n        variant={props.variant}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <OverlayTooltip.SeriesItem\n              {...current}\n              relativeValueUnit=\"%\"\n              actions={() => asyncSeriesActions(current)}\n            />\n          );\n        }}\n      />\n      <OverlayTooltip.Action\n        label=\"Copy all values\"\n        icon={<CopyIcon />}\n        onSelect={() =>\n          showToast({\n            title: 'Copy all values',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst PieTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        relativeValueUnit=\"%\"\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n    </OverlayTooltip>\n  );\n};\nconst MeterBarTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"App rating\"\n        valueLabel=\"Amount\"\n      />\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n      <OverlayTooltip.Action\n        label=\"Only label action 1\"\n        onSelect={() =>\n          showToast({\n            title: 'Only label action 1',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n      <OverlayTooltip.Action\n        label=\"Only label action 2\"\n        onSelect={() =>\n          showToast({\n            title: 'Only label action 2',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n    </OverlayTooltip>\n  );\n};\nconst TreeMapTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"Country\"\n        valueLabel=\"Inhabitants\"\n      />\n      <OverlayTooltip.SeriesItem {...data.series[0]} />\n    </OverlayTooltip>\n  );\n};\n\nconst TreeMapParentTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"Region\"\n        valueLabel=\"Inhabitants\"\n      />\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n      <OverlayTooltip.ActionsPlaceholder text=\"Click to access actions\" />\n      <OverlayTooltip.Action\n        label=\"Copy all values\"\n        icon={<CopyIcon />}\n        onSelect={() =>\n          showToast({\n            title: 'Copy all values',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n      <OverlayTooltip.Action\n        label=\"Download data\"\n        icon={<DownloadIcon />}\n        onSelect={() =>\n          showToast({\n            title: 'Download data',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n      <OverlayTooltip.Action\n        label=\"View details\"\n        onSelect={() =>\n          showToast({\n            title: 'View details',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst HoneyCombTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"Severity\"\n        valueLabel=\"Incidents\"\n      />\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst CustomIconTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader seriesLabel=\"Category\" valueLabel=\"Count\" />\n      <OverlayTooltip.Series\n        activeItem={0}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <>\n              <OverlayTooltip.SeriesItem\n                icon={<CopyIcon />}\n                name=\"Copy actions\"\n                value=\"Copy all values\"\n              />\n              <OverlayTooltip.SeriesItem\n                icon={<MagnifyingGlassIcon />}\n                name=\"View details\"\n                value=\"View\"\n              />\n              <OverlayTooltip.SeriesItem\n                icon={<DownloadIcon />}\n                name=\"Download\"\n                value=\"Download data\"\n              />\n            </>\n          );\n        }}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst CustomSymbolEmojiTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader seriesLabel=\"Category\" valueLabel=\"Count\" />\n      <OverlayTooltip.Series\n        activeItem={0}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <>\n              <OverlayTooltip.SeriesItem\n                symbol=\"\uD83D\uDE80\"\n                name=\"Launches\"\n                value=\"42\"\n              />\n              <OverlayTooltip.SeriesItem symbol=\"\uD83C\uDF0D\" name=\"Regions\" value=\"7\" />\n              <OverlayTooltip.SeriesItem symbol=\"A\" name=\"Alpha\" value=\"100\" />\n              <OverlayTooltip.SeriesItem symbol=\"\u2605\" name=\"Star\" value=\"200\" />\n              <OverlayTooltip.SeriesItem symbol=\"#\" name=\"Hash\" value=\"300\" />\n            </>\n          );\n        }}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst CustomShapeIconsTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader seriesLabel=\"Shape\" valueLabel=\"Value\" />\n      <OverlayTooltip.Series\n        activeItem={0}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <>\n              <OverlayTooltip.SeriesItem\n                color=\"#3DD598\"\n                shape=\"circle\"\n                name=\"Circle (default)\"\n                value=\"100\"\n              />\n              <OverlayTooltip.SeriesItem\n                color=\"#EB6B52\"\n                shape=\"square\"\n                name=\"Square\"\n                value=\"200\"\n              />\n              <OverlayTooltip.SeriesItem\n                color=\"#63C45E\"\n                shape=\"triangle\"\n                name=\"Triangle\"\n                value=\"300\"\n              />\n              <OverlayTooltip.SeriesItem\n                color=\"#EB6B52\"\n                shape=\"bubble\"\n                name=\"Bubble\"\n                value=\"700\"\n              />\n            </>\n          );\n        }}\n      />\n    </OverlayTooltip>\n  );\n};\n\nexport const DotTooltipData: Data = {\n  geometry: 'dot',\n  header1: ['Q3'],\n  series: [\n    {\n      name: 'R&D',\n      color: '#3DD598',\n      value: '505K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Support',\n      color: '#EB6B52',\n      value: '350K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'Sales',\n      color: '#63C45E',\n      value: '320K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'Marketing',\n      color: '#D971C0',\n      value: '305K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'HR',\n      color: '#D9B671',\n      value: '205K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'IT',\n      color: '#3DD598',\n      value: '105K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Finance',\n      color: '#EB6B52',\n      value: '95K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Admin',\n      color: '#63C45E',\n      value: '80K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Management',\n      color: '#D971C0',\n      value: '75K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Legal',\n      color: '#D9B671',\n      value: '65K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Operations',\n      color: '#3DD598',\n      value: '55K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Other',\n      color: '#EB6B52',\n      value: '50K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Logistics',\n      color: '#63C45E',\n      value: '45K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Procurement',\n      color: '#D971C0',\n      value: '30K',\n      valueUnit: '$',\n    },\n  ],\n};\n\nconst rectTooltipData: Data = {\n  geometry: 'rect',\n  header1: [new Date(2023, 3, 1, 7, 30), new Date(2023, 7, 1, 7, 35)],\n  series: [\n    {\n      name: 'R&D',\n      color: '#3DD598',\n      value: '505K $',\n      relativeValue: '25',\n    },\n  ],\n};\n\nconst rectTooltipNumericData: Data = {\n  geometry: 'rect',\n  header1: [1325, 1388],\n  series: [\n    {\n      name: 'HR',\n      color: '#D9B671',\n      value: '205K $',\n      relativeValue: undefined,\n    },\n  ],\n};\nconst headerStyle = { margin: 0, marginBlock: 'unset' };\nexport const TooltipData: {\n  testId?: string;\n  description: JSX.Element;\n  data: () => Data;\n  template: JSX.Element;\n}[] = [\n  {\n    testId: 'dot-with-single-series',\n    description: (\n      <>\n        <h3 style={headerStyle}>Dot tooltip with single series</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => DotTooltipData,\n    template: <XYTooltip label=\"Quarter\" variant=\"single\" />,\n  },\n  {\n    testId: 'dot-with-timeframe',\n    description: (\n      <>\n        <h3 style={headerStyle}>Dot tooltip with timeframe</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => ({\n      ...DotTooltipData,\n      header1: [new Date(2023, 0, 1, 7, 30), new Date(2023, 0, 1, 7, 35)],\n    }),\n    template: <XYTooltip variant=\"single\" label=\"\" />,\n  },\n  {\n    testId: 'rect-with-single-series',\n    description: (\n      <>\n        <h3 style={headerStyle}>Rect tooltip with single series</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => ({\n      geometry: 'rect',\n      header1: [new Date(2023, 0, 1, 7, 30), new Date(2023, 0, 1, 7, 35)],\n      series: [\n        {\n          name: 'WebServiceA-CW1-1',\n          color: '#3DD598',\n          value: 35,\n          valueUnit: 'ms',\n        },\n      ],\n    }),\n    template: <XYTooltip variant=\"single\" />,\n  },\n  {\n    testId: 'dot-multiple-series',\n    description: (\n      <>\n        <h3 style={headerStyle}>Dot tooltip with multiple series</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => DotTooltipData,\n    template: <XYTooltip variant=\"shared\" />,\n  },\n  {\n    testId: 'rect-with-timeframe',\n    description: (\n      <>\n        <h3 style={headerStyle}>Rect tooltip with timeframe</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => rectTooltipData,\n    template: <XYTooltip variant=\"single\" />,\n  },\n  {\n    testId: 'rect-with-numeric-range',\n    description: (\n      <>\n        <h3 style={headerStyle}>Rect tooltip with numeric range</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => rectTooltipNumericData,\n    template: <XYTooltip variant=\"single\" label=\"\" />,\n  },\n  {\n    testId: 'pie',\n    description: <h3>Pie tooltip</h3>,\n    data: () => ({\n      geometry: 'pie',\n      series: [\n        {\n          name: 'Latam',\n          color: '#3DD598',\n          value: '35K',\n          valueUnit: '$',\n          relativeValue: '25',\n        },\n      ],\n    }),\n    template: <PieTooltip />,\n  },\n  {\n    testId: 'meter-bar',\n    description: (\n      <>\n        <h3 style={headerStyle}>MeterBar tooltip</h3>\n        <span>2 Global Actions (only label)</span>\n      </>\n    ),\n    data: () => ({\n      geometry: 'meterbar',\n      series: [\n        {\n          name: 'Good',\n          color: '#3DD598',\n          value: '85',\n        },\n      ],\n    }),\n    template: <MeterBarTooltip />,\n  },\n  {\n    testId: 'treeMap-with-parent',\n    description: (\n      <>\n        <h3 style={headerStyle}>TreeMap tooltip with parent</h3>\n        <span>3 Global Actions</span>\n      </>\n    ),\n    data: () => ({\n      geometry: 'treemap',\n      header1: ['United States'],\n      series: [\n        {\n          name: 'New York City',\n          color: '#3DD598',\n          value: '18.8M',\n        },\n      ],\n    }),\n    template: <TreeMapParentTooltip />,\n  },\n  {\n    testId: 'treeMap-without-parent',\n    description: <h3>TreeMap tooltip without parent</h3>,\n    data: () => ({\n      geometry: 'treemap',\n      header1: [],\n      series: [\n        {\n          name: 'Brazil',\n          color: '#3DD598',\n          value: '35.2M',\n        },\n      ],\n    }),\n    template: <TreeMapTooltip />,\n  },\n  {\n    testId: 'honeyComb',\n    description: <h3>HoneyComb tooltip</h3>,\n    data: () => ({\n      geometry: 'honeycomb',\n      header1: [],\n      series: [\n        {\n          name: 'Emergency',\n          color: '#3DD598',\n          value: '4.1K',\n        },\n      ],\n    }),\n    template: <HoneyCombTooltip />,\n  },\n  {\n    description: <h3>Custom symbol with Icons</h3>,\n    testId: 'custom-symbol-with-icons',\n    data: () => ({\n      geometry: 'dot',\n      header1: [],\n      series: [\n        {\n          name: 'Launches',\n          color: '',\n          value: '42',\n        },\n      ],\n    }),\n    template: <CustomIconTooltip />,\n  },\n  {\n    testId: 'custom-symbol-with-emojis-and-characters',\n    description: <h3>Custom symbol emojis & characters</h3>,\n    data: () => ({\n      geometry: 'dot',\n      header1: [],\n      series: [\n        {\n          name: 'Launches',\n          color: '',\n          value: '42',\n        },\n      ],\n    }),\n    template: <CustomSymbolEmojiTooltip />,\n  },\n  {\n    testId: 'shape-icons-circle-square-triangle-etc',\n    description: <h3>Shape icons (circle, square, triangle, etc.)</h3>,\n    data: () => ({\n      geometry: 'dot',\n      header1: [],\n      series: [\n        {\n          name: 'Circle',\n          color: '#3DD598',\n          value: '100',\n        },\n      ],\n    }),\n    template: <CustomShapeIconsTooltip />,\n  },\n];\n"],
+  "sourcesContent": ["import type { JSX } from 'react';\n\nimport {\n  CopyIcon,\n  DownloadIcon,\n  MagnifyingGlassIcon,\n} from '@dynatrace/strato-icons';\n\nimport { asyncSeriesActions } from './actions.js';\nimport { useTooltipData } from './utils.js';\nimport { showToast } from '../../../../../notifications/toast/Toast.js';\nimport { OverlayTooltip } from '../OverlayTooltip.js';\nimport type { Data } from '../types.js';\nimport { isTooltipDataEmpty } from '../utils.js';\n\ntype OverlayTooltipTemplateProps = {\n  symbolAlignment?: 'left' | 'right';\n};\n\nconst XYTooltip = (\n  props: {\n    variant: 'shared' | 'single';\n    label?: string;\n  } & OverlayTooltipTemplateProps,\n) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.Header header1={data.header1} label={props.label} />\n      <OverlayTooltip.Series\n        activeItem={0}\n        variant={props.variant}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <OverlayTooltip.SeriesItem\n              {...current}\n              relativeValueUnit=\"%\"\n              actions={() => asyncSeriesActions(current)}\n            />\n          );\n        }}\n      />\n      <OverlayTooltip.Action\n        label=\"Copy all values\"\n        icon={<CopyIcon />}\n        onSelect={() =>\n          showToast({\n            title: 'Copy all values',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst PieTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        relativeValueUnit=\"%\"\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n    </OverlayTooltip>\n  );\n};\nconst MeterBarTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"App rating\"\n        valueLabel=\"Amount\"\n      />\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n      <OverlayTooltip.Action\n        label=\"Only label action 1\"\n        onSelect={() =>\n          showToast({\n            title: 'Only label action 1',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n      <OverlayTooltip.Action\n        label=\"Only label action 2\"\n        onSelect={() =>\n          showToast({\n            title: 'Only label action 2',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n    </OverlayTooltip>\n  );\n};\nconst TreeMapTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"Country\"\n        valueLabel=\"Inhabitants\"\n      />\n      <OverlayTooltip.SeriesItem {...data.series[0]} />\n    </OverlayTooltip>\n  );\n};\n\nconst TreeMapParentTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.Header header1={data.header1} />\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"Region\"\n        valueLabel=\"Inhabitants\"\n      />\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n      <OverlayTooltip.ActionsPlaceholder text=\"Click to access actions\" />\n      <OverlayTooltip.Action\n        label=\"Copy all values\"\n        icon={<CopyIcon />}\n        onSelect={() =>\n          showToast({\n            title: 'Copy all values',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n      <OverlayTooltip.Action\n        label=\"Download data\"\n        icon={<DownloadIcon />}\n        onSelect={() =>\n          showToast({\n            title: 'Download data',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n      <OverlayTooltip.Action\n        label=\"View details\"\n        onSelect={() =>\n          showToast({\n            title: 'View details',\n            type: 'info',\n            lifespan: 1000,\n          })\n        }\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst HoneyCombTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader\n        seriesLabel=\"Severity\"\n        valueLabel=\"Incidents\"\n      />\n      <OverlayTooltip.SeriesItem\n        {...data.series[0]}\n        actions={() => asyncSeriesActions(data.series[0])}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst CustomIconTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader seriesLabel=\"Category\" valueLabel=\"Count\" />\n      <OverlayTooltip.Series\n        activeItem={0}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <>\n              <OverlayTooltip.SeriesItem\n                icon={<CopyIcon />}\n                name=\"Copy actions\"\n                value=\"Copy all values\"\n              />\n              <OverlayTooltip.SeriesItem\n                icon={<MagnifyingGlassIcon />}\n                name=\"View details\"\n                value=\"View\"\n              />\n              <OverlayTooltip.SeriesItem\n                icon={<DownloadIcon />}\n                name=\"Download\"\n                value=\"Download data\"\n              />\n            </>\n          );\n        }}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst CustomSymbolEmojiTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader seriesLabel=\"Category\" valueLabel=\"Count\" />\n      <OverlayTooltip.Series\n        activeItem={0}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <>\n              <OverlayTooltip.SeriesItem\n                symbol=\"\uD83D\uDE80\"\n                name=\"Launches\"\n                value=\"42\"\n              />\n              <OverlayTooltip.SeriesItem symbol=\"\uD83C\uDF0D\" name=\"Regions\" value=\"7\" />\n              <OverlayTooltip.SeriesItem symbol=\"A\" name=\"Alpha\" value=\"100\" />\n              <OverlayTooltip.SeriesItem symbol=\"\u2605\" name=\"Star\" value=\"200\" />\n              <OverlayTooltip.SeriesItem symbol=\"#\" name=\"Hash\" value=\"300\" />\n            </>\n          );\n        }}\n      />\n    </OverlayTooltip>\n  );\n};\n\nconst CustomShapeIconsTooltip = (props: OverlayTooltipTemplateProps) => {\n  const data = useTooltipData().data;\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip symbolAlignment={props.symbolAlignment}>\n      <OverlayTooltip.SeriesHeader seriesLabel=\"Shape\" valueLabel=\"Value\" />\n      <OverlayTooltip.Series\n        activeItem={0}\n        data={data.series}\n        seriesItemTemplate={(current) => {\n          return (\n            <>\n              <OverlayTooltip.SeriesItem\n                color=\"#3DD598\"\n                shape=\"circle\"\n                name=\"Circle (default)\"\n                value=\"100\"\n              />\n              <OverlayTooltip.SeriesItem\n                color=\"#EB6B52\"\n                shape=\"square\"\n                name=\"Square\"\n                value=\"200\"\n              />\n              <OverlayTooltip.SeriesItem\n                color=\"#63C45E\"\n                shape=\"triangle\"\n                name=\"Triangle\"\n                value=\"300\"\n              />\n              <OverlayTooltip.SeriesItem\n                color=\"#EB6B52\"\n                shape=\"bubble\"\n                name=\"Bubble\"\n                value=\"700\"\n              />\n            </>\n          );\n        }}\n      />\n    </OverlayTooltip>\n  );\n};\n\nexport const DotTooltipData: Data = {\n  geometry: 'line',\n  header1: ['Q3'],\n  series: [\n    {\n      name: 'R&D',\n      color: '#3DD598',\n      value: '505K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Support',\n      color: '#EB6B52',\n      value: '350K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'Sales',\n      color: '#63C45E',\n      value: '320K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'Marketing',\n      color: '#D971C0',\n      value: '305K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'HR',\n      color: '#D9B671',\n      value: '205K',\n      valueUnit: '$',\n      relativeValue: undefined,\n      relativeValueUnit: undefined,\n    },\n    {\n      name: 'IT',\n      color: '#3DD598',\n      value: '105K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Finance',\n      color: '#EB6B52',\n      value: '95K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Admin',\n      color: '#63C45E',\n      value: '80K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Management',\n      color: '#D971C0',\n      value: '75K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Legal',\n      color: '#D9B671',\n      value: '65K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Operations',\n      color: '#3DD598',\n      value: '55K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Other',\n      color: '#EB6B52',\n      value: '50K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Logistics',\n      color: '#63C45E',\n      value: '45K',\n      valueUnit: '$',\n    },\n    {\n      name: 'Procurement',\n      color: '#D971C0',\n      value: '30K',\n      valueUnit: '$',\n    },\n  ],\n};\n\nconst rectTooltipData: Data = {\n  geometry: 'rect',\n  header1: [new Date(2023, 3, 1, 7, 30), new Date(2023, 7, 1, 7, 35)],\n  series: [\n    {\n      name: 'R&D',\n      color: '#3DD598',\n      value: '505K $',\n      relativeValue: '25',\n    },\n  ],\n};\n\nconst rectTooltipNumericData: Data = {\n  geometry: 'rect',\n  header1: [1325, 1388],\n  series: [\n    {\n      name: 'HR',\n      color: '#D9B671',\n      value: '205K $',\n      relativeValue: undefined,\n    },\n  ],\n};\nconst headerStyle = { margin: 0, marginBlock: 'unset' };\nexport const TooltipData: {\n  testId?: string;\n  description: JSX.Element;\n  data: () => Data;\n  template: JSX.Element;\n}[] = [\n  {\n    testId: 'dot-with-single-series',\n    description: (\n      <>\n        <h3 style={headerStyle}>Dot tooltip with single series</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => DotTooltipData,\n    template: <XYTooltip label=\"Quarter\" variant=\"single\" />,\n  },\n  {\n    testId: 'dot-with-timeframe',\n    description: (\n      <>\n        <h3 style={headerStyle}>Dot tooltip with timeframe</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => ({\n      ...DotTooltipData,\n      header1: [new Date(2023, 0, 1, 7, 30), new Date(2023, 0, 1, 7, 35)],\n    }),\n    template: <XYTooltip variant=\"single\" label=\"\" />,\n  },\n  {\n    testId: 'rect-with-single-series',\n    description: (\n      <>\n        <h3 style={headerStyle}>Rect tooltip with single series</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => ({\n      geometry: 'rect',\n      header1: [new Date(2023, 0, 1, 7, 30), new Date(2023, 0, 1, 7, 35)],\n      series: [\n        {\n          name: 'WebServiceA-CW1-1',\n          color: '#3DD598',\n          value: 35,\n          valueUnit: 'ms',\n        },\n      ],\n    }),\n    template: <XYTooltip variant=\"single\" />,\n  },\n  {\n    testId: 'dot-multiple-series',\n    description: (\n      <>\n        <h3 style={headerStyle}>Dot tooltip with multiple series</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => DotTooltipData,\n    template: <XYTooltip variant=\"shared\" />,\n  },\n  {\n    testId: 'rect-with-timeframe',\n    description: (\n      <>\n        <h3 style={headerStyle}>Rect tooltip with timeframe</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => rectTooltipData,\n    template: <XYTooltip variant=\"single\" />,\n  },\n  {\n    testId: 'rect-with-numeric-range',\n    description: (\n      <>\n        <h3 style={headerStyle}>Rect tooltip with numeric range</h3>\n        <span>1 Global Action </span>\n      </>\n    ),\n    data: () => rectTooltipNumericData,\n    template: <XYTooltip variant=\"single\" label=\"\" />,\n  },\n  {\n    testId: 'pie',\n    description: <h3>Pie tooltip</h3>,\n    data: () => ({\n      geometry: 'pie',\n      series: [\n        {\n          name: 'Latam',\n          color: '#3DD598',\n          value: '35K',\n          valueUnit: '$',\n          relativeValue: '25',\n        },\n      ],\n    }),\n    template: <PieTooltip />,\n  },\n  {\n    testId: 'meter-bar',\n    description: (\n      <>\n        <h3 style={headerStyle}>MeterBar tooltip</h3>\n        <span>2 Global Actions (only label)</span>\n      </>\n    ),\n    data: () => ({\n      geometry: 'meterbar',\n      series: [\n        {\n          name: 'Good',\n          color: '#3DD598',\n          value: '85',\n        },\n      ],\n    }),\n    template: <MeterBarTooltip />,\n  },\n  {\n    testId: 'treeMap-with-parent',\n    description: (\n      <>\n        <h3 style={headerStyle}>TreeMap tooltip with parent</h3>\n        <span>3 Global Actions</span>\n      </>\n    ),\n    data: () => ({\n      geometry: 'treemap',\n      header1: ['United States'],\n      series: [\n        {\n          name: 'New York City',\n          color: '#3DD598',\n          value: '18.8M',\n        },\n      ],\n    }),\n    template: <TreeMapParentTooltip />,\n  },\n  {\n    testId: 'treeMap-without-parent',\n    description: <h3>TreeMap tooltip without parent</h3>,\n    data: () => ({\n      geometry: 'treemap',\n      header1: [],\n      series: [\n        {\n          name: 'Brazil',\n          color: '#3DD598',\n          value: '35.2M',\n        },\n      ],\n    }),\n    template: <TreeMapTooltip />,\n  },\n  {\n    testId: 'honeyComb',\n    description: <h3>HoneyComb tooltip</h3>,\n    data: () => ({\n      geometry: 'honeycomb',\n      header1: [],\n      series: [\n        {\n          name: 'Emergency',\n          color: '#3DD598',\n          value: '4.1K',\n        },\n      ],\n    }),\n    template: <HoneyCombTooltip />,\n  },\n  {\n    description: <h3>Custom symbol with Icons</h3>,\n    testId: 'custom-symbol-with-icons',\n    data: () => ({\n      geometry: 'dot',\n      header1: [],\n      series: [\n        {\n          name: 'Launches',\n          color: '',\n          value: '42',\n        },\n      ],\n    }),\n    template: <CustomIconTooltip />,\n  },\n  {\n    testId: 'custom-symbol-with-emojis-and-characters',\n    description: <h3>Custom symbol emojis & characters</h3>,\n    data: () => ({\n      geometry: 'dot',\n      header1: [],\n      series: [\n        {\n          name: 'Launches',\n          color: '',\n          value: '42',\n        },\n      ],\n    }),\n    template: <CustomSymbolEmojiTooltip />,\n  },\n  {\n    testId: 'shape-icons-circle-square-triangle-etc',\n    description: <h3>Shape icons (circle, square, triangle, etc.)</h3>,\n    data: () => ({\n      geometry: 'dot',\n      header1: [],\n      series: [\n        {\n          name: 'Circle',\n          color: '#3DD598',\n          value: '100',\n        },\n      ],\n    }),\n    template: <CustomShapeIconsTooltip />,\n  },\n];\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -1,28 +1,35 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
+import { useChartActionsMenu } from "../../series-action/hooks/useChartActionsMenu.js";
 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);
+  const {
+    selectedItem: selectedItemId,
+    actionsMenuRef,
+    updateSelectedItem
+  } = useChartActionsMenu();
   if (!props.children) {
     return;
   }
-  return /* @__PURE__ */ jsx(ActionSelectionContext.Provider, { value: actionSelectionValue, children: /* @__PURE__ */ jsx(ChartTooltipMetadataContext.Provider, { value: { tooltipRef }, children: /* @__PURE__ */ jsx(
-    DynamicTooltip,
+  return /* @__PURE__ */ jsx(
+    ActionSelectionContext.Provider,
     {
-      pinned,
-      absoluteX,
-      absoluteY,
-      children: /* @__PURE__ */ jsx("div", { ref: tooltipRef, children: props.children })
+      value: { selectedItemId, actionsMenuRef, updateSelectedItem },
+      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

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

@@ -1,7 +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;",
+  "sourcesContent": ["import { useRef, type PropsWithChildren } from 'react';\n\nimport { useChartActionsMenu } from '../../series-action/hooks/useChartActionsMenu.js';\nimport { ActionSelectionContext } from '../../tooltip/context/ActionSelectionContext.js';\nimport { ChartTooltipMetadataContext } from '../../tooltip/context/ChartTooltipMetadataContext.js';\nimport { DynamicTooltip } from '../DynamicTooltip.js';\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  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n  } = useChartActionsMenu();\n\n  if (!props.children) {\n    return;\n  }\n\n  return (\n    <ActionSelectionContext.Provider\n      value={{ selectedItemId, actionsMenuRef, updateSelectedItem }}\n    >\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": "AAoCU;AApCV,SAAS,cAAsC;AAE/C,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAExB,MAAM,wBAAwB,CACnC,UAKG;AACH,QAAM,EAAE,WAAW,WAAW,OAAO,IAAI;AACzC,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AAExB,MAAI,CAAC,MAAM,UAAU;AACnB;AAAA,EACF;AAEA,SACE;AAAA,IAAC,uBAAuB;AAAA,IAAvB;AAAA,MACC,OAAO,EAAE,gBAAgB,gBAAgB,mBAAmB;AAAA,MAE5D,8BAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,WAAW,GACxD;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEA,8BAAC,SAAI,KAAK,YAAa,gBAAM,UAAS;AAAA;AAAA,MACxC,GACF;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-@keyframes _15am2yg1-3-2-0 {
+@keyframes _15am2yg1-3-3-0 {
   from {
     opacity: 0;
     max-height: 0;
@@ -12,7 +12,7 @@
     margin-top: var(--dt-spacings-size-4, 4px);
   }
 }
-._15am2yg0-3-2-0 {
+._15am2yg0-3-3-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-2-0:hover {
+._15am2yg0-3-3-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._15am2yg0-3-2-0:active {
+._15am2yg0-3-3-0:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._15am2yg2-3-2-0 {
+._15am2yg2-3-3-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-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: _15am2yg1-3-3-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 CHANGED Viewed

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

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

@@ -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-2-0';\nexport var actionsPlaceholderTextAnimated = '_15am2yg2-3-2-0';"],
+  "sourcesContent": ["import './actions.css';\nexport var actionButton = '_15am2yg0-3-3-0';\nexport var actionsPlaceholderTextAnimated = '_15am2yg2-3-3-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,iCAAiC;",
   "names": []
 }

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

@@ -1,10 +1,10 @@
-._1ldhlar2-3-2-0 {
+._1ldhlar2-3-3-0 {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
-  width: var(--_1ldhlar1-3-2-0, calc(100% - 8px));
+  width: var(--_1ldhlar1-3-3-0, calc(100% - 8px));
   height: 100%;
   display: inline-block;
 }
-._1ldhlar3-3-2-0 {
+._1ldhlar3-3-3-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,15 +13,15 @@
   margin: 0;
   padding: 0;
 }
-._1ldhlar4-3-2-0 {
+._1ldhlar4-3-3-0 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--_1ldhlar0-3-2-0);
+  -webkit-line-clamp: var(--_1ldhlar0-3-3-0);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-._1ldhlar5-3-2-0 {
+._1ldhlar5-3-3-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.sty.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import "./Header.css";
-var headerContainer = "_1ldhlar2-3-2-0";
-var headerSubText = "_1ldhlar5-3-2-0";
-var headerText = "_1ldhlar3-3-2-0";
-var headerTextMultiLine = "_1ldhlar4-3-2-0";
-var headerWidthVar = "var(--_1ldhlar1-3-2-0)";
-var maxLinesVar = "var(--_1ldhlar0-3-2-0)";
+var headerContainer = "_1ldhlar2-3-3-0";
+var headerSubText = "_1ldhlar5-3-3-0";
+var headerText = "_1ldhlar3-3-3-0";
+var headerTextMultiLine = "_1ldhlar4-3-3-0";
+var headerWidthVar = "var(--_1ldhlar1-3-3-0)";
+var maxLinesVar = "var(--_1ldhlar0-3-3-0)";
 export {
   headerContainer,
   headerSubText,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/Header.css.ts"],
-  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1ldhlar2-3-2-0';\nexport var headerSubText = '_1ldhlar5-3-2-0';\nexport var headerText = '_1ldhlar3-3-2-0';\nexport var headerTextMultiLine = '_1ldhlar4-3-2-0';\nexport var headerWidthVar = 'var(--_1ldhlar1-3-2-0)';\nexport var maxLinesVar = 'var(--_1ldhlar0-3-2-0)';"],
+  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1ldhlar2-3-3-0';\nexport var headerSubText = '_1ldhlar5-3-3-0';\nexport var headerText = '_1ldhlar3-3-3-0';\nexport var headerTextMultiLine = '_1ldhlar4-3-3-0';\nexport var headerWidthVar = 'var(--_1ldhlar1-3-3-0)';\nexport var maxLinesVar = 'var(--_1ldhlar0-3-3-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,sBAAsB;AAC1B,IAAI,iBAAiB;AACrB,IAAI,cAAc;",
   "names": []
 }

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

@@ -21,9 +21,9 @@ import {
 import { estimateSeriesItemSize } from "../../utils/estimate-series-item-size.js";
 import { calculateTotalWidth400 } from "../../utils/width-calculation.js";
 const Series = (props) => {
-  const { data, seriesItemTemplate, variant, activeItem } = props;
+  const { data, seriesItemTemplate, activeItem = 0 } = props;
   const config = useExternalConfig();
-  if (variant !== "shared" || data.length === 1) {
+  if (config.variant !== "shared" || data.length === 1) {
     return /* @__PURE__ */ jsxs("div", { className: seriesGridContainer, children: [
       /* @__PURE__ */ jsx(Fragment, { children: config.seriesHeader }, "seriesHeader"),
       /* @__PURE__ */ jsx(Fragment, { children: seriesItemTemplate(data[0]) }, "series")

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/Series.tsx"],
-  "sourcesContent": ["import { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { Fragment, type JSX, useRef, useCallback } from 'react';\n\nimport {\n  MIN_TOOLTIP_WIDTH,\n  SCROLLBAR_WIDTH,\n  SYMBOL_AND_SPACING_WIDTH,\n  TOOLTIP_CONTENT_PADDING,\n  TOOLTIP_WRAPPER_PADDING,\n} from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useScrollbarDetection } from '../../hooks/use-scrollbar-detection.js';\nimport { useSelector } from '../../selectors.js';\nimport {\n  seriesGridContainer,\n  seriesItemHighlighted,\n  seriesOverflowContainer,\n  seriesWrapper,\n} from '../../tooltip.sty.js';\nimport { estimateSeriesItemSize } from '../../utils/estimate-series-item-size.js';\nimport { calculateTotalWidth400 } from '../../utils/width-calculation.js';\n\nexport const Series = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  variant?: 'shared' | 'single';\n  activeItem: number;\n}) => {\n  const { data, seriesItemTemplate, variant, activeItem } = props;\n  const config = useExternalConfig();\n\n  if (variant !== 'shared' || data.length === 1) {\n    return (\n      <div className={seriesGridContainer}>\n        <Fragment key=\"seriesHeader\">{config.seriesHeader}</Fragment>\n        <Fragment key=\"series\">{seriesItemTemplate(data[0])}</Fragment>\n      </div>\n    );\n  }\n\n  const maxContentWidthWithinFirstTenValues = Math.max(\n    ...data.slice(0, 10).map((item) => {\n      let nameWidth = 0;\n      if (Array.isArray(item.name)) {\n        nameWidth = calculateTotalWidth400(...item.name);\n      } else {\n        nameWidth = calculateTotalWidth400(item.name as string);\n      }\n\n      let valueWidth = 0;\n      if (item.value !== undefined && item.value !== null) {\n        const valueText = String(item.value);\n        const relativeValueText = item.relativeValue\n          ? String(item.relativeValue)\n          : '';\n        valueWidth = calculateTotalWidth400(valueText, relativeValueText);\n      }\n\n      return nameWidth + valueWidth;\n    }),\n  );\n  return (\n    <SeriesWithVirtualizer\n      data={data}\n      activeItem={activeItem}\n      seriesItemTemplate={seriesItemTemplate}\n      maxContentWidth={maxContentWidthWithinFirstTenValues}\n    />\n  );\n};\n\nconst SeriesWithVirtualizer = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  activeItem: number;\n  maxContentWidth: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem, maxContentWidth } = props;\n  const isItemSelected = useSelector(({ activeSeries }) => !!activeSeries);\n  const parentRef = useRef<HTMLElement | null>(null);\n  const config = useExternalConfig();\n  const isSeriesHeaderDisabled = config.seriesHeader?.props?.disabled;\n  const scrollbarRefCallback = useScrollbarDetection();\n\n  const combinedRefCallback = useCallback(\n    (element: HTMLElement | null) => {\n      parentRef.current = element;\n      scrollbarRefCallback(element);\n    },\n    [scrollbarRefCallback],\n  );\n\n  const virtualizer = useVirtualizer({\n    count: data.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) =>\n      estimateSeriesItemSize(data[index], maxContainerWidth),\n    paddingStart: isSeriesHeaderDisabled ? 0 : 24,\n    paddingEnd: 0,\n    overscan: 3,\n  });\n  const spacings = TOOLTIP_WRAPPER_PADDING * 2 + SYMBOL_AND_SPACING_WIDTH;\n  const maxContainerWidth =\n    maxContentWidth + spacings + TOOLTIP_CONTENT_PADDING * 2;\n\n  return (\n    <div ref={combinedRefCallback} className={seriesWrapper}>\n      <div\n        className={seriesOverflowContainer}\n        style={{\n          height: `${virtualizer.getTotalSize()}px`,\n          width: `${Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH)}px`,\n        }}\n      >\n        {config.seriesHeader}\n        {virtualizer.getVirtualItems().map((item) => {\n          return (\n            <div\n              key={item.key}\n              className={clsx(\n                seriesGridContainer,\n                item.index === activeItem &&\n                  !isItemSelected &&\n                  seriesItemHighlighted,\n              )}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: `calc(100% - var(--needs-scrollbar-fix, 0) * ${SCROLLBAR_WIDTH}px)`,\n                height: `${item.size}px`,\n                transform: `translateY(${item.start}px)`,\n              }}\n            >\n              {seriesItemTemplate(data[item.index])}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { Fragment, type JSX, useRef, useCallback } from 'react';\n\nimport {\n  MIN_TOOLTIP_WIDTH,\n  SCROLLBAR_WIDTH,\n  SYMBOL_AND_SPACING_WIDTH,\n  TOOLTIP_CONTENT_PADDING,\n  TOOLTIP_WRAPPER_PADDING,\n} from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useScrollbarDetection } from '../../hooks/use-scrollbar-detection.js';\nimport { useSelector } from '../../selectors.js';\nimport {\n  seriesGridContainer,\n  seriesItemHighlighted,\n  seriesOverflowContainer,\n  seriesWrapper,\n} from '../../tooltip.sty.js';\nimport { estimateSeriesItemSize } from '../../utils/estimate-series-item-size.js';\nimport { calculateTotalWidth400 } from '../../utils/width-calculation.js';\n\nexport const Series = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  variant?: 'shared' | 'single';\n  activeItem?: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem = 0 } = props;\n  const config = useExternalConfig();\n\n  if (config.variant !== 'shared' || data.length === 1) {\n    return (\n      <div className={seriesGridContainer}>\n        <Fragment key=\"seriesHeader\">{config.seriesHeader}</Fragment>\n        <Fragment key=\"series\">{seriesItemTemplate(data[0])}</Fragment>\n      </div>\n    );\n  }\n\n  const maxContentWidthWithinFirstTenValues = Math.max(\n    ...data.slice(0, 10).map((item) => {\n      let nameWidth = 0;\n      if (Array.isArray(item.name)) {\n        nameWidth = calculateTotalWidth400(...item.name);\n      } else {\n        nameWidth = calculateTotalWidth400(item.name as string);\n      }\n\n      let valueWidth = 0;\n      if (item.value !== undefined && item.value !== null) {\n        const valueText = String(item.value);\n        const relativeValueText = item.relativeValue\n          ? String(item.relativeValue)\n          : '';\n        valueWidth = calculateTotalWidth400(valueText, relativeValueText);\n      }\n\n      return nameWidth + valueWidth;\n    }),\n  );\n  return (\n    <SeriesWithVirtualizer\n      data={data}\n      activeItem={activeItem}\n      seriesItemTemplate={seriesItemTemplate}\n      maxContentWidth={maxContentWidthWithinFirstTenValues}\n    />\n  );\n};\n\nconst SeriesWithVirtualizer = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  activeItem: number;\n  maxContentWidth: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem, maxContentWidth } = props;\n  const isItemSelected = useSelector(({ activeSeries }) => !!activeSeries);\n  const parentRef = useRef<HTMLElement | null>(null);\n  const config = useExternalConfig();\n  const isSeriesHeaderDisabled = config.seriesHeader?.props?.disabled;\n  const scrollbarRefCallback = useScrollbarDetection();\n\n  const combinedRefCallback = useCallback(\n    (element: HTMLElement | null) => {\n      parentRef.current = element;\n      scrollbarRefCallback(element);\n    },\n    [scrollbarRefCallback],\n  );\n\n  const virtualizer = useVirtualizer({\n    count: data.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) =>\n      estimateSeriesItemSize(data[index], maxContainerWidth),\n    paddingStart: isSeriesHeaderDisabled ? 0 : 24,\n    paddingEnd: 0,\n    overscan: 3,\n  });\n  const spacings = TOOLTIP_WRAPPER_PADDING * 2 + SYMBOL_AND_SPACING_WIDTH;\n  const maxContainerWidth =\n    maxContentWidth + spacings + TOOLTIP_CONTENT_PADDING * 2;\n\n  return (\n    <div ref={combinedRefCallback} className={seriesWrapper}>\n      <div\n        className={seriesOverflowContainer}\n        style={{\n          height: `${virtualizer.getTotalSize()}px`,\n          width: `${Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH)}px`,\n        }}\n      >\n        {config.seriesHeader}\n        {virtualizer.getVirtualItems().map((item) => {\n          return (\n            <div\n              key={item.key}\n              className={clsx(\n                seriesGridContainer,\n                item.index === activeItem &&\n                  !isItemSelected &&\n                  seriesItemHighlighted,\n              )}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: `calc(100% - var(--needs-scrollbar-fix, 0) * ${SCROLLBAR_WIDTH}px)`,\n                height: `${item.size}px`,\n                transform: `translateY(${item.start}px)`,\n              }}\n            >\n              {seriesItemTemplate(data[item.index])}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -92,7 +92,15 @@ const SeriesItem = (props) => {
 const WithSymbol = forwardRef(
   (props, ref) => {
     const containerWidth = TOOLTIP_MAX_WIDTH - TOOLTIP_CONTENT_PADDING;
-    const { color, multiLine = false, name, shape, symbol, icon } = props;
+    const {
+      color,
+      multiLine = false,
+      name,
+      shape,
+      iconStyle,
+      icon,
+      symbol
+    } = props;
     const { symbolPosition } = props;
     const {
       nameText,
@@ -120,8 +128,9 @@ const WithSymbol = forwardRef(
         symbolPosition,
         shape,
         symbol,
-        icon,
-        maxWidth: containerWidth
+        maxWidth: containerWidth,
+        iconStyle,
+        icon
       }
     );
   }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/SeriesItem.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { noop } from 'lodash-es';\nimport { forwardRef, useRef, type MouseEventHandler } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useSeriesItemDisplayState } from './hooks/use-series-item-display-state.js';\nimport { SeriesActionsHeader } from './SeriesActionsHeader.js';\nimport { SeriesItemContent } from './SeriesItemContent.js';\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../../copy-to-clipboard/copy-to-clipboard-messages.js';\nimport { ChartActionsMenuAsync } from '../../../series-action/ChartActionsMenuAsync.js';\nimport { TOOLTIP_CONTENT_PADDING } from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useDefaultLabels } from '../../hooks/useDefaultLabels.js';\nimport { useSelector, useTooltipSnapshot } from '../../selectors.js';\nimport {\n  seriesItemActive,\n  seriesItemWrapper,\n  TOOLTIP_MAX_WIDTH,\n} from '../../tooltip.sty.js';\nimport type { SeriesItemProps } from '../../types/series.js';\nimport { InternalSeriesItemProps } from '../../types/series.js';\nimport { useTooltipReducer } from '../../useTooltipReducer.js';\nimport { getDefaultAction } from '../../utils/get-copy-action.js';\n\nconst ACTIVE_SERIES_HOVER_DELAY = 500;\n\nexport const SeriesItem = (props: SeriesItemProps) => {\n  const intl = useIntl();\n  const { pinned } = useTooltipSnapshot();\n  const labelFor = useDefaultLabels();\n  const internalProps = props as InternalSeriesItemProps;\n  const { actions, ...restProps } = internalProps;\n  const { symbolPosition = 'left', defaultActionsConfig } = useExternalConfig();\n  const dispatch = useTooltipReducer();\n  const isOpen = useSelector(({ activeSeries }) => activeSeries === props.name);\n  const { activeSeries } = useTooltipSnapshot();\n  const menuDelayRef = useRef(0);\n  const asyncActions = actions ? async () => actions() : undefined;\n\n  const triggerLeftTooltip: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })();\n  };\n  const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    menuDelayRef.current = 0;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n  const handlePointerMove = () => {\n    menuDelayRef.current = ACTIVE_SERIES_HOVER_DELAY;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n  const defaultActions = !pinned\n    ? null\n    : [...defaultActionsConfig.entries()].map(([accessor, config]) => {\n        const message = intl.formatMessage(\n          config.messageLabel ?? COPY_TO_CLIPBOARD_MESSAGES.copyField,\n          {\n            field: labelFor?.(\n              config.field,\n              config.customLabel,\n            )?.toLocaleLowerCase(),\n          },\n        );\n        return getDefaultAction(props, accessor, message);\n      });\n\n  return (\n    <div\n      className={clsx(\n        activeSeries === props.name && seriesItemActive,\n        seriesItemWrapper,\n      )}\n      role=\"none\"\n      onClick={handleClick}\n      onPointerMove={handlePointerMove}\n      onKeyDown={noop}\n    >\n      <ChartActionsMenuAsync\n        defaultActions={defaultActions}\n        actions={asyncActions}\n        isOpen={isOpen}\n        header={<SeriesActionsHeader text={props.name} />}\n        onActionSelected={triggerLeftTooltip}\n        delay={menuDelayRef.current}\n      >\n        <WithSymbol symbolPosition={symbolPosition} {...restProps} />\n      </ChartActionsMenuAsync>\n    </div>\n  );\n};\n\ntype SeriesWithSymbolProps = Omit<InternalSeriesItemProps, 'actions'> & {\n  symbolPosition: 'left' | 'right';\n};\n\nconst WithSymbol = forwardRef<HTMLDivElement, SeriesWithSymbolProps>(\n  (props, ref) => {\n    const containerWidth = TOOLTIP_MAX_WIDTH - TOOLTIP_CONTENT_PADDING;\n    const { color, multiLine = false, name, shape, symbol, icon } = props;\n    const { symbolPosition } = props;\n    const {\n      nameText,\n      displayValueText,\n      displayRelativeValueText,\n      fullValueText,\n      fullRelativeValueText,\n      nameTextStyle,\n      nameStyle,\n    } = useSeriesItemDisplayState({ ...props, maxWidth: containerWidth });\n    return (\n      <SeriesItemContent\n        ref={ref}\n        color={color}\n        name={name}\n        nameText={nameText}\n        displayValueText={displayValueText}\n        displayRelativeValueText={displayRelativeValueText}\n        fullValueText={fullValueText}\n        fullRelativeValueText={fullRelativeValueText}\n        nameTextStyle={nameTextStyle}\n        nameStyle={nameStyle}\n        multiLine={multiLine}\n        symbolPosition={symbolPosition}\n        shape={shape}\n        symbol={symbol}\n        icon={icon}\n        maxWidth={containerWidth}\n      />\n    );\n  },\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { noop } from 'lodash-es';\nimport { forwardRef, useRef, type MouseEventHandler } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useSeriesItemDisplayState } from './hooks/use-series-item-display-state.js';\nimport { SeriesActionsHeader } from './SeriesActionsHeader.js';\nimport { SeriesItemContent } from './SeriesItemContent.js';\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../../copy-to-clipboard/copy-to-clipboard-messages.js';\nimport { ChartActionsMenuAsync } from '../../../series-action/ChartActionsMenuAsync.js';\nimport { TOOLTIP_CONTENT_PADDING } from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useDefaultLabels } from '../../hooks/useDefaultLabels.js';\nimport { useSelector, useTooltipSnapshot } from '../../selectors.js';\nimport {\n  seriesItemActive,\n  seriesItemWrapper,\n  TOOLTIP_MAX_WIDTH,\n} from '../../tooltip.sty.js';\nimport type { SeriesItemProps } from '../../types/series.js';\nimport { InternalSeriesItemProps } from '../../types/series.js';\nimport { useTooltipReducer } from '../../useTooltipReducer.js';\nimport { getDefaultAction } from '../../utils/get-copy-action.js';\n\nconst ACTIVE_SERIES_HOVER_DELAY = 500;\n\nexport const SeriesItem = (props: SeriesItemProps) => {\n  const intl = useIntl();\n  const { pinned } = useTooltipSnapshot();\n  const labelFor = useDefaultLabels();\n  const internalProps = props as InternalSeriesItemProps;\n  const { actions, ...restProps } = internalProps;\n  const { symbolPosition = 'left', defaultActionsConfig } = useExternalConfig();\n  const dispatch = useTooltipReducer();\n  const isOpen = useSelector(({ activeSeries }) => activeSeries === props.name);\n  const { activeSeries } = useTooltipSnapshot();\n  const menuDelayRef = useRef(0);\n  const asyncActions = actions ? async () => actions() : undefined;\n\n  const triggerLeftTooltip: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })();\n  };\n  const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    menuDelayRef.current = 0;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n  const handlePointerMove = () => {\n    menuDelayRef.current = ACTIVE_SERIES_HOVER_DELAY;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n  const defaultActions = !pinned\n    ? null\n    : [...defaultActionsConfig.entries()].map(([accessor, config]) => {\n        const message = intl.formatMessage(\n          config.messageLabel ?? COPY_TO_CLIPBOARD_MESSAGES.copyField,\n          {\n            field: labelFor?.(\n              config.field,\n              config.customLabel,\n            )?.toLocaleLowerCase(),\n          },\n        );\n        return getDefaultAction(props, accessor, message);\n      });\n\n  return (\n    <div\n      className={clsx(\n        activeSeries === props.name && seriesItemActive,\n        seriesItemWrapper,\n      )}\n      role=\"none\"\n      onClick={handleClick}\n      onPointerMove={handlePointerMove}\n      onKeyDown={noop}\n    >\n      <ChartActionsMenuAsync\n        defaultActions={defaultActions}\n        actions={asyncActions}\n        isOpen={isOpen}\n        header={<SeriesActionsHeader text={props.name} />}\n        onActionSelected={triggerLeftTooltip}\n        delay={menuDelayRef.current}\n      >\n        <WithSymbol symbolPosition={symbolPosition} {...restProps} />\n      </ChartActionsMenuAsync>\n    </div>\n  );\n};\n\ntype SeriesWithSymbolProps = Omit<InternalSeriesItemProps, 'actions'> & {\n  symbolPosition: 'left' | 'right';\n};\n\nconst WithSymbol = forwardRef<HTMLDivElement, SeriesWithSymbolProps>(\n  (props, ref) => {\n    const containerWidth = TOOLTIP_MAX_WIDTH - TOOLTIP_CONTENT_PADDING;\n    const {\n      color,\n      multiLine = false,\n      name,\n      shape,\n      iconStyle,\n      icon,\n      symbol,\n    } = props;\n    const { symbolPosition } = props;\n    const {\n      nameText,\n      displayValueText,\n      displayRelativeValueText,\n      fullValueText,\n      fullRelativeValueText,\n      nameTextStyle,\n      nameStyle,\n    } = useSeriesItemDisplayState({ ...props, maxWidth: containerWidth });\n    return (\n      <SeriesItemContent\n        ref={ref}\n        color={color}\n        name={name}\n        nameText={nameText}\n        displayValueText={displayValueText}\n        displayRelativeValueText={displayRelativeValueText}\n        fullValueText={fullValueText}\n        fullRelativeValueText={fullRelativeValueText}\n        nameTextStyle={nameTextStyle}\n        nameStyle={nameStyle}\n        multiLine={multiLine}\n        symbolPosition={symbolPosition}\n        shape={shape}\n        symbol={symbol}\n        maxWidth={containerWidth}\n        iconStyle={iconStyle}\n        icon={icon}\n      />\n    );\n  },\n);\n"],
+  "mappings": "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",
   "names": ["activeSeries"]
 }

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

@@ -31,6 +31,7 @@ const SeriesItemContent = forwardRef((props, ref) => {
     shape,
     symbol,
     icon,
+    iconStyle,
     maxWidth
   } = props;
   const isRightPosition = symbolPosition === "right";
@@ -51,7 +52,16 @@ const SeriesItemContent = forwardRef((props, ref) => {
     return /* @__PURE__ */ jsx("span", { className: nameTextStyle, style: nameStyle, children: /* @__PURE__ */ jsx("span", { className: seriesNameText, children: nameText }) });
   };
   const renderSymbol = () => {
-    return /* @__PURE__ */ jsx("span", { className: symbolWrapper({ isRight: isRightPosition }), children: /* @__PURE__ */ jsx(SeriesSymbol, { color, shape, symbol, icon }) });
+    return /* @__PURE__ */ jsx("span", { className: symbolWrapper({ isRight: isRightPosition }), children: /* @__PURE__ */ jsx(
+      SeriesSymbol,
+      {
+        color,
+        shape,
+        symbol,
+        icon,
+        iconStyle
+      }
+    ) });
   };
   const renderValue = () => {
     const isValueTruncated = displayValueText !== fullValueText;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/SeriesItemContent.tsx"],
-  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport { CSSProperties, forwardRef } from 'react';\n\nimport { SeriesSymbol } from './SeriesSymbol.js';\nimport { Tooltip } from '../../../../../../overlays/tooltip/Tooltip.js';\nimport { GAP_BETWEEN_COLUMNS } from '../../constants.js';\nimport {\n  multiLineName,\n  relativeValueStyle,\n  seriesItem,\n  seriesItemMaxWidthVar,\n  seriesItemText,\n  seriesNameCell,\n  seriesNameText,\n  seriesValueCell,\n  symbolWrapper,\n} from '../../tooltip.sty.js';\nimport { InternalSeriesItemProps } from '../../types/series.js';\n\ninterface SeriesItemContentProps\n  extends Omit<InternalSeriesItemProps, 'value'> {\n  nameText: string | string[];\n  displayValueText: string;\n  displayRelativeValueText?: string;\n  fullValueText: string;\n  fullRelativeValueText?: string;\n  nameTextStyle: string;\n  nameStyle: CSSProperties;\n  multiLine: boolean;\n  symbolPosition: 'left' | 'right';\n  maxWidth?: number;\n}\n\nexport const SeriesItemContent = forwardRef<\n  HTMLDivElement,\n  SeriesItemContentProps\n>((props, ref) => {\n  const {\n    color,\n    nameText,\n    displayValueText,\n    displayRelativeValueText,\n    fullValueText,\n    fullRelativeValueText,\n    nameTextStyle,\n    nameStyle,\n    multiLine = false,\n    symbolPosition,\n    shape,\n    symbol,\n    icon,\n    maxWidth,\n  } = props;\n  const isRightPosition = symbolPosition === 'right';\n  const renderNameContent = () => {\n    if (Array.isArray(nameText) && multiLine) {\n      return (\n        <ul className={multiLineName}>\n          {nameText.map((line) => {\n            return (\n              <li\n                key={`${line}`}\n                className={nameTextStyle}\n                style={{ ...nameStyle, padding: 0 }}\n              >\n                <span className={seriesNameText}>{line}</span>\n              </li>\n            );\n          })}\n        </ul>\n      );\n    }\n\n    return (\n      <span className={nameTextStyle} style={nameStyle}>\n        <span className={seriesNameText}>{nameText}</span>\n      </span>\n    );\n  };\n\n  const renderSymbol = () => {\n    return (\n      <span className={symbolWrapper({ isRight: isRightPosition })}>\n        <SeriesSymbol color={color} shape={shape} symbol={symbol} icon={icon} />\n      </span>\n    );\n  };\n\n  const renderValue = () => {\n    const isValueTruncated = displayValueText !== fullValueText;\n    const isRelativeValueTruncated =\n      displayRelativeValueText !== fullRelativeValueText;\n\n    return (\n      <>\n        <Tooltip text={fullValueText} disabled={!isValueTruncated}>\n          <span className={seriesItemText}>{displayValueText}</span>\n        </Tooltip>\n        {displayRelativeValueText && (\n          <Tooltip\n            text={fullRelativeValueText}\n            disabled={!isRelativeValueTruncated}\n          >\n            <span className={clsx(relativeValueStyle, seriesItemText)}>\n              {displayRelativeValueText}\n            </span>\n          </Tooltip>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={seriesItem({ symbolPosition })}\n      style={assignInlineVars({\n        [seriesItemMaxWidthVar]: `${maxWidth}px`,\n      })}\n    >\n      <div style={{ gridArea: 'symbol' }}>{renderSymbol()}</div>\n      <div\n        className={seriesNameCell}\n        style={{ gridArea: 'name', marginRight: `${GAP_BETWEEN_COLUMNS}px` }}\n      >\n        {renderNameContent()}\n      </div>\n      <div className={seriesValueCell} style={{ gridArea: 'value' }}>\n        {renderValue()}\n      </div>\n    </div>\n  );\n});\n"],
-  "mappings": "AAkEgB,SA6BV,UA7BU,KA6BV,YA7BU;AAlEhB,SAAS,wBAAwB;AACjC,OAAO,UAAU;AACjB,SAAwB,kBAAkB;AAE1C,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiBA,MAAM,oBAAoB,WAG/B,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,oBAAoB,MAAM;AAC9B,QAAI,MAAM,QAAQ,QAAQ,KAAK,WAAW;AACxC,aACE,oBAAC,QAAG,WAAW,eACZ,mBAAS,IAAI,CAAC,SAAS;AACtB,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,YACX,OAAO,EAAE,GAAG,WAAW,SAAS,EAAE;AAAA,YAElC,8BAAC,UAAK,WAAW,gBAAiB,gBAAK;AAAA;AAAA,UAJlC,GAAG,IAAI;AAAA,QAKd;AAAA,MAEJ,CAAC,GACH;AAAA,IAEJ;AAEA,WACE,oBAAC,UAAK,WAAW,eAAe,OAAO,WACrC,8BAAC,UAAK,WAAW,gBAAiB,oBAAS,GAC7C;AAAA,EAEJ;AAEA,QAAM,eAAe,MAAM;AACzB,WACE,oBAAC,UAAK,WAAW,cAAc,EAAE,SAAS,gBAAgB,CAAC,GACzD,8BAAC,gBAAa,OAAc,OAAc,QAAgB,MAAY,GACxE;AAAA,EAEJ;AAEA,QAAM,cAAc,MAAM;AACxB,UAAM,mBAAmB,qBAAqB;AAC9C,UAAM,2BACJ,6BAA6B;AAE/B,WACE,iCACE;AAAA,0BAAC,WAAQ,MAAM,eAAe,UAAU,CAAC,kBACvC,8BAAC,UAAK,WAAW,gBAAiB,4BAAiB,GACrD;AAAA,MACC,4BACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UAAU,CAAC;AAAA,UAEX,8BAAC,UAAK,WAAW,KAAK,oBAAoB,cAAc,GACrD,oCACH;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,WAAW,EAAE,eAAe,CAAC;AAAA,MACxC,OAAO,iBAAiB;AAAA,QACtB,CAAC,qBAAqB,GAAG,GAAG,QAAQ;AAAA,MACtC,CAAC;AAAA,MAED;AAAA,4BAAC,SAAI,OAAO,EAAE,UAAU,SAAS,GAAI,uBAAa,GAAE;AAAA,QACpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,UAAU,QAAQ,aAAa,GAAG,mBAAmB,KAAK;AAAA,YAElE,4BAAkB;AAAA;AAAA,QACrB;AAAA,QACA,oBAAC,SAAI,WAAW,iBAAiB,OAAO,EAAE,UAAU,QAAQ,GACzD,sBAAY,GACf;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport { CSSProperties, forwardRef } from 'react';\n\nimport { SeriesSymbol } from './SeriesSymbol.js';\nimport { Tooltip } from '../../../../../../overlays/tooltip/Tooltip.js';\nimport { GAP_BETWEEN_COLUMNS } from '../../constants.js';\nimport {\n  multiLineName,\n  relativeValueStyle,\n  seriesItem,\n  seriesItemMaxWidthVar,\n  seriesItemText,\n  seriesNameCell,\n  seriesNameText,\n  seriesValueCell,\n  symbolWrapper,\n} from '../../tooltip.sty.js';\nimport { InternalSeriesItemProps } from '../../types/series.js';\n\ninterface SeriesItemContentProps\n  extends Omit<InternalSeriesItemProps, 'value'> {\n  nameText: string | string[];\n  displayValueText: string;\n  displayRelativeValueText?: string;\n  fullValueText: string;\n  fullRelativeValueText?: string;\n  nameTextStyle: string;\n  nameStyle: CSSProperties;\n  multiLine: boolean;\n  symbolPosition: 'left' | 'right';\n  maxWidth?: number;\n}\n\nexport const SeriesItemContent = forwardRef<\n  HTMLDivElement,\n  SeriesItemContentProps\n>((props, ref) => {\n  const {\n    color,\n    nameText,\n    displayValueText,\n    displayRelativeValueText,\n    fullValueText,\n    fullRelativeValueText,\n    nameTextStyle,\n    nameStyle,\n    multiLine = false,\n    symbolPosition,\n    shape,\n    symbol,\n    icon,\n    iconStyle,\n    maxWidth,\n  } = props;\n  const isRightPosition = symbolPosition === 'right';\n  const renderNameContent = () => {\n    if (Array.isArray(nameText) && multiLine) {\n      return (\n        <ul className={multiLineName}>\n          {nameText.map((line) => {\n            return (\n              <li\n                key={`${line}`}\n                className={nameTextStyle}\n                style={{ ...nameStyle, padding: 0 }}\n              >\n                <span className={seriesNameText}>{line}</span>\n              </li>\n            );\n          })}\n        </ul>\n      );\n    }\n\n    return (\n      <span className={nameTextStyle} style={nameStyle}>\n        <span className={seriesNameText}>{nameText}</span>\n      </span>\n    );\n  };\n\n  const renderSymbol = () => {\n    return (\n      <span className={symbolWrapper({ isRight: isRightPosition })}>\n        <SeriesSymbol\n          color={color}\n          shape={shape}\n          symbol={symbol}\n          icon={icon}\n          iconStyle={iconStyle}\n        />\n      </span>\n    );\n  };\n\n  const renderValue = () => {\n    const isValueTruncated = displayValueText !== fullValueText;\n    const isRelativeValueTruncated =\n      displayRelativeValueText !== fullRelativeValueText;\n\n    return (\n      <>\n        <Tooltip text={fullValueText} disabled={!isValueTruncated}>\n          <span className={seriesItemText}>{displayValueText}</span>\n        </Tooltip>\n        {displayRelativeValueText && (\n          <Tooltip\n            text={fullRelativeValueText}\n            disabled={!isRelativeValueTruncated}\n          >\n            <span className={clsx(relativeValueStyle, seriesItemText)}>\n              {displayRelativeValueText}\n            </span>\n          </Tooltip>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={seriesItem({ symbolPosition })}\n      style={assignInlineVars({\n        [seriesItemMaxWidthVar]: `${maxWidth}px`,\n      })}\n    >\n      <div style={{ gridArea: 'symbol' }}>{renderSymbol()}</div>\n      <div\n        className={seriesNameCell}\n        style={{ gridArea: 'name', marginRight: `${GAP_BETWEEN_COLUMNS}px` }}\n      >\n        {renderNameContent()}\n      </div>\n      <div className={seriesValueCell} style={{ gridArea: 'value' }}>\n        {renderValue()}\n      </div>\n    </div>\n  );\n});\n"],
+  "mappings": "AAmEgB,SAmCV,UAnCU,KAmCV,YAnCU;AAnEhB,SAAS,wBAAwB;AACjC,OAAO,UAAU;AACjB,SAAwB,kBAAkB;AAE1C,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiBA,MAAM,oBAAoB,WAG/B,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,oBAAoB,MAAM;AAC9B,QAAI,MAAM,QAAQ,QAAQ,KAAK,WAAW;AACxC,aACE,oBAAC,QAAG,WAAW,eACZ,mBAAS,IAAI,CAAC,SAAS;AACtB,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,YACX,OAAO,EAAE,GAAG,WAAW,SAAS,EAAE;AAAA,YAElC,8BAAC,UAAK,WAAW,gBAAiB,gBAAK;AAAA;AAAA,UAJlC,GAAG,IAAI;AAAA,QAKd;AAAA,MAEJ,CAAC,GACH;AAAA,IAEJ;AAEA,WACE,oBAAC,UAAK,WAAW,eAAe,OAAO,WACrC,8BAAC,UAAK,WAAW,gBAAiB,oBAAS,GAC7C;AAAA,EAEJ;AAEA,QAAM,eAAe,MAAM;AACzB,WACE,oBAAC,UAAK,WAAW,cAAc,EAAE,SAAS,gBAAgB,CAAC,GACzD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AAEA,QAAM,cAAc,MAAM;AACxB,UAAM,mBAAmB,qBAAqB;AAC9C,UAAM,2BACJ,6BAA6B;AAE/B,WACE,iCACE;AAAA,0BAAC,WAAQ,MAAM,eAAe,UAAU,CAAC,kBACvC,8BAAC,UAAK,WAAW,gBAAiB,4BAAiB,GACrD;AAAA,MACC,4BACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UAAU,CAAC;AAAA,UAEX,8BAAC,UAAK,WAAW,KAAK,oBAAoB,cAAc,GACrD,oCACH;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,WAAW,EAAE,eAAe,CAAC;AAAA,MACxC,OAAO,iBAAiB;AAAA,QACtB,CAAC,qBAAqB,GAAG,GAAG,QAAQ;AAAA,MACtC,CAAC;AAAA,MAED;AAAA,4BAAC,SAAI,OAAO,EAAE,UAAU,SAAS,GAAI,uBAAa,GAAE;AAAA,QACpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,UAAU,QAAQ,aAAa,GAAG,mBAAmB,KAAK;AAAA,YAElE,4BAAkB;AAAA;AAAA,QACrB;AAAA,QACA,oBAAC,SAAI,WAAW,iBAAiB,OAAO,EAAE,UAAU,QAAQ,GACzD,sBAAY,GACf;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
   "names": []
 }

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

@@ -1,12 +1,33 @@
 import { jsx } from "react/jsx-runtime";
-import { customSymbol } from "./seriesSymbol.sty.js";
+import clsx from "clsx";
+import { customSymbol, customSymbolLarge } from "./seriesSymbol.sty.js";
 import { ShapeIcon } from "../../../shape/ShapeIcon.js";
 const SeriesSymbol = (props) => {
   if (props.icon) {
-    return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: customSymbol, children: props.icon });
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: clsx(
+          customSymbol,
+          props.iconStyle === "large" && customSymbolLarge
+        ),
+        children: props.icon
+      }
+    );
   }
   if (props.symbol && props.symbol.trim() !== "") {
-    return /* @__PURE__ */ jsx("span", { className: customSymbol, "aria-hidden": "true", children: props.symbol });
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: clsx(
+          customSymbol,
+          props.iconStyle === "large" && customSymbolLarge
+        ),
+        "aria-hidden": "true",
+        children: props.symbol
+      }
+    );
   }
   if (!props.color) {
     return null;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/SeriesSymbol.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\n\nimport { customSymbol } from './seriesSymbol.sty.js';\nimport { ShapeIcon } from '../../../shape/ShapeIcon.js';\nimport { VariantShape } from '../../../shape/type.js';\n\nexport const SeriesSymbol = (props: {\n  color?: string;\n  shape?: VariantShape;\n  symbol?: string;\n  icon?: JSX.Element;\n}) => {\n  if (props.icon) {\n    return (\n      <span aria-hidden=\"true\" className={customSymbol}>\n        {props.icon}\n      </span>\n    );\n  }\n\n  if (props.symbol && props.symbol.trim() !== '') {\n    return (\n      <span className={customSymbol} aria-hidden=\"true\">\n        {props.symbol}\n      </span>\n    );\n  }\n\n  if (!props.color) {\n    return null;\n  }\n\n  return <ShapeIcon color={props.color} shape={props.shape || 'circle'} />;\n};\n"],
-  "mappings": "AAcM;AAZN,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAGnB,MAAM,eAAe,CAAC,UAKvB;AACJ,MAAI,MAAM,MAAM;AACd,WACE,oBAAC,UAAK,eAAY,QAAO,WAAW,cACjC,gBAAM,MACT;AAAA,EAEJ;AAEA,MAAI,MAAM,UAAU,MAAM,OAAO,KAAK,MAAM,IAAI;AAC9C,WACE,oBAAC,UAAK,WAAW,cAAc,eAAY,QACxC,gBAAM,QACT;AAAA,EAEJ;AAEA,MAAI,CAAC,MAAM,OAAO;AAChB,WAAO;AAAA,EACT;AAEA,SAAO,oBAAC,aAAU,OAAO,MAAM,OAAO,OAAO,MAAM,SAAS,UAAU;AACxE;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport type { JSX } from 'react';\n\nimport { customSymbol, customSymbolLarge } from './seriesSymbol.sty.js';\nimport { ShapeIcon } from '../../../shape/ShapeIcon.js';\nimport { VariantShape } from '../../../shape/type.js';\nimport type { IconStyle } from '../../types/series.js';\n\nexport const SeriesSymbol = (props: {\n  color?: string;\n  shape?: VariantShape;\n  symbol?: string;\n  icon?: JSX.Element;\n  iconStyle?: IconStyle;\n}) => {\n  if (props.icon) {\n    return (\n      <span\n        aria-hidden=\"true\"\n        className={clsx(\n          customSymbol,\n          props.iconStyle === 'large' && customSymbolLarge,\n        )}\n      >\n        {props.icon}\n      </span>\n    );\n  }\n\n  if (props.symbol && props.symbol.trim() !== '') {\n    return (\n      <span\n        className={clsx(\n          customSymbol,\n          props.iconStyle === 'large' && customSymbolLarge,\n        )}\n        aria-hidden=\"true\"\n      >\n        {props.symbol}\n      </span>\n    );\n  }\n\n  if (!props.color) {\n    return null;\n  }\n\n  return <ShapeIcon color={props.color} shape={props.shape || 'circle'} />;\n};\n"],
+  "mappings": "AAiBM;AAjBN,OAAO,UAAU;AAGjB,SAAS,cAAc,yBAAyB;AAChD,SAAS,iBAAiB;AAInB,MAAM,eAAe,CAAC,UAMvB;AACJ,MAAI,MAAM,MAAM;AACd,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA,MAAM,cAAc,WAAW;AAAA,QACjC;AAAA,QAEC,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AAEA,MAAI,MAAM,UAAU,MAAM,OAAO,KAAK,MAAM,IAAI;AAC9C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,MAAM,cAAc,WAAW;AAAA,QACjC;AAAA,QACA,eAAY;AAAA,QAEX,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AAEA,MAAI,CAAC,MAAM,OAAO;AAChB,WAAO;AAAA,EACT;AAEA,SAAO,oBAAC,aAAU,OAAO,MAAM,OAAO,OAAO,MAAM,SAAS,UAAU;AACxE;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/series/seriesSymbol.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._1ydozsr0-3-2-0 {
+._1ydozsr0-3-3-0 {
   height: var(--dt-spacings-size-12, 12px);
   width: var(--dt-spacings-size-12, 12px);
   font-size: var(--dt-spacings-size-12, 12px);
@@ -9,4 +9,10 @@
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+}
+._1ydozsr1-3-3-0 {
+  height: var(--dt-spacings-size-24, 24px);
+  width: var(--dt-spacings-size-24, 24px);
+  font-size: var(--dt-spacings-size-24, 24px);
+  line-height: var(--dt-spacings-size-24, 24px);
 }

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

@@ -1,6 +1,8 @@
 import "./seriesSymbol.css";
-var customSymbol = "_1ydozsr0-3-2-0";
+var customSymbol = "_1ydozsr0-3-3-0";
+var customSymbolLarge = "_1ydozsr1-3-3-0 _1ydozsr0-3-3-0";
 export {
-  customSymbol
+  customSymbol,
+  customSymbolLarge
 };
 //# sourceMappingURL=seriesSymbol.sty.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/seriesSymbol.css.ts"],
-  "sourcesContent": ["import './seriesSymbol.css';\nexport var customSymbol = '_1ydozsr0-3-2-0';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
+  "sourcesContent": ["import './seriesSymbol.css';\nexport var customSymbol = '_1ydozsr0-3-3-0';\nexport var customSymbolLarge = '_1ydozsr1-3-3-0 _1ydozsr0-3-3-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,oBAAoB;",
   "names": []
 }