@mui/x-charts 8.0.0-alpha.9 → 8.0.0-beta.0

package/internals/store/useCharts.js

@@ -1,30 +1,38 @@
-import * as React from 'react';
-import useId from '@mui/utils/useId';
-import { ChartStore } from "../plugins/utils/ChartStore.js";
-import { CHART_CORE_PLUGINS } from "../plugins/corePlugins/index.js";
-import { extractPluginParamsFromProps } from "./extractPluginParamsFromProps.js";
-import { useChartModels } from "./useChartModels.js";
-export function useChartApiInitialization(inputApiRef) {
-  const fallbackPublicApiRef = React.useRef({});
-  if (inputApiRef) {
-    if (inputApiRef.current == null) {
-      // eslint-disable-next-line react-compiler/react-compiler
-      inputApiRef.current = {};
-    }
-    return inputApiRef.current;
-  }
-  return fallbackPublicApiRef.current;
-}
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartApiInitialization = useChartApiInitialization;
+exports.useCharts = useCharts;
+var React = _interopRequireWildcard(require("react"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _ChartStore = require("../plugins/utils/ChartStore");
+var _corePlugins = require("../plugins/corePlugins");
+var _extractPluginParamsFromProps = require("./extractPluginParamsFromProps");
+var _useChartModels = require("./useChartModels");
 let globalId = 0;
-export function useCharts(inPlugins, props, seriesConfig) {
-  const chartId = useId();
-  const plugins = React.useMemo(() => [...CHART_CORE_PLUGINS, ...inPlugins], [inPlugins]);
-  const pluginParams = extractPluginParamsFromProps({
+
+/**
+ * This is the main hook that setups the plugin system for the chart.
+ *
+ * It manages the data used to create the charts.
+ *
+ * @param inPlugins All the plugins that will be used in the chart.
+ * @param props The props passed to the chart.
+ * @param seriesConfig The set of helpers used for series-specific computation.
+ */
+function useCharts(inPlugins, props, seriesConfig) {
+  const chartId = (0, _useId.default)();
+  const plugins = React.useMemo(() => [..._corePlugins.CHART_CORE_PLUGINS, ...inPlugins], [inPlugins]);
+  const pluginParams = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
     plugins,
     props
   });
   pluginParams.id = pluginParams.id ?? chartId;
-  const models = useChartModels(plugins, pluginParams);
+  const models = (0, _useChartModels.useChartModels)(plugins, pluginParams);
   const instanceRef = React.useRef({});
   const instance = instanceRef.current;
   const publicAPI = useChartApiInitialization(props.apiRef);
@@ -34,14 +42,6 @@ export function useCharts(inPlugins, props, seriesConfig) {
     // eslint-disable-next-line react-compiler/react-compiler
     globalId += 1;
     const initialState = {
-      // TODO remove when the interaction moves to plugin
-      interaction: {
-        item: null,
-        axis: {
-          x: null,
-          y: null
-        }
-      },
       cacheKey: {
         id: globalId
       }
@@ -51,7 +51,7 @@ export function useCharts(inPlugins, props, seriesConfig) {
         Object.assign(initialState, plugin.getInitialState(pluginParams, initialState, seriesConfig));
       }
     });
-    storeRef.current = new ChartStore(initialState);
+    storeRef.current = new _ChartStore.ChartStore(initialState);
   }
   const runPlugin = plugin => {
     const pluginResponse = plugin({
@@ -80,4 +80,15 @@ export function useCharts(inPlugins, props, seriesConfig) {
   return {
     contextValue
   };
+}
+function useChartApiInitialization(inputApiRef) {
+  const fallbackPublicApiRef = React.useRef({});
+  if (inputApiRef) {
+    if (inputApiRef.current == null) {
+      // eslint-disable-next-line react-compiler/react-compiler
+      inputApiRef.current = {};
+    }
+    return inputApiRef.current;
+  }
+  return fallbackPublicApiRef.current;
 }

package/internals/store/useCharts.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartAnyPluginSignature, ChartPublicAPI } from '../plugins/models';
+import { ChartAnyPluginSignature, ChartPublicAPI } from "../plugins/models/index.js";
 export interface UseChartBaseProps<TSignatures extends readonly ChartAnyPluginSignature[]> {
-    apiRef?: React.RefObject<ChartPublicAPI<TSignatures> | undefined>;
-}
+  apiRef?: React.RefObject<ChartPublicAPI<TSignatures> | undefined>;
+}

package/internals/store/useCharts.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/store/useSelector.d.ts

@@ -1,4 +1,4 @@
-import { ChartAnyPluginSignature, ChartState } from '../plugins/models';
-import { ChartsSelector } from '../plugins/utils/selectors';
-import { ChartStore } from '../plugins/utils/ChartStore';
-export declare const useSelector: <TSignatures extends readonly ChartAnyPluginSignature[], TArgs, TValue>(store: ChartStore<TSignatures>, selector: ChartsSelector<ChartState<TSignatures>, TArgs, TValue>, args?: TArgs, equals?: (a: TValue, b: TValue) => boolean) => TValue;
+import { ChartAnyPluginSignature, ChartState } from "../plugins/models/index.js";
+import { ChartsSelector } from "../plugins/utils/selectors.js";
+import { ChartStore } from "../plugins/utils/ChartStore.js";
+export declare const useSelector: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[], TArgs, TValue>(store: ChartStore<TSignatures, TOptionalSignatures>, selector: ChartsSelector<ChartState<TSignatures, TOptionalSignatures>, TArgs, TValue>, args?: TArgs, equals?: (a: TValue, b: TValue) => boolean) => TValue;

package/internals/store/useSelector.js

@@ -1,6 +1,17 @@
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelector = void 0;
+var _withSelector = require("use-sync-external-store/with-selector.js");
+// use-sync-external-store has no exports field defined
+// See https://github.com/facebook/react/issues/30698
+// eslint-disable-next-line import/extensions
+
 const defaultCompare = Object.is;
-export const useSelector = (store, selector, args = undefined, equals = defaultCompare) => {
+const useSelector = (store, selector, args = undefined, equals = defaultCompare) => {
   const selectorWithArgs = state => selector(state, args);
-  return useSyncExternalStoreWithSelector(store.subscribe, store.getSnapshot, store.getSnapshot, selectorWithArgs, equals);
-};
+  return (0, _withSelector.useSyncExternalStoreWithSelector)(store.subscribe, store.getSnapshot, store.getSnapshot, selectorWithArgs, equals);
+};
+exports.useSelector = useSelector;

package/internals/store/useStore.d.ts

@@ -1,7 +1,5 @@
-import { ChartStore } from '../plugins/utils/ChartStore';
-import { UseChartInteractionSignature } from '../plugins/featurePlugins/useChartInteraction/useChartInteraction.types';
-import { ChartAnyPluginSignature } from '../plugins/models';
-export declare function useStore<TSignatures extends ChartAnyPluginSignature[] = []>(): ChartStore<[
-    ...TSignatures,
-    UseChartInteractionSignature
-]>;
+import { ChartStore } from "../plugins/utils/ChartStore.js";
+import { UseChartInteractionSignature } from "../plugins/featurePlugins/useChartInteraction/index.js";
+import { UseChartHighlightSignature } from "../plugins/featurePlugins/useChartHighlight/index.js";
+import { ChartAnyPluginSignature } from "../plugins/models/index.js";
+export declare function useStore<TSignatures extends ChartAnyPluginSignature[] = []>(): ChartStore<[...TSignatures, UseChartInteractionSignature, UseChartHighlightSignature]>;

package/internals/store/useStore.js

@@ -1,9 +1,15 @@
-import { useChartContext } from "../../context/ChartProvider/index.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStore = useStore;
+var _ChartProvider = require("../../context/ChartProvider");
 // This hook should be removed because user and us should not interact with the store directly, but with public/private APIs
-export function useStore() {
-  const context = useChartContext();
+function useStore() {
+  const context = (0, _ChartProvider.useChartContext)();
   if (!context) {
-    throw new Error(['MUI X: Could not find the charts context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+    throw new Error(['MUI X: Could not find the charts context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
   }
   return context.store;
 }

package/internals/ts-generic.d.ts

@@ -1,5 +1,3 @@
-type Without<T, U> = {
-    [P in Exclude<keyof T, keyof U>]?: never;
-};
+type Without<T, U> = { [P in Exclude<keyof T, keyof U>]?: never };
 export type XOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
-export {};
+export {};

package/internals/ts-generic.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/useStringInterpolator.d.ts

@@ -1 +1 @@
-export declare const useStringInterpolator: (path: string) => (t: number) => string;
+export declare const useStringInterpolator: (path: string) => (t: number) => string;

package/internals/useStringInterpolator.js

@@ -1,6 +1,14 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStringInterpolator = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
 /* eslint-disable react-compiler/react-compiler */
-import * as React from 'react';
-import { interpolateString } from '@mui/x-charts-vendor/d3-interpolate';
+
 function usePrevious(value) {
   const ref = React.useRef({
     currentPath: value,
@@ -14,8 +22,9 @@ function usePrevious(value) {
   }
   return ref.current;
 }
-export const useStringInterpolator = path => {
+const useStringInterpolator = path => {
   const memoryRef = usePrevious(path);
-  const interpolator = React.useMemo(() => memoryRef.previousPath ? interpolateString(memoryRef.previousPath, memoryRef.currentPath) : () => memoryRef.currentPath, [memoryRef.currentPath, memoryRef.previousPath]);
+  const interpolator = React.useMemo(() => memoryRef.previousPath ? (0, _d3Interpolate.interpolateString)(memoryRef.previousPath, memoryRef.currentPath) : () => memoryRef.currentPath, [memoryRef.currentPath, memoryRef.previousPath]);
   return interpolator;
-};
+};
+exports.useStringInterpolator = useStringInterpolator;