@mui/x-charts 7.14.0 → 7.15.0

package/{esm → node}/internals/stackSeries.js

@@ -1,51 +1,57 @@
-import { stackOrderAppearance as d3StackOrderAppearance, stackOrderAscending as d3StackOrderAscending, stackOrderDescending as d3StackOrderDescending, stackOrderInsideOut as d3StackOrderInsideOut, stackOrderNone as d3StackOrderNone, stackOrderReverse as d3StackOrderReverse, stackOffsetExpand as d3StackOffsetExpand, stackOffsetDiverging as d3StackOffsetDiverging, stackOffsetNone as d3StackOffsetNone, stackOffsetSilhouette as d3StackOffsetSilhouette, stackOffsetWiggle as d3StackOffsetWiggle } from '@mui/x-charts-vendor/d3-shape';
-export const StackOrder = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStackingGroups = exports.StackOrder = exports.StackOffset = void 0;
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+const StackOrder = exports.StackOrder = {
   /**
    * Series order such that the earliest series (according to the maximum value) is at the bottom.
    * */
-  appearance: d3StackOrderAppearance,
+  appearance: _d3Shape.stackOrderAppearance,
   /**
    *  Series order such that the smallest series (according to the sum of values) is at the bottom.
    * */
-  ascending: d3StackOrderAscending,
+  ascending: _d3Shape.stackOrderAscending,
   /**
    * Series order such that the largest series (according to the sum of values) is at the bottom.
    */
-  descending: d3StackOrderDescending,
+  descending: _d3Shape.stackOrderDescending,
   /**
    * Series order such that the earliest series (according to the maximum value) are on the inside and the later series are on the outside. This order is recommended for streamgraphs in conjunction with the wiggle offset. See Stacked Graphs—Geometry & Aesthetics by Byron & Wattenberg for more information.
    */
-  insideOut: d3StackOrderInsideOut,
+  insideOut: _d3Shape.stackOrderInsideOut,
   /**
    * Given series order [0, 1, … n - 1] where n is the number of elements in series. Thus, the stack order is given by the key accessor.
    */
-  none: d3StackOrderNone,
+  none: _d3Shape.stackOrderNone,
   /**
    * Reverse of the given series order [n - 1, n - 2, … 0] where n is the number of elements in series. Thus, the stack order is given by the reverse of the key accessor.
    */
-  reverse: d3StackOrderReverse
+  reverse: _d3Shape.stackOrderReverse
 };
-export const StackOffset = {
+const StackOffset = exports.StackOffset = {
   /**
    * Applies a zero baseline and normalizes the values for each point such that the topline is always one.
    * */
-  expand: d3StackOffsetExpand,
+  expand: _d3Shape.stackOffsetExpand,
   /**
    * Positive values are stacked above zero, negative values are stacked below zero, and zero values are stacked at zero.
    * */
-  diverging: d3StackOffsetDiverging,
+  diverging: _d3Shape.stackOffsetDiverging,
   /**
    * Applies a zero baseline.
    * */
-  none: d3StackOffsetNone,
+  none: _d3Shape.stackOffsetNone,
   /**
    * Shifts the baseline down such that the center of the streamgraph is always at zero.
    * */
-  silhouette: d3StackOffsetSilhouette,
+  silhouette: _d3Shape.stackOffsetSilhouette,
   /**
    * Shifts the baseline so as to minimize the weighted wiggle of layers. This offset is recommended for streamgraphs in conjunction with the inside-out order. See Stacked Graphs—Geometry & Aesthetics by Bryon & Wattenberg for more information.
    * */
-  wiggle: d3StackOffsetWiggle
+  wiggle: _d3Shape.stackOffsetWiggle
 };
 
 /**
@@ -53,7 +59,7 @@ export const StackOffset = {
  * @param series the object of all bars series
  * @returns an array of groups, including the ids, the stacking order, and the stacking offset.
  */
-export const getStackingGroups = params => {
+const getStackingGroups = params => {
   const {
     series,
     seriesOrder,
@@ -91,4 +97,5 @@ export const getStackingGroups = params => {
     }
   });
   return stackingGroups;
-};
+};
+exports.getStackingGroups = getStackingGroups;

package/node/internals/ts-generic.js

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

package/node/internals/useAnimatedPath.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnimatedPath = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
+var _web = require("@react-spring/web");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function usePrevious(value) {
+  const ref = React.useRef({
+    currentPath: value,
+    previousPath: undefined
+  });
+  if (ref.current.currentPath !== value) {
+    ref.current = {
+      currentPath: value,
+      previousPath: ref.current.currentPath
+    };
+  }
+  return ref.current;
+}
+const useAnimatedPath = (path, skipAnimation) => {
+  const memoryRef = usePrevious(path);
+  const interpolator = React.useMemo(() => memoryRef.previousPath ? (0, _d3Interpolate.interpolateString)(memoryRef.previousPath, memoryRef.currentPath) : () => memoryRef.currentPath, [memoryRef.currentPath, memoryRef.previousPath]);
+  const [{
+    value
+  }] = (0, _web.useSpring)({
+    from: {
+      value: 0
+    },
+    to: {
+      value: 1
+    },
+    reset: true,
+    immediate: skipAnimation
+  }, [memoryRef.currentPath]);
+  return value.to(interpolator);
+};
+exports.useAnimatedPath = useAnimatedPath;

package/{esm → node}/internals/warning.js

@@ -1,8 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearWarningsCache = clearWarningsCache;
+exports.warnOnce = warnOnce;
 const warnedOnceCache = new Set();
 
 // TODO move to @mui/x-internals
 // TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
-export function warnOnce(message, gravity = 'warning') {
+function warnOnce(message, gravity = 'warning') {
   if (process.env.NODE_ENV === 'production') {
     return;
   }
@@ -16,6 +23,6 @@ export function warnOnce(message, gravity = 'warning') {
     }
   }
 }
-export function clearWarningsCache() {
+function clearWarningsCache() {
   warnedOnceCache.clear();
 }

package/node/models/axis.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBandScaleConfig = isBandScaleConfig;
+exports.isPointScaleConfig = isPointScaleConfig;
+/**
+ * Use this type instead of `AxisScaleConfig` when the values
+ * shouldn't be provided by the user.
+ */
+
+function isBandScaleConfig(scaleConfig) {
+  return scaleConfig.scaleType === 'band';
+}
+function isPointScaleConfig(scaleConfig) {
+  return scaleConfig.scaleType === 'point';
+}

package/node/models/colorMapping.js

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

package/node/models/helpers.js

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

package/node/models/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _seriesType = require("./seriesType");
+Object.keys(_seriesType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _seriesType[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _seriesType[key];
+    }
+  });
+});
+var _layout = require("./layout");
+Object.keys(_layout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _layout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _layout[key];
+    }
+  });
+});
+var _stacking = require("./stacking");
+Object.keys(_stacking).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stacking[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stacking[key];
+    }
+  });
+});

package/node/models/layout.js

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

package/node/models/seriesType/bar.js

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

package/node/models/seriesType/common.js

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

package/node/models/seriesType/config.js

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

package/node/models/seriesType/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  isDefaultizedBarSeries: true,
+  isBarSeries: true
+};
+exports.isBarSeries = isBarSeries;
+exports.isDefaultizedBarSeries = isDefaultizedBarSeries;
+var _line = require("./line");
+Object.keys(_line).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _line[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _line[key];
+    }
+  });
+});
+var _bar = require("./bar");
+Object.keys(_bar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _bar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bar[key];
+    }
+  });
+});
+var _scatter = require("./scatter");
+Object.keys(_scatter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _scatter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _scatter[key];
+    }
+  });
+});
+var _pie = require("./pie");
+Object.keys(_pie).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _pie[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pie[key];
+    }
+  });
+});
+// Series definition
+
+// item identifier
+
+// Helpers
+
+function isDefaultizedBarSeries(series) {
+  return series.type === 'bar';
+}
+function isBarSeries(series) {
+  return series.type === 'bar';
+}

package/node/models/seriesType/line.js

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

package/node/models/seriesType/pie.js

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

package/node/models/seriesType/scatter.js

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

package/node/models/stacking.js

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

package/node/models/z-axis.js

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

package/{esm → node}/tests/firePointerEvent.js

@@ -1,6 +1,13 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { fireEvent } from '@mui/internal-test-utils';
-export function firePointerEvent(target, type, options) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.firePointerEvent = firePointerEvent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _internalTestUtils = require("@mui/internal-test-utils");
+function firePointerEvent(target, type, options) {
   const originalGetBoundingClientRect = target.getBoundingClientRect;
   target.getBoundingClientRect = () => ({
     x: 0,
@@ -24,12 +31,12 @@ export function firePointerEvent(target, type, options) {
       };
     }
   });
-  const event = new window.PointerEvent(type, _extends({
+  const event = new window.PointerEvent(type, (0, _extends2.default)({
     bubbles: true,
     cancelable: true,
     composed: true,
     isPrimary: true
   }, options));
-  fireEvent(target, event);
+  (0, _internalTestUtils.fireEvent)(target, event);
   target.getBoundingClientRect = originalGetBoundingClientRect;
 }

package/node/themeAugmentation/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _overrides = require("./overrides");
+Object.keys(_overrides).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _overrides[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _overrides[key];
+    }
+  });
+});
+var _props = require("./props");
+Object.keys(_props).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _props[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _props[key];
+    }
+  });
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.14.0",
+  "version": "7.15.0",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
-  "main": "./index.js",
+  "main": "./node/index.js",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/mui/mui-x/issues"
@@ -29,19 +29,19 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.0",
-    "@mui/system": "^5.16.7",
+    "@babel/runtime": "^7.25.4",
     "@mui/utils": "^5.16.6",
     "@react-spring/rafz": "^9.7.4",
     "@react-spring/web": "^9.7.4",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts-vendor": "7.14.0"
+    "@mui/x-charts-vendor": "7.15.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6.0.0",
+    "@mui/system": "^5.15.14 || ^6.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -57,6 +57,6 @@
     "node": ">=14.0.0"
   },
   "private": false,
-  "module": "./esm/index.js",
+  "module": "./index.js",
   "types": "./index.d.ts"
 }

package/tests/firePointerEvent.js

@@ -1,13 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.firePointerEvent = firePointerEvent;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _internalTestUtils = require("@mui/internal-test-utils");
-function firePointerEvent(target, type, options) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { fireEvent } from '@mui/internal-test-utils';
+export function firePointerEvent(target, type, options) {
   const originalGetBoundingClientRect = target.getBoundingClientRect;
   target.getBoundingClientRect = () => ({
     x: 0,
@@ -31,12 +24,12 @@ function firePointerEvent(target, type, options) {
       };
     }
   });
-  const event = new window.PointerEvent(type, (0, _extends2.default)({
+  const event = new window.PointerEvent(type, _extends({
     bubbles: true,
     cancelable: true,
     composed: true,
     isPrimary: true
   }, options));
-  (0, _internalTestUtils.fireEvent)(target, event);
+  fireEvent(target, event);
   target.getBoundingClientRect = originalGetBoundingClientRect;
 }

package/themeAugmentation/components.d.ts

@@ -2,7 +2,6 @@ import { ComponentsProps, ComponentsOverrides } from '@mui/material/styles';
 
 export interface ChartsComponents<Theme = unknown> {
   MuiChartsAxis?: {
-    defaultProps?: ComponentsProps['MuiChartsAxis'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiChartsAxis'];
   };
   MuiChartsXAxis?: {
@@ -12,12 +11,8 @@ export interface ChartsComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiChartsYAxis'];
   };
   MuiChartsAxisHighlight?: {
-    defaultProps?: ComponentsProps['MuiChartsAxisHighlight'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiChartsAxisHighlight'];
   };
-  MuiChartsClipPath?: {
-    defaultProps?: ComponentsProps['MuiChartsClipPath'];
-  };
   MuiChartsGrid?: {
     defaultProps?: ComponentsProps['MuiChartsGrid'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiChartsGrid'];
@@ -32,12 +27,12 @@ export interface ChartsComponents<Theme = unknown> {
   };
   MuiChartsSurface?: {
     defaultProps?: ComponentsProps['MuiChartsSurface'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiChartsSurface'];
   };
   MuiBarChart?: {
     defaultProps?: ComponentsProps['MuiBarChart'];
   };
   MuiBarElement?: {
-    defaultProps?: ComponentsProps['MuiBarElement'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiBarElement'];
   };
   MuiBarLabel?: {
@@ -48,23 +43,18 @@ export interface ChartsComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiLineChart'];
   };
   MuiAreaElement?: {
-    defaultProps?: ComponentsProps['MuiAreaElement'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiAreaElement'];
   };
   MuiLineElement?: {
-    defaultProps?: ComponentsProps['MuiLineElement'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiLineElement'];
   };
   MuiMarkElement?: {
-    defaultProps?: ComponentsProps['MuiMarkElement'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiMarkElement'];
   };
   MuiScatterChart?: {
     defaultProps?: ComponentsProps['MuiScatterChart'];
   };
-  MuiScatter?: {
-    defaultProps?: ComponentsProps['MuiScatter'];
-  };
+  MuiScatter?: {};
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/index.js

@@ -1,38 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _overrides = require("./overrides");
-Object.keys(_overrides).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _overrides[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _overrides[key];
-    }
-  });
-});
-var _props = require("./props");
-Object.keys(_props).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _props[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _props[key];
-    }
-  });
-});
-var _components = require("./components");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _components[key];
-    }
-  });
-});
+export * from './overrides';
+export * from './props';
+export * from './components';

package/themeAugmentation/overrides.d.ts

@@ -1,35 +1,34 @@
 import { BarLabelClassKey } from '../BarChart';
 import { BarElementClassKey } from '../BarChart/BarElement';
-import { ChartsAxisClassKey } from '../ChartsAxis';
 import { ChartsAxisHighlightClassKey } from '../ChartsAxisHighlight';
 import { ChartsGridClassKey } from '../ChartsGrid';
 import { ChartsLegendClassKey } from '../ChartsLegend';
+
 import { ChartsTooltipClassKey } from '../ChartsTooltip';
 import { AreaElementClassKey, LineElementClassKey, MarkElementClassKey } from '../LineChart';
 
-// prettier-ignore
-export interface PickersComponentNameToClassKey {
-  MuiChartsAxis: ChartsAxisClassKey;
+export interface ChartsComponentNameToClassKey {
+  MuiChartsAxis: 'root'; //  Only the root component of axes is styled
   MuiChartsAxisHighlight: ChartsAxisHighlightClassKey;
   MuiChartsGrid: ChartsGridClassKey;
   MuiChartsLegend: ChartsLegendClassKey;
   MuiChartsTooltip: ChartsTooltipClassKey;
 
+  MuiChartsSurface: 'root';
   // BarChart components
   MuiBarElement: BarElementClassKey;
   MuiBarLabel: BarLabelClassKey;
 
   // LineChart components
-  
   MuiAreaElement: AreaElementClassKey;
   MuiLineElement: LineElementClassKey;
   MuiMarkElement: MarkElementClassKey;
+
   // ScatterChart components
-  
 }
 
 declare module '@mui/material/styles' {
-  interface ComponentNameToClassKey extends PickersComponentNameToClassKey {}
+  interface ComponentNameToClassKey extends ChartsComponentNameToClassKey {}
 }
 
 // disable automatic export