@mui/x-charts 8.2.0 → 8.3.0

package/models/slots/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _chartsBaseSlots = require("./chartsBaseSlots");
+Object.keys(_chartsBaseSlots).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsBaseSlots[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsBaseSlots[key];
+    }
+  });
+});
+var _chartsBaseSlotProps = require("./chartsBaseSlotProps");
+Object.keys(_chartsBaseSlotProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsBaseSlotProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsBaseSlotProps[key];
+    }
+  });
+});
+var _chartsIconSlots = require("./chartsIconSlots");
+Object.keys(_chartsIconSlots).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsIconSlots[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsIconSlots[key];
+    }
+  });
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.2.0",
-  "description": "The community edition of the Charts components (MUI X).",
+  "version": "8.3.0",
   "author": "MUI Team",
+  "description": "The community edition of MUI X Charts components.",
   "main": "./index.js",
   "license": "MIT",
   "bugs": {
@@ -29,15 +29,15 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "@mui/utils": "^7.0.2",
     "bezier-easing": "^2.1.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-charts-vendor": "8.0.0",
-    "@mui/x-internals": "8.2.0"
+    "@mui/x-charts-vendor": "8.3.0",
+    "@mui/x-internals": "8.3.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/esm/internals/store/useChartModels.d.ts

@@ -1,7 +0,0 @@
-import { ChartAnyPluginSignature, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../plugins/models/index.js";
-import { ChartCorePluginSignatures } from "../plugins/corePlugins/index.js";
-/**
- * Implements the same behavior as `useControlled` but for several models.
- * The controlled models are never stored in the state, and the state is only updated if the model is not controlled.
- */
-export declare const useChartModels: <TSignatures extends readonly ChartAnyPluginSignature[]>(plugins: ConvertSignaturesIntoPlugins<readonly [...ChartCorePluginSignatures, ...TSignatures]>, props: MergeSignaturesProperty<TSignatures, "defaultizedParams">) => MergeSignaturesProperty<TSignatures, "models">;

package/esm/internals/store/useChartModels.js

@@ -1,64 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-/**
- * Implements the same behavior as `useControlled` but for several models.
- * The controlled models are never stored in the state, and the state is only updated if the model is not controlled.
- */
-export const useChartModels = (plugins, props) => {
-  const modelsRef = React.useRef({});
-  const [modelsState, setModelsState] = React.useState(() => {
-    const initialState = {};
-    plugins.forEach(plugin => {
-      if (plugin.models) {
-        Object.entries(plugin.models).forEach(([modelName, modelInitializer]) => {
-          modelsRef.current[modelName] = {
-            isControlled: props[modelName] !== undefined,
-            getDefaultValue: modelInitializer.getDefaultValue
-          };
-          initialState[modelName] = modelInitializer.getDefaultValue(props);
-        });
-      }
-    });
-    return initialState;
-  });
-  const models = Object.fromEntries(Object.entries(modelsRef.current).map(([modelName, model]) => {
-    const value = props[modelName] ?? modelsState[modelName];
-    return [modelName, {
-      value,
-      setControlledValue: newValue => {
-        if (!model.isControlled) {
-          setModelsState(prevState => _extends({}, prevState, {
-            [modelName]: typeof newValue === 'function' ? newValue(value) : newValue
-          }));
-        }
-      },
-      isControlled: modelsRef.current[modelName].isControlled
-    }];
-  }));
-
-  // We know that `modelsRef` do not vary across renders.
-  if (process.env.NODE_ENV !== 'production') {
-    Object.entries(modelsRef.current).forEach(([modelName, model]) => {
-      const controlled = props[modelName];
-      const newDefaultValue = model.getDefaultValue(props);
-
-      /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps, react-compiler/react-compiler */
-      React.useEffect(() => {
-        if (model.isControlled !== (controlled !== undefined)) {
-          console.error([`MUI X Charts: A component is changing the ${model.isControlled ? '' : 'un'}controlled ${modelName} state of Chart to be ${model.isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${modelName} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
-        }
-      }, [controlled]);
-      const {
-        current: defaultValue
-      } = React.useRef(newDefaultValue);
-      React.useEffect(() => {
-        if (!model.isControlled && defaultValue !== newDefaultValue) {
-          console.error([`MUI X Charts: A component is changing the default ${modelName} state of an uncontrolled Chart after being initialized. ` + `To suppress this warning opt to use a controlled Chart.`].join('\n'));
-        }
-      }, [JSON.stringify(newDefaultValue)]);
-    });
-  }
-  /* eslint-enable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
-
-  return models;
-};

package/internals/store/useChartModels.d.ts

@@ -1,7 +0,0 @@
-import { ChartAnyPluginSignature, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../plugins/models/index.js";
-import { ChartCorePluginSignatures } from "../plugins/corePlugins/index.js";
-/**
- * Implements the same behavior as `useControlled` but for several models.
- * The controlled models are never stored in the state, and the state is only updated if the model is not controlled.
- */
-export declare const useChartModels: <TSignatures extends readonly ChartAnyPluginSignature[]>(plugins: ConvertSignaturesIntoPlugins<readonly [...ChartCorePluginSignatures, ...TSignatures]>, props: MergeSignaturesProperty<TSignatures, "defaultizedParams">) => MergeSignaturesProperty<TSignatures, "models">;

package/internals/store/useChartModels.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useChartModels = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-/**
- * Implements the same behavior as `useControlled` but for several models.
- * The controlled models are never stored in the state, and the state is only updated if the model is not controlled.
- */
-const useChartModels = (plugins, props) => {
-  const modelsRef = React.useRef({});
-  const [modelsState, setModelsState] = React.useState(() => {
-    const initialState = {};
-    plugins.forEach(plugin => {
-      if (plugin.models) {
-        Object.entries(plugin.models).forEach(([modelName, modelInitializer]) => {
-          modelsRef.current[modelName] = {
-            isControlled: props[modelName] !== undefined,
-            getDefaultValue: modelInitializer.getDefaultValue
-          };
-          initialState[modelName] = modelInitializer.getDefaultValue(props);
-        });
-      }
-    });
-    return initialState;
-  });
-  const models = Object.fromEntries(Object.entries(modelsRef.current).map(([modelName, model]) => {
-    const value = props[modelName] ?? modelsState[modelName];
-    return [modelName, {
-      value,
-      setControlledValue: newValue => {
-        if (!model.isControlled) {
-          setModelsState(prevState => (0, _extends2.default)({}, prevState, {
-            [modelName]: typeof newValue === 'function' ? newValue(value) : newValue
-          }));
-        }
-      },
-      isControlled: modelsRef.current[modelName].isControlled
-    }];
-  }));
-
-  // We know that `modelsRef` do not vary across renders.
-  if (process.env.NODE_ENV !== 'production') {
-    Object.entries(modelsRef.current).forEach(([modelName, model]) => {
-      const controlled = props[modelName];
-      const newDefaultValue = model.getDefaultValue(props);
-
-      /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps, react-compiler/react-compiler */
-      React.useEffect(() => {
-        if (model.isControlled !== (controlled !== undefined)) {
-          console.error([`MUI X Charts: A component is changing the ${model.isControlled ? '' : 'un'}controlled ${modelName} state of Chart to be ${model.isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${modelName} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
-        }
-      }, [controlled]);
-      const {
-        current: defaultValue
-      } = React.useRef(newDefaultValue);
-      React.useEffect(() => {
-        if (!model.isControlled && defaultValue !== newDefaultValue) {
-          console.error([`MUI X Charts: A component is changing the default ${modelName} state of an uncontrolled Chart after being initialized. ` + `To suppress this warning opt to use a controlled Chart.`].join('\n'));
-        }
-      }, [JSON.stringify(newDefaultValue)]);
-    });
-  }
-  /* eslint-enable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
-
-  return models;
-};
-exports.useChartModels = useChartModels;