@dynatrace/strato-components 3.2.0 → 3.3.0

package/esm/charts/timeseries/providers/TimeseriesDataProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/timeseries/providers/TimeseriesDataProvider.tsx"],
-  "sourcesContent": ["import { uniq } from 'lodash-es';\nimport { type PropsWithChildren, useMemo } from 'react';\n\nimport { useColorRule } from '../../core/color-rule/useColorRule.js';\nimport { ChartMessage } from '../../core/types/chart-message.js';\nimport { ValueRepresentation } from '../../core/types/scales.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { TimeseriesDataContext } from '../context/TimeseriesData.context.js';\nimport { useColorPalette } from '../hooks/useColorPalette.js';\nimport { useDataByYAxis } from '../hooks/useDataByYAxis.js';\nimport { useGapPolicy } from '../hooks/useGapPolicy.js';\nimport { usePointsDisplay } from '../hooks/usePointsDisplay.js';\nimport { TimeseriesBandSlotProps } from '../types/timeseries.js';\nimport {\n  SeriesMetadata,\n  TimeseriesPerVariant,\n  type TimeseriesVariantSlotProps,\n  ValueRepresentationPerVariant,\n  WeakMapSeries,\n} from '../types/timeseries.js';\nimport { mergeTimeseriesFromVariants } from '../utils/timeseries.js';\n\ntype TimeseriesDataProviderProps = PropsWithChildren<{\n  data: TimeseriesPerVariant;\n  valueRepresentation: ValueRepresentation;\n  onMessage?: (messages: ChartMessage[]) => void;\n}>;\n\nfunction getAllUnits(data: TimeseriesPerVariant) {\n  return uniq(data.shapePriority.flatMap((v) => data[v]?.map((s) => s.unit)));\n}\n\nexport function useBuildInitialMetadata(\n  data: TimeseriesPerVariant,\n  valueRepresentation: ValueRepresentation,\n  mergedData: (TimeseriesBandSlotProps | TimeseriesVariantSlotProps)[],\n) {\n  const colorPalette = useColorPalette();\n  const gapPolicy = useGapPolicy();\n  const pointsDisplay = usePointsDisplay();\n  const seriesMap: WeakMapSeries = new WeakMap();\n  const allUnits = getAllUnits(data);\n  const colorRules = useColorRule(mergedData, 'timeseries');\n\n  let startingIndex = 0;\n\n  const valueRepPerVariant: ValueRepresentationPerVariant = new Map();\n\n  for (const variant of data.shapePriority) {\n    const variantSeries = data[variant];\n\n    for (let i = 0; i < variantSeries.length; i++) {\n      const series = variantSeries[i];\n\n      const id = crypto.randomUUID();\n\n      const color = series.color\n        ? { Default: series.color }\n        : colorRules.for(series) ??\n          getColorPalette(\n            Array.isArray(series.name) ? series.name[0] : series.name,\n            startingIndex + i,\n            colorPalette,\n          );\n\n      const metadata: SeriesMetadata = {\n        id,\n        color,\n        gapPolicy: series.gapPolicy ?? gapPolicy,\n        pointsDisplay: series.pointsDisplay ?? pointsDisplay,\n      };\n\n      if (!valueRepPerVariant.get(variant) && series.valueRepresentation) {\n        valueRepPerVariant.set(variant, series.valueRepresentation);\n      }\n\n      seriesMap.set(series, metadata);\n    }\n\n    if (!valueRepPerVariant.get(variant)) {\n      valueRepPerVariant.set(variant, valueRepresentation);\n    }\n\n    startingIndex += variantSeries.length;\n  }\n\n  return {\n    units: allUnits,\n    seriesMap,\n    valueRepPerVariant,\n  };\n}\n\nfunction cloneSeries<\n  T extends TimeseriesVariantSlotProps | TimeseriesBandSlotProps,\n>(array: T[]) {\n  return array.map((series) => ({\n    ...series,\n    datapoints: series.datapoints.map((datapoint) => ({ ...datapoint })),\n  }));\n}\n\nexport const TimeseriesDataProvider = ({\n  children,\n  data: _data,\n  valueRepresentation,\n  onMessage,\n}: TimeseriesDataProviderProps) => {\n  const clonedData = {\n    line: cloneSeries(_data.line),\n    bar: cloneSeries(_data.bar),\n    area: cloneSeries(_data.area),\n    band: cloneSeries(_data.band),\n    shapePriority: _data.shapePriority,\n  };\n\n  const data = useDataByYAxis(clonedData);\n  const mergedData = useMemo(() => mergeTimeseriesFromVariants(data), [data]);\n  const { units, seriesMap, valueRepPerVariant } = useBuildInitialMetadata(\n    data,\n    valueRepresentation,\n    mergedData,\n  );\n\n  return (\n    <TimeseriesDataContext.Provider\n      value={{\n        data: mergedData,\n        dataPerVariant: data,\n        valueRepPerVariant,\n        seriesMap,\n        units,\n      }}\n    >\n      {children}\n    </TimeseriesDataContext.Provider>\n  );\n};\n\nTimeseriesDataProvider['displayName'] = 'TimeseriesDataProvider';\n"],
+  "sourcesContent": ["import { uniq } from 'lodash-es';\nimport { type PropsWithChildren, useMemo } from 'react';\n\nimport { useColorRule } from '../../core/color-rule/useColorRule.js';\nimport { ChartMessage } from '../../core/types/chart-message.js';\nimport { ValueRepresentation } from '../../core/types/scales.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { TimeseriesDataContext } from '../context/TimeseriesData.context.js';\nimport { useColorPalette } from '../hooks/useColorPalette.js';\nimport { useDataByYAxis } from '../hooks/useDataByYAxis.js';\nimport { useGapPolicy } from '../hooks/useGapPolicy.js';\nimport { usePointsDisplay } from '../hooks/usePointsDisplay.js';\nimport {\n  SeriesMetadata,\n  TimeseriesPerVariant,\n  type TimeseriesVariantSlotProps,\n  ValueRepresentationPerVariant,\n  TimeseriesBandSlotProps,\n  WeakMapSeries,\n} from '../types/timeseries.js';\nimport { mergeTimeseriesFromVariants } from '../utils/timeseries.js';\n\ntype TimeseriesDataProviderProps = PropsWithChildren<{\n  data: TimeseriesPerVariant;\n  valueRepresentation: ValueRepresentation;\n  onMessage?: (messages: ChartMessage[]) => void;\n}>;\n\nfunction getAllUnits(data: TimeseriesPerVariant) {\n  return uniq(data.shapePriority.flatMap((v) => data[v]?.map((s) => s.unit)));\n}\n\nexport function useBuildInitialMetadata(\n  data: TimeseriesPerVariant,\n  valueRepresentation: ValueRepresentation,\n  mergedData: (TimeseriesBandSlotProps | TimeseriesVariantSlotProps)[],\n) {\n  const colorPalette = useColorPalette();\n  const gapPolicy = useGapPolicy();\n  const pointsDisplay = usePointsDisplay();\n  const seriesMap: WeakMapSeries = new WeakMap();\n  const allUnits = getAllUnits(data);\n  const colorRules = useColorRule(mergedData, 'timeseries');\n\n  let startingIndex = 0;\n\n  const valueRepPerVariant: ValueRepresentationPerVariant = new Map();\n\n  for (const variant of data.shapePriority) {\n    const variantSeries = data[variant];\n\n    for (let i = 0; i < variantSeries.length; i++) {\n      const series = variantSeries[i];\n\n      const id = crypto.randomUUID();\n\n      const color = series.color\n        ? { Default: series.color }\n        : colorRules.for(series) ??\n          getColorPalette(\n            Array.isArray(series.name) ? series.name[0] : series.name,\n            startingIndex + i,\n            colorPalette,\n          );\n\n      const metadata: SeriesMetadata = {\n        id,\n        color,\n        gapPolicy: series.gapPolicy ?? gapPolicy,\n        pointsDisplay: series.pointsDisplay ?? pointsDisplay,\n      };\n\n      if (!valueRepPerVariant.get(variant) && series.valueRepresentation) {\n        valueRepPerVariant.set(variant, series.valueRepresentation);\n      }\n\n      seriesMap.set(series, metadata);\n    }\n\n    if (!valueRepPerVariant.get(variant)) {\n      valueRepPerVariant.set(variant, valueRepresentation);\n    }\n\n    startingIndex += variantSeries.length;\n  }\n\n  return {\n    units: allUnits,\n    seriesMap,\n    valueRepPerVariant,\n  };\n}\n\nfunction cloneSeries<\n  T extends TimeseriesVariantSlotProps | TimeseriesBandSlotProps,\n>(array: T[]) {\n  return array.map((series) => ({\n    ...series,\n    datapoints: series.datapoints.map((datapoint) => ({ ...datapoint })),\n  }));\n}\n\nexport const TimeseriesDataProvider = ({\n  children,\n  data: _data,\n  valueRepresentation,\n  onMessage,\n}: TimeseriesDataProviderProps) => {\n  const clonedData = {\n    line: cloneSeries(_data.line),\n    bar: cloneSeries(_data.bar),\n    area: cloneSeries(_data.area),\n    band: cloneSeries(_data.band),\n    shapePriority: _data.shapePriority,\n  };\n\n  const data = useDataByYAxis(clonedData);\n  const mergedData = useMemo(() => mergeTimeseriesFromVariants(data), [data]);\n  const { units, seriesMap, valueRepPerVariant } = useBuildInitialMetadata(\n    data,\n    valueRepresentation,\n    mergedData,\n  );\n\n  return (\n    <TimeseriesDataContext.Provider\n      value={{\n        data: mergedData,\n        dataPerVariant: data,\n        valueRepPerVariant,\n        seriesMap,\n        units,\n      }}\n    >\n      {children}\n    </TimeseriesDataContext.Provider>\n  );\n};\n\nTimeseriesDataProvider['displayName'] = 'TimeseriesDataProvider';\n"],
   "mappings": "AA6HI;AA7HJ,SAAS,YAAY;AACrB,SAAiC,eAAe;AAEhD,SAAS,oBAAoB;AAG7B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AASjC,SAAS,mCAAmC;AAQ5C,SAAS,YAAY,MAA4B;AAC/C,SAAO,KAAK,KAAK,cAAc,QAAQ,CAAC,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC5E;AAEO,SAAS,wBACd,MACA,qBACA,YACA;AACA,QAAM,eAAe,gBAAgB;AACrC,QAAM,YAAY,aAAa;AAC/B,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,YAA2B,oBAAI,QAAQ;AAC7C,QAAM,WAAW,YAAY,IAAI;AACjC,QAAM,aAAa,aAAa,YAAY,YAAY;AAExD,MAAI,gBAAgB;AAEpB,QAAM,qBAAoD,oBAAI,IAAI;AAElE,aAAW,WAAW,KAAK,eAAe;AACxC,UAAM,gBAAgB,KAAK,OAAO;AAElC,aAAS,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;AAC7C,YAAM,SAAS,cAAc,CAAC;AAE9B,YAAM,KAAK,OAAO,WAAW;AAE7B,YAAM,QAAQ,OAAO,QACjB,EAAE,SAAS,OAAO,MAAM,IACxB,WAAW,IAAI,MAAM,KACrB;AAAA,QACE,MAAM,QAAQ,OAAO,IAAI,IAAI,OAAO,KAAK,CAAC,IAAI,OAAO;AAAA,QACrD,gBAAgB;AAAA,QAChB;AAAA,MACF;AAEJ,YAAM,WAA2B;AAAA,QAC/B;AAAA,QACA;AAAA,QACA,WAAW,OAAO,aAAa;AAAA,QAC/B,eAAe,OAAO,iBAAiB;AAAA,MACzC;AAEA,UAAI,CAAC,mBAAmB,IAAI,OAAO,KAAK,OAAO,qBAAqB;AAClE,2BAAmB,IAAI,SAAS,OAAO,mBAAmB;AAAA,MAC5D;AAEA,gBAAU,IAAI,QAAQ,QAAQ;AAAA,IAChC;AAEA,QAAI,CAAC,mBAAmB,IAAI,OAAO,GAAG;AACpC,yBAAmB,IAAI,SAAS,mBAAmB;AAAA,IACrD;AAEA,qBAAiB,cAAc;AAAA,EACjC;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,YAEP,OAAY;AACZ,SAAO,MAAM,IAAI,CAAC,YAAY;AAAA,IAC5B,GAAG;AAAA,IACH,YAAY,OAAO,WAAW,IAAI,CAAC,eAAe,EAAE,GAAG,UAAU,EAAE;AAAA,EACrE,EAAE;AACJ;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,aAAa;AAAA,IACjB,MAAM,YAAY,MAAM,IAAI;AAAA,IAC5B,KAAK,YAAY,MAAM,GAAG;AAAA,IAC1B,MAAM,YAAY,MAAM,IAAI;AAAA,IAC5B,MAAM,YAAY,MAAM,IAAI;AAAA,IAC5B,eAAe,MAAM;AAAA,EACvB;AAEA,QAAM,OAAO,eAAe,UAAU;AACtC,QAAM,aAAa,QAAQ,MAAM,4BAA4B,IAAI,GAAG,CAAC,IAAI,CAAC;AAC1E,QAAM,EAAE,OAAO,WAAW,mBAAmB,IAAI;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,OAAO;AAAA,QACL,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,uBAAuB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/timeseries/utils/timeseries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/timeseries/utils/timeseries.ts"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport { iterateChartSeriesSlots } from './iterate-config-slots.js';\nimport { Timeseries } from '../../core/types/timeseries.js';\nimport { TIMESERIES_CHART_DEFAULT_VARIANT } from '../constants.js';\nimport { ChartVariant } from '../types/timeseries.js';\nimport {\n  TimeseriesVariantSlotProps,\n  TimeseriesSlotProps,\n  TimeseriesPerVariant,\n  ChartVariantInternal,\n  type TimeseriesBandSlotProps,\n} from '../types/timeseries.js';\n\n/**\n * Checks whether the timeseries have no data.\n * @param timeseries - Given Timeseries[]\n * @returns\n */\nexport function isEmptyTimeseries(timeseries: TimeseriesSlotProps[]) {\n  return (\n    timeseries.length === 0 ||\n    timeseries.every((series) => series.datapoints.length === 0)\n  );\n}\n\n/**\n * Function that returns the series splitted per variant.\n */\nexport function splitTimeseriesPerVariant(\n  timeseries: Timeseries[],\n  children: ReactNode,\n  defaultVariant: ChartVariant,\n): TimeseriesPerVariant {\n  const seriesFromSlots = iterateChartSeriesSlots(children);\n\n  const timeseriesPerVariant: TimeseriesPerVariant = {\n    line: [],\n    area: [],\n    bar: [],\n    band: [],\n    shapePriority: [],\n  };\n\n  timeseriesPerVariant[defaultVariant ?? TIMESERIES_CHART_DEFAULT_VARIANT] =\n    timeseries;\n\n  const shapePriority =\n    defaultVariant && seriesFromSlots.shapePriority.includes(defaultVariant)\n      ? seriesFromSlots.shapePriority\n      : [...seriesFromSlots.shapePriority, defaultVariant];\n\n  return {\n    line: timeseriesPerVariant.line.concat(seriesFromSlots.line),\n    area: timeseriesPerVariant.area.concat(seriesFromSlots.area),\n    bar: timeseriesPerVariant.bar.concat(seriesFromSlots.bar),\n    band: timeseriesPerVariant.band.concat(seriesFromSlots.band),\n    shapePriority,\n  };\n}\n\n/**\n * Gets the timestamp of a given datapoint based on the chart variant. Fallback: start timestamp of the datapoint\n * @param datapoint - given TimeseriesDatapoint\n */\nexport function getDatapointTime(\n  start: Date,\n  end?: Date,\n  center?: Date,\n): number {\n  if (center) {\n    return center.getTime();\n  }\n\n  if (end) {\n    return start.getTime() + (end.getTime() - start.getTime()) / 2;\n  }\n\n  return start.getTime();\n}\n\nexport const hasSeriesWithDatapoints = (\n  dataPerVariant: TimeseriesPerVariant,\n): boolean => {\n  const data = mergeTimeseriesFromVariants(dataPerVariant);\n\n  return data.length > 0 && data.some((series) => series.datapoints.length);\n};\n\n/**\n * Merge all timeseries variant in a single array.\n * Generic types can be used to call it with Timeseries or ColoredTimeseries\n * @param dataPerVariant -\n */\nexport function mergeTimeseriesFromVariants(\n  dataPerVariant: TimeseriesPerVariant,\n) {\n  const { line, area, bar, band } = dataPerVariant;\n\n  return (\n    line as (TimeseriesVariantSlotProps | TimeseriesBandSlotProps)[]\n  ).concat(area, bar, band);\n}\n\n/**\n * Returns true if there are multiple variants.\n * @param data -\n */\nexport function hasMultiGeometries<T extends TimeseriesPerVariant>(\n  data: T,\n): boolean {\n  const filteredData = Object.keys(data).map((variant) =>\n    variant !== 'shapePriority' ? data[variant as ChartVariantInternal] : [],\n  );\n\n  const valuesPerVariant = filteredData.filter(\n    (geometryData) => geometryData.length > 0,\n  );\n\n  return valuesPerVariant.length > 1;\n}\n"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport { iterateChartSeriesSlots } from './iterate-config-slots.js';\nimport { Timeseries } from '../../core/types/timeseries.js';\nimport { TIMESERIES_CHART_DEFAULT_VARIANT } from '../constants.js';\nimport {\n  TimeseriesVariantSlotProps,\n  TimeseriesSlotProps,\n  TimeseriesPerVariant,\n  ChartVariantInternal,\n  ChartVariant,\n  type TimeseriesBandSlotProps,\n} from '../types/timeseries.js';\n\n/**\n * Checks whether the timeseries have no data.\n * @param timeseries - Given Timeseries[]\n * @returns\n */\nexport function isEmptyTimeseries(timeseries: TimeseriesSlotProps[]) {\n  return (\n    timeseries.length === 0 ||\n    timeseries.every((series) => series.datapoints.length === 0)\n  );\n}\n\n/**\n * Function that returns the series splitted per variant.\n */\nexport function splitTimeseriesPerVariant(\n  timeseries: Timeseries[],\n  children: ReactNode,\n  defaultVariant: ChartVariant,\n): TimeseriesPerVariant {\n  const seriesFromSlots = iterateChartSeriesSlots(children);\n\n  const timeseriesPerVariant: TimeseriesPerVariant = {\n    line: [],\n    area: [],\n    bar: [],\n    band: [],\n    shapePriority: [],\n  };\n\n  timeseriesPerVariant[defaultVariant ?? TIMESERIES_CHART_DEFAULT_VARIANT] =\n    timeseries;\n\n  const shapePriority =\n    defaultVariant && seriesFromSlots.shapePriority.includes(defaultVariant)\n      ? seriesFromSlots.shapePriority\n      : [...seriesFromSlots.shapePriority, defaultVariant];\n\n  return {\n    line: timeseriesPerVariant.line.concat(seriesFromSlots.line),\n    area: timeseriesPerVariant.area.concat(seriesFromSlots.area),\n    bar: timeseriesPerVariant.bar.concat(seriesFromSlots.bar),\n    band: timeseriesPerVariant.band.concat(seriesFromSlots.band),\n    shapePriority,\n  };\n}\n\n/**\n * Gets the timestamp of a given datapoint based on the chart variant. Fallback: start timestamp of the datapoint\n * @param datapoint - given TimeseriesDatapoint\n */\nexport function getDatapointTime(\n  start: Date,\n  end?: Date,\n  center?: Date,\n): number {\n  if (center) {\n    return center.getTime();\n  }\n\n  if (end) {\n    return start.getTime() + (end.getTime() - start.getTime()) / 2;\n  }\n\n  return start.getTime();\n}\n\nexport const hasSeriesWithDatapoints = (\n  dataPerVariant: TimeseriesPerVariant,\n): boolean => {\n  const data = mergeTimeseriesFromVariants(dataPerVariant);\n\n  return data.length > 0 && data.some((series) => series.datapoints.length);\n};\n\n/**\n * Merge all timeseries variant in a single array.\n * Generic types can be used to call it with Timeseries or ColoredTimeseries\n * @param dataPerVariant -\n */\nexport function mergeTimeseriesFromVariants(\n  dataPerVariant: TimeseriesPerVariant,\n) {\n  const { line, area, bar, band } = dataPerVariant;\n\n  return (\n    line as (TimeseriesVariantSlotProps | TimeseriesBandSlotProps)[]\n  ).concat(area, bar, band);\n}\n\n/**\n * Returns true if there are multiple variants.\n * @param data -\n */\nexport function hasMultiGeometries<T extends TimeseriesPerVariant>(\n  data: T,\n): boolean {\n  const filteredData = Object.keys(data).map((variant) =>\n    variant !== 'shapePriority' ? data[variant as ChartVariantInternal] : [],\n  );\n\n  const valuesPerVariant = filteredData.filter(\n    (geometryData) => geometryData.length > 0,\n  );\n\n  return valuesPerVariant.length > 1;\n}\n"],
   "mappings": "AAEA,SAAS,+BAA+B;AAExC,SAAS,wCAAwC;AAe1C,SAAS,kBAAkB,YAAmC;AACnE,SACE,WAAW,WAAW,KACtB,WAAW,MAAM,CAAC,WAAW,OAAO,WAAW,WAAW,CAAC;AAE/D;AAKO,SAAS,0BACd,YACA,UACA,gBACsB;AACtB,QAAM,kBAAkB,wBAAwB,QAAQ;AAExD,QAAM,uBAA6C;AAAA,IACjD,MAAM,CAAC;AAAA,IACP,MAAM,CAAC;AAAA,IACP,KAAK,CAAC;AAAA,IACN,MAAM,CAAC;AAAA,IACP,eAAe,CAAC;AAAA,EAClB;AAEA,uBAAqB,kBAAkB,gCAAgC,IACrE;AAEF,QAAM,gBACJ,kBAAkB,gBAAgB,cAAc,SAAS,cAAc,IACnE,gBAAgB,gBAChB,CAAC,GAAG,gBAAgB,eAAe,cAAc;AAEvD,SAAO;AAAA,IACL,MAAM,qBAAqB,KAAK,OAAO,gBAAgB,IAAI;AAAA,IAC3D,MAAM,qBAAqB,KAAK,OAAO,gBAAgB,IAAI;AAAA,IAC3D,KAAK,qBAAqB,IAAI,OAAO,gBAAgB,GAAG;AAAA,IACxD,MAAM,qBAAqB,KAAK,OAAO,gBAAgB,IAAI;AAAA,IAC3D;AAAA,EACF;AACF;AAMO,SAAS,iBACd,OACA,KACA,QACQ;AACR,MAAI,QAAQ;AACV,WAAO,OAAO,QAAQ;AAAA,EACxB;AAEA,MAAI,KAAK;AACP,WAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,IAAI,MAAM,QAAQ,KAAK;AAAA,EAC/D;AAEA,SAAO,MAAM,QAAQ;AACvB;AAEO,MAAM,0BAA0B,CACrC,mBACY;AACZ,QAAM,OAAO,4BAA4B,cAAc;AAEvD,SAAO,KAAK,SAAS,KAAK,KAAK,KAAK,CAAC,WAAW,OAAO,WAAW,MAAM;AAC1E;AAOO,SAAS,4BACd,gBACA;AACA,QAAM,EAAE,MAAM,MAAM,KAAK,KAAK,IAAI;AAElC,SACE,KACA,OAAO,MAAM,KAAK,IAAI;AAC1B;AAMO,SAAS,mBACd,MACS;AACT,QAAM,eAAe,OAAO,KAAK,IAAI,EAAE;AAAA,IAAI,CAAC,YAC1C,YAAY,kBAAkB,KAAK,OAA+B,IAAI,CAAC;AAAA,EACzE;AAEA,QAAM,mBAAmB,aAAa;AAAA,IACpC,CAAC,iBAAiB,aAAa,SAAS;AAAA,EAC1C;AAEA,SAAO,iBAAiB,SAAS;AACnC;",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.css

@@ -1,4 +1,4 @@
-._1iqz50a0-3-2-0 {
+._1iqz50a0-3-3-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./TreeMapOverlay.css";
-var container = "_1iqz50a0-3-2-0";
+var container = "_1iqz50a0-3-3-0";
 export {
   container
 };

package/esm/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.css.ts"],
-  "sourcesContent": ["import './TreeMapOverlay.css';\nexport var container = '_1iqz50a0-3-2-0';"],
+  "sourcesContent": ["import './TreeMapOverlay.css';\nexport var container = '_1iqz50a0-3-3-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.css

@@ -1,7 +1,11 @@
-._1j83htq0-3-2-0 {
+._1j83htq0-3-3-0 {
   padding: 0 var(--dt-spacings-size-4, 4px) ;
   text-align: center;
 }
-._1j83htq1-3-2-0 {
+._1j83htq1-3-3-0 {
   padding: var(--dt-spacings-size-4, 4px);
+}
+._1j83htq2-3-3-0 {
+  min-width: 225px;
+  max-width: 300px;
 }

package/esm/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.js

@@ -1,6 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
-import { headerText, valueChip } from "./TreeMapTooltip.sty.js";
+import {
+  tooltipContentContainer,
+  headerText,
+  valueChip
+} from "./TreeMapTooltip.sty.js";
 import { useChartActionsMenu } from "../../../core/components/series-action/hooks/useChartActionsMenu.js";
 import { getDefaultAction } from "../../../core/components/series-action/hooks/useDefaultAction.js";
 import { SingleDataPointShape } from "../../../core/components/shape/SingleDataPointShape.js";
@@ -61,7 +65,7 @@ const TreeMapTooltip = forwardRef(
     }
     const nodeColor = tooltipContent.parent?.data.color?.Default ?? tooltipContent.data?.color?.Default ?? "";
     const actions = selectedItemId && item ? () => seriesActions(item) : void 0;
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(
       ChartTooltip,
       {
         ref: forwardedRef,
@@ -74,8 +78,15 @@ const TreeMapTooltip = forwardRef(
           actionsMenuRef,
           updateSelectedItem
         },
-        children: [
-          tooltipContent.parent?.data.name && /* @__PURE__ */ jsx(TooltipHeader, { children: /* @__PURE__ */ jsx(TooltipText, { truncationMode, className: headerText, children: tooltipContent.parent?.data.name }) }),
+        children: /* @__PURE__ */ jsxs("div", { className: tooltipContentContainer, children: [
+          tooltipContent.parent?.data.name && /* @__PURE__ */ jsx(TooltipHeader, { children: /* @__PURE__ */ jsx(
+            TooltipText,
+            {
+              truncationMode,
+              className: headerText,
+              children: tooltipContent.parent?.data.name
+            }
+          ) }),
           /* @__PURE__ */ jsx(TooltipBody, { virtualization: false, children: /* @__PURE__ */ jsxs(
             TooltipItem,
             {
@@ -88,7 +99,7 @@ const TreeMapTooltip = forwardRef(
               ]
             }
           ) })
-        ]
+        ] })
       }
     );
   }

package/esm/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.tsx"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { headerText, valueChip } from './TreeMapTooltip.sty.js';\nimport { useChartActionsMenu } from '../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { SingleDataPointShape } from '../../../core/components/shape/SingleDataPointShape.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { TooltipText } from '../../../core/components/tooltip/section-components/atoms/TooltipText.js';\nimport { TooltipBody } from '../../../core/components/tooltip/section-components/TooltipBody.js';\nimport { TooltipHeader } from '../../../core/components/tooltip/section-components/TooltipHeader/TooltipHeader.js';\nimport { TooltipInfoContent } from '../../../core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.js';\nimport { TooltipItem } from '../../../core/components/tooltip/section-components/TooltipItem/TooltipItem.js';\nimport { TooltipSymbolContent } from '../../../core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.js';\nimport { TooltipValueContent } from '../../../core/components/tooltip/section-components/TooltipValueContent/TooltipValueContent.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { useScrollResponsiveChartBounds } from '../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { TooltipItem as TooltipItemType } from '../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { useFormatter } from '../../context/FormatterContext.js';\nimport { useTreeMapInternalData } from '../../context/TreeMapInternalDataContext.js';\nimport { useTreeMapOverlayRef } from '../../hooks/useTreeMapOverlayRef.js';\nimport { useTruncationMode } from '../../hooks/useTruncationMode.js';\nimport { useOverlayState, useTooltipState } from '../../store/selectors.js';\nimport type { InternalTreeMapNode } from '../../types/internal.js';\nimport type { TreeMapSeriesActionsLeafNode } from '../../types/treemap.js';\nimport { getTooltipItem } from '../../utils/get-tooltip-item.js';\n\ninterface TreeMapTooltipProps {\n  series: TreeMapSeriesActionsLeafNode[];\n}\n\nexport const TreeMapTooltip = forwardRef<HTMLDivElement, TreeMapTooltipProps>(\n  ({ series }, forwardedRef) => {\n    const [tooltipContent, setTooltipContent] = useState<\n      HierarchyRectangularNode<InternalTreeMapNode> | undefined\n    >();\n    const formatter = useFormatter();\n    const chartRef = useTreeMapOverlayRef();\n\n    const { visible, pinned, content, position } = useTooltipState();\n    const { mouseInBounds } = useOverlayState();\n\n    const truncationMode = useTruncationMode();\n    const { unit } = useTreeMapInternalData();\n\n    const {\n      selectedItem: selectedItemId,\n      actionsMenuRef,\n      updateSelectedItem,\n      onLeave,\n    } = useChartActionsMenu();\n\n    const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n    useEffect(() => {\n      if (!pinned && content) {\n        setTooltipContent(content);\n      }\n    }, [content, pinned]);\n\n    const seriesActions = useTooltipSeriesActions<TreeMapSeriesActionsLeafNode>(\n      series,\n      (nodeData) => nodeData.id,\n    );\n\n    const item: TooltipItemType = getTooltipItem(\n      formatter,\n      tooltipContent,\n      unit,\n    );\n\n    const showTooltip = pinned || (mouseInBounds && visible);\n\n    if (!showTooltip || !position || !tooltipContent) {\n      return null;\n    }\n\n    const adjustedPosition = calculateAdjustedTooltipPosition(bounds, position);\n\n    if (!adjustedPosition) {\n      return null;\n    }\n\n    const nodeColor =\n      tooltipContent.parent?.data.color?.Default ??\n      tooltipContent.data?.color?.Default ??\n      '';\n    const actions = (\n      selectedItemId && item ? () => seriesActions(item) : undefined\n    ) as (() => SeriesActionsTemplate) | undefined;\n\n    return (\n      <ChartTooltip\n        ref={forwardedRef}\n        pinned={pinned}\n        position={adjustedPosition}\n        updatePositionWhenPinned={true}\n        onMouseLeave={onLeave}\n        actionSelectionValue={{\n          selectedItemId,\n          actionsMenuRef,\n          updateSelectedItem,\n        }}\n      >\n        {tooltipContent.parent?.data.name && (\n          <TooltipHeader>\n            <TooltipText truncationMode={truncationMode} className={headerText}>\n              {tooltipContent.parent?.data.name}\n            </TooltipText>\n          </TooltipHeader>\n        )}\n        <TooltipBody virtualization={false}>\n          <TooltipItem\n            actions={actions}\n            defaultActions={getDefaultAction(item)}\n          >\n            <TooltipSymbolContent>\n              <SingleDataPointShape color={nodeColor} />\n            </TooltipSymbolContent>\n            <TooltipInfoContent>\n              <TooltipText truncationMode={truncationMode}>\n                {item.name as string}\n              </TooltipText>\n            </TooltipInfoContent>\n            <TooltipValueContent variant=\"chip\">\n              <span className={valueChip}>{item.values?.[0]}</span>\n            </TooltipValueContent>\n          </TooltipItem>\n        </TooltipBody>\n      </ChartTooltip>\n    );\n  },\n);\n"],
-  "mappings": "AA4GY,cAMF,YANE;AA3GZ,SAAS,YAAY,WAAW,gBAAgB;AAEhD,SAAS,YAAY,iBAAiB;AACtC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AACxC,SAAS,sCAAsC;AAG/C,SAAS,wCAAwC;AACjD,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB,uBAAuB;AAGjD,SAAS,sBAAsB;AAMxB,MAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,OAAO,GAAG,iBAAiB;AAC5B,UAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C;AACF,UAAM,YAAY,aAAa;AAC/B,UAAM,WAAW,qBAAqB;AAEtC,UAAM,EAAE,SAAS,QAAQ,SAAS,SAAS,IAAI,gBAAgB;AAC/D,UAAM,EAAE,cAAc,IAAI,gBAAgB;AAE1C,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,EAAE,KAAK,IAAI,uBAAuB;AAExC,UAAM;AAAA,MACJ,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,oBAAoB;AAExB,UAAM,SAAS,+BAA+B,UAAU,MAAM,EAAE;AAEhE,cAAU,MAAM;AACd,UAAI,CAAC,UAAU,SAAS;AACtB,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF,GAAG,CAAC,SAAS,MAAM,CAAC;AAEpB,UAAM,gBAAgB;AAAA,MACpB;AAAA,MACA,CAAC,aAAa,SAAS;AAAA,IACzB;AAEA,UAAM,OAAwB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,cAAc,UAAW,iBAAiB;AAEhD,QAAI,CAAC,eAAe,CAAC,YAAY,CAAC,gBAAgB;AAChD,aAAO;AAAA,IACT;AAEA,UAAM,mBAAmB,iCAAiC,QAAQ,QAAQ;AAE1E,QAAI,CAAC,kBAAkB;AACrB,aAAO;AAAA,IACT;AAEA,UAAM,YACJ,eAAe,QAAQ,KAAK,OAAO,WACnC,eAAe,MAAM,OAAO,WAC5B;AACF,UAAM,UACJ,kBAAkB,OAAO,MAAM,cAAc,IAAI,IAAI;AAGvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA,QACV,0BAA0B;AAAA,QAC1B,cAAc;AAAA,QACd,sBAAsB;AAAA,UACpB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA,yBAAe,QAAQ,KAAK,QAC3B,oBAAC,iBACC,8BAAC,eAAY,gBAAgC,WAAW,YACrD,yBAAe,QAAQ,KAAK,MAC/B,GACF;AAAA,UAEF,oBAAC,eAAY,gBAAgB,OAC3B;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,gBAAgB,iBAAiB,IAAI;AAAA,cAErC;AAAA,oCAAC,wBACC,8BAAC,wBAAqB,OAAO,WAAW,GAC1C;AAAA,gBACA,oBAAC,sBACC,8BAAC,eAAY,gBACV,eAAK,MACR,GACF;AAAA,gBACA,oBAAC,uBAAoB,SAAQ,QAC3B,8BAAC,UAAK,WAAW,WAAY,eAAK,SAAS,CAAC,GAAE,GAChD;AAAA;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import type { HierarchyRectangularNode } from '@visx/hierarchy/lib/types.js';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport {\n  tooltipContentContainer,\n  headerText,\n  valueChip,\n} from './TreeMapTooltip.sty.js';\nimport { useChartActionsMenu } from '../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { SingleDataPointShape } from '../../../core/components/shape/SingleDataPointShape.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { TooltipText } from '../../../core/components/tooltip/section-components/atoms/TooltipText.js';\nimport { TooltipBody } from '../../../core/components/tooltip/section-components/TooltipBody.js';\nimport { TooltipHeader } from '../../../core/components/tooltip/section-components/TooltipHeader/TooltipHeader.js';\nimport { TooltipInfoContent } from '../../../core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.js';\nimport { TooltipItem } from '../../../core/components/tooltip/section-components/TooltipItem/TooltipItem.js';\nimport { TooltipSymbolContent } from '../../../core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.js';\nimport { TooltipValueContent } from '../../../core/components/tooltip/section-components/TooltipValueContent/TooltipValueContent.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { useScrollResponsiveChartBounds } from '../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { TooltipItem as TooltipItemType } from '../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { useFormatter } from '../../context/FormatterContext.js';\nimport { useTreeMapInternalData } from '../../context/TreeMapInternalDataContext.js';\nimport { useTreeMapOverlayRef } from '../../hooks/useTreeMapOverlayRef.js';\nimport { useTruncationMode } from '../../hooks/useTruncationMode.js';\nimport { useOverlayState, useTooltipState } from '../../store/selectors.js';\nimport type { InternalTreeMapNode } from '../../types/internal.js';\nimport type { TreeMapSeriesActionsLeafNode } from '../../types/treemap.js';\nimport { getTooltipItem } from '../../utils/get-tooltip-item.js';\n\ninterface TreeMapTooltipProps {\n  series: TreeMapSeriesActionsLeafNode[];\n}\n\nexport const TreeMapTooltip = forwardRef<HTMLDivElement, TreeMapTooltipProps>(\n  ({ series }, forwardedRef) => {\n    const [tooltipContent, setTooltipContent] = useState<\n      HierarchyRectangularNode<InternalTreeMapNode> | undefined\n    >();\n    const formatter = useFormatter();\n    const chartRef = useTreeMapOverlayRef();\n\n    const { visible, pinned, content, position } = useTooltipState();\n    const { mouseInBounds } = useOverlayState();\n\n    const truncationMode = useTruncationMode();\n    const { unit } = useTreeMapInternalData();\n\n    const {\n      selectedItem: selectedItemId,\n      actionsMenuRef,\n      updateSelectedItem,\n      onLeave,\n    } = useChartActionsMenu();\n\n    const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n    useEffect(() => {\n      if (!pinned && content) {\n        setTooltipContent(content);\n      }\n    }, [content, pinned]);\n\n    const seriesActions = useTooltipSeriesActions<TreeMapSeriesActionsLeafNode>(\n      series,\n      (nodeData) => nodeData.id,\n    );\n\n    const item: TooltipItemType = getTooltipItem(\n      formatter,\n      tooltipContent,\n      unit,\n    );\n\n    const showTooltip = pinned || (mouseInBounds && visible);\n\n    if (!showTooltip || !position || !tooltipContent) {\n      return null;\n    }\n\n    const adjustedPosition = calculateAdjustedTooltipPosition(bounds, position);\n\n    if (!adjustedPosition) {\n      return null;\n    }\n\n    const nodeColor =\n      tooltipContent.parent?.data.color?.Default ??\n      tooltipContent.data?.color?.Default ??\n      '';\n    const actions = (\n      selectedItemId && item ? () => seriesActions(item) : undefined\n    ) as (() => SeriesActionsTemplate) | undefined;\n\n    return (\n      <ChartTooltip\n        ref={forwardedRef}\n        pinned={pinned}\n        position={adjustedPosition}\n        updatePositionWhenPinned={true}\n        onMouseLeave={onLeave}\n        actionSelectionValue={{\n          selectedItemId,\n          actionsMenuRef,\n          updateSelectedItem,\n        }}\n      >\n        <div className={tooltipContentContainer}>\n          {tooltipContent.parent?.data.name && (\n            <TooltipHeader>\n              <TooltipText\n                truncationMode={truncationMode}\n                className={headerText}\n              >\n                {tooltipContent.parent?.data.name}\n              </TooltipText>\n            </TooltipHeader>\n          )}\n          <TooltipBody virtualization={false}>\n            <TooltipItem\n              actions={actions}\n              defaultActions={getDefaultAction(item)}\n            >\n              <TooltipSymbolContent>\n                <SingleDataPointShape color={nodeColor} />\n              </TooltipSymbolContent>\n              <TooltipInfoContent>\n                <TooltipText truncationMode={truncationMode}>\n                  {item.name as string}\n                </TooltipText>\n              </TooltipInfoContent>\n              <TooltipValueContent variant=\"chip\">\n                <span className={valueChip}>{item.values?.[0]}</span>\n              </TooltipValueContent>\n            </TooltipItem>\n          </TooltipBody>\n        </div>\n      </ChartTooltip>\n    );\n  },\n);\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.sty.js

@@ -1,8 +1,10 @@
 import "./TreeMapTooltip.css";
-var headerText = "_1j83htq0-3-2-0";
-var valueChip = "_1j83htq1-3-2-0";
+var headerText = "_1j83htq0-3-3-0";
+var tooltipContentContainer = "_1j83htq2-3-3-0";
+var valueChip = "_1j83htq1-3-3-0";
 export {
   headerText,
+  tooltipContentContainer,
   valueChip
 };
 //# sourceMappingURL=TreeMapTooltip.sty.js.map

package/esm/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.css.ts"],
-  "sourcesContent": ["import './TreeMapTooltip.css';\nexport var headerText = '_1j83htq0-3-2-0';\nexport var valueChip = '_1j83htq1-3-2-0';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,YAAY;",
+  "sourcesContent": ["import './TreeMapTooltip.css';\nexport var headerText = '_1j83htq0-3-3-0';\nexport var tooltipContentContainer = '_1j83htq2-3-3-0';\nexport var valueChip = '_1j83htq1-3-3-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,0BAA0B;AAC9B,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/xy-chart/XYChartRoot.js

@@ -47,6 +47,8 @@ import { Intent } from "../../core/slots/Intent/Intent.js";
 import { ChartLayout } from "../core/components/chart-layout/ChartLayout.js";
 import { useAutoLegendRefresh } from "../core/components/chart-layout/hooks/useAutoLegendRefresh.js";
 import { getChartStatesTemplates } from "../core/components/chart-states/utils/get-chart-states-template.js";
+import { OverlayProvider } from "../core/components/overlay-tooltip/contexts/OverlayContext.js";
+import { TooltipProvider } from "../core/components/overlay-tooltip/contexts/TooltipContext.js";
 import { ColorRuleContext } from "../core/context/ColorRuleContext.js";
 import { EmptyStateSlot } from "../core/slots/chart-states/EmptyStateSlot.js";
 import { ErrorStateSlot } from "../core/slots/chart-states/ErrorStateSlot.js";
@@ -95,7 +97,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
         {
           data,
           seriesVariantsProps: internalConfig.series,
-          children: /* @__PURE__ */ jsx(XYChartStoreDomainSync, { children: /* @__PURE__ */ jsx(XYChartAnnotationsDataProvider, { children: /* @__PURE__ */ jsx(XYChartVisibleAxesProvider, { children: /* @__PURE__ */ jsx(XYChartColorScalesProvider, { children: /* @__PURE__ */ jsx(XYChartAnnotationsShownIndicatorsProvider, { children: /* @__PURE__ */ jsxs(
+          children: /* @__PURE__ */ jsx(XYChartStoreDomainSync, { children: /* @__PURE__ */ jsx(XYChartAnnotationsDataProvider, { children: /* @__PURE__ */ jsx(XYChartVisibleAxesProvider, { children: /* @__PURE__ */ jsx(XYChartColorScalesProvider, { children: /* @__PURE__ */ jsx(XYChartAnnotationsShownIndicatorsProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
             ChartLayout,
             {
               ref: chartLayoutRef,
@@ -130,7 +132,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
                 )
               ]
             }
-          ) }) }) }) }) })
+          ) }) }) }) }) }) }) })
         }
       ) }) }) })
     }

package/esm/charts/xy-chart/XYChartRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChartRoot.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLoadingContext } from './context/XYChartLoading.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartLoadingContext.Provider value={loading}>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartAnnotationsConfig.Provider value={config.annotations}>\n                    <ColorRuleContext.Provider value={config.colorRules}>\n                      <XYChartStoreProvider>\n                        <XYChartChartDataProvider\n                          data={data}\n                          seriesVariantsProps={internalConfig.series}\n                        >\n                          <XYChartStoreDomainSync>\n                            <XYChartAnnotationsDataProvider>\n                              <XYChartVisibleAxesProvider>\n                                <XYChartColorScalesProvider>\n                                  <XYChartAnnotationsShownIndicatorsProvider>\n                                    <ChartLayout\n                                      ref={chartLayoutRef}\n                                      chartHeight={chartHeight}\n                                      chartWidth={width}\n                                      className={className}\n                                      emptyState={emptyState}\n                                      errorState={errorState}\n                                      isEmpty={isEmptyData(children, data)}\n                                      showLoader={loading}\n                                      style={style}\n                                      data-dtrum-mask={dataDtrumMask}\n                                      data-dtrum-allow={dataDtrumAllow}\n                                      {...behaviorTrackingProps}\n                                      data-dt-component={\n                                        COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                                      }\n                                    >\n                                      <ChartLayout.Graph>\n                                        <XYChartInternal\n                                          config={config}\n                                          ref={rootRef}\n                                        />\n                                      </ChartLayout.Graph>\n                                      {!legendHidden && (\n                                        <ChartLayout.Legend\n                                          position={legendPosition}\n                                          initialRatio={legendRatio}\n                                          onResize={onRatioChange}\n                                        >\n                                          <XYChartLegend />\n                                        </ChartLayout.Legend>\n                                      )}\n                                    </ChartLayout>\n                                  </XYChartAnnotationsShownIndicatorsProvider>\n                                </XYChartColorScalesProvider>\n                              </XYChartVisibleAxesProvider>\n                            </XYChartAnnotationsDataProvider>\n                          </XYChartStoreDomainSync>\n                        </XYChartChartDataProvider>\n                      </XYChartStoreProvider>\n                    </ColorRuleContext.Provider>\n                  </XYChartAnnotationsConfig.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartLoadingContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  CustomTooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLoadingContext } from './context/XYChartLoading.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartLoadingContext.Provider value={loading}>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartAnnotationsConfig.Provider value={config.annotations}>\n                    <ColorRuleContext.Provider value={config.colorRules}>\n                      <XYChartStoreProvider>\n                        <XYChartChartDataProvider\n                          data={data}\n                          seriesVariantsProps={internalConfig.series}\n                        >\n                          <XYChartStoreDomainSync>\n                            <XYChartAnnotationsDataProvider>\n                              <XYChartVisibleAxesProvider>\n                                <XYChartColorScalesProvider>\n                                  <XYChartAnnotationsShownIndicatorsProvider>\n                                    <OverlayProvider>\n                                      <TooltipProvider>\n                                        <ChartLayout\n                                          ref={chartLayoutRef}\n                                          chartHeight={chartHeight}\n                                          chartWidth={width}\n                                          className={className}\n                                          emptyState={emptyState}\n                                          errorState={errorState}\n                                          isEmpty={isEmptyData(children, data)}\n                                          showLoader={loading}\n                                          style={style}\n                                          data-dtrum-mask={dataDtrumMask}\n                                          data-dtrum-allow={dataDtrumAllow}\n                                          {...behaviorTrackingProps}\n                                          data-dt-component={\n                                            COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                                          }\n                                        >\n                                          <ChartLayout.Graph>\n                                            <XYChartInternal\n                                              config={config}\n                                              ref={rootRef}\n                                            />\n                                          </ChartLayout.Graph>\n                                          {!legendHidden && (\n                                            <ChartLayout.Legend\n                                              position={legendPosition}\n                                              initialRatio={legendRatio}\n                                              onResize={onRatioChange}\n                                            >\n                                              <XYChartLegend />\n                                            </ChartLayout.Legend>\n                                          )}\n                                        </ChartLayout>\n                                      </TooltipProvider>\n                                    </OverlayProvider>\n                                  </XYChartAnnotationsShownIndicatorsProvider>\n                                </XYChartColorScalesProvider>\n                              </XYChartVisibleAxesProvider>\n                            </XYChartAnnotationsDataProvider>\n                          </XYChartStoreDomainSync>\n                        </XYChartChartDataProvider>\n                      </XYChartStoreProvider>\n                    </ColorRuleContext.Provider>\n                  </XYChartAnnotationsConfig.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartLoadingContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  CustomTooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.js

@@ -3,13 +3,13 @@ import {
 } from "react";
 import { useGridPlotSize } from "../../core/components/chart-grid/hooks/useGridPlotSize.js";
 import { INTERACTION_MODE } from "../../core/components/interactions-overlay/types.js";
-import { reduceInteractionMode } from "../../core/components/interactions-state-helpers/reducers/mode-reducers.js";
 import { useTriggerZoom } from "../../core/components/zoom/hooks/useTriggerZoom.js";
 import { ChartType } from "../../core/types/chart-types.js";
 import { ZOOM_CHANGE_TYPE } from "../../core/types/zoom.js";
 import { useApplyZoomDelta } from "../components/overlay/hooks/useApplyZoomDelta.js";
 import { useResetInteractions } from "../components/overlay/hooks/useResetInteractions.js";
 import { useXYChartData } from "../hooks/useXYChartData.js";
+import { reduceInteractionMode } from "../store/reduce-interaction-mode.js";
 import { useSetState, useZoomState } from "../store/selectors.js";
 import { buildAndDownloadCsv } from "../utils/build-and-download-csv.js";
 const XYChartImperativeHandlerBuilder = ({

package/esm/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.tsx"],
-  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { reduceInteractionMode } from '../../core/components/interactions-state-helpers/reducers/mode-reducers.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartConfigProperties } from '../types/xy-chart-props.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfigProperties;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () =>\n      JSON.stringify({\n        type: ChartType.XYChart,\n        ...config,\n      }),\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (zoomOutEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,aAAa,oBAAoB;AAG1C,SAAS,2BAA2B;AAQ7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,aAAa;AACvD,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MACT,KAAK,UAAU;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,GAAG;AAAA,IACL,CAAC;AAAA,IACH,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,kBAAkB,aAAa,cAAc;AAC/C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
+  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { reduceInteractionMode } from '../store/reduce-interaction-mode.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartConfigProperties } from '../types/xy-chart-props.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfigProperties;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () =>\n      JSON.stringify({\n        type: ChartType.XYChart,\n        ...config,\n      }),\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (zoomOutEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,aAAa,oBAAoB;AAG1C,SAAS,2BAA2B;AAQ7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,aAAa;AACvD,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MACT,KAAK,UAAU;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,GAAG;AAAA,IACL,CAAC;AAAA,IACH,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,kBAAkB,aAAa,cAAc;AAC/C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisArea.css

@@ -1,3 +1,3 @@
-._bidc430-3-2-0 {
+._bidc430-3-3-0 {
   position: relative;
 }

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./AxisArea.css";
-var axisContainerStyle = "_bidc430-3-2-0";
+var axisContainerStyle = "_bidc430-3-3-0";
 export {
   axisContainerStyle
 };

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisArea.css.ts"],
-  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-2-0';"],
+  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-3-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.css

@@ -1,8 +1,8 @@
-._z2zz8y2-3-2-0 {
-  direction: var(--_z2zz8y0-3-2-0);
+._z2zz8y2-3-3-0 {
+  direction: var(--_z2zz8y0-3-3-0);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-  width: var(--_z2zz8y1-3-2-0);
+  width: var(--_z2zz8y1-3-3-0);
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js

@@ -1,7 +1,7 @@
 import "./AxisTickWithTruncation.css";
-var directionValue = "var(--_z2zz8y0-3-2-0)";
-var tickStyle = "_z2zz8y2-3-2-0";
-var widthContainer = "var(--_z2zz8y1-3-2-0)";
+var directionValue = "var(--_z2zz8y0-3-3-0)";
+var tickStyle = "_z2zz8y2-3-3-0";
+var widthContainer = "var(--_z2zz8y1-3-3-0)";
 export {
   directionValue,
   tickStyle,

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisTickWithTruncation.css.ts"],
-  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-2-0)';\nexport var tickStyle = '_z2zz8y2-3-2-0';\nexport var widthContainer = 'var(--_z2zz8y1-3-2-0)';"],
+  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-3-0)';\nexport var tickStyle = '_z2zz8y2-3-3-0';\nexport var widthContainer = 'var(--_z2zz8y1-3-3-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/xy-chart/components/legend/XYChartLegend.js

@@ -6,14 +6,21 @@ import { safeGet } from "../../../core/utils/safe-get.js";
 import { useXYChartData } from "../../hooks/useXYChartData.js";
 import { isRangeLegend } from "../../utils/is-range-legend.js";
 import { isRectSeries } from "../../utils/type-guards.js";
-function buildLegendIdentityKey(series) {
-  return series.map((s) => s.id).join(",");
+function buildLegendIdentityKey(series, seriesToMetadata) {
+  return series.map((s) => {
+    const metadata = safeGet(seriesToMetadata, s);
+    const color = "color" in metadata ? metadata.color.Default : "";
+    return `${s.id}:${color}`;
+  }).join(",");
 }
 const XYChartLegend = () => {
-  const { seriesWithDatapoints, seriesToMetadata: fullSeriesToMetadata } = useXYChartData();
-  const identityKey = buildLegendIdentityKey(seriesWithDatapoints);
+  const { seriesWithDatapoints, seriesToMetadata } = useXYChartData();
+  const identityKey = buildLegendIdentityKey(
+    seriesWithDatapoints,
+    seriesToMetadata
+  );
   const stableSeries = useMemo(() => seriesWithDatapoints, [identityKey]);
-  const stableMetadata = useMemo(() => fullSeriesToMetadata, [identityKey]);
+  const stableMetadata = useMemo(() => seriesToMetadata, [identityKey]);
   const firstSeries = stableSeries[0];
   if (isRectSeries(firstSeries)) {
     const { valueType: firstSeriesValueType } = safeGet(

package/esm/charts/xy-chart/components/legend/XYChartLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/legend/XYChartLegend.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { RectRangeLegend } from './RectRangeLegend/RectRangeLegend.js';\nimport { XYLegend } from './XYLegend/XYLegend.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport type { XYChartSeriesWithDatapoints } from '../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../utils/type-guards.js';\n\n/**\n * Builds a stable identity key from series that changes only when the consumer\n * provides different series (added/removed/reordered). Uses only series IDs\n * (not data.length) because hidden series have empty data arrays \u2014 their\n * datapoints are not registered during processing to avoid unnecessary work.\n */\nfunction buildLegendIdentityKey(series: XYChartSeriesWithDatapoints[]): string {\n  return series.map((s) => s.id).join(',');\n}\n\nexport const XYChartLegend = () => {\n  const { seriesWithDatapoints, seriesToMetadata: fullSeriesToMetadata } =\n    useXYChartData();\n\n  const identityKey = buildLegendIdentityKey(seriesWithDatapoints);\n\n  // Deps use identityKey (not the object references) intentionally \u2014 we want\n  // stable references that only change when series are added/removed/reordered.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableSeries = useMemo(() => seriesWithDatapoints, [identityKey]);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableMetadata = useMemo(() => fullSeriesToMetadata, [identityKey]);\n\n  const firstSeries = stableSeries[0];\n\n  if (isRectSeries(firstSeries)) {\n    const { valueType: firstSeriesValueType } = safeGet(\n      stableMetadata,\n      firstSeries,\n    );\n\n    if (!firstSeriesValueType) {\n      return null;\n    }\n\n    if (isRangeLegend(stableMetadata, firstSeries)) {\n      return <RectRangeLegend series={firstSeries} />;\n    }\n  }\n\n  return <XYLegend series={stableSeries} seriesToMetadata={stableMetadata} />;\n};\n"],
-  "mappings": "AA8Ca;AA9Cb,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAQ7B,SAAS,uBAAuB,QAA+C;AAC7E,SAAO,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG;AACzC;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,sBAAsB,kBAAkB,qBAAqB,IACnE,eAAe;AAEjB,QAAM,cAAc,uBAAuB,oBAAoB;AAK/D,QAAM,eAAe,QAAQ,MAAM,sBAAsB,CAAC,WAAW,CAAC;AAEtE,QAAM,iBAAiB,QAAQ,MAAM,sBAAsB,CAAC,WAAW,CAAC;AAExE,QAAM,cAAc,aAAa,CAAC;AAElC,MAAI,aAAa,WAAW,GAAG;AAC7B,UAAM,EAAE,WAAW,qBAAqB,IAAI;AAAA,MAC1C;AAAA,MACA;AAAA,IACF;AAEA,QAAI,CAAC,sBAAsB;AACzB,aAAO;AAAA,IACT;AAEA,QAAI,cAAc,gBAAgB,WAAW,GAAG;AAC9C,aAAO,oBAAC,mBAAgB,QAAQ,aAAa;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO,oBAAC,YAAS,QAAQ,cAAc,kBAAkB,gBAAgB;AAC3E;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { RectRangeLegend } from './RectRangeLegend/RectRangeLegend.js';\nimport { XYLegend } from './XYLegend/XYLegend.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport type {\n  SeriesToMetadata,\n  XYChartSeriesWithDatapoints,\n} from '../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../utils/type-guards.js';\n\n/**\n * Builds a stable identity key from series that changes only when the consumer\n * provides different series (added/removed/reordered) or when a series color\n * changes in metadata. Uses series IDs and resolved colors so the legend\n * re-renders when color rules update.\n */\nfunction buildLegendIdentityKey(\n  series: XYChartSeriesWithDatapoints[],\n  seriesToMetadata: SeriesToMetadata,\n): string {\n  return series\n    .map((s) => {\n      const metadata = safeGet(seriesToMetadata, s);\n      const color = 'color' in metadata ? metadata.color.Default : '';\n      return `${s.id}:${color}`;\n    })\n    .join(',');\n}\n\nexport const XYChartLegend = () => {\n  const { seriesWithDatapoints, seriesToMetadata } = useXYChartData();\n\n  const identityKey = buildLegendIdentityKey(\n    seriesWithDatapoints,\n    seriesToMetadata,\n  );\n\n  // Deps use identityKey (not the object references) intentionally \u2014 we want\n  // stable references that only change when series are added/removed/reordered.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableSeries = useMemo(() => seriesWithDatapoints, [identityKey]);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableMetadata = useMemo(() => seriesToMetadata, [identityKey]);\n\n  const firstSeries = stableSeries[0];\n\n  if (isRectSeries(firstSeries)) {\n    const { valueType: firstSeriesValueType } = safeGet(\n      stableMetadata,\n      firstSeries,\n    );\n\n    if (!firstSeriesValueType) {\n      return null;\n    }\n\n    if (isRangeLegend(stableMetadata, firstSeries)) {\n      return <RectRangeLegend series={firstSeries} />;\n    }\n  }\n\n  return <XYLegend series={stableSeries} seriesToMetadata={stableMetadata} />;\n};\n"],
+  "mappings": "AA4Da;AA5Db,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAK/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAQ7B,SAAS,uBACP,QACA,kBACQ;AACR,SAAO,OACJ,IAAI,CAAC,MAAM;AACV,UAAM,WAAW,QAAQ,kBAAkB,CAAC;AAC5C,UAAM,QAAQ,WAAW,WAAW,SAAS,MAAM,UAAU;AAC7D,WAAO,GAAG,EAAE,EAAE,IAAI,KAAK;AAAA,EACzB,CAAC,EACA,KAAK,GAAG;AACb;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,sBAAsB,iBAAiB,IAAI,eAAe;AAElE,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,EACF;AAKA,QAAM,eAAe,QAAQ,MAAM,sBAAsB,CAAC,WAAW,CAAC;AAEtE,QAAM,iBAAiB,QAAQ,MAAM,kBAAkB,CAAC,WAAW,CAAC;AAEpE,QAAM,cAAc,aAAa,CAAC;AAElC,MAAI,aAAa,WAAW,GAAG;AAC7B,UAAM,EAAE,WAAW,qBAAqB,IAAI;AAAA,MAC1C;AAAA,MACA;AAAA,IACF;AAEA,QAAI,CAAC,sBAAsB;AACzB,aAAO;AAAA,IACT;AAEA,QAAI,cAAc,gBAAgB,WAAW,GAAG;AAC9C,aAAO,oBAAC,mBAAgB,QAAQ,aAAa;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO,oBAAC,YAAS,QAAQ,cAAc,kBAAkB,gBAAgB;AAC3E;",
   "names": []
 }

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js

@@ -11,6 +11,7 @@ import {
 import { useChartLayoutOrientation } from "../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js";
 import { getLegendOrientation } from "../../../../core/components/chart-layout/utils/orientation.js";
 import { ChartLegend } from "../../../../core/components/legend/categorical/ChartLegend.js";
+import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
 import { buildCategoricalItemsFromScale } from "../../../../core/utils/build-categorical-items-from-scale.js";
 import { safeGet } from "../../../../core/utils/safe-get.js";
 import { useXYChartColorScales } from "../../../hooks/useXYChartColorScales.js";
@@ -65,6 +66,7 @@ function getLegendItems(series, metadata, isMixedSeries, scaleColorMap, isCatego
   });
 }
 function XYLegend({ series, seriesToMetadata }) {
+  const dispatch = useTooltipReducer();
   const { orientation: layoutOrientation } = useChartLayoutOrientation();
   const orientation = getLegendOrientation(layoutOrientation);
   const setState = useSetState();
@@ -84,15 +86,17 @@ function XYLegend({ series, seriesToMetadata }) {
       scaleColorMap,
       isCategoricalRectOnly
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/preserve-manual-memoization
     [series, seriesToMetadata]
   );
   const legendActions = getXYLegendActions(series, seriesToMetadata);
   const updateVisibleSeries = useCallback(
     (visibleItems) => {
       const visibleIds = new Set(visibleItems.map((item) => item.id));
+      dispatch({ type: "RESET_TOOLTIP" })();
       setState(reduceFilterSeries(visibleIds));
     },
-    [setState]
+    [setState, dispatch]
   );
   const updateHighlightedSeriesId = (legendItemId) => {
     setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/XYLegend.tsx"],
-  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    [series, seriesToMetadata],\n  );\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const dispatch = useTooltipReducer();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/preserve-manual-memoization\n    [series, seriesToMetadata],\n  );\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, dispatch],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
+  "mappings": "AAmFc;AAlFd,SAAS,aAAa,eAAe;AAErC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAClC,SAAS,sCAAsC;AAC/C,SAAS,eAAe;AAExB,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,OAIK;AACP,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,MAAM,cAAc;AAAA,EAClB,CAAC,YAAY,GAAG;AAAA,EAChB,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,YAAY,GAAG;AAAA,EAChB,CAAC,YAAY,GAAG;AAClB;AAEA,SAAS,eACP,QAOA,UACA,eACA,eACA,uBACA;AACA,SAAO,OAAO,QAAQ,CAACA,YAAW;AAChC,QAAIA,QAAO,SAAS,cAAc;AAChC,UAAI,cAAc,UAAUA,OAAM,GAAG;AACnC,eAAO,CAAC;AAAA,MACV;AACA,YAAM,QAAQ,QAAQ,eAAeA,QAAO,EAAE;AAI9C,YAAM,gBAAgB,QAAQ,UAAUA,OAAM,EAAE;AAEhD,YAAM,QAAQ,wBAAwB,WAAW,YAAYA,QAAO,IAAI;AAExE,YAAM,QAAQ;AAAA,QACZ;AAAA,QACA;AAAA;AAAA;AAAA,QAGA,CAAC,aAAqB,GAAGA,QAAO,EAAE,KAAK,QAAQ;AAAA,MACjD;AAEA,aAAO,MAAM,IAAI,CAAC,UAAsB;AAAA,QACtC,GAAG;AAAA,QACH,MAAM,oBAAC,gBAAa,OAAO,KAAK,MAAM,SAAS,OAAc;AAAA,MAC/D,EAAE;AAAA,IACJ,OAAO;AACL,YAAM,EAAE,MAAM,OAAO,QAAQ,SAAS,IAAI,QAAQ,UAAUA,OAAM;AAClE,YAAM,YACJ,iBAAiBA,QAAO,SAAS,cAC7B,YAAYA,QAAO,IAAI,IACvB;AAEN,aAAO;AAAA,QACL,IAAIA,QAAO;AAAA,QACX;AAAA,QACA;AAAA,QACA,MAAM,oBAAC,gBAAa,OAAO,MAAM,SAAS,OAAO,WAAW;AAAA,MAC9D;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAOO,SAAS,SAAS,EAAE,QAAQ,iBAAiB,GAAkB;AACpE,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,WAAW,YAAY;AAE7B,QAAM,gBAAgB,sBAAsB;AAE5C,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,QAAM,cAAc,OAAO,CAAC;AAC5B,QAAM,wBACJ,aAAa,WAAW,KACxB,OAAO,MAAM,YAAY,KACzB,CAAC,cAAc,kBAAkB,WAAW;AAE9C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,UAAU,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACjD,WAAO,QAAQ,QAAQ;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA;AAAA,IAEF,CAAC,QAAQ,gBAAgB;AAAA,EAC3B;AAEA,QAAM,gBAAgB,mBAAmB,QAAQ,gBAAgB;AAEjE,QAAM,sBAAsB;AAAA,IAC1B,CAAC,iBAA+B;AAC9B,YAAM,aAAa,IAAI,IAAI,aAAa,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAE9D,eAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AACpC,eAAS,mBAAmB,UAAU,CAAC;AAAA,IACzC;AAAA,IACA,CAAC,UAAU,QAAQ;AAAA,EACrB;AAEA,QAAM,4BAA4B,CAAC,iBAA0B;AAC3D,aAAS,CAAC,UAAU,EAAE,GAAG,MAAM,qBAAqB,aAAa,EAAE;AAAA,EACrE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,SAAS,CAAC,eAAe,0BAA0B,YAAY,EAAE;AAAA,MACjE,SAAS;AAAA;AAAA,EACX;AAEJ;",
   "names": ["series"]
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.css

@@ -1,3 +1,3 @@
-._1lwufqz0-3-2-0 {
+._1lwufqz0-3-3-0 {
   margin: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js

@@ -1,5 +1,5 @@
 import "./xy-legend.css";
-var shapeIconWrapper = "_1lwufqz0-3-2-0";
+var shapeIconWrapper = "_1lwufqz0-3-3-0";
 export {
   shapeIconWrapper
 };