@dynatrace/strato-components 3.0.1 → 3.1.0

package/esm/charts/xy-chart/hooks/useXYChartDataProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useXYChartDataProvider.ts"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { useAxesConfig } from './useAxesConfig.js';\nimport { useColorPalette } from './useColorPalette.js';\nimport { useSortLinearDatapoints } from './useSortLinearDatapoints.js';\nimport { useSortRectangleDatapoints } from './useSortRectangleDatapoints.js';\nimport {\n  type ConcreteStrategy,\n  getStrategyFactory,\n} from '../processing-strategies/factory/factory.js';\nimport { AreaSeriesStrategy } from '../processing-strategies/strategies/area-series.js';\nimport { BarSeriesStrategy } from '../processing-strategies/strategies/bar-series.js';\nimport { DotSeriesStrategy } from '../processing-strategies/strategies/dot-series.js';\nimport { LineSeriesStrategy } from '../processing-strategies/strategies/line-series.js';\nimport { RectSeriesStrategy } from '../processing-strategies/strategies/rect-series.js';\nimport type { MutableProcessingContext } from '../processing-strategies/types/processing-types.js';\nimport type {\n  AxisIdToScaleDomain,\n  MapDatapoints,\n  SeriesToMetadata,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartData } from '../types/xy-chart.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../utils/axis-interactions.js';\nimport { combineDataWithCorrespondingSeries } from '../utils/combine-data-with-corresponding-series.js';\nimport { combineSeriesWithAxes } from '../utils/combine-series-with-axes.js';\n\n/**\n * A hook to process chart data and configure axes for an XY chart.\n *\n * @param seriesVariantsProps - The array of series variant properties.\n * @param data - The array of chart data.\n * @returns - An object containing axes, series with data points, rect data points to metadata mapping, axis ID to scale domain mapping, and series ID to value scale domain mapping.\n * @returns axes - The array of valid axes configurations.\n * @returns seriesWithDatapoints - The array of series with data points.\n * @returns rectSeriesToMetadata - A mapping of rect series to their metadata.\n * @returns axisIdToScaleDomain - A mapping of axis IDs to their scale domains.\n * @returns seriesIdToValueScaleDomain - A mapping of series IDs to their value scale domains.\n */\nexport function useXYChartDataProvider(\n  seriesVariantsProps: XYChartVariantsInternal[],\n  data: XYChartData[],\n) {\n  const axes = useAxesConfig();\n  const colorPalette = useColorPalette();\n  const intl = useIntl();\n\n  const axisIdToScaleDomain: AxisIdToScaleDomain = new Map();\n  const datapointMetadataMap: MapDatapoints = new Map();\n\n  const {\n    addValue,\n    getCurrentSelectConfig: getCurrentShapeSelectConfig,\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  } = useSortLinearDatapoints(seriesVariantsProps);\n  const {\n    addValue: addRectangleValue,\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n    getCurrentSelectConfig: getCurrentRectangleSelectConfig,\n  } = useSortRectangleDatapoints(seriesVariantsProps);\n\n  const seriesWithAxes = combineSeriesWithAxes(seriesVariantsProps, axes);\n  const dataWithSeries = combineDataWithCorrespondingSeries(\n    data,\n    seriesWithAxes,\n  );\n\n  const seriesWithDatapoints: Array<XYChartSeriesWithDatapoints> = [];\n  const seriesToMetadata: SeriesToMetadata = new Map();\n\n  const seriesMap = new Map();\n\n  const seriesIndexes: string[] = [];\n\n  const rectSeriesStrategy = new RectSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const dotSeriesStrategy = new DotSeriesStrategy({ addValue });\n  const lineSeriesStrategy = new LineSeriesStrategy({ addValue });\n  const barSeriesStrategy = new BarSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const areaSeriesStrategy = new AreaSeriesStrategy({ addValue });\n  const strategies: ConcreteStrategy[] = [\n    rectSeriesStrategy,\n    dotSeriesStrategy,\n    lineSeriesStrategy,\n    barSeriesStrategy,\n    areaSeriesStrategy,\n  ];\n\n  const mutableContext: MutableProcessingContext = {\n    seriesMap,\n    seriesWithDatapoints,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    seriesIndexes,\n    intl,\n    colorPalette,\n    datapointMetadataMap,\n  };\n\n  for (const { data, series } of dataWithSeries.filter(\n    ({ series }) => series.length,\n  )) {\n    for (const { seriesProps, xAxis, yAxis } of series) {\n      const strategy = getStrategyFactory(strategies, seriesProps);\n\n      if (strategy?.preprocess) {\n        strategy.preprocess(data, seriesProps, xAxis, yAxis);\n      }\n    }\n    for (const datum of data) {\n      for (const { seriesProps, xAxis, yAxis } of series) {\n        const strategy = getStrategyFactory(strategies, seriesProps);\n\n        if (strategy) {\n          const processResult = strategy.process(\n            datum,\n            seriesProps,\n            xAxis,\n            yAxis,\n            mutableContext,\n          );\n\n          if (processResult === 'continue') {\n            continue;\n          }\n        } else {\n          throw new Error(\n            `No strategy found to process series with id: ${seriesProps.id}`,\n          );\n        }\n      }\n    }\n  }\n\n  const validAxes = axes.filter((axis) => axisIdToScaleDomain.has(axis.id));\n  const linearSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentShapeSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  };\n  const rectSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentRectangleSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n  };\n  return {\n    axesMetadata: {\n      isZoomEnabled: !!validAxes.find(isZoomEnabledFor),\n      isPanEnabled: !!validAxes.find(isPanEnabledFor),\n      isInfinite: !!validAxes.find(isInfiniteZoomEnabledFor),\n    },\n    axes: validAxes,\n    axisIdToScaleDomain,\n    seriesIdToValueScaleDomain: rectSeriesStrategy.seriesIdToValueScaleDomain,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    seriesToMetadata,\n    axisIdToDimension: barSeriesStrategy.axisIdToDimension,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { useAxesConfig } from './useAxesConfig.js';\nimport { useColorPalette } from './useColorPalette.js';\nimport { useSortLinearDatapoints } from './useSortLinearDatapoints.js';\nimport { useSortRectangleDatapoints } from './useSortRectangleDatapoints.js';\nimport {\n  type ConcreteStrategy,\n  getStrategyFactory,\n} from '../processing-strategies/factory/factory.js';\nimport { AreaSeriesStrategy } from '../processing-strategies/strategies/area-series.js';\nimport { BarSeriesStrategy } from '../processing-strategies/strategies/bar-series.js';\nimport { DotSeriesStrategy } from '../processing-strategies/strategies/dot-series.js';\nimport { LineSeriesStrategy } from '../processing-strategies/strategies/line-series.js';\nimport { RectSeriesStrategy } from '../processing-strategies/strategies/rect-series.js';\nimport type { MutableProcessingContext } from '../processing-strategies/types/processing-types.js';\nimport { useFilteredSeriesIdsState } from '../store/selectors.js';\nimport type {\n  AxisIdToScaleDomain,\n  MapDatapoints,\n  RectDatapointInternal,\n  SeriesToMetadata,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartData } from '../types/xy-chart.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../utils/axis-interactions.js';\nimport { combineDataWithCorrespondingSeries } from '../utils/combine-data-with-corresponding-series.js';\nimport { combineSeriesWithAxes } from '../utils/combine-series-with-axes.js';\n\n/**\n * A hook to process chart data and configure axes for an XY chart.\n *\n * @param seriesVariantsProps - The array of series variant properties.\n * @param data - The array of chart data.\n * @returns - An object containing axes, series with data points, rect data points to metadata mapping, axis ID to scale domain mapping, and series ID to value scale domain mapping.\n * @returns axes - The array of valid axes configurations.\n * @returns seriesWithDatapoints - The array of series with data points.\n * @returns rectSeriesToMetadata - A mapping of rect series to their metadata.\n * @returns axisIdToScaleDomain - A mapping of axis IDs to their scale domains.\n * @returns seriesIdToValueScaleDomain - A mapping of series IDs to their value scale domains.\n */\nexport function useXYChartDataProvider(\n  seriesVariantsProps: XYChartVariantsInternal[],\n  data: XYChartData[],\n) {\n  const axes = useAxesConfig();\n  const colorPalette = useColorPalette();\n  const intl = useIntl();\n\n  const axisIdToScaleDomain: AxisIdToScaleDomain = new Map();\n  const datapointMetadataMap: MapDatapoints = new Map();\n\n  const {\n    addValue,\n    getCurrentSelectConfig: getCurrentShapeSelectConfig,\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  } = useSortLinearDatapoints(seriesVariantsProps, datapointMetadataMap);\n  const {\n    addValue: addRectangleValue,\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n    getCurrentSelectConfig: getCurrentRectangleSelectConfig,\n  } = useSortRectangleDatapoints(seriesVariantsProps);\n\n  const seriesWithAxes = combineSeriesWithAxes(seriesVariantsProps, axes);\n  const dataWithSeries = combineDataWithCorrespondingSeries(\n    data,\n    seriesWithAxes,\n  );\n\n  const seriesWithDatapoints: Array<XYChartSeriesWithDatapoints> = [];\n  const seriesToMetadata: SeriesToMetadata = new Map();\n\n  const seriesMap = new Map();\n\n  const seriesIndexes: string[] = [];\n\n  const rectSeriesStrategy = new RectSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const dotSeriesStrategy = new DotSeriesStrategy({ addValue });\n  const lineSeriesStrategy = new LineSeriesStrategy({ addValue });\n  const barSeriesStrategy = new BarSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const areaSeriesStrategy = new AreaSeriesStrategy({ addValue });\n  const strategies: ConcreteStrategy[] = [\n    rectSeriesStrategy,\n    dotSeriesStrategy,\n    lineSeriesStrategy,\n    barSeriesStrategy,\n    areaSeriesStrategy,\n  ];\n\n  const filteredSeriesIds = useFilteredSeriesIdsState();\n\n  const mutableContext: MutableProcessingContext = {\n    seriesMap,\n    seriesWithDatapoints,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    seriesIndexes,\n    intl,\n    colorPalette,\n    datapointMetadataMap,\n    filteredSeriesIds,\n  };\n\n  for (const { data, series } of dataWithSeries.filter(\n    ({ series }) => series.length,\n  )) {\n    for (const { seriesProps, xAxis, yAxis } of series) {\n      const strategy = getStrategyFactory(strategies, seriesProps);\n\n      if (strategy?.preprocess) {\n        strategy.preprocess(data, seriesProps, xAxis, yAxis, mutableContext);\n      }\n    }\n    for (const datum of data) {\n      for (const { seriesProps, xAxis, yAxis } of series) {\n        const strategy = getStrategyFactory(strategies, seriesProps);\n\n        if (strategy) {\n          const processResult = strategy.process(\n            datum,\n            seriesProps,\n            xAxis,\n            yAxis,\n            mutableContext,\n          );\n\n          if (processResult === 'continue') {\n            continue;\n          }\n        } else {\n          throw new Error(\n            `No strategy found to process series with id: ${seriesProps.id}`,\n          );\n        }\n      }\n    }\n  }\n\n  const validAxes = axes.filter((axis) => axisIdToScaleDomain.has(axis.id));\n  const linearSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentShapeSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  };\n  const rectSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentRectangleSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n  };\n  return {\n    axesMetadata: {\n      isZoomEnabled: !!validAxes.find(isZoomEnabledFor),\n      isPanEnabled: !!validAxes.find(isPanEnabledFor),\n      isInfinite: !!validAxes.find(isInfiniteZoomEnabledFor),\n    },\n    axes: validAxes,\n    axisIdToScaleDomain,\n    seriesIdToValueScaleDomain: rectSeriesStrategy.seriesIdToValueScaleDomain,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    filteredSeriesWithDatapoints: seriesWithDatapoints.filter((series) => {\n      if (series.type === 'rect') {\n        series.filteredData = series.data.filter(\n          (datapoint: RectDatapointInternal) => {\n            return datapointMetadataMap.get(datapoint)?.isVisible !== false;\n          },\n        );\n      }\n\n      return seriesToMetadata.get(series)?.isVisible !== false;\n    }),\n    seriesToMetadata,\n    axisIdToDimension: barSeriesStrategy.axisIdToDimension,\n  };\n}\n"],
+  "mappings": "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",
   "names": ["data", "series"]
 }

package/esm/charts/xy-chart/layout/XYChartHighlightedCanvasLayout.js

@@ -12,10 +12,10 @@ const XYChartHighlightedCanvasLayout = ({
 }) => {
   const highlightedSeriesId = useXYChartHighlightedSeriesIdsState();
   const pinned = usePinnedState();
-  const { seriesWithDatapoints } = useXYChartData();
+  const { filteredSeriesWithDatapoints } = useXYChartData();
   handleOpacity(applyOpacityToCanvas(highlightedSeriesId));
   const highlightedSeries = getHighlightedSeries(
-    seriesWithDatapoints,
+    filteredSeriesWithDatapoints,
     highlightedSeriesId
   );
   if (!highlightedSeriesId || !highlightedSeries) {

package/esm/charts/xy-chart/layout/XYChartHighlightedCanvasLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartHighlightedCanvasLayout.tsx"],
-  "sourcesContent": ["import { XYChartGenericCanvasLayout } from './XYChartGenericCanvasLayout.js';\nimport { applyOpacityToCanvas } from '../../core/utils/apply-opacity-to-canvas.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport {\n  usePinnedState,\n  useXYChartHighlightedSeriesIdsState,\n} from '../store/selectors.js';\nimport type { RectDatapointInternal } from '../types/xy-chart-internals.js';\nimport { getHighlightedSeries } from '../utils/get-highlighted-series.js';\n\ninterface XYChartHighlightedCanvasLayoutProps {\n  handleOpacity: (val: string) => void;\n}\n\nexport const XYChartHighlightedCanvasLayout = ({\n  handleOpacity,\n}: XYChartHighlightedCanvasLayoutProps) => {\n  const highlightedSeriesId = useXYChartHighlightedSeriesIdsState();\n  const pinned = usePinnedState();\n  const { seriesWithDatapoints } = useXYChartData();\n\n  handleOpacity(applyOpacityToCanvas(highlightedSeriesId));\n\n  const highlightedSeries = getHighlightedSeries(\n    seriesWithDatapoints,\n    highlightedSeriesId,\n  );\n\n  if (!highlightedSeriesId || !highlightedSeries) {\n    return null;\n  }\n\n  const isRectCategoryHighlighted =\n    highlightedSeries.type === 'rect' && !pinned;\n\n  // We can't use there series.id for comparison, because its creating performance issues.\n  // We don't want to apply data filter when series.id doesn't have category (data.value) in id (when pinning datapoint)\n  const rectDatapointFilter = isRectCategoryHighlighted\n    ? (data: RectDatapointInternal) =>\n        typeof data.value === 'string' &&\n        highlightedSeriesId.includes(data.value)\n    : undefined;\n\n  return (\n    <XYChartGenericCanvasLayout\n      seriesWithDatapoints={[highlightedSeries]}\n      rectFilterCallback={rectDatapointFilter}\n    />\n  );\n};\n"],
-  "mappings": "AA4CI;AA5CJ,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AAM9B,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AACF,MAA2C;AACzC,QAAM,sBAAsB,oCAAoC;AAChE,QAAM,SAAS,eAAe;AAC9B,QAAM,EAAE,qBAAqB,IAAI,eAAe;AAEhD,gBAAc,qBAAqB,mBAAmB,CAAC;AAEvD,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,CAAC,uBAAuB,CAAC,mBAAmB;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,4BACJ,kBAAkB,SAAS,UAAU,CAAC;AAIxC,QAAM,sBAAsB,4BACxB,CAAC,SACC,OAAO,KAAK,UAAU,YACtB,oBAAoB,SAAS,KAAK,KAAK,IACzC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,CAAC,iBAAiB;AAAA,MACxC,oBAAoB;AAAA;AAAA,EACtB;AAEJ;",
+  "sourcesContent": ["import { XYChartGenericCanvasLayout } from './XYChartGenericCanvasLayout.js';\nimport { applyOpacityToCanvas } from '../../core/utils/apply-opacity-to-canvas.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport {\n  usePinnedState,\n  useXYChartHighlightedSeriesIdsState,\n} from '../store/selectors.js';\nimport type { RectDatapointInternal } from '../types/xy-chart-internals.js';\nimport { getHighlightedSeries } from '../utils/get-highlighted-series.js';\n\ninterface XYChartHighlightedCanvasLayoutProps {\n  handleOpacity: (val: string) => void;\n}\n\nexport const XYChartHighlightedCanvasLayout = ({\n  handleOpacity,\n}: XYChartHighlightedCanvasLayoutProps) => {\n  const highlightedSeriesId = useXYChartHighlightedSeriesIdsState();\n  const pinned = usePinnedState();\n  const { filteredSeriesWithDatapoints } = useXYChartData();\n\n  handleOpacity(applyOpacityToCanvas(highlightedSeriesId));\n\n  const highlightedSeries = getHighlightedSeries(\n    filteredSeriesWithDatapoints,\n    highlightedSeriesId,\n  );\n\n  if (!highlightedSeriesId || !highlightedSeries) {\n    return null;\n  }\n\n  const isRectCategoryHighlighted =\n    highlightedSeries.type === 'rect' && !pinned;\n\n  // We can't use there series.id for comparison, because its creating performance issues.\n  // We don't want to apply data filter when series.id doesn't have category (data.value) in id (when pinning datapoint)\n  const rectDatapointFilter = isRectCategoryHighlighted\n    ? (data: RectDatapointInternal) =>\n        typeof data.value === 'string' &&\n        highlightedSeriesId.includes(data.value)\n    : undefined;\n\n  return (\n    <XYChartGenericCanvasLayout\n      seriesWithDatapoints={[highlightedSeries]}\n      rectFilterCallback={rectDatapointFilter}\n    />\n  );\n};\n"],
+  "mappings": "AA4CI;AA5CJ,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AAM9B,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AACF,MAA2C;AACzC,QAAM,sBAAsB,oCAAoC;AAChE,QAAM,SAAS,eAAe;AAC9B,QAAM,EAAE,6BAA6B,IAAI,eAAe;AAExD,gBAAc,qBAAqB,mBAAmB,CAAC;AAEvD,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,CAAC,uBAAuB,CAAC,mBAAmB;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,4BACJ,kBAAkB,SAAS,UAAU,CAAC;AAIxC,QAAM,sBAAsB,4BACxB,CAAC,SACC,OAAO,KAAK,UAAU,YACtB,oBAAoB,SAAS,KAAK,KAAK,IACzC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,CAAC,iBAAiB;AAAA,MACxC,oBAAoB;AAAA;AAAA,EACtB;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-0-1 {
+._1ru1qe70-3-1-0 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-0-1 {
+._1ru1qe71-3-1-0 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/esm/charts/xy-chart/layout/XYChartLayout.js

@@ -6,7 +6,7 @@ import { XYChartThresholdIndicators } from "../components/thresholds/XYChartThre
 import { useXYChartData } from "../hooks/useXYChartData.js";
 function XYChartLayout() {
   const canvasRef = useRef([]);
-  const { seriesWithDatapoints } = useXYChartData();
+  const { filteredSeriesWithDatapoints } = useXYChartData();
   const handleOpacityChange = (value) => {
     if (canvasRef?.current) {
       canvasRef.current.forEach((canvas) => {
@@ -18,7 +18,7 @@ function XYChartLayout() {
     /* @__PURE__ */ jsx(
       XYChartGenericCanvasLayout,
       {
-        seriesWithDatapoints,
+        seriesWithDatapoints: filteredSeriesWithDatapoints,
         ref: canvasRef
       }
     ),

package/esm/charts/xy-chart/layout/XYChartLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartLayout.tsx"],
-  "sourcesContent": ["import { useRef } from 'react';\n\nimport { XYChartGenericCanvasLayout } from './XYChartGenericCanvasLayout.js';\nimport { XYChartHighlightedCanvasLayout } from './XYChartHighlightedCanvasLayout.js';\nimport type { CanvasRef } from '../../core/components/canvas/Canvas.js';\nimport { XYChartThresholdIndicators } from '../components/thresholds/XYChartThresholdIndicators.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\n\nexport function XYChartLayout() {\n  const canvasRef = useRef<CanvasRef[]>([]);\n  const { seriesWithDatapoints } = useXYChartData();\n\n  const handleOpacityChange = (value: string) => {\n    if (canvasRef?.current) {\n      // The opacity change is done through direct DOM manipulation since canvas elements are not React components and we want to avoid re-renders\n      canvasRef.current.forEach((canvas) => {\n        canvas.customSetStyle('opacity', value);\n      });\n    }\n  };\n\n  return (\n    <>\n      <XYChartGenericCanvasLayout\n        seriesWithDatapoints={seriesWithDatapoints}\n        ref={canvasRef}\n      />\n      <XYChartHighlightedCanvasLayout handleOpacity={handleOpacityChange} />\n      <XYChartThresholdIndicators />\n    </>\n  );\n}\n\nXYChartLayout['displayName'] = 'XYChartLayout';\n"],
-  "mappings": "AAsBI,mBACE,KADF;AAtBJ,SAAS,cAAc;AAEvB,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAE/C,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAExB,SAAS,gBAAgB;AAC9B,QAAM,YAAY,OAAoB,CAAC,CAAC;AACxC,QAAM,EAAE,qBAAqB,IAAI,eAAe;AAEhD,QAAM,sBAAsB,CAAC,UAAkB;AAC7C,QAAI,WAAW,SAAS;AAEtB,gBAAU,QAAQ,QAAQ,CAAC,WAAW;AACpC,eAAO,eAAe,WAAW,KAAK;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA;AAAA,IACP;AAAA,IACA,oBAAC,kCAA+B,eAAe,qBAAqB;AAAA,IACpE,oBAAC,8BAA2B;AAAA,KAC9B;AAEJ;AAEA,cAAc,aAAa,IAAI;",
+  "sourcesContent": ["import { useRef } from 'react';\n\nimport { XYChartGenericCanvasLayout } from './XYChartGenericCanvasLayout.js';\nimport { XYChartHighlightedCanvasLayout } from './XYChartHighlightedCanvasLayout.js';\nimport type { CanvasRef } from '../../core/components/canvas/Canvas.js';\nimport { XYChartThresholdIndicators } from '../components/thresholds/XYChartThresholdIndicators.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\n\nexport function XYChartLayout() {\n  const canvasRef = useRef<CanvasRef[]>([]);\n  const { filteredSeriesWithDatapoints } = useXYChartData();\n\n  const handleOpacityChange = (value: string) => {\n    if (canvasRef?.current) {\n      // The opacity change is done through direct DOM manipulation since canvas elements are not React components and we want to avoid re-renders\n      canvasRef.current.forEach((canvas) => {\n        canvas.customSetStyle('opacity', value);\n      });\n    }\n  };\n\n  return (\n    <>\n      <XYChartGenericCanvasLayout\n        seriesWithDatapoints={filteredSeriesWithDatapoints}\n        ref={canvasRef}\n      />\n      <XYChartHighlightedCanvasLayout handleOpacity={handleOpacityChange} />\n      <XYChartThresholdIndicators />\n    </>\n  );\n}\n\nXYChartLayout['displayName'] = 'XYChartLayout';\n"],
+  "mappings": "AAsBI,mBACE,KADF;AAtBJ,SAAS,cAAc;AAEvB,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAE/C,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAExB,SAAS,gBAAgB;AAC9B,QAAM,YAAY,OAAoB,CAAC,CAAC;AACxC,QAAM,EAAE,6BAA6B,IAAI,eAAe;AAExD,QAAM,sBAAsB,CAAC,UAAkB;AAC7C,QAAI,WAAW,SAAS;AAEtB,gBAAU,QAAQ,QAAQ,CAAC,WAAW;AACpC,eAAO,eAAe,WAAW,KAAK;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,sBAAsB;AAAA,QACtB,KAAK;AAAA;AAAA,IACP;AAAA,IACA,oBAAC,kCAA+B,eAAe,qBAAqB;AAAA,IACpE,oBAAC,8BAA2B;AAAA,KAC9B;AAEJ;AAEA,cAAc,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartLayout.css";
-var datapointCanvasPlot = "_1ru1qe71-3-0-1 _13lzg4k0-3-0-1 _1ru1qe70-3-0-1";
-var rectangleCanvasPlot = "_13lzg4k0-3-0-1 _1ru1qe70-3-0-1";
+var datapointCanvasPlot = "_1ru1qe71-3-1-0 _13lzg4k0-3-1-0 _1ru1qe70-3-1-0";
+var rectangleCanvasPlot = "_13lzg4k0-3-1-0 _1ru1qe70-3-1-0";
 export {
   datapointCanvasPlot,
   rectangleCanvasPlot

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartLayout.css.ts"],
-  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-0-1 _13lzg4k0-3-0-1 _1ru1qe70-3-0-1';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-0-1 _1ru1qe70-3-0-1';"],
+  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-1-0 _13lzg4k0-3-1-0 _1ru1qe70-3-1-0';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-1-0 _1ru1qe70-3-1-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/area-series.js

@@ -2,6 +2,7 @@ import { SeriesBaseStrategy } from "./base-series.js";
 import { GappableSeriesHelper } from "./gappable-series.js";
 import { StackableSeriesHelper } from "./stackable-series.js";
 import { isValidPointsDisplay } from "../../../core/components/canvas/utils/is-valid-points-display.js";
+import { safeGet } from "../../../core/utils/safe-get.js";
 import { DEFAULT_POINTS_DISPLAY } from "../../constants/defaults.js";
 import { isAreaSeries } from "../../utils/type-guards.js";
 import { getAreaDatapoints } from "../utils/access-datapoint/get-area-datapoints.js";
@@ -12,17 +13,27 @@ import {
 } from "../utils/access-datapoint/get-datapoints.js";
 import { getCalculatedLinearPointForArea } from "../utils/cast-data/get-calculated-linear-point.js";
 import { getLinearColor } from "../utils/coloring/get-linear-color-palette.js";
+import { isAreaSeriesStacked } from "../utils/stacking/is-area-series-stacked.js";
 import {
   getBaselineCoordinate,
+  getCombinedAxesOrientationKey,
   isStackable
 } from "../utils/stacking/stack-datapoints.js";
 class AreaSeriesStrategy extends SeriesBaseStrategy {
   stackHelper;
   gapHelper;
+  /**
+   * This is needed for special cases such as isolated points in value representation in area charts.
+   */
+  combinedAxesOrientationKeyToSeriesCount;
+  /** This set contains series Id that has been preprocessed at least once */
+  preprocessedSeriesIds;
   constructor(initializer) {
     super(initializer);
     this.stackHelper = new StackableSeriesHelper();
     this.gapHelper = new GappableSeriesHelper();
+    this.combinedAxesOrientationKeyToSeriesCount = /* @__PURE__ */ new Map();
+    this.preprocessedSeriesIds = /* @__PURE__ */ new Set();
   }
   canHandle(seriesProps) {
     return isAreaSeries(seriesProps);
@@ -81,7 +92,7 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
       variant
     );
   }
-  preprocessImpl(data, seriesProps, xAxis, yAxis) {
+  preprocessImpl(data, seriesProps, xAxis, yAxis, context) {
     const chartOrientation = getChartOrientation(seriesProps);
     if (chartOrientation === void 0 || chartOrientation === "both") {
       return;
@@ -94,10 +105,22 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
     if (!canStack) {
       return;
     }
+    const filteredSeriesIds = context?.filteredSeriesIds;
     for (const datum of data) {
       const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);
       const variant = getChartAreaVariant(chartOrientation, seriesProps);
       if (datapoint) {
+        const seriesId = this.getSeriesId(datum, seriesProps);
+        const isSeriesVisible = filteredSeriesIds === void 0 || filteredSeriesIds.has(seriesId);
+        if (!isSeriesVisible) {
+          continue;
+        }
+        this.registerSeriesCountOnPreprocessing(
+          seriesId,
+          xAxis.id,
+          yAxis.id,
+          chartOrientation
+        );
         const preCalcPoint = this.getCalculationPoint(
           datapoint,
           xAxis,
@@ -117,6 +140,7 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
   processImpl(datum, seriesProps, xAxis, yAxis, datapoint, context) {
     const { seriesMap, seriesToMetadata } = context;
     const seriesId = this.getSeriesId(datum, seriesProps);
+    const isSeriesVisible = context.filteredSeriesIds === void 0 || context.filteredSeriesIds.has(seriesId);
     const chartOrientation = getChartOrientation(seriesProps);
     if (!chartOrientation) {
       return "continue";
@@ -129,13 +153,25 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
       chartOrientation,
       variant
     );
-    const { calcDatapoint, datapointMetadata, shouldContinue } = this.handleStacking(
-      preCalcPoint,
-      xAxis,
-      yAxis,
-      chartOrientation,
-      variant
-    );
+    let calcDatapoint;
+    let datapointMetadata;
+    let shouldContinue;
+    if (isSeriesVisible) {
+      ({ calcDatapoint, datapointMetadata, shouldContinue } = this.handleStacking(
+        preCalcPoint,
+        xAxis,
+        yAxis,
+        chartOrientation,
+        variant
+      ));
+    } else {
+      calcDatapoint = preCalcPoint;
+      datapointMetadata = {
+        isGap: false,
+        baseline: getBaselineCoordinate(chartOrientation)
+      };
+      shouldContinue = false;
+    }
     if (shouldContinue) {
       return "continue";
     }
@@ -151,21 +187,32 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
         seriesId,
         context
       );
-      seriesToMetadata.set(currentSeries, metadata);
+      seriesToMetadata.set(currentSeries, {
+        ...metadata,
+        isVisible: isSeriesVisible,
+        isStacked: chartOrientation !== "both" && isAreaSeriesStacked(
+          getCombinedAxesOrientationKey(xAxis.id, yAxis.id, chartOrientation),
+          this.combinedAxesOrientationKeyToSeriesCount,
+          variant
+        )
+      });
     }
-    const gappedDatapoint = this.gapHelper.handleGapDetection(
-      datapoint,
-      currentSeries,
-      xAxis,
-      yAxis
-    );
-    if (gappedDatapoint) {
-      this.registerDatapoint(
-        gappedDatapoint,
-        { isGap: true },
+    const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);
+    if (isSeriesVisible) {
+      const gappedDatapoint = this.gapHelper.handleGapDetection(
+        datapoint,
         currentSeries,
-        context
+        xAxis,
+        yAxis
       );
+      if (gappedDatapoint) {
+        this.registerDatapoint(
+          gappedDatapoint,
+          { isGap: true },
+          currentSeries,
+          context
+        );
+      }
     }
     this.registerDatapoint(
       datapoint,
@@ -173,12 +220,19 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
       currentSeries,
       context
     );
-    this.updateAxisDomains(
-      calcDatapoint,
-      xAxis,
-      yAxis,
-      context.axisIdToScaleDomain
-    );
+    if (isSeriesVisible) {
+      this.addValue({
+        series: currentSeries,
+        datapoint,
+        color: currentSeriesMetadata?.color
+      });
+      this.updateAxisDomains(
+        calcDatapoint,
+        xAxis,
+        yAxis,
+        context.axisIdToScaleDomain
+      );
+    }
   }
   getColor(datum, seriesProps, configColorPalette, seriesName, seriesIndex) {
     return getLinearColor(
@@ -225,6 +279,28 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
       shouldContinue
     };
   }
+  registerSeriesCountForAxisCombination(xAxisId, yAxisId, chartOrientation) {
+    const axesCombinationKey = getCombinedAxesOrientationKey(
+      xAxisId,
+      yAxisId,
+      chartOrientation
+    );
+    const count = this.combinedAxesOrientationKeyToSeriesCount.get(axesCombinationKey) ?? 0;
+    this.combinedAxesOrientationKeyToSeriesCount.set(
+      axesCombinationKey,
+      count + 1
+    );
+  }
+  registerSeriesCountOnPreprocessing(seriesId, xAxisId, yAxisId, chartOrientation) {
+    if (!this.preprocessedSeriesIds.has(seriesId)) {
+      this.registerSeriesCountForAxisCombination(
+        xAxisId,
+        yAxisId,
+        chartOrientation
+      );
+      this.preprocessedSeriesIds.add(seriesId);
+    }
+  }
 }
 export {
   AreaSeriesStrategy

package/esm/charts/xy-chart/processing-strategies/strategies/area-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/area-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { Orientation } from '../../../core/components/canvas/types/canvas-shape.js';\nimport { isValidPointsDisplay } from '../../../core/components/canvas/utils/is-valid-points-display.js';\nimport { DEFAULT_POINTS_DISPLAY } from '../../constants/defaults.js';\nimport type {\n  AnyDatapoint,\n  AreaSeriesWithDatapoints,\n  DatapointMetadata,\n  XYChartAreaSeriesInternal,\n  XYChartAreaVariant,\n  XYChartAxisInternal,\n  XYChartOrientation,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport type {\n  AreaDatapoint,\n  XYChartColorPalette,\n  XYChartData,\n} from '../../types/xy-chart.js';\nimport { isAreaSeries } from '../../utils/type-guards.js';\nimport type {\n  AreaSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getAreaDatapoints } from '../utils/access-datapoint/get-area-datapoints.js';\nimport {\n  getChartAreaVariant,\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPointForArea } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport {\n  getBaselineCoordinate,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class AreaSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly gapHelper: GappableSeriesHelper<AreaDatapoint>;\n\n  constructor(initializer: AreaSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.gapHelper = new GappableSeriesHelper();\n  }\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartAreaSeriesInternal {\n    return isAreaSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n  ): string {\n    return getDatumValue(datum, seriesProps.seriesIdAccessor) as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor, curve } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    // Determine orientation based on accessors\n    const chartOrientation = getChartOrientation(seriesProps);\n    const orientation: Orientation =\n      chartOrientation === 'horizontal' ? 'horizontal' : 'vertical';\n\n    const variant = getChartAreaVariant(\n      chartOrientation as XYChartOrientation,\n      seriesProps,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      orientation,\n      curve,\n      variant,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      actions: seriesProps.actions,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation?: XYChartOrientation,\n    variant?: XYChartAreaVariant,\n  ) {\n    return getCalculatedLinearPointForArea(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const areaVariant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // Band areas don't stack, so skip preprocessing\n    if (areaVariant === 'band') {\n      return;\n    }\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (!canStack) {\n      return;\n    }\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n      if (datapoint) {\n        const preCalcPoint = this.getCalculationPoint(\n          datapoint,\n          xAxis,\n          yAxis,\n          chartOrientation,\n          variant,\n        );\n\n        this.stackHelper.processStackDomain(\n          preCalcPoint,\n          chartOrientation,\n          xAxis,\n          yAxis,\n        );\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: AreaDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n\n    if (!chartOrientation) {\n      return 'continue';\n    }\n\n    const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // doing this first cause we want to stack the start/end (middle) and the center when are the same\n    const preCalcPoint = this.getCalculationPoint(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n\n    const { calcDatapoint, datapointMetadata, shouldContinue } =\n      this.handleStacking(\n        preCalcPoint,\n        xAxis,\n        yAxis,\n        chartOrientation,\n        variant,\n      );\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: AreaSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, metadata);\n    }\n    const gappedDatapoint = this.gapHelper.handleGapDetection(\n      datapoint,\n      currentSeries,\n      xAxis,\n      yAxis,\n    );\n\n    if (gappedDatapoint) {\n      this.registerDatapoint(\n        gappedDatapoint,\n        { isGap: true },\n        currentSeries,\n        context,\n      );\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    this.updateAxisDomains(\n      calcDatapoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n    );\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    //TODO: add color in APPDEV-15003\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getAreaDatapoints(datum, seriesProps, xAxis, yAxis);\n  }\n\n  private handleStacking(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: XYChartOrientation,\n    areaVariant: XYChartAreaVariant,\n  ) {\n    if (areaVariant === 'band') {\n      return {\n        calcDatapoint: datapoint,\n        datapointMetadata: {\n          isGap: false,\n          baseline: getBaselineCoordinate(chartOrientation),\n        },\n        shouldContinue: false,\n      };\n    }\n\n    let calcDatapoint: AnyDatapoint | undefined;\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n    };\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { Orientation } from '../../../core/components/canvas/types/canvas-shape.js';\nimport { isValidPointsDisplay } from '../../../core/components/canvas/utils/is-valid-points-display.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { DEFAULT_POINTS_DISPLAY } from '../../constants/defaults.js';\nimport type {\n  AnyDatapoint,\n  AreaSeriesWithDatapoints,\n  AxisId,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAreaSeriesInternal,\n  XYChartAreaVariant,\n  XYChartAxisInternal,\n  XYChartOrientation,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport type {\n  AreaDatapoint,\n  XYChartColorPalette,\n  XYChartData,\n} from '../../types/xy-chart.js';\nimport { isAreaSeries } from '../../utils/type-guards.js';\nimport type {\n  AreaSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getAreaDatapoints } from '../utils/access-datapoint/get-area-datapoints.js';\nimport {\n  getChartAreaVariant,\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPointForArea } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport { isAreaSeriesStacked } from '../utils/stacking/is-area-series-stacked.js';\nimport {\n  getBaselineCoordinate,\n  getCombinedAxesOrientationKey,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class AreaSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly gapHelper: GappableSeriesHelper<AreaDatapoint>;\n  /**\n   * This is needed for special cases such as isolated points in value representation in area charts.\n   */\n  public readonly combinedAxesOrientationKeyToSeriesCount: Map<string, number>;\n  /** This set contains series Id that has been preprocessed at least once */\n  private readonly preprocessedSeriesIds: Set<SeriesId>;\n\n  constructor(initializer: AreaSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.gapHelper = new GappableSeriesHelper();\n    this.combinedAxesOrientationKeyToSeriesCount = new Map();\n    this.preprocessedSeriesIds = new Set();\n  }\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartAreaSeriesInternal {\n    return isAreaSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n  ): string {\n    return getDatumValue(datum, seriesProps.seriesIdAccessor) as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor, curve } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    // Determine orientation based on accessors\n    const chartOrientation = getChartOrientation(seriesProps);\n    const orientation: Orientation =\n      chartOrientation === 'horizontal' ? 'horizontal' : 'vertical';\n\n    const variant = getChartAreaVariant(\n      chartOrientation as XYChartOrientation,\n      seriesProps,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      orientation,\n      curve,\n      variant,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      actions: seriesProps.actions,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation?: XYChartOrientation,\n    variant?: XYChartAreaVariant,\n  ) {\n    return getCalculatedLinearPointForArea(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const areaVariant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // Band areas don't stack, so skip preprocessing\n    if (areaVariant === 'band') {\n      return;\n    }\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (!canStack) {\n      return;\n    }\n\n    const filteredSeriesIds = context?.filteredSeriesIds;\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n      if (datapoint) {\n        const seriesId = this.getSeriesId(datum, seriesProps);\n\n        const isSeriesVisible =\n          filteredSeriesIds === undefined || filteredSeriesIds.has(seriesId);\n\n        if (!isSeriesVisible) {\n          continue;\n        }\n\n        this.registerSeriesCountOnPreprocessing(\n          seriesId,\n          xAxis.id,\n          yAxis.id,\n          chartOrientation,\n        );\n\n        const preCalcPoint = this.getCalculationPoint(\n          datapoint,\n          xAxis,\n          yAxis,\n          chartOrientation,\n          variant,\n        );\n\n        this.stackHelper.processStackDomain(\n          preCalcPoint,\n          chartOrientation,\n          xAxis,\n          yAxis,\n        );\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: AreaDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n\n    if (!chartOrientation) {\n      return 'continue';\n    }\n\n    const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // doing this first cause we want to stack the start/end (middle) and the center when are the same\n    const preCalcPoint = this.getCalculationPoint(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n\n    let calcDatapoint: AnyDatapoint;\n    let datapointMetadata: DatapointMetadata;\n    let shouldContinue: boolean;\n\n    if (isSeriesVisible) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.handleStacking(\n          preCalcPoint,\n          xAxis,\n          yAxis,\n          chartOrientation,\n          variant,\n        ));\n    } else {\n      calcDatapoint = preCalcPoint;\n      datapointMetadata = {\n        isGap: false,\n        baseline: getBaselineCoordinate(chartOrientation),\n      };\n      shouldContinue = false;\n    }\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: AreaSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n        isStacked:\n          chartOrientation !== 'both' &&\n          isAreaSeriesStacked(\n            getCombinedAxesOrientationKey(xAxis.id, yAxis.id, chartOrientation),\n            this.combinedAxesOrientationKeyToSeriesCount,\n            variant,\n          ),\n      });\n    }\n\n    const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n    if (isSeriesVisible) {\n      const gappedDatapoint = this.gapHelper.handleGapDetection(\n        datapoint,\n        currentSeries,\n        xAxis,\n        yAxis,\n      );\n\n      if (gappedDatapoint) {\n        this.registerDatapoint(\n          gappedDatapoint,\n          { isGap: true },\n          currentSeries,\n          context,\n        );\n      }\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      this.updateAxisDomains(\n        calcDatapoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    //TODO: add color in APPDEV-15003\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getAreaDatapoints(datum, seriesProps, xAxis, yAxis);\n  }\n\n  private handleStacking(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: XYChartOrientation,\n    areaVariant: XYChartAreaVariant,\n  ) {\n    if (areaVariant === 'band') {\n      return {\n        calcDatapoint: datapoint,\n        datapointMetadata: {\n          isGap: false,\n          baseline: getBaselineCoordinate(chartOrientation),\n        },\n        shouldContinue: false,\n      };\n    }\n\n    let calcDatapoint: AnyDatapoint | undefined;\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n    };\n  }\n\n  private registerSeriesCountForAxisCombination(\n    xAxisId: AxisId,\n    yAxisId: AxisId,\n    chartOrientation: Orientation,\n  ) {\n    const axesCombinationKey = getCombinedAxesOrientationKey(\n      xAxisId,\n      yAxisId,\n      chartOrientation,\n    );\n    const count =\n      this.combinedAxesOrientationKeyToSeriesCount.get(axesCombinationKey) ?? 0;\n    this.combinedAxesOrientationKeyToSeriesCount.set(\n      axesCombinationKey,\n      count + 1,\n    );\n  }\n\n  private registerSeriesCountOnPreprocessing(\n    seriesId: SeriesId,\n    xAxisId: string,\n    yAxisId: string,\n    chartOrientation: Orientation,\n  ) {\n    if (!this.preprocessedSeriesIds.has(seriesId)) {\n      this.registerSeriesCountForAxisCombination(\n        xAxisId,\n        yAxisId,\n        chartOrientation,\n      );\n      this.preprocessedSeriesIds.add(seriesId);\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/bar-series.js

@@ -68,7 +68,7 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
       chartOrientation: getChartOrientation(seriesProps)
     };
   }
-  handleStackingAndGrouping(datapoint, seriesProps, xAxis, yAxis, chartOrientation, seriesId) {
+  handleStackingAndGrouping(datapoint, seriesProps, xAxis, yAxis, chartOrientation, seriesId, isSeriesVisible) {
     let shouldContinue = false;
     let datapointMetadata = {
       isGap: false,
@@ -87,6 +87,14 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
       yAxis
     );
     let calcDatapoint;
+    if (!isSeriesVisible) {
+      return {
+        calcDatapoint: calcDatapoint ?? datapoint,
+        datapointMetadata,
+        shouldContinue,
+        variant: getBarSeriesVariant(canStack, canGroup)
+      };
+    }
     if (canStack) {
       ({ calcDatapoint, datapointMetadata, shouldContinue } = this.stackHelper.processStackedDatapoint(
         datapoint,
@@ -113,7 +121,7 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
       variant: getBarSeriesVariant(canStack, canGroup)
     };
   }
-  preprocessImpl(data, seriesProps, xAxis, yAxis) {
+  preprocessImpl(data, seriesProps, xAxis, yAxis, context) {
     const chartOrientation = getChartOrientation(seriesProps);
     if (chartOrientation === void 0 || chartOrientation === "both") {
       return;
@@ -133,9 +141,15 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
     if (!canStack && !canGroup) {
       return;
     }
+    const filteredSeriesIds = context?.filteredSeriesIds;
     for (const datum of data) {
       const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);
       if (datapoint) {
+        const seriesId = this.getSeriesId(datum, seriesProps);
+        const isSeriesVisible = filteredSeriesIds === void 0 || filteredSeriesIds.has(seriesId);
+        if (!isSeriesVisible) {
+          continue;
+        }
         if (canStack) {
           this.stackHelper.processStackDomain(
             datapoint,
@@ -162,13 +176,15 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
     if (chartOrientation === void 0) {
       return "continue";
     }
+    const isSeriesVisible = context.filteredSeriesIds === void 0 || context.filteredSeriesIds.has(seriesId);
     const { calcDatapoint, datapointMetadata, shouldContinue, variant } = this.handleStackingAndGrouping(
       datapoint,
       seriesProps,
       xAxis,
       yAxis,
       chartOrientation,
-      seriesId
+      seriesId,
+      isSeriesVisible
     );
     if (shouldContinue) {
       return "continue";
@@ -186,7 +202,10 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
         context,
         variant
       );
-      seriesToMetadata.set(currentSeries, metadata);
+      seriesToMetadata.set(currentSeries, {
+        ...metadata,
+        isVisible: isSeriesVisible
+      });
     }
     this.registerDatapoint(
       datapoint,
@@ -194,16 +213,18 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
       currentSeries,
       context
     );
-    this.addValue({
-      series: currentSeries,
-      datapoint
-    });
-    this.updateAxisDomains(
-      calcDatapoint,
-      xAxis,
-      yAxis,
-      context.axisIdToScaleDomain
-    );
+    if (isSeriesVisible) {
+      this.addValue({
+        series: currentSeries,
+        datapoint
+      });
+      this.updateAxisDomains(
+        calcDatapoint,
+        xAxis,
+        yAxis,
+        context.axisIdToScaleDomain
+      );
+    }
   }
   getColor(datum, seriesProps, configColorPalette, seriesName, seriesIndex) {
     return getLinearColor(

package/esm/charts/xy-chart/processing-strategies/strategies/bar-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/bar-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GroupableSeriesHelper } from './groupable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport type {\n  BarSeriesWithDatapoints,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartBarSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport {\n  BAR_VARIANT_SINGLE,\n  type BarDatapoint,\n  type BarSeriesVariant,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isBarSeries } from '../../utils/type-guards.js';\nimport type {\n  BarSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getBarDatapoint } from '../utils/access-datapoint/get-bar-datapoints.js';\nimport {\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport { getBarSeriesVariant } from '../utils/grouping/get-variant.js';\nimport { isGrouping } from '../utils/grouping/group-bar-datapoints.js';\nimport {\n  getBaselineCoordinate,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class BarSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly groupHelper: GroupableSeriesHelper;\n\n  constructor(initializer: BarSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.groupHelper = new GroupableSeriesHelper();\n  }\n\n  get axisIdToDimension() {\n    return this.groupHelper.axisIdToDimension;\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartBarSeriesInternal {\n    return isBarSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n  ): string {\n    return getDatumValue(datum, seriesProps.seriesIdAccessor) as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n    variant?: BarSeriesVariant,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      variant: variant ?? BAR_VARIANT_SINGLE,\n      actions: seriesProps.actions,\n      chartOrientation: getChartOrientation(seriesProps),\n    };\n  }\n\n  private handleStackingAndGrouping(\n    datapoint: BarDatapoint,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: 'vertical' | 'horizontal' | 'both',\n    seriesId: string,\n  ): {\n    calcDatapoint: BarDatapoint;\n    datapointMetadata: DatapointMetadata;\n    shouldContinue: boolean;\n    variant: BarSeriesVariant;\n  } {\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    let calcDatapoint: BarDatapoint | undefined;\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    if (canGroup) {\n      ({ datapointMetadata } = this.groupHelper.processGroupDatapoint(\n        datapoint,\n        chartOrientation as 'vertical' | 'horizontal',\n        xAxis,\n        yAxis,\n        seriesId,\n        datapointMetadata,\n      ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n      variant: getBarSeriesVariant(canStack, canGroup),\n    };\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    if (!canStack && !canGroup) {\n      return;\n    }\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      if (datapoint) {\n        if (canStack) {\n          this.stackHelper.processStackDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n\n        if (canGroup) {\n          this.groupHelper.processGroupDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: BarDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined) {\n      return 'continue';\n    }\n\n    const { calcDatapoint, datapointMetadata, shouldContinue, variant } =\n      this.handleStackingAndGrouping(\n        datapoint,\n        seriesProps,\n        xAxis,\n        yAxis,\n        chartOrientation,\n        seriesId,\n      );\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: BarSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n        variant,\n      );\n\n      seriesToMetadata.set(currentSeries, metadata);\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    this.addValue({\n      series: currentSeries,\n      datapoint,\n    });\n\n    this.updateAxisDomains(\n      calcDatapoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n    );\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getBarDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GroupableSeriesHelper } from './groupable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport type {\n  BarSeriesWithDatapoints,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartBarSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport {\n  BAR_VARIANT_SINGLE,\n  type BarDatapoint,\n  type BarSeriesVariant,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isBarSeries } from '../../utils/type-guards.js';\nimport type {\n  BarSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getBarDatapoint } from '../utils/access-datapoint/get-bar-datapoints.js';\nimport {\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport { getBarSeriesVariant } from '../utils/grouping/get-variant.js';\nimport { isGrouping } from '../utils/grouping/group-bar-datapoints.js';\nimport {\n  getBaselineCoordinate,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class BarSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly groupHelper: GroupableSeriesHelper;\n\n  constructor(initializer: BarSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.groupHelper = new GroupableSeriesHelper();\n  }\n\n  get axisIdToDimension() {\n    return this.groupHelper.axisIdToDimension;\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartBarSeriesInternal {\n    return isBarSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n  ): string {\n    return getDatumValue(datum, seriesProps.seriesIdAccessor) as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n    variant?: BarSeriesVariant,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      variant: variant ?? BAR_VARIANT_SINGLE,\n      actions: seriesProps.actions,\n      chartOrientation: getChartOrientation(seriesProps),\n    };\n  }\n\n  private handleStackingAndGrouping(\n    datapoint: BarDatapoint,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: 'vertical' | 'horizontal' | 'both',\n    seriesId: string,\n    isSeriesVisible: boolean,\n  ): {\n    calcDatapoint: BarDatapoint;\n    datapointMetadata: DatapointMetadata;\n    shouldContinue: boolean;\n    variant: BarSeriesVariant;\n  } {\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    let calcDatapoint: BarDatapoint | undefined;\n\n    if (!isSeriesVisible) {\n      return {\n        calcDatapoint: calcDatapoint ?? datapoint,\n        datapointMetadata,\n        shouldContinue,\n        variant: getBarSeriesVariant(canStack, canGroup),\n      };\n    }\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    if (canGroup) {\n      ({ datapointMetadata } = this.groupHelper.processGroupDatapoint(\n        datapoint,\n        chartOrientation as 'vertical' | 'horizontal',\n        xAxis,\n        yAxis,\n        seriesId,\n        datapointMetadata,\n      ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n      variant: getBarSeriesVariant(canStack, canGroup),\n    };\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    if (!canStack && !canGroup) {\n      return;\n    }\n\n    const filteredSeriesIds = context?.filteredSeriesIds;\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      if (datapoint) {\n        const seriesId = this.getSeriesId(datum, seriesProps);\n        const isSeriesVisible =\n          filteredSeriesIds === undefined || filteredSeriesIds.has(seriesId);\n\n        if (!isSeriesVisible) {\n          continue;\n        }\n\n        if (canStack) {\n          this.stackHelper.processStackDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n\n        if (canGroup) {\n          this.groupHelper.processGroupDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: BarDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined) {\n      return 'continue';\n    }\n\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    const { calcDatapoint, datapointMetadata, shouldContinue, variant } =\n      this.handleStackingAndGrouping(\n        datapoint,\n        seriesProps,\n        xAxis,\n        yAxis,\n        chartOrientation,\n        seriesId,\n        isSeriesVisible,\n      );\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: BarSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n        variant,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n      });\n\n      this.updateAxisDomains(\n        calcDatapoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getBarDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }