@mui/x-charts 8.0.0-alpha.0 → 8.0.0-alpha.10

package/internals/consumeSlots.js

@@ -0,0 +1,101 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["slots", "slotProps"],
+  _excluded2 = ["ownerState"];
+import { useTheme, useThemeProps } from '@mui/material/styles';
+import resolveProps from '@mui/utils/resolveProps';
+import useSlotProps from '@mui/utils/useSlotProps';
+import * as React from 'react';
+
+/**
+ * A higher order component that consumes a slot from the props and renders the component provided in the slot.
+ *
+ * This HOC will wrap a single component, and will render the component provided in the slot, if it exists.
+ *
+ * If you need to render multiple components, you can manually consume the slots from the props and render them in your component instead of using this HOC.
+ *
+ * In the example below, `MyComponent` will render the component provided in `mySlot` slot, if it exists. Otherwise, it will render the `DefaultComponent`.
+ *
+ * @example
+ *
+ * ```tsx
+ * type MyComponentProps = {
+ *   direction: 'row' | 'column';
+ *   slots?: {
+ *     mySlot?: React.JSXElementConstructor<{ direction: 'row' | 'column' }>;
+ *   }
+ * };
+ *
+ * const MyComponent = consumeSlots(
+ *   'MuiMyComponent',
+ *   'mySlot',
+ *   function DefaultComponent(props: MyComponentProps) {
+ *     return (
+ *       <div className={props.classes.root}>
+ *         {props.direction}
+ *       </div>
+ *     );
+ *   }
+ * );
+ * ```
+ *
+ * @param {string} name The mui component name.
+ * @param {string} slotPropName The name of the prop to retrieve the slot from.
+ * @param {object} options Options for the HOC.
+ * @param {boolean} options.propagateSlots Whether to propagate the slots to the component, this is always false if the slot is provided.
+ * @param {Record<string, any>} options.defaultProps A set of defaults for the component, will be deep merged with the props.
+ * @param {Array<keyof Props>} options.omitProps An array of props to omit from the component.
+ * @param {Function} options.classesResolver A function that returns the classes for the component. It receives the props, after theme props and defaults have been applied. And the theme object as the second argument.
+ * @param InComponent The component to render if the slot is not provided.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const consumeSlots = (name, slotPropName, options, InComponent) => {
+  function ConsumeSlotsInternal(props, ref) {
+    const themedProps = useThemeProps({
+      props,
+      // eslint-disable-next-line material-ui/mui-name-matches-component-name
+      name
+    });
+    const defaultProps = typeof options.defaultProps === 'function' ? options.defaultProps(themedProps) : options.defaultProps ?? {};
+    const defaultizedProps = resolveProps(defaultProps, themedProps);
+    const _ref = defaultizedProps,
+      {
+        slots,
+        slotProps
+      } = _ref,
+      other = _objectWithoutPropertiesLoose(_ref, _excluded);
+    const theme = useTheme();
+    const classes = options.classesResolver?.(defaultizedProps, theme);
+
+    // Can be a function component or a forward ref component.
+    const Component = slots?.[slotPropName] ?? InComponent;
+    const propagateSlots = options.propagateSlots && !slots?.[slotPropName];
+    const _useSlotProps = useSlotProps({
+        elementType: Component,
+        externalSlotProps: slotProps?.[slotPropName],
+        additionalProps: _extends({}, other, {
+          classes
+        }, propagateSlots && {
+          slots,
+          slotProps
+        }),
+        ownerState: {}
+      }),
+      originalOutProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
+    const outProps = _extends({}, originalOutProps);
+    for (const prop of options.omitProps ?? []) {
+      delete outProps[prop];
+    }
+
+    // Component can be wrapped in React.forwardRef or just a function that accepts (props, ref).
+    // If it is a plain function which accepts two arguments, we need to wrap it in React.forwardRef.
+    const OutComponent = Component.length >= 2 ? /*#__PURE__*/React.forwardRef(Component) : Component;
+    if (process.env.NODE_ENV !== 'production') {
+      OutComponent.displayName = `${name}.slots.${slotPropName}`;
+    }
+    return /*#__PURE__*/_jsx(OutComponent, _extends({}, outProps, {
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/React.forwardRef(ConsumeSlotsInternal);
+};

package/internals/consumeThemeProps.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+/**
+ * A higher order component that consumes and merges the theme `defaultProps` and handles the `classes` and renders the component.
+ *
+ * This HOC will wrap a single component.
+ * If you need to render multiple components, you can manually consume the theme and render them in your component instead of using this HOC.
+ *
+ * In the example below, `MyComponent` will render the `DefaultComponent` with the `direction` prop set to `'row'` and the className set to `'my-custom-root'`.
+ *
+ * @example
+ * ```tsx
+ * createTheme({
+ *   components: {
+ *     MuiMyComponent: {
+ *       defaultProps: {
+ *         direction: 'row',
+ *       },
+ *     },
+ *   },
+ * })
+ *
+ * type MyComponentProps = {
+ *   direction: 'row' | 'column';
+ *   classes?: Record<'root', string>;
+ * };
+ *
+ * const MyComponent = consumeThemeProps(
+ *   'MuiMyComponent',
+ *   function DefaultComponent(props: MyComponentProps) {
+ *     return (
+ *       <div className={props.classes.root}>
+ *         {props.direction}
+ *       </div>
+ *     );
+ *   }
+ * );
+ *
+ * render(<MyComponent classes={{ root: 'my-custom-root' }} />);
+ * ```
+ *
+ * @param {string} name The mui component name.
+ * @param {object} options Options for the HOC.
+ * @param {Record<string, any>} options.defaultProps A set of defaults for the component, will be deep merged with the props.
+ * @param {Function} options.classesResolver A function that returns the classes for the component. It receives the props, after theme props and defaults have been applied. And the theme object as the second argument.
+ * @param InComponent The component to render if the slot is not provided.
+ */
+export declare const consumeThemeProps: <Props extends {}, Ref extends {}, RenderFunction = (props: Props, ref: React.Ref<Ref>) => React.ElementType>(name: string, options: {
+    defaultProps?: Omit<Partial<Props>, "slots" | "slotProps"> | (<T extends Props>(props: T) => Omit<Partial<T>, "slots" | "slotProps">);
+    classesResolver?: (props: Props, theme: any) => Record<string, string>;
+}, InComponent: RenderFunction) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<Ref>>;

package/internals/consumeThemeProps.js

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useTheme, useThemeProps } from '@mui/material/styles';
+import resolveProps from '@mui/utils/resolveProps';
+import * as React from 'react';
+
+/**
+ * A higher order component that consumes and merges the theme `defaultProps` and handles the `classes` and renders the component.
+ *
+ * This HOC will wrap a single component.
+ * If you need to render multiple components, you can manually consume the theme and render them in your component instead of using this HOC.
+ *
+ * In the example below, `MyComponent` will render the `DefaultComponent` with the `direction` prop set to `'row'` and the className set to `'my-custom-root'`.
+ *
+ * @example
+ * ```tsx
+ * createTheme({
+ *   components: {
+ *     MuiMyComponent: {
+ *       defaultProps: {
+ *         direction: 'row',
+ *       },
+ *     },
+ *   },
+ * })
+ *
+ * type MyComponentProps = {
+ *   direction: 'row' | 'column';
+ *   classes?: Record<'root', string>;
+ * };
+ *
+ * const MyComponent = consumeThemeProps(
+ *   'MuiMyComponent',
+ *   function DefaultComponent(props: MyComponentProps) {
+ *     return (
+ *       <div className={props.classes.root}>
+ *         {props.direction}
+ *       </div>
+ *     );
+ *   }
+ * );
+ *
+ * render(<MyComponent classes={{ root: 'my-custom-root' }} />);
+ * ```
+ *
+ * @param {string} name The mui component name.
+ * @param {object} options Options for the HOC.
+ * @param {Record<string, any>} options.defaultProps A set of defaults for the component, will be deep merged with the props.
+ * @param {Function} options.classesResolver A function that returns the classes for the component. It receives the props, after theme props and defaults have been applied. And the theme object as the second argument.
+ * @param InComponent The component to render if the slot is not provided.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const consumeThemeProps = (name, options, InComponent) => /*#__PURE__*/React.forwardRef(function ConsumeThemeInternal(props, ref) {
+  const themedProps = useThemeProps({
+    props,
+    // eslint-disable-next-line material-ui/mui-name-matches-component-name
+    name
+  });
+  const defaultProps = typeof options.defaultProps === 'function' ? options.defaultProps(themedProps) : options.defaultProps ?? {};
+  const outProps = resolveProps(defaultProps, themedProps);
+  const theme = useTheme();
+  const classes = options.classesResolver?.(outProps, theme);
+  const OutComponent = /*#__PURE__*/React.forwardRef(InComponent);
+  if (process.env.NODE_ENV !== 'production') {
+    OutComponent.displayName = `consumeThemeProps(${name})`;
+  }
+  return /*#__PURE__*/_jsx(OutComponent, _extends({}, outProps, {
+    classes: classes,
+    ref: ref
+  }));
+});

package/internals/defaultizeColor.d.ts

@@ -1,9 +1,10 @@
 import { AllSeriesType } from '../models/seriesType';
-export declare function defaultizeColor(series: AllSeriesType, seriesIndex: number, colors?: string[]): {
+export declare function defaultizeColor(series: AllSeriesType, seriesIndex: number, colors: string[]): {
     data: {
-        color: string;
-        label?: (string | ((location: "tooltip" | "legend" | "arc") => string)) | undefined;
         value: number;
+        label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
+        color: string;
+        labelMarkType?: "line" | "circle" | "square" | undefined;
         id?: import("..").PieItemId | undefined;
     }[];
     type: "pie";
@@ -43,6 +44,7 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color?: string;
     valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
+    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
 } | {
     type: "bar";
     data?: (number | null)[];
@@ -54,29 +56,11 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
+    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
     xAxisId?: string;
     yAxisId?: string;
     stack?: string;
     stackOrder?: import("..").StackOrderType;
-} | {
-    type: "scatter";
-    data?: import("..").ScatterValueType[];
-    markerSize?: number;
-    label?: string | ((location: "tooltip" | "legend") => string);
-    disableHover?: boolean;
-    zAxisId?: string;
-    datasetKeys?: {
-        x: string;
-        y: string;
-        z?: string;
-        id: string;
-    };
-    id?: import(".").SeriesId;
-    color: string;
-    valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType> | undefined;
-    highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisId?: string;
-    yAxisId?: string;
 } | {
     type: "line";
     data?: (number | null)[];
@@ -85,7 +69,9 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     area?: boolean;
     label?: string | ((location: "tooltip" | "legend") => string);
     curve?: import("..").CurveType;
+    strictStepCurve?: boolean;
     showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
+    shape?: "circle" | "cross" | "diamond" | "square" | "star" | "triangle" | "wye";
     disableHighlight?: boolean;
     connectNulls?: boolean;
     stackOffset?: import("..").StackOffsetType;
@@ -94,7 +80,28 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
+    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
     xAxisId?: string;
     yAxisId?: string;
     stackOrder?: import("..").StackOrderType;
+} | {
+    type: "scatter";
+    data?: import("..").ScatterValueType[];
+    markerSize?: number;
+    label?: string | ((location: "tooltip" | "legend") => string);
+    disableHover?: boolean;
+    zAxisId?: string;
+    datasetKeys?: {
+        x: string;
+        y: string;
+        z?: string;
+        id?: string;
+    };
+    id?: import(".").SeriesId;
+    color: string;
+    valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType | null> | undefined;
+    highlightScope?: Partial<import("..").HighlightScope>;
+    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
+    xAxisId?: string;
+    yAxisId?: string;
 };

package/internals/defaultizeColor.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-const DEFAULT_COLORS = ['#1f77b4', '#ff7f0e', '#2ca02c', '#d62728', '#9467bd', '#8c564b', '#e377c2', '#7f7f7f', '#bcbd22', '#17becf'];
-export function defaultizeColor(series, seriesIndex, colors = DEFAULT_COLORS) {
+export function defaultizeColor(series, seriesIndex, colors) {
   if (series.type === 'pie') {
     return _extends({}, series, {
       data: series.data.map((d, index) => _extends({

package/internals/getCurve.d.ts

@@ -1,2 +1,2 @@
-import { CurveType } from '../models/seriesType/line';
-export default function getCurveFactory(curveType?: CurveType): import("@mui/x-charts-vendor/d3-shape").CurveFactory;
+import { CurveType } from '../models/curve';
+export declare function getCurveFactory(curveType?: CurveType): import("@mui/x-charts-vendor/d3-shape").CurveFactory;

package/internals/getCurve.js

@@ -1,38 +1,26 @@
-import { curveCatmullRom, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore } from '@mui/x-charts-vendor/d3-shape';
-export default function getCurveFactory(curveType) {
+import { curveCatmullRom, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore, curveBumpX, curveBumpY } from '@mui/x-charts-vendor/d3-shape';
+export function getCurveFactory(curveType) {
   switch (curveType) {
     case 'catmullRom':
-      {
-        return curveCatmullRom.alpha(0.5);
-      }
+      return curveCatmullRom.alpha(0.5);
     case 'linear':
-      {
-        return curveLinear;
-      }
+      return curveLinear;
     case 'monotoneX':
-      {
-        return curveMonotoneX;
-      }
+      return curveMonotoneX;
     case 'monotoneY':
-      {
-        return curveMonotoneY;
-      }
+      return curveMonotoneY;
     case 'natural':
-      {
-        return curveNatural;
-      }
+      return curveNatural;
     case 'step':
-      {
-        return curveStep;
-      }
+      return curveStep;
     case 'stepBefore':
-      {
-        return curveStepBefore;
-      }
+      return curveStepBefore;
     case 'stepAfter':
-      {
-        return curveStepAfter;
-      }
+      return curveStepAfter;
+    case 'bumpY':
+      return curveBumpY;
+    case 'bumpX':
+      return curveBumpX;
     default:
       return curveMonotoneX;
   }

package/internals/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components/ChartsAxesGradients';
-export * from '../ChartContainer/useChartContainerDimensions';
-export * from '../ChartContainer/ResizableContainer';
+export * from './components/ChartsWrapper';
+export * from '../ChartsLabel/ChartsLabelMark';
 export { useSeries } from '../hooks/useSeries';
 export { useInteractionItemProps } from '../hooks/useInteractionItemProps';
 export { useDrawingArea } from '../hooks/useDrawingArea';
@@ -8,7 +8,18 @@ export { useScatterChartProps } from '../ScatterChart/useScatterChartProps';
 export { useLineChartProps } from '../LineChart/useLineChartProps';
 export { useBarChartProps } from '../BarChart/useBarChartProps';
 export * from '../ChartContainer/useChartContainerProps';
-export * from '../context/ChartDataProvider/useChartDataProviderProps';
+export * from '../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/featurePlugins/useChartHighlight';
+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';
@@ -16,18 +27,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/DrawingProvider';
-export * from '../context/InteractionProvider';
-export * from '../context/SeriesProvider';
-export * from '../context/ZAxisContextProvider';
-export * from '../context/PluginProvider';
+export * from './getCurve';
 export * from '../context/AnimationProvider';
 export type * from '../context/context.types';
-export { getAxisExtremum } from '../context/CartesianProvider/getAxisExtremum';
-export * from '../context/ChartDataProvider';
+export { getAxisExtremum } from './plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum';
+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,7 +1,7 @@
 // Components
 export * from "./components/ChartsAxesGradients/index.js";
-export * from "../ChartContainer/useChartContainerDimensions.js";
-export * from "../ChartContainer/ResizableContainer.js";
+export * from "./components/ChartsWrapper/index.js";
+export * from "../ChartsLabel/ChartsLabelMark.js";
 
 // hooks
 export { useSeries } from "../hooks/useSeries.js";
@@ -11,7 +11,20 @@ export { useScatterChartProps } from "../ScatterChart/useScatterChartProps.js";
 export { useLineChartProps } from "../LineChart/useLineChartProps.js";
 export { useBarChartProps } from "../BarChart/useBarChartProps.js";
 export * from "../ChartContainer/useChartContainerProps.js";
-export * from "../context/ChartDataProvider/useChartDataProviderProps.js";
+export * from "../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/featurePlugins/useChartHighlight/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";
@@ -21,22 +34,17 @@ export * from "./getSVGPoint.js";
 export * from "./isDefined.js";
 export { unstable_cleanupDOM } from "./domUtils.js";
 export * from "./getScale.js";
-export * from "./computeAxisValue.js";
+export * from "./getCurve.js";
 
 // contexts
 
-export * from "../context/CartesianProvider/index.js";
-export * from "../context/DrawingProvider.js";
-export * from "../context/InteractionProvider.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 * from "../context/ChartDataProvider/index.js";
+export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.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

@@ -0,0 +1,14 @@
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { UseChartCartesianAxisSignature } from './featurePlugins/useChartCartesianAxis';
+import { UseChartHighlightSignature } from './featurePlugins/useChartHighlight';
+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,
+    UseChartHighlightSignature
+];
+export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
+export declare const ALL_PLUGINS: (import("./models").ChartPlugin<UseChartCartesianAxisSignature<keyof import("..").ChartsSeriesConfig>> | import("./models").ChartPlugin<UseChartZAxisSignature> | import("./models").ChartPlugin<UseChartInteractionSignature> | import("./models").ChartPlugin<UseChartHighlightSignature>)[];

package/internals/plugins/allPlugins.js

@@ -0,0 +1,7 @@
+// 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 { useChartHighlight } from "./featurePlugins/useChartHighlight/useChartHighlight.js";
+import { useChartInteraction } from "./featurePlugins/useChartInteraction/index.js";
+import { useChartZAxis } from "./featurePlugins/useChartZAxis/index.js";
+export const ALL_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight];

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

@@ -0,0 +1,10 @@
+import { ConvertPluginsIntoSignatures } from '../models/helpers';
+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>, 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

@@ -0,0 +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, useChartDimensions, useChartSeries];

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

@@ -0,0 +1,2 @@
+export { CHART_CORE_PLUGINS } from './corePlugins';
+export type { ChartCorePluginSignatures, ChartCorePluginParameters } from './corePlugins';

package/internals/plugins/corePlugins/index.js

@@ -0,0 +1 @@
+export { CHART_CORE_PLUGINS } from "./corePlugins.js";

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>;