@dynatrace/strato-components 3.2.1 → 3.3.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/line-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.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  DatapointMetadata,\n  LineSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartLineSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type LineDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isLineSeries } from '../../utils/type-guards.js';\nimport type {\n  LineSeriesConstructor,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getLineDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class LineSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly gapHelper: GappableSeriesHelper<LineDatapoint>;\n\n  constructor(initializer: LineSeriesConstructor) {\n    super(initializer);\n    this.gapHelper = new GappableSeriesHelper();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartLineSeriesInternal {\n    return isLineSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n  ): string {\n    return getDatumValue(datum, seriesProps.seriesIdAccessor) as string;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\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      curve: seriesProps.curve,\n      actions: seriesProps.actions,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      ...color,\n      name: seriesName,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: LineDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: LineDatapoint,\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    let currentSeries: LineSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as LineSeriesWithDatapoints;\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      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\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      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n      this.updateAxisDomains(\n        calcPoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\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: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getLineDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.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  DatapointMetadata,\n  LineSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartLineSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type LineDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isLineSeries } from '../../utils/type-guards.js';\nimport type {\n  LineSeriesConstructor,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getLineDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class LineSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly gapHelper: GappableSeriesHelper<LineDatapoint>;\n\n  constructor(initializer: LineSeriesConstructor) {\n    super(initializer);\n    this.gapHelper = new GappableSeriesHelper();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartLineSeriesInternal {\n    return isLineSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n  ): string {\n    return getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\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      curve: seriesProps.curve,\n      actions: seriesProps.actions,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      ...color,\n      name: seriesName,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: LineDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: LineDatapoint,\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    let currentSeries: LineSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as LineSeriesWithDatapoints;\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      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\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      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n      this.updateAxisDomains(\n        calcPoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\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: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getLineDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,eAAe;AACxB,SAAS,8BAA8B;AAcvC,SAAS,oBAAoB;AAK7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAExB,MAAM,2BAA2B,mBAAmD;AAAA,EACxE;AAAA,EAEjB,YAAY,aAAoC;AAC9C,UAAM,WAAW;AACjB,SAAK,YAAY,IAAI,qBAAqB;AAAA,EAC5C;AAAA,EAEA,UACE,aAC0C;AAC1C,WAAO,aAAa,WAAW;AAAA,EACjC;AAAA,EAEU,YACR,OACA,aACQ;AACR,WAAO;AAAA,MACL;AAAA,MACA,YAAY;AAAA,IACd,GAAG,SAAS;AAAA,EACd;AAAA,EAEU,qBACR,OACA,aACA,OACA,OACA,UACA,SACA;AACA,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,EAAE,cAAc,mBAAmB,IAAI;AAE7C,UAAM,cAAc,KAAK,uBAAuB,UAAU,aAAa;AACvE,UAAM,aAAa,KAAK,cAAc,MAAM,aAAa,QAAW;AAAA,MAClE;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,OAAO,YAAY;AAAA,MACnB,SAAS,YAAY;AAAA,MACrB,eACE,YAAY,iBACZ,qBAAqB,YAAY,aAAa,IAC1C,YAAY,gBACZ;AAAA,MACN,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEU,oBACR,WACA,OACA,OACA;AACA,WAAO,yBAAyB,WAAW,OAAO,KAAK;AAAA,EACzD;AAAA,EAEU,YACR,OACA,aACA,OACA,OACA,WACA,SACA;AACA,UAAM,EAAE,WAAW,iBAAiB,IAAI;AAExC,UAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AACpD,UAAM,kBACJ,QAAQ,sBAAsB,UAC9B,QAAQ,kBAAkB,IAAI,QAAQ;AAExC,QAAI,gBACF,UAAU,IAAI,QAAQ;AAExB,QAAI,CAAC,eAAe;AAClB,sBAAgB,KAAK;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,WAAK,eAAe,eAAe,UAAU,OAAO;AAEpD,YAAM,WAAW,KAAK;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,uBAAiB,IAAI,eAAe;AAAA,QAClC,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAEA,UAAM,oBAAuC,EAAE,OAAO,MAAM;AAE5D,QAAI,iBAAiB;AACnB,YAAM,kBAAkB,KAAK,UAAU;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI,iBAAiB;AACnB,aAAK;AAAA,UACH;AAAA,UACA,EAAE,OAAO,KAAK;AAAA,UACd;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,iBAAiB;AACnB,YAAM,wBAAwB,QAAQ,kBAAkB,aAAa;AAErE,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA,QACR;AAAA,QACA,OAAO,uBAAuB;AAAA,MAChC,CAAC;AAED,YAAM,YAAY,KAAK,oBAAoB,WAAW,OAAO,KAAK;AAElE,WAAK;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SACE,OACA,aACA,oBACA,YACA,aACA;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aACE,OACA,aACA,OACA,OACA;AACA,WAAO,iBAAiB,OAAO,aAAa,OAAO,KAAK;AAAA,EAC1D;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/store/reduce-interaction-mode.js

@@ -0,0 +1,7 @@
+function reduceInteractionMode(interactionMode) {
+  return (prev) => ({ ...prev, interactionMode });
+}
+export {
+  reduceInteractionMode
+};
+//# sourceMappingURL=reduce-interaction-mode.js.map

package/esm/charts/xy-chart/store/reduce-interaction-mode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/store/reduce-interaction-mode.ts"],
+  "sourcesContent": ["import type { InteractionMode } from '../../core/components/interactions-overlay/types.js';\nimport type { XYChartState } from '../types/state.js';\n\nexport function reduceInteractionMode(interactionMode: InteractionMode) {\n  return (prev: XYChartState): XYChartState => ({ ...prev, interactionMode });\n}\n"],
+  "mappings": "AAGO,SAAS,sBAAsB,iBAAkC;AACtE,SAAO,CAAC,UAAsC,EAAE,GAAG,MAAM,gBAAgB;AAC3E;",
+  "names": []
+}

package/esm/charts/xy-chart/store/reducer-explorer.js

@@ -0,0 +1,59 @@
+function reduceExploreReset(prev) {
+  return {
+    ...prev,
+    highlightedSeriesId: void 0,
+    select: void 0
+  };
+}
+function reduceExplorePin(highlightedSeriesId) {
+  return (prev) => ({
+    ...prev,
+    highlightedSeriesId
+  });
+}
+function reduceExploreUnPin(prev) {
+  return {
+    ...prev,
+    select: void 0,
+    highlightedSeriesId: void 0
+  };
+}
+function reduceExploreSelect(select) {
+  return (prev) => ({
+    ...prev,
+    select: {
+      ...prev.select,
+      ...select
+    },
+    highlightedSeriesId: void 0
+  });
+}
+function reduceExploreCancelSelect(prev) {
+  return {
+    ...prev,
+    select: void 0
+  };
+}
+function reduceExploreCancelHighlight(prev) {
+  return {
+    ...prev,
+    highlightedSeriesId: void 0
+  };
+}
+function reduceExploreCancelAll(prev) {
+  return {
+    ...prev,
+    select: void 0,
+    highlightedSeriesId: void 0
+  };
+}
+export {
+  reduceExploreCancelAll,
+  reduceExploreCancelHighlight,
+  reduceExploreCancelSelect,
+  reduceExplorePin,
+  reduceExploreReset,
+  reduceExploreSelect,
+  reduceExploreUnPin
+};
+//# sourceMappingURL=reducer-explorer.js.map

package/esm/charts/xy-chart/store/reducer-explorer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/store/reducer-explorer.ts"],
+  "sourcesContent": ["import type {\n  HighlightedSeriesId,\n  SelectState,\n} from '../../core/components/interactions-state-helpers/types.js';\nimport type { XYChartState } from '../types/state.js';\n\n// TODO: This reducers were copied from core because they don't include the explore state.\n// We should move those back to core when all charts with InteractionsOverlay use the same tooltip.\n\nexport function reduceExploreReset(prev: XYChartState): XYChartState {\n  return {\n    ...prev,\n    highlightedSeriesId: undefined,\n    select: undefined,\n  };\n}\n\nexport function reduceExplorePin(highlightedSeriesId?: HighlightedSeriesId) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    highlightedSeriesId,\n  });\n}\n\nexport function reduceExploreUnPin(prev: XYChartState): XYChartState {\n  return {\n    ...prev,\n    select: undefined,\n    highlightedSeriesId: undefined,\n  };\n}\n\nexport function reduceExploreSelect(select: SelectState) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    select: {\n      ...prev.select,\n      ...select,\n    },\n    highlightedSeriesId: undefined,\n  });\n}\n\nexport function reduceExploreCancelSelect(prev: XYChartState): XYChartState {\n  return {\n    ...prev,\n    select: undefined,\n  };\n}\n\nexport function reduceExploreCancelHighlight(prev: XYChartState): XYChartState {\n  return {\n    ...prev,\n    highlightedSeriesId: undefined,\n  };\n}\n\nexport function reduceExploreCancelAll(prev: XYChartState): XYChartState {\n  return {\n    ...prev,\n    select: undefined,\n    highlightedSeriesId: undefined,\n  };\n}\n"],
+  "mappings": "AASO,SAAS,mBAAmB,MAAkC;AACnE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,qBAAqB;AAAA,IACrB,QAAQ;AAAA,EACV;AACF;AAEO,SAAS,iBAAiB,qBAA2C;AAC1E,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,SAAS,mBAAmB,MAAkC;AACnE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,qBAAqB;AAAA,EACvB;AACF;AAEO,SAAS,oBAAoB,QAAqB;AACvD,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL;AAAA,IACA,qBAAqB;AAAA,EACvB;AACF;AAEO,SAAS,0BAA0B,MAAkC;AAC1E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,EACV;AACF;AAEO,SAAS,6BAA6B,MAAkC;AAC7E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,qBAAqB;AAAA,EACvB;AACF;AAEO,SAAS,uBAAuB,MAAkC;AACvE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,qBAAqB;AAAA,EACvB;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart/store/reducer-filter-series.js

@@ -1,13 +1,7 @@
-import { UndefinedContent } from "../types/state.js";
 function reduceFilterSeries(visibleIds) {
   return (prev) => ({
     ...prev,
-    filteredSeriesIds: visibleIds,
-    explore: {
-      ...prev.explore,
-      pinned: false,
-      content: UndefinedContent
-    }
+    filteredSeriesIds: visibleIds
   });
 }
 export {

package/esm/charts/xy-chart/store/reducer-filter-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/store/reducer-filter-series.ts"],
-  "sourcesContent": ["import { UndefinedContent, type XYChartState } from '../types/state.js';\n\nexport function reduceFilterSeries(\n  visibleIds: Set<string>,\n): (prev: XYChartState) => XYChartState {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    filteredSeriesIds: visibleIds,\n    explore: {\n      ...prev.explore,\n      pinned: false,\n      content: UndefinedContent,\n    },\n  });\n}\n"],
-  "mappings": "AAAA,SAAS,wBAA2C;AAE7C,SAAS,mBACd,YACsC;AACtC,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,mBAAmB;AAAA,IACnB,SAAS;AAAA,MACP,GAAG,KAAK;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { type XYChartState } from '../types/state.js';\n\nexport function reduceFilterSeries(\n  visibleIds: Set<string>,\n): (prev: XYChartState) => XYChartState {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    filteredSeriesIds: visibleIds,\n  });\n}\n"],
+  "mappings": "AAEO,SAAS,mBACd,YACsC;AACtC,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,mBAAmB;AAAA,EACrB;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/store/reducer-pan.js

@@ -1,9 +1,7 @@
-import { UndefinedContent } from "../types/state.js";
 function reducePanDomain(domain) {
   return (prev) => ({
     ...prev,
     currentDomain: domain,
-    explore: { visible: false, pinned: false, content: UndefinedContent },
     highlightedSeriesId: void 0,
     select: void 0
   });

package/esm/charts/xy-chart/store/reducer-pan.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/store/reducer-pan.ts"],
-  "sourcesContent": ["import { UndefinedContent, type XYChartState } from '../types/state.js';\n\nexport function reducePanDomain(domain: XYChartState['currentDomain']) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    currentDomain: domain,\n    explore: { visible: false, pinned: false, content: UndefinedContent },\n    highlightedSeriesId: undefined,\n    select: undefined,\n  });\n}\n"],
-  "mappings": "AAAA,SAAS,wBAA2C;AAE7C,SAAS,gBAAgB,QAAuC;AACrE,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,eAAe;AAAA,IACf,SAAS,EAAE,SAAS,OAAO,QAAQ,OAAO,SAAS,iBAAiB;AAAA,IACpE,qBAAqB;AAAA,IACrB,QAAQ;AAAA,EACV;AACF;",
+  "sourcesContent": ["import { type XYChartState } from '../types/state.js';\n\nexport function reducePanDomain(domain: XYChartState['currentDomain']) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    currentDomain: domain,\n    highlightedSeriesId: undefined,\n    select: undefined,\n  });\n}\n"],
+  "mappings": "AAEO,SAAS,gBAAgB,QAAuC;AACrE,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/store/reducer-reset.js

@@ -1,18 +1,10 @@
-import { UndefinedContent } from "../types/state.js";
 function reduceResetInteractions({
-  position,
   zoomStatus
 } = { zoomStatus: {} }) {
   return (prev) => ({
     ...prev,
     interactionMode: "explore",
     highlightedSeriesId: void 0,
-    explore: {
-      ...prev.explore,
-      position,
-      pinned: false,
-      content: UndefinedContent
-    },
     select: void 0,
     currentDomain: void 0,
     zoom: {

package/esm/charts/xy-chart/store/reducer-reset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/store/reducer-reset.ts"],
-  "sourcesContent": ["import type { RelativeAbsolutePosition } from '../../core/types/pointer-events.js';\nimport { UndefinedContent, type XYChartState } from '../types/state.js';\n\nexport function reduceResetInteractions(\n  {\n    position,\n    zoomStatus,\n  }: {\n    position?: RelativeAbsolutePosition;\n    zoomStatus?: Partial<XYChartState['zoom']>;\n  } = { zoomStatus: {} },\n) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    interactionMode: 'explore',\n    highlightedSeriesId: undefined,\n    explore: {\n      ...prev.explore,\n      position: position,\n      pinned: false,\n      content: UndefinedContent,\n    },\n    select: undefined,\n    currentDomain: undefined,\n    zoom: {\n      zoomInEnabled: true,\n      zoomOutEnabled: false,\n      ...zoomStatus,\n    },\n  });\n}\n"],
-  "mappings": "AACA,SAAS,wBAA2C;AAE7C,SAAS,wBACd;AAAA,EACE;AAAA,EACA;AACF,IAGI,EAAE,YAAY,CAAC,EAAE,GACrB;AACA,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,SAAS;AAAA,MACP,GAAG,KAAK;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { RelativeAbsolutePosition } from '../../core/types/pointer-events.js';\nimport type { XYChartState } from '../types/state.js';\n\nexport function reduceResetInteractions(\n  {\n    zoomStatus,\n  }: {\n    position?: RelativeAbsolutePosition;\n    zoomStatus?: Partial<XYChartState['zoom']>;\n  } = { zoomStatus: {} },\n) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    interactionMode: 'explore',\n    highlightedSeriesId: undefined,\n    select: undefined,\n    currentDomain: undefined,\n    zoom: {\n      zoomInEnabled: true,\n      zoomOutEnabled: false,\n      ...zoomStatus,\n    },\n  });\n}\n"],
+  "mappings": "AAGO,SAAS,wBACd;AAAA,EACE;AACF,IAGI,EAAE,YAAY,CAAC,EAAE,GACrB;AACA,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/store/reducer-zoom.js

@@ -1,10 +1,8 @@
-import { UndefinedContent } from "../types/state.js";
 function reduceZoomDomain(domain, zoomInEnabled, zoomOutEnabled) {
   return (prev) => ({
     ...prev,
     currentDomain: domain,
     highlightedSeriesId: void 0,
-    explore: { pinned: false, visible: false, content: UndefinedContent },
     zoom: {
       ...prev.zoom,
       zoomInEnabled,

package/esm/charts/xy-chart/store/reducer-zoom.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/store/reducer-zoom.ts"],
-  "sourcesContent": ["import { UndefinedContent, type XYChartState } from '../types/state.js';\n\nexport function reduceZoomDomain(\n  domain: XYChartState['currentDomain'],\n  zoomInEnabled: boolean,\n  zoomOutEnabled: boolean,\n) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    currentDomain: domain,\n    highlightedSeriesId: undefined,\n    explore: { pinned: false, visible: false, content: UndefinedContent },\n    zoom: {\n      ...prev.zoom,\n      zoomInEnabled,\n      zoomOutEnabled,\n    },\n    select: undefined,\n  });\n}\n"],
-  "mappings": "AAAA,SAAS,wBAA2C;AAE7C,SAAS,iBACd,QACA,eACA,gBACA;AACA,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,SAAS,EAAE,QAAQ,OAAO,SAAS,OAAO,SAAS,iBAAiB;AAAA,IACpE,MAAM;AAAA,MACJ,GAAG,KAAK;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,EACV;AACF;",
+  "sourcesContent": ["import { type XYChartState } from '../types/state.js';\n\nexport function reduceZoomDomain(\n  domain: XYChartState['currentDomain'],\n  zoomInEnabled: boolean,\n  zoomOutEnabled: boolean,\n) {\n  return (prev: XYChartState): XYChartState => ({\n    ...prev,\n    currentDomain: domain,\n    highlightedSeriesId: undefined,\n    zoom: {\n      ...prev.zoom,\n      zoomInEnabled,\n      zoomOutEnabled,\n    },\n    select: undefined,\n  });\n}\n"],
+  "mappings": "AAEO,SAAS,iBACd,QACA,eACA,gBACA;AACA,SAAO,CAAC,UAAsC;AAAA,IAC5C,GAAG;AAAA,IACH,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,MACJ,GAAG,KAAK;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/store/selectors.js

@@ -7,17 +7,6 @@ const useSetState = () => {
   const { setState } = useContext(XYChartStoreContext);
   return setState;
 };
-const useContentState = () => useSelector(
-  (state) => state.explore.content,
-  (a, b) => {
-    const prevPoint = a?.datapoint;
-    const newPoint = b?.datapoint;
-    return a?.type === b?.type && a?.series?.id === b?.series?.id && prevPoint?.x0 === newPoint?.x0 && prevPoint?.x1 === newPoint?.x1 && prevPoint?.y0 === newPoint?.y0 && prevPoint?.y1 === newPoint?.y1;
-  }
-);
-const useVisibleState = () => useSelector((state) => state.explore.visible);
-const usePinnedState = () => useSelector((state) => state.explore.pinned);
-const usePositionState = () => useSelector((state) => state.explore.position, isEqual);
 const useXYChartHighlightedSeriesIdsState = () => useSelector((state) => state.highlightedSeriesId, isEqual);
 const useInteractionModeState = () => useSelector((state) => state.interactionMode);
 const useZoomState = () => useSelector((state) => state.zoom, isEqual);
@@ -45,17 +34,13 @@ const areSetsEqual = (a, b) => {
 const useFilteredSeriesIdsState = () => useSelector((state) => state.filteredSeriesIds, areSetsEqual);
 export {
   useAnnotationsState,
-  useContentState,
   useCurrentDomainState,
   useFilteredSeriesIdsState,
   useHoveredThresholdState,
   useInteractionModeState,
-  usePinnedState,
-  usePositionState,
   useSelectState,
   useSelector,
   useSetState,
-  useVisibleState,
   useXYChartHighlightedSeriesIdsState,
   useZoomState
 };

package/esm/charts/xy-chart/store/selectors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/store/selectors.ts"],
-  "sourcesContent": ["import { isEqual } from 'lodash-es';\nimport { useContext } from 'react';\n\nimport { useStoreSelector } from '../../../core/store/selector.js';\nimport { XYChartStoreContext } from '../context/XYChartStore.context.js';\nimport type { XYChartState } from '../types/state.js';\n\nexport const useSelector = <T>(\n  selector: (state: XYChartState) => T,\n  compareFn?: (a: T, b: T) => boolean,\n): T => useStoreSelector(XYChartStoreContext, selector, compareFn);\n\nexport const useSetState = () => {\n  const { setState } = useContext(XYChartStoreContext);\n\n  return setState;\n};\n\nexport const useContentState = () =>\n  useSelector(\n    (state: XYChartState) => state.explore.content,\n    (a, b) => {\n      const prevPoint = a?.datapoint;\n\n      const newPoint = b?.datapoint;\n      return (\n        a?.type === b?.type &&\n        a?.series?.id === b?.series?.id &&\n        prevPoint?.x0 === newPoint?.x0 &&\n        prevPoint?.x1 === newPoint?.x1 &&\n        prevPoint?.y0 === newPoint?.y0 &&\n        prevPoint?.y1 === newPoint?.y1\n      );\n    },\n  );\n\nexport const useVisibleState = () =>\n  useSelector((state: XYChartState) => state.explore.visible);\n\nexport const usePinnedState = () =>\n  useSelector((state: XYChartState) => state.explore.pinned);\n\nexport const usePositionState = () =>\n  useSelector((state: XYChartState) => state.explore.position, isEqual);\n\nexport const useXYChartHighlightedSeriesIdsState = () =>\n  useSelector((state: XYChartState) => state.highlightedSeriesId, isEqual);\n\nexport const useInteractionModeState = () =>\n  useSelector((state) => state.interactionMode);\n\nexport const useZoomState = () => useSelector((state) => state.zoom, isEqual);\n\nexport const useCurrentDomainState = () =>\n  useSelector((state) => state.currentDomain, isEqual);\n\nexport const useSelectState = () => useSelector((state) => state.select);\n\nexport const useHoveredThresholdState = () =>\n  useSelector((state) => state.thresholds.hoveredThresholdId);\n\nexport const useAnnotationsState = () =>\n  useSelector((state) => state.annotations);\n\nconst areSetsEqual = (\n  a: Set<string> | undefined,\n  b: Set<string> | undefined,\n): boolean => {\n  if (a === b) {\n    return true;\n  }\n  if (!a || !b) {\n    return false;\n  }\n  if (a.size !== b.size) {\n    return false;\n  }\n  for (const value of a) {\n    if (!b.has(value)) {\n      return false;\n    }\n  }\n  return true;\n};\n\nexport const useFilteredSeriesIdsState = () =>\n  useSelector((state) => state.filteredSeriesIds, areSetsEqual);\n"],
-  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAG7B,MAAM,cAAc,CACzB,UACA,cACM,iBAAiB,qBAAqB,UAAU,SAAS;AAE1D,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,WAAW,mBAAmB;AAEnD,SAAO;AACT;AAEO,MAAM,kBAAkB,MAC7B;AAAA,EACE,CAAC,UAAwB,MAAM,QAAQ;AAAA,EACvC,CAAC,GAAG,MAAM;AACR,UAAM,YAAY,GAAG;AAErB,UAAM,WAAW,GAAG;AACpB,WACE,GAAG,SAAS,GAAG,QACf,GAAG,QAAQ,OAAO,GAAG,QAAQ,MAC7B,WAAW,OAAO,UAAU,MAC5B,WAAW,OAAO,UAAU,MAC5B,WAAW,OAAO,UAAU,MAC5B,WAAW,OAAO,UAAU;AAAA,EAEhC;AACF;AAEK,MAAM,kBAAkB,MAC7B,YAAY,CAAC,UAAwB,MAAM,QAAQ,OAAO;AAErD,MAAM,iBAAiB,MAC5B,YAAY,CAAC,UAAwB,MAAM,QAAQ,MAAM;AAEpD,MAAM,mBAAmB,MAC9B,YAAY,CAAC,UAAwB,MAAM,QAAQ,UAAU,OAAO;AAE/D,MAAM,sCAAsC,MACjD,YAAY,CAAC,UAAwB,MAAM,qBAAqB,OAAO;AAElE,MAAM,0BAA0B,MACrC,YAAY,CAAC,UAAU,MAAM,eAAe;AAEvC,MAAM,eAAe,MAAM,YAAY,CAAC,UAAU,MAAM,MAAM,OAAO;AAErE,MAAM,wBAAwB,MACnC,YAAY,CAAC,UAAU,MAAM,eAAe,OAAO;AAE9C,MAAM,iBAAiB,MAAM,YAAY,CAAC,UAAU,MAAM,MAAM;AAEhE,MAAM,2BAA2B,MACtC,YAAY,CAAC,UAAU,MAAM,WAAW,kBAAkB;AAErD,MAAM,sBAAsB,MACjC,YAAY,CAAC,UAAU,MAAM,WAAW;AAE1C,MAAM,eAAe,CACnB,GACA,MACY;AACZ,MAAI,MAAM,GAAG;AACX,WAAO;AAAA,EACT;AACA,MAAI,CAAC,KAAK,CAAC,GAAG;AACZ,WAAO;AAAA,EACT;AACA,MAAI,EAAE,SAAS,EAAE,MAAM;AACrB,WAAO;AAAA,EACT;AACA,aAAW,SAAS,GAAG;AACrB,QAAI,CAAC,EAAE,IAAI,KAAK,GAAG;AACjB,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,4BAA4B,MACvC,YAAY,CAAC,UAAU,MAAM,mBAAmB,YAAY;",
+  "sourcesContent": ["import { isEqual } from 'lodash-es';\nimport { useContext } from 'react';\n\nimport { useStoreSelector } from '../../../core/store/selector.js';\nimport { XYChartStoreContext } from '../context/XYChartStore.context.js';\nimport type { XYChartState } from '../types/state.js';\n\nexport const useSelector = <T>(\n  selector: (state: XYChartState) => T,\n  compareFn?: (a: T, b: T) => boolean,\n): T => useStoreSelector(XYChartStoreContext, selector, compareFn);\n\nexport const useSetState = () => {\n  const { setState } = useContext(XYChartStoreContext);\n\n  return setState;\n};\n\nexport const useXYChartHighlightedSeriesIdsState = () =>\n  useSelector((state: XYChartState) => state.highlightedSeriesId, isEqual);\n\nexport const useInteractionModeState = () =>\n  useSelector((state) => state.interactionMode);\n\nexport const useZoomState = () => useSelector((state) => state.zoom, isEqual);\n\nexport const useCurrentDomainState = () =>\n  useSelector((state) => state.currentDomain, isEqual);\n\nexport const useSelectState = () => useSelector((state) => state.select);\n\nexport const useHoveredThresholdState = () =>\n  useSelector((state) => state.thresholds.hoveredThresholdId);\n\nexport const useAnnotationsState = () =>\n  useSelector((state) => state.annotations);\n\nconst areSetsEqual = (\n  a: Set<string> | undefined,\n  b: Set<string> | undefined,\n): boolean => {\n  if (a === b) {\n    return true;\n  }\n  if (!a || !b) {\n    return false;\n  }\n  if (a.size !== b.size) {\n    return false;\n  }\n  for (const value of a) {\n    if (!b.has(value)) {\n      return false;\n    }\n  }\n  return true;\n};\n\nexport const useFilteredSeriesIdsState = () =>\n  useSelector((state) => state.filteredSeriesIds, areSetsEqual);\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAG7B,MAAM,cAAc,CACzB,UACA,cACM,iBAAiB,qBAAqB,UAAU,SAAS;AAE1D,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,WAAW,mBAAmB;AAEnD,SAAO;AACT;AAEO,MAAM,sCAAsC,MACjD,YAAY,CAAC,UAAwB,MAAM,qBAAqB,OAAO;AAElE,MAAM,0BAA0B,MACrC,YAAY,CAAC,UAAU,MAAM,eAAe;AAEvC,MAAM,eAAe,MAAM,YAAY,CAAC,UAAU,MAAM,MAAM,OAAO;AAErE,MAAM,wBAAwB,MACnC,YAAY,CAAC,UAAU,MAAM,eAAe,OAAO;AAE9C,MAAM,iBAAiB,MAAM,YAAY,CAAC,UAAU,MAAM,MAAM;AAEhE,MAAM,2BAA2B,MACtC,YAAY,CAAC,UAAU,MAAM,WAAW,kBAAkB;AAErD,MAAM,sBAAsB,MACjC,YAAY,CAAC,UAAU,MAAM,WAAW;AAE1C,MAAM,eAAe,CACnB,GACA,MACY;AACZ,MAAI,MAAM,GAAG;AACX,WAAO;AAAA,EACT;AACA,MAAI,CAAC,KAAK,CAAC,GAAG;AACZ,WAAO;AAAA,EACT;AACA,MAAI,EAAE,SAAS,EAAE,MAAM;AACrB,WAAO;AAAA,EACT;AACA,aAAW,SAAS,GAAG;AACrB,QAAI,CAAC,EAAE,IAAI,KAAK,GAAG;AACjB,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,4BAA4B,MACvC,YAAY,CAAC,UAAU,MAAM,mBAAmB,YAAY;",
   "names": []
 }

package/esm/charts/xy-chart/types/state.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/types/state.ts"],
-  "sourcesContent": ["import type {\n  AREA_VARIANT,\n  AreaSeriesWithDatapoints,\n  AxisIdToCurrentScaleDomain,\n  BAR_VARIANT,\n  BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  RectDatapointInternal,\n  RectSeriesWithDatapoints,\n} from './xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from './xy-chart.js';\nimport type { AnnotationsIntegrationSelectionState } from '../../core/components/annotations/components/indicators/types.js';\nimport type {\n  ExploreState,\n  InteractionState,\n} from '../../core/components/interactions-state-helpers/types.js';\n\nexport type RectSeriesContent = {\n  datapoint: RectDatapointInternal;\n  series: RectSeriesWithDatapoints;\n  type: typeof RECT_VARIANT;\n};\n\nexport type BarSeriesContent = {\n  datapoint: BarDatapoint;\n  series: BarSeriesWithDatapoints;\n  type: typeof BAR_VARIANT;\n};\n\nexport type DotSeriesContent = {\n  datapoint: DotDatapoint;\n  series: DotSeriesWithDatapoints;\n  type: typeof DOT_VARIANT;\n};\n\nexport type LineSeriesContent = {\n  datapoint: LineDatapoint;\n  series: LineSeriesWithDatapoints;\n  type: typeof LINE_VARIANT;\n};\n\nexport type AreaSeriesContent = {\n  datapoint: AreaDatapoint;\n  series: AreaSeriesWithDatapoints;\n  type: typeof AREA_VARIANT;\n};\n\nexport const UndefinedContent = {\n  datapoint: undefined,\n  series: undefined,\n  type: 'undefined',\n} as const;\n\ntype TooltipContent =\n  | BarSeriesContent\n  | RectSeriesContent\n  | DotSeriesContent\n  | LineSeriesContent\n  | AreaSeriesContent;\n\nexport type XYChartExploreState = {\n  content: TooltipContent | typeof UndefinedContent;\n} & ExploreState;\n\nexport interface XYChartThresholdsState {\n  hoveredThresholdId: string | undefined;\n}\n\nexport interface XYChartState\n  extends InteractionState<AxisIdToCurrentScaleDomain> {\n  filteredSeriesIds?: Set<string>;\n  explore: XYChartExploreState;\n  thresholds: XYChartThresholdsState;\n  annotations: AnnotationsIntegrationSelectionState;\n}\n"],
+  "sourcesContent": ["import type {\n  AREA_VARIANT,\n  AreaSeriesWithDatapoints,\n  AxisIdToCurrentScaleDomain,\n  BAR_VARIANT,\n  BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  RectDatapointInternal,\n  RectSeriesWithDatapoints,\n} from './xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from './xy-chart.js';\nimport type { AnnotationsIntegrationSelectionState } from '../../core/components/annotations/components/indicators/types.js';\nimport type {\n  ExploreState,\n  InteractionState,\n} from '../../core/components/interactions-state-helpers/types.js';\n\nexport type RectSeriesContent = {\n  datapoint: RectDatapointInternal;\n  series: RectSeriesWithDatapoints;\n  type: typeof RECT_VARIANT;\n};\n\nexport type BarSeriesContent = {\n  datapoint: BarDatapoint;\n  series: BarSeriesWithDatapoints;\n  type: typeof BAR_VARIANT;\n};\n\nexport type DotSeriesContent = {\n  datapoint: DotDatapoint;\n  series: DotSeriesWithDatapoints;\n  type: typeof DOT_VARIANT;\n};\n\nexport type LineSeriesContent = {\n  datapoint: LineDatapoint;\n  series: LineSeriesWithDatapoints;\n  type: typeof LINE_VARIANT;\n};\n\nexport type AreaSeriesContent = {\n  datapoint: AreaDatapoint;\n  series: AreaSeriesWithDatapoints;\n  type: typeof AREA_VARIANT;\n};\n\nexport const UndefinedContent = {\n  datapoint: undefined,\n  series: undefined,\n  type: 'undefined',\n} as const;\n\nexport type TooltipContent =\n  | BarSeriesContent\n  | RectSeriesContent\n  | DotSeriesContent\n  | LineSeriesContent\n  | AreaSeriesContent;\n\nexport type XYChartExploreState = {\n  content: TooltipContent | typeof UndefinedContent;\n} & ExploreState;\n\nexport interface XYChartThresholdsState {\n  hoveredThresholdId: string | undefined;\n}\n\nexport interface XYChartState\n  extends Omit<InteractionState<AxisIdToCurrentScaleDomain>, 'explore'> {\n  filteredSeriesIds?: Set<string>;\n  thresholds: XYChartThresholdsState;\n  annotations: AnnotationsIntegrationSelectionState;\n}\n"],
   "mappings": "AAwDO,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AACR;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js

@@ -1,7 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { useHistogramToXYColorRules } from "./hooks/use-histogram-to-xy-color-rules.js";
 import { iterateHistogramSlots } from "./iterate-histogram-slots.js";
 import { transformHistogramDataToXYChart } from "./transformer-data-to-xy.js";
+import {
+  mapSelectedSeriesToHistogram,
+  mapSelectionDomainToHistogramDomains
+} from "./transformer-selection-to-histogram.js";
+import { yAxisConfigMapping } from "./utils/axis-config-mapping.js";
+import { buildYAxisProps } from "./utils/axis-props-mapping.js";
+import { defineAxisId } from "./utils/define-axis-id.js";
 import { getChartStatesTemplates } from "../../core/components/chart-states/utils/get-chart-states-template.js";
 import { XYChart } from "../../xy-chart/XYChartRoot.js";
 const HistogramToXY = forwardRef((props, forwardedRef) => {
@@ -18,9 +26,25 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
     "data-dtrum-allow": dataDtrumAllow,
     truncationMode
   } = props;
-  const { XYChartData: data } = transformHistogramDataToXYChart(propsData);
+  const {
+    yAxis,
+    xAxis,
+    disableZoom,
+    disablePan,
+    hideLegend,
+    selectActions,
+    colorRules,
+    toolbar,
+    deprecatedToolbar
+  } = iterateHistogramSlots(children);
+  const { barSeriesProps, units, seriesColors } = transformHistogramDataToXYChart(propsData);
+  const allColorRules = useHistogramToXYColorRules({
+    data: props.data,
+    seriesColors,
+    colorRules
+  });
+  const yAxesConfig = yAxisConfigMapping(yAxis);
   const { emptyState, errorState } = getChartStatesTemplates(children);
-  const { yAxis, disableZoom, disablePan, hideLegend } = iterateHistogramSlots(children);
   return /* @__PURE__ */ jsxs(
     XYChart,
     {
@@ -38,20 +62,30 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
       children: [
         errorState && /* @__PURE__ */ jsx(XYChart.ErrorState, { children: errorState }),
         emptyState && /* @__PURE__ */ jsx(XYChart.EmptyState, { children: emptyState }),
-        /* @__PURE__ */ jsx(
+        selectActions ? /* @__PURE__ */ jsx(
+          XYChart.Select,
+          {
+            actions: (selectedSeries, selectionDomain) => selectActions(
+              mapSelectedSeriesToHistogram(selectedSeries),
+              mapSelectionDomainToHistogramDomains(selectionDomain)
+            )
+          }
+        ) : null,
+        barSeriesProps.map(({ data, unit }, index) => /* @__PURE__ */ jsx(
           XYChart.BarSeries,
           {
             data,
             xAxisId: "x-axis",
-            yAxisId: "y-axis",
+            yAxisId: defineAxisId(unit),
             x0Accessor: "x0",
             x1Accessor: "x1",
             y1Accessor: "y1",
             variant: "stack",
             seriesIdAccessor: "seriesId",
             nameAccessor: "name"
-          }
-        ),
+          },
+          index
+        )),
         /* @__PURE__ */ jsx(
           XYChart.XAxis,
           {
@@ -63,19 +97,30 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
             initialZoom: props.initialZoom,
             currentZoom: props.currentZoom,
             onZoomChange: props.onZoomChange,
-            infiniteZoom: props.infiniteZoom
+            infiniteZoom: props.infiniteZoom,
+            ...xAxis
           }
         ),
-        /* @__PURE__ */ jsx(
-          XYChart.YAxis,
+        [...units].map((unit, index) => {
+          return /* @__PURE__ */ jsx(
+            XYChart.YAxis,
+            {
+              type: "numerical",
+              ...buildYAxisProps(index, unit, yAxesConfig)
+            },
+            defineAxisId(unit)
+          );
+        }),
+        /* @__PURE__ */ jsx(XYChart.Legend, { hidden: hideLegend }),
+        allColorRules.map((rule) => /* @__PURE__ */ jsx(
+          XYChart.ColorRule,
           {
-            id: "y-axis",
-            type: "numerical",
-            position: "left",
-            formatter: yAxis.formatter
-          }
-        ),
-        /* @__PURE__ */ jsx(XYChart.Legend, { hidden: hideLegend })
+            ...rule
+          },
+          `${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`
+        )),
+        /* @__PURE__ */ jsx(XYChart.Toolbar, { hidden: toolbar.hidden, placement: toolbar.placement }),
+        deprecatedToolbar.enabled && /* @__PURE__ */ jsx(XYChart.Toolbar, { placement: deprecatedToolbar.placement })
       ]
     }
   );

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/HistogramToXY.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { iterateHistogramSlots } from './iterate-histogram-slots.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n  } = props;\n  const { XYChartData: data } = transformHistogramDataToXYChart(propsData);\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n  const { yAxis, disableZoom, disablePan, hideLegend } =\n    iterateHistogramSlots(children);\n\n  return (\n    <XYChart\n      data={[]}\n      ref={forwardedRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={truncationMode}\n    >\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      <XYChart.BarSeries\n        data={data}\n        xAxisId=\"x-axis\"\n        yAxisId=\"y-axis\"\n        x0Accessor=\"x0\"\n        x1Accessor=\"x1\"\n        y1Accessor=\"y1\"\n        // Stack is by default to support multiple series at the moment but this should\n        // dinamically set depending on the use case (e.g. if the histogram has multiple series or not, value representation desired, etc.)\n        // TODO: consider this in APPDEV-16407\n        variant=\"stack\"\n        seriesIdAccessor=\"seriesId\"\n        nameAccessor=\"name\"\n      />\n      <XYChart.XAxis\n        id=\"x-axis\"\n        type=\"numerical\"\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={props.initialZoom as [number, number]}\n        currentZoom={props.currentZoom as [number, number]}\n        onZoomChange={props.onZoomChange}\n        infiniteZoom={props.infiniteZoom}\n      />\n      <XYChart.YAxis\n        id=\"y-axis\"\n        type=\"numerical\"\n        position=\"left\"\n        formatter={yAxis.formatter}\n      />\n      <XYChart.Legend hidden={hideLegend} />\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
-  "mappings": "AAgCI,SAaiB,KAbjB;AAhCJ,SAAS,kBAA0C;AAEnD,SAAS,6BAA6B;AACtC,SAAS,uCAAuC;AAChD,SAAS,+BAA+B;AAGxC,SAAS,eAAe;AAEjB,MAAM,gBAAgB,WAG3B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,aAAa,KAAK,IAAI,gCAAgC,SAAS;AACvE,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AACnE,QAAM,EAAE,OAAO,aAAa,YAAY,WAAW,IACjD,sBAAsB,QAAQ;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB;AAAA,MAEC;AAAA,sBAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC9C,cAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC/C;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC;AAAA,YACA,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,YAAW;AAAA,YACX,YAAW;AAAA,YACX,YAAW;AAAA,YAIX,SAAQ;AAAA,YACR,kBAAiB;AAAA,YACjB,cAAa;AAAA;AAAA,QACf;AAAA,QACA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,aAAa,MAAM;AAAA,YACnB,aAAa,MAAM;AAAA,YACnB,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA;AAAA,QACtB;AAAA,QACA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAS;AAAA,YACT,WAAW,MAAM;AAAA;AAAA,QACnB;AAAA,QACA,oBAAC,QAAQ,QAAR,EAAe,QAAQ,YAAY;AAAA;AAAA;AAAA,EACtC;AAEJ,CAAC;AAGC,cAGA,cAAc;",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { useHistogramToXYColorRules } from './hooks/use-histogram-to-xy-color-rules.js';\nimport { iterateHistogramSlots } from './iterate-histogram-slots.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  mapSelectedSeriesToHistogram,\n  mapSelectionDomainToHistogramDomains,\n} from './transformer-selection-to-histogram.js';\nimport { yAxisConfigMapping } from './utils/axis-config-mapping.js';\nimport { buildYAxisProps } from './utils/axis-props-mapping.js';\nimport { defineAxisId } from './utils/define-axis-id.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n  } = props;\n  const {\n    yAxis,\n    xAxis,\n    disableZoom,\n    disablePan,\n    hideLegend,\n    selectActions,\n    colorRules,\n    toolbar,\n    deprecatedToolbar,\n  } = iterateHistogramSlots(children);\n  const { barSeriesProps, units, seriesColors } =\n    transformHistogramDataToXYChart(propsData);\n\n  const allColorRules = useHistogramToXYColorRules({\n    data: props.data,\n    seriesColors,\n    colorRules,\n  });\n\n  const yAxesConfig = yAxisConfigMapping(yAxis);\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n  return (\n    <XYChart\n      data={[]}\n      ref={forwardedRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={truncationMode}\n    >\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) =>\n            selectActions(\n              mapSelectedSeriesToHistogram(selectedSeries),\n              mapSelectionDomainToHistogramDomains(selectionDomain),\n            )\n          }\n        />\n      ) : null}\n      {barSeriesProps.map(({ data, unit }, index) => (\n        <XYChart.BarSeries\n          key={index}\n          data={data}\n          xAxisId=\"x-axis\"\n          yAxisId={defineAxisId(unit)}\n          x0Accessor=\"x0\"\n          x1Accessor=\"x1\"\n          y1Accessor=\"y1\"\n          // Stack is by default to support multiple series at the moment but this should\n          // dinamically set depending on the use case (e.g. if the histogram has multiple series or not, value representation desired, etc.)\n          // TODO: consider this in APPDEV-16407\n          variant=\"stack\"\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"name\"\n        />\n      ))}\n      <XYChart.XAxis\n        id=\"x-axis\"\n        type=\"numerical\"\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={props.initialZoom as [number, number]}\n        currentZoom={props.currentZoom as [number, number]}\n        onZoomChange={props.onZoomChange}\n        infiniteZoom={props.infiniteZoom}\n        {...xAxis}\n      />\n      {[...units].map((unit, index) => {\n        return (\n          <XYChart.YAxis\n            key={defineAxisId(unit)}\n            type=\"numerical\"\n            {...buildYAxisProps(index, unit, yAxesConfig)}\n          />\n        );\n      })}\n      <XYChart.Legend hidden={hideLegend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      <XYChart.Toolbar hidden={toolbar.hidden} placement={toolbar.placement} />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/hooks/use-histogram-to-xy-color-rules.js

@@ -0,0 +1,25 @@
+import { useMemo } from "react";
+import { HISTOGRAM_DEFAULT_VALUE_ACCESSOR } from "../utils/get-subject-for-series.js";
+import { resolveHistogramColorRules } from "../utils/resolve-histogram-color-rules.js";
+function useHistogramToXYColorRules({
+  data,
+  seriesColors,
+  colorRules
+}) {
+  return useMemo(() => {
+    const dataColorRules = seriesColors.map(
+      ({ name, color }) => ({
+        comparator: "equals",
+        matchValue: name,
+        color,
+        valueAccessor: HISTOGRAM_DEFAULT_VALUE_ACCESSOR
+      })
+    );
+    const resolvedUserRules = resolveHistogramColorRules(data, colorRules);
+    return [...dataColorRules, ...resolvedUserRules];
+  }, [seriesColors, colorRules, data]);
+}
+export {
+  useHistogramToXYColorRules
+};
+//# sourceMappingURL=use-histogram-to-xy-color-rules.js.map

package/esm/charts/xy-chart-adoption/histogram/hooks/use-histogram-to-xy-color-rules.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/histogram/hooks/use-histogram-to-xy-color-rules.ts"],
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport type { ColorRuleProps } from '../../../core/types/color-rule.js';\nimport type { HistogramChartProps } from '../../../histogram/types/histogram-props.js';\nimport { HISTOGRAM_DEFAULT_VALUE_ACCESSOR } from '../utils/get-subject-for-series.js';\nimport { resolveHistogramColorRules } from '../utils/resolve-histogram-color-rules.js';\n\ntype UseHistogramToXYColorRulesParams = {\n  data: HistogramChartProps['data'];\n  seriesColors: Array<{ name: string; color: string }>;\n  colorRules: ColorRuleProps[];\n};\n\n/**\n * Builds the final list of XYChart-compatible color rules for the\n * HistogramToXY adoption component.\n *\n * Priority (last matching rule wins in XYChart):\n *   colorPalette (lowest) < color in data < ColorRule (highest)\n *\n * Series data colors are placed first so user-defined ColorRules can\n * override them.\n */\nexport function useHistogramToXYColorRules({\n  data,\n  seriesColors,\n  colorRules,\n}: UseHistogramToXYColorRulesParams): ColorRuleProps[] {\n  return useMemo(() => {\n    const dataColorRules: ColorRuleProps[] = seriesColors.map(\n      ({ name, color }) => ({\n        comparator: 'equals' as const,\n        matchValue: name,\n        color,\n        valueAccessor: HISTOGRAM_DEFAULT_VALUE_ACCESSOR,\n      }),\n    );\n\n    const resolvedUserRules = resolveHistogramColorRules(data, colorRules);\n\n    return [...dataColorRules, ...resolvedUserRules];\n  }, [seriesColors, colorRules, data]);\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAIxB,SAAS,wCAAwC;AACjD,SAAS,kCAAkC;AAkBpC,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,GAAuD;AACrD,SAAO,QAAQ,MAAM;AACnB,UAAM,iBAAmC,aAAa;AAAA,MACpD,CAAC,EAAE,MAAM,MAAM,OAAO;AAAA,QACpB,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ;AAAA,QACA,eAAe;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,oBAAoB,2BAA2B,MAAM,UAAU;AAErE,WAAO,CAAC,GAAG,gBAAgB,GAAG,iBAAiB;AAAA,EACjD,GAAG,CAAC,cAAc,YAAY,IAAI,CAAC;AACrC;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/histogram/iterate-histogram-slots.js

@@ -1,14 +1,24 @@
 import { Children } from "react";
 import { isSlot } from "../../../core/utils/is-slot.js";
+import { ColorRule, isValidColorRule } from "../../core/slots/ColorRule.js";
+import { ChartToolbar } from "../../core/slots/toolbar/ChartToolbar.js";
 import { Legend } from "../../histogram/slots/Legend.js";
 import { Pan } from "../../histogram/slots/Pan.js";
+import { Select } from "../../histogram/slots/Select.js";
+import { Toolbar } from "../../histogram/slots/Toolbar.js";
+import { XAxis } from "../../histogram/slots/XAxis.js";
 import { YAxis } from "../../histogram/slots/YAxis.js";
 import { Zoom } from "../../histogram/slots/Zoom.js";
 const iterateHistogramSlots = (children) => {
   let disableZoom = false;
   let disablePan = false;
   let hideLegend = false;
-  let yAxis = {};
+  let selectActions;
+  const colorRules = [];
+  const yAxis = [];
+  let xAxis = {};
+  let toolbar = {};
+  let deprecatedToolbar = {};
   Children.forEach(children, (child) => {
     if (isSlot(child, Zoom)) {
       disableZoom = child.props.disabled === true;
@@ -17,10 +27,42 @@ const iterateHistogramSlots = (children) => {
     } else if (isSlot(child, Legend)) {
       hideLegend = child.props.hidden === true;
     } else if (isSlot(child, YAxis)) {
-      yAxis = { formatter: child.props.formatter };
+      yAxis.push({
+        ...child.props
+      });
+    } else if (isSlot(child, XAxis)) {
+      xAxis = {
+        ...child.props
+      };
+    } else if (isSlot(child, Select)) {
+      selectActions = child.props.actions;
+    } else if (isSlot(child, ColorRule)) {
+      if (isValidColorRule(child.props)) {
+        colorRules.push(child.props);
+      }
+    } else if (isSlot(child, Toolbar)) {
+      toolbar = child.props;
+    } else if (isSlot(child, ChartToolbar)) {
+      deprecatedToolbar = {
+        enabled: true,
+        ...child.props
+      };
     }
   });
-  return { disableZoom, disablePan, hideLegend, yAxis };
+  const interactionSlots = {
+    disableZoom,
+    disablePan,
+    hideLegend,
+    yAxis,
+    xAxis,
+    colorRules,
+    toolbar,
+    deprecatedToolbar
+  };
+  if (selectActions) {
+    interactionSlots.selectActions = selectActions;
+  }
+  return interactionSlots;
 };
 export {
   iterateHistogramSlots

package/esm/charts/xy-chart-adoption/histogram/iterate-histogram-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/iterate-histogram-slots.ts"],
-  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { Legend } from '../../histogram/slots/Legend.js';\nimport { Pan } from '../../histogram/slots/Pan.js';\nimport { YAxis } from '../../histogram/slots/YAxis.js';\nimport { Zoom } from '../../histogram/slots/Zoom.js';\nimport type { HistogramChartYAxisProps } from '../../histogram/types/histogram-props.js';\n\nexport interface HistogramInteractionSlots {\n  disableZoom: boolean;\n  disablePan: boolean;\n  hideLegend: boolean;\n}\n\nexport const iterateHistogramSlots = (\n  children: ReactNode,\n): HistogramInteractionSlots & { yAxis: HistogramChartYAxisProps } => {\n  let disableZoom = false;\n  let disablePan = false;\n  let hideLegend = false;\n  let yAxis: HistogramChartYAxisProps = {};\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Zoom)) {\n      disableZoom = child.props.disabled === true;\n    } else if (isSlot(child, Pan)) {\n      disablePan = child.props.disabled === true;\n    } else if (isSlot(child, Legend)) {\n      hideLegend = child.props.hidden === true;\n    } //TODO: this has to be improved for APPDEV-16418. This was a workaround for ErrorStates\n    else if (isSlot(child, YAxis)) {\n      yAxis = { formatter: child.props.formatter };\n    }\n  });\n\n  return { disableZoom, disablePan, hideLegend, yAxis };\n};\n"],
-  "mappings": "AAAA,SAAS,gBAAgC;AAEzC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,aAAa;AACtB,SAAS,YAAY;AASd,MAAM,wBAAwB,CACnC,aACoE;AACpE,MAAI,cAAc;AAClB,MAAI,aAAa;AACjB,MAAI,aAAa;AACjB,MAAI,QAAkC,CAAC;AAEvC,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,IAAI,GAAG;AACvB,oBAAc,MAAM,MAAM,aAAa;AAAA,IACzC,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,mBAAa,MAAM,MAAM,aAAa;AAAA,IACxC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,mBAAa,MAAM,MAAM,WAAW;AAAA,IACtC,WACS,OAAO,OAAO,KAAK,GAAG;AAC7B,cAAQ,EAAE,WAAW,MAAM,MAAM,UAAU;AAAA,IAC7C;AAAA,EACF,CAAC;AAED,SAAO,EAAE,aAAa,YAAY,YAAY,MAAM;AACtD;",
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport type {\n  HistogramSlots,\n  TemporaryHistogramChartXAxisProps,\n  TemporaryHistogramChartYAxisProps,\n} from './types/slots.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport { Legend } from '../../histogram/slots/Legend.js';\nimport { Pan } from '../../histogram/slots/Pan.js';\nimport type { SelectProps } from '../../histogram/slots/Select.js';\nimport { Select } from '../../histogram/slots/Select.js';\nimport { Toolbar } from '../../histogram/slots/Toolbar.js';\nimport { XAxis } from '../../histogram/slots/XAxis.js';\nimport { YAxis } from '../../histogram/slots/YAxis.js';\nimport { Zoom } from '../../histogram/slots/Zoom.js';\nimport { HistogramChartToolbarProps } from '../../histogram/types/histogram-props.js';\nimport { HistogramToolbarSlotProps } from '../../histogram/types/toolbar.js';\n\nexport const iterateHistogramSlots = (children: ReactNode): HistogramSlots => {\n  let disableZoom = false;\n  let disablePan = false;\n  let hideLegend = false;\n  let selectActions: SelectProps['actions'];\n  const colorRules: ColorRuleProps[] = [];\n  const yAxis: TemporaryHistogramChartYAxisProps[] = [];\n  let xAxis: TemporaryHistogramChartXAxisProps = {};\n  let toolbar: HistogramToolbarSlotProps = {};\n  // Config for the old API Toolbar to be removed with APPDEV-15614\n  let deprecatedToolbar: HistogramChartToolbarProps = {};\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Zoom)) {\n      disableZoom = child.props.disabled === true;\n    } else if (isSlot(child, Pan)) {\n      disablePan = child.props.disabled === true;\n    } else if (isSlot(child, Legend)) {\n      hideLegend = child.props.hidden === true;\n    } else if (isSlot(child, YAxis)) {\n      yAxis.push({\n        ...child.props,\n      });\n    } else if (isSlot(child, XAxis)) {\n      xAxis = {\n        ...child.props,\n      };\n    } else if (isSlot(child, Select)) {\n      selectActions = child.props.actions;\n    } else if (isSlot(child, ColorRule)) {\n      if (isValidColorRule(child.props)) {\n        colorRules.push(child.props);\n      }\n    } else if (isSlot(child, Toolbar)) {\n      toolbar = child.props;\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO: Remove deprecated component support (APPDEV-15613)\n      deprecatedToolbar = {\n        enabled: true,\n        ...child.props,\n      };\n    }\n  });\n\n  const interactionSlots: HistogramSlots = {\n    disableZoom,\n    disablePan,\n    hideLegend,\n    yAxis,\n    xAxis,\n    colorRules,\n    toolbar,\n    deprecatedToolbar,\n  };\n\n  if (selectActions) {\n    interactionSlots.selectActions = selectActions;\n  }\n\n  return interactionSlots;\n};\n"],
+  "mappings": "AAAA,SAAS,gBAAgC;AAOzC,SAAS,cAAc;AACvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,oBAAoB;AAE7B,SAAS,cAAc;AACvB,SAAS,WAAW;AAEpB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,YAAY;AAId,MAAM,wBAAwB,CAAC,aAAwC;AAC5E,MAAI,cAAc;AAClB,MAAI,aAAa;AACjB,MAAI,aAAa;AACjB,MAAI;AACJ,QAAM,aAA+B,CAAC;AACtC,QAAM,QAA6C,CAAC;AACpD,MAAI,QAA2C,CAAC;AAChD,MAAI,UAAqC,CAAC;AAE1C,MAAI,oBAAgD,CAAC;AAErD,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,IAAI,GAAG;AACvB,oBAAc,MAAM,MAAM,aAAa;AAAA,IACzC,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,mBAAa,MAAM,MAAM,aAAa;AAAA,IACxC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,mBAAa,MAAM,MAAM,WAAW;AAAA,IACtC,WAAW,OAAO,OAAO,KAAK,GAAG;AAC/B,YAAM,KAAK;AAAA,QACT,GAAG,MAAM;AAAA,MACX,CAAC;AAAA,IACH,WAAW,OAAO,OAAO,KAAK,GAAG;AAC/B,cAAQ;AAAA,QACN,GAAG,MAAM;AAAA,MACX;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,sBAAgB,MAAM,MAAM;AAAA,IAC9B,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,UAAI,iBAAiB,MAAM,KAAK,GAAG;AACjC,mBAAW,KAAK,MAAM,KAAK;AAAA,MAC7B;AAAA,IACF,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,gBAAU,MAAM;AAAA,IAElB,WAAW,OAAO,OAAO,YAAY,GAAG;AAEtC,0BAAoB;AAAA,QAClB,SAAS;AAAA,QACT,GAAG,MAAM;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,mBAAmC;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,eAAe;AACjB,qBAAiB,gBAAgB;AAAA,EACnC;AAEA,SAAO;AACT;",
   "names": []
 }