@mui/x-charts 8.0.0-alpha.7 → 8.0.0-alpha.8

package/hooks/useChartGradientId.js

@@ -0,0 +1,47 @@
+'use client';
+
+import * as React from 'react';
+import { useChartId } from "./useChartId.js";
+/**
+ * Returns a function that generates a gradient id for the given axis id.
+ */
+export function useChartGradientIdBuilder() {
+  const chartId = useChartId();
+  return React.useCallback(axisId => `${chartId}-gradient-${axisId}`, [chartId]);
+}
+
+/**
+ * Returns a function that generates a gradient id for the given axis id.
+ */
+export function useChartGradientIdObjectBoundBuilder() {
+  const chartId = useChartId();
+  return React.useCallback(axisId => `${chartId}-gradient-${axisId}-object-bound`, [chartId]);
+}
+
+/**
+ * Returns a gradient id for the given axis id.
+ *
+ * Can be useful when reusing the same gradient on custom components.
+ *
+ * For a gradient that respects the coordinates of the object on which it is applied, use `useChartGradientIdObjectBound` instead.
+ *
+ * @param axisId the axis id
+ * @returns the gradient id
+ */
+export function useChartGradientId(axisId) {
+  return useChartGradientIdBuilder()(axisId);
+}
+
+/**
+ * Returns a gradient id for the given axis id.
+ *
+ * Can be useful when reusing the same gradient on custom components.
+ *
+ * This gradient differs from `useChartGradientId` in that it respects the coordinates of the object on which it is applied.
+ *
+ * @param axisId the axis id
+ * @returns the gradient id
+ */
+export function useChartGradientIdObjectBound(axisId) {
+  return useChartGradientIdObjectBoundBuilder()(axisId);
+}

package/hooks/useColorScale.js

@@ -1,12 +1,12 @@
 'use client';
 
-import { useCartesianContext } from "../context/CartesianProvider/index.js";
-import { useZAxis } from "./useZAxis.js";
+import { useXAxes, useYAxes } from "./useAxis.js";
+import { useZAxes } from "./useZAxis.js";
 export function useXColorScale(identifier) {
   const {
     xAxis,
     xAxisIds
-  } = useCartesianContext();
+  } = useXAxes();
   const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
   return xAxis[id].colorScale;
 }
@@ -14,7 +14,7 @@ export function useYColorScale(identifier) {
   const {
     yAxis,
     yAxisIds
-  } = useCartesianContext();
+  } = useYAxes();
   const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
   return yAxis[id].colorScale;
 }
@@ -22,7 +22,7 @@ export function useZColorScale(identifier) {
   const {
     zAxis,
     zAxisIds
-  } = useZAxis();
+  } = useZAxes();
   const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
   return zAxis[id]?.colorScale;
 }

package/hooks/useDrawingArea.d.ts

@@ -1,2 +1,16 @@
-import { DrawingAreaState } from '../context/DrawingAreaProvider';
-export declare function useDrawingArea(): DrawingAreaState;
+export type ChartDrawingArea = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export declare function useDrawingArea(): {
+    width: number;
+    left: number;
+    right: number;
+    height: number;
+    top: number;
+    bottom: number;
+};

package/hooks/useDrawingArea.js

@@ -1,24 +1,9 @@
 'use client';
 
-import * as React from 'react';
-import { DrawingAreaContext } from "../context/DrawingAreaProvider/index.js";
+import { useStore } from "../internals/store/useStore.js";
+import { useSelector } from "../internals/store/useSelector.js";
+import { selectorChartDrawingArea } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js";
 export function useDrawingArea() {
-  const {
-    left,
-    top,
-    width,
-    height,
-    bottom,
-    right,
-    isPointInside
-  } = React.useContext(DrawingAreaContext);
-  return React.useMemo(() => ({
-    left,
-    top,
-    width,
-    height,
-    bottom,
-    right,
-    isPointInside
-  }), [height, left, top, width, bottom, right, isPointInside]);
+  const store = useStore();
+  return useSelector(store, selectorChartDrawingArea);
 }

package/hooks/useSeries.d.ts

@@ -1,11 +1,10 @@
-import { FormattedSeries } from '../context/SeriesProvider';
 /**
  * Get access to the internal state of series.
  * Structured by type of series:
  * { seriesType?: { series: { id1: precessedValue, ... }, seriesOrder: [id1, ...] } }
  * @returns FormattedSeries series
  */
-export declare function useSeries(): FormattedSeries;
+export declare function useSeries(): import("../internals").ProcessedSeries<keyof import("../internals").ChartsSeriesConfig>;
 /**
  * Get access to the internal state of pie series.
  * The returned object contains:
@@ -13,7 +12,10 @@ export declare function useSeries(): FormattedSeries;
  * - seriesOrder: the array of series ids.
  * @returns {{ series: Record<SeriesId, DefaultizedPieSeriesType>; seriesOrder: SeriesId[]; } | undefined}  pieSeries
  */
-export declare function usePieSeries(): FormattedSeries['pie'];
+export declare function usePieSeries(): {
+    series: Record<import("../internals").SeriesId, import("..").DefaultizedPieSeriesType>;
+    seriesOrder: import("../internals").SeriesId[];
+} | undefined;
 /**
  * Get access to the internal state of line series.
  * The returned object contains:
@@ -21,7 +23,7 @@ export declare function usePieSeries(): FormattedSeries['pie'];
  * - seriesOrder: the array of series ids.
  * @returns {{ series: Record<SeriesId, DefaultizedLineSeriesType>; seriesOrder: SeriesId[]; } | undefined}  lineSeries
  */
-export declare function useLineSeries(): FormattedSeries['line'];
+export declare function useLineSeries(): import("../internals").SeriesProcessorResult<"line"> | undefined;
 /**
  * Get access to the internal state of bar series.
  * The returned object contains:
@@ -29,7 +31,7 @@ export declare function useLineSeries(): FormattedSeries['line'];
  * - seriesOrder: the array of series ids.
  * @returns {{ series: Record<SeriesId, DefaultizedBarSeriesType>; seriesOrder: SeriesId[]; } | undefined}  barSeries
  */
-export declare function useBarSeries(): FormattedSeries['bar'];
+export declare function useBarSeries(): import("../internals").SeriesProcessorResult<"bar"> | undefined;
 /**
  * Get access to the internal state of scatter series.
  * The returned object contains:
@@ -37,4 +39,7 @@ export declare function useBarSeries(): FormattedSeries['bar'];
  * - seriesOrder: the array of series ids.
  * @returns {{ series: Record<SeriesId, DefaultizedScatterSeriesType>; seriesOrder: SeriesId[]; } | undefined}  scatterSeries
  */
-export declare function useScatterSeries(): FormattedSeries['scatter'];
+export declare function useScatterSeries(): {
+    series: Record<import("../internals").SeriesId, import("..").DefaultizedScatterSeriesType>;
+    seriesOrder: import("../internals").SeriesId[];
+} | undefined;

package/hooks/useSeries.js

@@ -1,8 +1,9 @@
 'use client';
 
 import * as React from 'react';
-import { SeriesContext } from "../context/SeriesProvider/index.js";
-
+import { useStore } from "../internals/store/useStore.js";
+import { useSelector } from "../internals/store/useSelector.js";
+import { selectorChartSeriesProcessed } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js";
 /**
  * Get access to the internal state of series.
  * Structured by type of series:
@@ -10,14 +11,8 @@ import { SeriesContext } from "../context/SeriesProvider/index.js";
  * @returns FormattedSeries series
  */
 export function useSeries() {
-  const {
-    isInitialized,
-    data
-  } = React.useContext(SeriesContext);
-  if (!isInitialized) {
-    throw new Error(['MUI X: Could not find the series ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
-  }
-  return data;
+  const store = useStore();
+  return useSelector(store, selectorChartSeriesProcessed);
 }
 
 /**

package/hooks/useZAxis.d.ts

@@ -1,6 +1,7 @@
-export declare const useZAxis: () => {
+export declare function useZAxes(): {
     zAxis: {
         [axisId: string]: import("../internals").ZAxisDefaultized;
     };
-    zAxisIds: string[];
+    zAxisIds: import("../internals").AxisId[];
 };
+export declare function useZAxis(identifier?: number | string): import("../internals").ZAxisDefaultized;

package/hooks/useZAxis.js

@@ -1,8 +1,27 @@
 'use client';
 
-import * as React from 'react';
-import { ZAxisContext } from "../context/ZAxisContextProvider.js";
-export const useZAxis = () => {
-  const data = React.useContext(ZAxisContext);
-  return data;
-};
+import { useStore } from "../internals/store/useStore.js";
+import { selectorChartZAxis } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
+import { useSelector } from "../internals/store/useSelector.js";
+export function useZAxes() {
+  const store = useStore();
+  const {
+    axis: zAxis,
+    axisIds: zAxisIds
+  } = useSelector(store, selectorChartZAxis) ?? {
+    axis: {},
+    axisIds: []
+  };
+  return {
+    zAxis,
+    zAxisIds
+  };
+}
+export function useZAxis(identifier) {
+  const {
+    zAxis,
+    zAxisIds
+  } = useZAxes();
+  const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
+  return zAxis[id];
+}

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.0.0-alpha.7
+ * @mui/x-charts v8.0.0-alpha.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/ChartsAxesGradients/ChartsAxesGradients.d.ts

@@ -1,5 +1,2 @@
 import * as React from 'react';
-import { AxisId } from '../../../models/axis';
-export declare function useChartGradient(): (axisId: AxisId, direction: "x" | "y" | "z") => string;
-export declare function useChartGradientObjectBound(): (axisId: AxisId, direction: "x" | "y" | "z") => string;
 export declare function ChartsAxesGradients(): React.JSX.Element | null;

package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js

@@ -1,21 +1,11 @@
 import * as React from 'react';
-import { useCartesianContext } from "../../../context/CartesianProvider/index.js";
-import { useChartId, useDrawingArea } from "../../../hooks/index.js";
+import { useDrawingArea, useXAxes, useYAxes } from "../../../hooks/index.js";
 import ChartsPiecewiseGradient from "./ChartsPiecewiseGradient.js";
 import ChartsContinuousGradient from "./ChartsContinuousGradient.js";
 import ChartsContinuousGradientObjectBound from "./ChartsContinuousGradientObjectBound.js";
-import { useZAxis } from "../../../hooks/useZAxis.js";
+import { useZAxes } from "../../../hooks/useZAxis.js";
+import { useChartGradientIdBuilder, useChartGradientIdObjectBoundBuilder } from "../../../hooks/useChartGradientId.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function useChartGradient() {
-  const chartId = useChartId();
-  return React.useCallback((axisId, direction) => `${chartId}-gradient-${direction}-${axisId}`, [chartId]);
-}
-
-// TODO: make public?
-export function useChartGradientObjectBound() {
-  const chartId = useChartId();
-  return React.useCallback((axisId, direction) => `${chartId}-gradient-${direction}-${axisId}-object-bound`, [chartId]);
-}
 export function ChartsAxesGradients() {
   const {
     top,
@@ -27,18 +17,20 @@ export function ChartsAxesGradients() {
   } = useDrawingArea();
   const svgHeight = top + height + bottom;
   const svgWidth = left + width + right;
-  const getGradientId = useChartGradient();
-  const getObjectBoundGradientId = useChartGradientObjectBound();
+  const getGradientId = useChartGradientIdBuilder();
+  const getObjectBoundGradientId = useChartGradientIdObjectBoundBuilder();
   const {
-    xAxisIds,
     xAxis,
-    yAxisIds,
-    yAxis
-  } = useCartesianContext();
+    xAxisIds
+  } = useXAxes();
   const {
-    zAxisIds,
-    zAxis
-  } = useZAxis();
+    yAxis,
+    yAxisIds
+  } = useYAxes();
+  const {
+    zAxis,
+    zAxisIds
+  } = useZAxes();
   const filteredYAxisIds = yAxisIds.filter(axisId => yAxis[axisId].colorMap !== undefined);
   const filteredXAxisIds = xAxisIds.filter(axisId => xAxis[axisId].colorMap !== undefined);
   const filteredZAxisIds = zAxisIds.filter(axisId => zAxis[axisId].colorMap !== undefined);
@@ -47,8 +39,8 @@ export function ChartsAxesGradients() {
   }
   return /*#__PURE__*/_jsxs("defs", {
     children: [filteredYAxisIds.map(axisId => {
-      const gradientId = getGradientId(axisId, 'y');
-      const objectBoundGradientId = getObjectBoundGradientId(axisId, 'y');
+      const gradientId = getGradientId(axisId);
+      const objectBoundGradientId = getObjectBoundGradientId(axisId);
       const {
         colorMap,
         scale,
@@ -85,8 +77,8 @@ export function ChartsAxesGradients() {
       }
       return null;
     }), filteredXAxisIds.map(axisId => {
-      const gradientId = getGradientId(axisId, 'x');
-      const objectBoundGradientId = getObjectBoundGradientId(axisId, 'x');
+      const gradientId = getGradientId(axisId);
+      const objectBoundGradientId = getObjectBoundGradientId(axisId);
       const {
         colorMap,
         scale,
@@ -123,7 +115,7 @@ export function ChartsAxesGradients() {
       }
       return null;
     }), filteredZAxisIds.map(axisId => {
-      const objectBoundGradientId = getObjectBoundGradientId(axisId, 'z');
+      const objectBoundGradientId = getObjectBoundGradientId(axisId);
       const {
         colorMap,
         colorScale

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.d.ts

@@ -8,5 +8,5 @@ type ChartsPiecewiseGradientProps = {
     scale: (value: any) => number | undefined;
     colorMap: PiecewiseColorConfig;
 };
-export default function ChartsPiecewiseGradient(props: ChartsPiecewiseGradientProps): React.JSX.Element;
+export default function ChartsPiecewiseGradient(props: ChartsPiecewiseGradientProps): React.JSX.Element | null;
 export {};

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js

@@ -9,6 +9,9 @@ export default function ChartsPiecewiseGradient(props) {
     scale,
     colorMap
   } = props;
+  if (size <= 0) {
+    return null;
+  }
   return /*#__PURE__*/_jsx("linearGradient", {
     id: gradientId,
     x1: "0",

package/internals/defaultizeColor.d.ts

@@ -3,8 +3,8 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     data: {
         label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
         color: string;
-        labelMarkType?: "line" | "square" | "circle" | undefined;
         value: number;
+        labelMarkType?: "line" | "square" | "circle" | undefined;
         id?: import("..").PieItemId | undefined;
     }[];
     type: "pie";
@@ -45,6 +45,27 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
     labelMarkType?: import("..").ChartsLabelMarkProps["type"];
+} | {
+    type: "line";
+    data?: (number | null)[];
+    dataKey?: string;
+    stack?: string;
+    area?: boolean;
+    label?: string | ((location: "tooltip" | "legend") => string);
+    curve?: import("..").CurveType;
+    showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
+    disableHighlight?: boolean;
+    connectNulls?: boolean;
+    stackOffset?: import("..").StackOffsetType;
+    baseline?: number | "min" | "max";
+    id?: import(".").SeriesId;
+    color: string;
+    valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
+    highlightScope?: Partial<import("..").HighlightScope>;
+    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
+    xAxisId?: string;
+    yAxisId?: string;
+    stackOrder?: import("..").StackOrderType;
 } | {
     type: "bar";
     data?: (number | null)[];
@@ -81,25 +102,4 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     labelMarkType?: import("..").ChartsLabelMarkProps["type"];
     xAxisId?: string;
     yAxisId?: string;
-} | {
-    type: "line";
-    data?: (number | null)[];
-    dataKey?: string;
-    stack?: string;
-    area?: boolean;
-    label?: string | ((location: "tooltip" | "legend") => string);
-    curve?: import("..").CurveType;
-    showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
-    disableHighlight?: boolean;
-    connectNulls?: boolean;
-    stackOffset?: import("..").StackOffsetType;
-    baseline?: number | "min" | "max";
-    id?: import(".").SeriesId;
-    color: string;
-    valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
-    highlightScope?: Partial<import("..").HighlightScope>;
-    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-    xAxisId?: string;
-    yAxisId?: string;
-    stackOrder?: import("..").StackOrderType;
 };

package/internals/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components/ChartsAxesGradients';
 export * from './components/ChartsWrapper';
+export * from '../ChartsLabel/ChartsLabelMark';
 export { useSeries } from '../hooks/useSeries';
 export { useInteractionItemProps } from '../hooks/useInteractionItemProps';
 export { useDrawingArea } from '../hooks/useDrawingArea';
@@ -8,6 +9,16 @@ export { useLineChartProps } from '../LineChart/useLineChartProps';
 export { useBarChartProps } from '../BarChart/useBarChartProps';
 export * from '../ChartContainer/useChartContainerProps';
 export * from '../context/ChartDataProvider/useChartDataProviderProps';
+export * from './plugins/corePlugins/useChartId';
+export * from './plugins/corePlugins/useChartSeries';
+export * from './plugins/corePlugins/useChartDimensions';
+export * from './plugins/featurePlugins/useChartZAxis';
+export * from './plugins/featurePlugins/useChartCartesianAxis';
+export * from './plugins/featurePlugins/useChartInteraction';
+export * from './plugins/utils/selectors';
+export * from './store/useCharts';
+export * from './store/useStore';
+export * from './store/useSelector';
 export * from './defaultizeValueFormatter';
 export * from './configInit';
 export * from './getLabel';
@@ -15,19 +26,13 @@ export * from './getSVGPoint';
 export * from './isDefined';
 export { unstable_cleanupDOM } from './domUtils';
 export * from './getScale';
-export * from './computeAxisValue';
-export * from '../context/CartesianProvider';
-export * from '../context/DrawingAreaProvider';
-export * from '../context/SeriesProvider';
-export * from '../context/ZAxisContextProvider';
-export * from '../context/PluginProvider';
 export * from '../context/AnimationProvider';
 export type * from '../context/context.types';
-export { getAxisExtremum } from '../context/CartesianProvider/getAxisExtremum';
+export { getAxisExtremum } from './plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum';
 export * from '../context/ChartDataProvider';
-export * from '../context/SizeProvider';
 export * from '../context/ChartProvider';
 export * from '../models/seriesType/config';
 export * from '../models/seriesType/common';
 export * from '../models/z-axis';
 export * from '../models/axis';
+export * from './plugins/models';

package/internals/index.js

@@ -1,6 +1,7 @@
 // Components
 export * from "./components/ChartsAxesGradients/index.js";
 export * from "./components/ChartsWrapper/index.js";
+export * from "../ChartsLabel/ChartsLabelMark.js";
 
 // hooks
 export { useSeries } from "../hooks/useSeries.js";
@@ -12,6 +13,18 @@ export { useBarChartProps } from "../BarChart/useBarChartProps.js";
 export * from "../ChartContainer/useChartContainerProps.js";
 export * from "../context/ChartDataProvider/useChartDataProviderProps.js";
 
+// plugins
+export * from "./plugins/corePlugins/useChartId/index.js";
+export * from "./plugins/corePlugins/useChartSeries/index.js";
+export * from "./plugins/corePlugins/useChartDimensions/index.js";
+export * from "./plugins/featurePlugins/useChartZAxis/index.js";
+export * from "./plugins/featurePlugins/useChartCartesianAxis/index.js";
+export * from "./plugins/featurePlugins/useChartInteraction/index.js";
+export * from "./plugins/utils/selectors.js";
+export * from "./store/useCharts.js";
+export * from "./store/useStore.js";
+export * from "./store/useSelector.js";
+
 // utils
 export * from "./defaultizeValueFormatter.js";
 export * from "./configInit.js";
@@ -20,23 +33,17 @@ export * from "./getSVGPoint.js";
 export * from "./isDefined.js";
 export { unstable_cleanupDOM } from "./domUtils.js";
 export * from "./getScale.js";
-export * from "./computeAxisValue.js";
 
 // contexts
 
-export * from "../context/CartesianProvider/index.js";
-export * from "../context/DrawingAreaProvider/index.js";
-export * from "../context/SeriesProvider/index.js";
-export * from "../context/ZAxisContextProvider.js";
-export * from "../context/PluginProvider/index.js";
 export * from "../context/AnimationProvider/index.js";
-export { getAxisExtremum } from "../context/CartesianProvider/getAxisExtremum.js";
+export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
 export * from "../context/ChartDataProvider/index.js";
-export * from "../context/SizeProvider/index.js";
 export * from "../context/ChartProvider/index.js";
 
 // series configuration
 export * from "../models/seriesType/config.js";
 export * from "../models/seriesType/common.js";
 export * from "../models/z-axis.js";
-export * from "../models/axis.js";
+export * from "../models/axis.js";
+export * from "./plugins/models/index.js";

package/internals/plugins/allPlugins.d.ts

@@ -1 +1,12 @@
-export declare const ALL_PLUGINS: readonly [import("./models").ChartPlugin<import("./featurePlugins/useChartInteraction").UseChartInteractionSignature>];
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { UseChartCartesianAxisSignature } from './featurePlugins/useChartCartesianAxis';
+import { UseChartInteractionSignature } from './featurePlugins/useChartInteraction';
+import { UseChartZAxisSignature } from './featurePlugins/useChartZAxis';
+import { ConvertSignaturesIntoPlugins } from './models/helpers';
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [
+    UseChartZAxisSignature,
+    UseChartCartesianAxisSignature<TSeries>,
+    UseChartInteractionSignature
+];
+export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
+export declare const ALL_PLUGINS: (import("./models").ChartPlugin<UseChartZAxisSignature> | import("./models").ChartPlugin<UseChartCartesianAxisSignature<keyof import("..").ChartsSeriesConfig>> | import("./models").ChartPlugin<UseChartInteractionSignature>)[];

package/internals/plugins/allPlugins.js

@@ -1,3 +1,6 @@
-// This file should be removed after creating all plugins  in favor of a file per chart type.
+// This file should be removed after creating all plugins in favor of a file per chart type.
+
+import { useChartCartesianAxis } from "./featurePlugins/useChartCartesianAxis/index.js";
 import { useChartInteraction } from "./featurePlugins/useChartInteraction/index.js";
-export const ALL_PLUGINS = [useChartInteraction];
+import { useChartZAxis } from "./featurePlugins/useChartZAxis/index.js";
+export const ALL_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction];

package/internals/plugins/corePlugins/corePlugins.d.ts

@@ -4,7 +4,7 @@ import { UseChartIdParameters } from './useChartId';
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the Charts components.
  */
-export declare const CHART_CORE_PLUGINS: readonly [import("../models").ChartPlugin<import("./useChartId").UseChartIdSignature>];
+export declare const CHART_CORE_PLUGINS: readonly [import("../models").ChartPlugin<import("./useChartId").UseChartIdSignature>, import("../models").ChartPlugin<import("./useChartDimensions").UseChartDimensionsSignature>, import("../models").ChartPlugin<import("./useChartSeries").UseChartSeriesSignature>];
 export type ChartCorePluginSignatures = ConvertPluginsIntoSignatures<typeof CHART_CORE_PLUGINS>;
 export interface ChartCorePluginParameters extends UseChartIdParameters {
 }

package/internals/plugins/corePlugins/corePlugins.js

@@ -1,7 +1,9 @@
+import { useChartDimensions } from "./useChartDimensions/useChartDimensions.js";
 import { useChartId } from "./useChartId/index.js";
+import { useChartSeries } from "./useChartSeries/index.js";
 
 /**
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the Charts components.
  */
-export const CHART_CORE_PLUGINS = [useChartId];
+export const CHART_CORE_PLUGINS = [useChartId, useChartDimensions, useChartSeries];

package/internals/plugins/corePlugins/useChartDimensions/index.d.ts

@@ -0,0 +1,3 @@
+export { useChartDimensions } from './useChartDimensions';
+export type { UseChartDimensionsSignature, UseChartDimensionsParameters, UseChartDimensionsDefaultizedParameters, } from './useChartDimensions.types';
+export * from './useChartDimensions.selectors';

package/internals/plugins/corePlugins/useChartDimensions/index.js

@@ -0,0 +1,2 @@
+export { useChartDimensions } from "./useChartDimensions.js";
+export * from "./useChartDimensions.selectors.js";

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.d.ts

@@ -0,0 +1,3 @@
+import { ChartPlugin } from '../../models';
+import { UseChartDimensionsSignature } from './useChartDimensions.types';
+export declare const useChartDimensions: ChartPlugin<UseChartDimensionsSignature>;