@mui/x-charts 7.17.0 → 7.18.0

package/node/context/CartesianProvider/getAxisExtremum.js

@@ -4,21 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAxisExtremum = void 0;
-const axisExtremumCallback = (acc, chartType, axis, getters, isDefaultAxis, formattedSeries, getFilters) => {
+const axisExtremumCallback = (acc, chartType, axis, getters, axisIndex, formattedSeries, getFilters) => {
   const getter = getters[chartType];
   const series = formattedSeries[chartType]?.series ?? {};
   const [minChartTypeData, maxChartTypeData] = getter?.({
     series,
     axis,
-    isDefaultAxis,
+    axisIndex,
+    isDefaultAxis: axisIndex === 0,
     getFilters
   }) ?? [Infinity, -Infinity];
   const [minData, maxData] = acc;
   return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
 };
-const getAxisExtremum = (axis, getters, isDefaultAxis, formattedSeries, getFilters) => {
+const getAxisExtremum = (axis, getters, axisIndex, formattedSeries, getFilters) => {
   const charTypes = Object.keys(getters);
-  const extremums = charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, isDefaultAxis, formattedSeries, getFilters), [Infinity, -Infinity]);
+  const extremums = charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, axisIndex, formattedSeries, getFilters), [Infinity, -Infinity]);
   if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
     return [Infinity, -Infinity];
   }

package/node/context/CartesianProvider/index.js

@@ -3,15 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  cartesianProviderUtils: true
-};
-exports.cartesianProviderUtils = void 0;
-var _computeValue = require("./computeValue");
 var _CartesianProvider = require("./CartesianProvider");
 Object.keys(_CartesianProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _CartesianProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -23,7 +17,6 @@ Object.keys(_CartesianProvider).forEach(function (key) {
 var _CartesianContext = require("./CartesianContext");
 Object.keys(_CartesianContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _CartesianContext[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -35,7 +28,6 @@ Object.keys(_CartesianContext).forEach(function (key) {
 var _useCartesianContext = require("./useCartesianContext");
 Object.keys(_useCartesianContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useCartesianContext[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -47,7 +39,6 @@ Object.keys(_useCartesianContext).forEach(function (key) {
 var _Cartesian = require("./Cartesian.types");
 Object.keys(_Cartesian).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Cartesian[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -55,7 +46,4 @@ Object.keys(_Cartesian).forEach(function (key) {
       return _Cartesian[key];
     }
   });
-});
-const cartesianProviderUtils = exports.cartesianProviderUtils = {
-  computeValue: _computeValue.computeValue
-};
+});

package/node/context/PluginProvider/PluginContext.js

@@ -12,7 +12,9 @@ const PluginContext = exports.PluginContext = /*#__PURE__*/React.createContext({
     colorProcessors: {},
     seriesFormatters: {},
     xExtremumGetters: {},
-    yExtremumGetters: {}
+    yExtremumGetters: {},
+    rotationExtremumGetters: {},
+    radiusExtremumGetters: {}
   }
 });
 if (process.env.NODE_ENV !== 'production') {

package/node/context/PluginProvider/index.js

@@ -112,4 +112,26 @@ Object.keys(_useYExtremumGetter).forEach(function (key) {
       return _useYExtremumGetter[key];
     }
   });
+});
+var _useRadiusExtremumGetter = require("./useRadiusExtremumGetter");
+Object.keys(_useRadiusExtremumGetter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useRadiusExtremumGetter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRadiusExtremumGetter[key];
+    }
+  });
+});
+var _useRotationExtremumGetter = require("./useRotationExtremumGetter");
+Object.keys(_useRotationExtremumGetter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useRotationExtremumGetter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRotationExtremumGetter[key];
+    }
+  });
 });

package/node/context/PluginProvider/mergePlugins.js

@@ -16,6 +16,8 @@ function mergePlugins(plugins) {
   const colorProcessors = {};
   const xExtremumGetters = {};
   const yExtremumGetters = {};
+  const rotationExtremumGetters = {};
+  const radiusExtremumGetters = {};
   for (let i = 0; i < defaultizedPlugins.length; i += 1) {
     const plugin = defaultizedPlugins[i];
     const seriesType = plugin.seriesType;
@@ -27,11 +29,19 @@ function mergePlugins(plugins) {
     if (plugin.yExtremumGetter) {
       yExtremumGetters[seriesType] = plugin.yExtremumGetter;
     }
+    if (plugin.rotationExtremumGetter) {
+      rotationExtremumGetters[seriesType] = plugin.rotationExtremumGetter;
+    }
+    if (plugin.radiusExtremumGetter) {
+      radiusExtremumGetters[seriesType] = plugin.radiusExtremumGetter;
+    }
   }
   return {
     seriesFormatters,
     colorProcessors,
     xExtremumGetters,
-    yExtremumGetters
+    yExtremumGetters,
+    rotationExtremumGetters,
+    radiusExtremumGetters
   };
 }

package/node/context/PluginProvider/useRadiusExtremumGetter.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRadiusExtremumGetter = useRadiusExtremumGetter;
+var React = _interopRequireWildcard(require("react"));
+var _PluginContext = require("./PluginContext");
+function useRadiusExtremumGetter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_PluginContext.PluginContext);
+  if (!isInitialized) {
+    throw new Error(['MUI X: Could not find the plugin context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+  }
+  if (!seriesType) {
+    return data.radiusExtremumGetters;
+  }
+  return data.radiusExtremumGetters[seriesType];
+}

package/node/context/PluginProvider/useRotationExtremumGetter.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRotationExtremumGetter = useRotationExtremumGetter;
+var React = _interopRequireWildcard(require("react"));
+var _PluginContext = require("./PluginContext");
+function useRotationExtremumGetter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_PluginContext.PluginContext);
+  if (!isInitialized) {
+    throw new Error(['MUI X: Could not find the plugin context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+  }
+  if (!seriesType) {
+    return data.rotationExtremumGetters;
+  }
+  return data.rotationExtremumGetters[seriesType];
+}

package/node/context/PolarProvider/Polar.types.js

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

package/node/context/PolarProvider/PolarContext.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PolarContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+const PolarContext = exports.PolarContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {
+    rotationAxis: {},
+    radiusAxis: {},
+    rotationAxisIds: [],
+    radiusAxisIds: []
+  }
+});
+if (process.env.NODE_ENV !== 'production') {
+  PolarContext.displayName = 'PolarContext';
+}

package/node/context/PolarProvider/PolarProvider.js

@@ -0,0 +1,54 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PolarProvider = PolarProvider;
+var React = _interopRequireWildcard(require("react"));
+var _computeAxisValue = require("../../internals/computeAxisValue");
+var _useDrawingArea = require("../../hooks/useDrawingArea");
+var _useSeries = require("../../hooks/useSeries");
+var _PolarContext = require("./PolarContext");
+var _useRadiusExtremumGetter = require("../PluginProvider/useRadiusExtremumGetter");
+var _useRotationExtremumGetter = require("../PluginProvider/useRotationExtremumGetter");
+var _jsxRuntime = require("react/jsx-runtime");
+function PolarProvider(props) {
+  const {
+    rotationAxis,
+    radiusAxis,
+    children
+  } = props;
+  const formattedSeries = (0, _useSeries.useSeries)();
+  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
+  const rotationExtremumGetters = (0, _useRotationExtremumGetter.useRotationExtremumGetter)();
+  const radiusExtremumGetters = (0, _useRadiusExtremumGetter.useRadiusExtremumGetter)();
+  const rotationValues = React.useMemo(() => (0, _computeAxisValue.computeAxisValue)({
+    drawingArea,
+    formattedSeries,
+    axis: rotationAxis,
+    extremumGetters: rotationExtremumGetters,
+    axisDirection: 'rotation'
+  }), [drawingArea, formattedSeries, rotationAxis, rotationExtremumGetters]);
+  const radiusValues = React.useMemo(() => (0, _computeAxisValue.computeAxisValue)({
+    drawingArea,
+    formattedSeries,
+    axis: radiusAxis,
+    extremumGetters: radiusExtremumGetters,
+    axisDirection: 'radius'
+  }), [drawingArea, formattedSeries, radiusAxis, radiusExtremumGetters]);
+  const value = React.useMemo(() => ({
+    isInitialized: true,
+    data: {
+      rotationAxis: rotationValues.axis,
+      radiusAxis: radiusValues.axis,
+      rotationAxisIds: rotationValues.axisIds,
+      radiusAxisIds: radiusValues.axisIds
+    }
+  }), [rotationValues, radiusValues]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PolarContext.PolarContext.Provider, {
+    value: value,
+    children: children
+  });
+}

package/node/context/PolarProvider/getAxisExtremum.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAxisExtremum = void 0;
+const axisExtremumCallback = (acc, chartType, axis, getters, axisIndex, formattedSeries) => {
+  const getter = getters[chartType];
+  const series = formattedSeries[chartType]?.series ?? {};
+  const [minChartTypeData, maxChartTypeData] = getter?.({
+    series,
+    axis,
+    axisIndex,
+    isDefaultAxis: axisIndex === 0
+  }) ?? [Infinity, -Infinity];
+  const [minData, maxData] = acc;
+  return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
+};
+const getAxisExtremum = (axis, getters, axisIndex, formattedSeries) => {
+  const charTypes = Object.keys(getters);
+  const extremums = charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, axisIndex, formattedSeries), [Infinity, -Infinity]);
+  if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
+    return [Infinity, -Infinity];
+  }
+  return extremums;
+};
+exports.getAxisExtremum = getAxisExtremum;

package/node/context/PolarProvider/index.js

@@ -0,0 +1 @@
+"use strict";

package/node/context/PolarProvider/usePolarContext.js

@@ -0,0 +1,17 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePolarContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _PolarContext = require("./PolarContext");
+const usePolarContext = () => {
+  const {
+    data
+  } = React.useContext(_PolarContext.PolarContext);
+  return data;
+};
+exports.usePolarContext = usePolarContext;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.17.0
+ * @mui/x-charts v7.18.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/{context/CartesianProvider/computeValue.js → internals/computeAxisValue.js}

@@ -4,19 +4,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.computeValue = computeValue;
+exports.computeAxisValue = computeAxisValue;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
-var _axis = require("../../models/axis");
-var _colorScale = require("../../internals/colorScale");
-var _useTicks = require("../../hooks/useTicks");
-var _getScale = require("../../internals/getScale");
-var _zoom = require("./zoom");
-var _getAxisExtremum = require("./getAxisExtremum");
-const getRange = (drawingArea, axisDirection, isReverse) => {
+var _axis = require("../models/axis");
+var _colorScale = require("./colorScale");
+var _useTicks = require("../hooks/useTicks");
+var _getScale = require("./getScale");
+var _zoom = require("../context/CartesianProvider/zoom");
+var _getAxisExtremum = require("../context/CartesianProvider/getAxisExtremum");
+function getRange(drawingArea, axisDirection, axis) {
+  if (axisDirection === 'rotation') {
+    const {
+      startAngle = 0,
+      endAngle = startAngle + 360
+    } = axis;
+    return axis.reverse ? [Math.PI * startAngle / 180, Math.PI * endAngle / 180] : [Math.PI * endAngle / 180, Math.PI * startAngle / 180];
+  }
+  if (axisDirection === 'radius') {
+    const {
+      minRadius = 0,
+      maxRadius = Math.min(drawingArea.width, drawingArea.height) / 2
+    } = axis;
+    return [minRadius, maxRadius];
+  }
   const range = axisDirection === 'x' ? [drawingArea.left, drawingArea.left + drawingArea.width] : [drawingArea.top + drawingArea.height, drawingArea.top];
-  return isReverse ? range.reverse() : range;
-};
+  return axis.reverse ? [range[1], range[0]] : range;
+}
 const isDateData = data => data?.[0] instanceof Date;
 function createDateFormatter(axis, range) {
   const timeScale = (0, _d3Scale.scaleTime)(axis.data, range);
@@ -26,7 +40,7 @@ function createDateFormatter(axis, range) {
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
-function computeValue({
+function computeAxisValue({
   drawingArea,
   formattedSeries,
   axis: allAxis,
@@ -39,21 +53,20 @@ function computeValue({
   const completeAxis = {};
   allAxis.forEach((eachAxis, axisIndex) => {
     const axis = eachAxis;
-    const isDefaultAxis = axisIndex === 0;
     const zoomOption = zoomOptions?.[axis.id];
     const zoom = zoomData?.find(({
       axisId
     }) => axisId === axis.id);
     const zoomRange = zoom ? [zoom.start, zoom.end] : [0, 100];
-    const range = getRange(drawingArea, axisDirection, axis.reverse);
-    const [minData, maxData] = (0, _getAxisExtremum.getAxisExtremum)(axis, extremumGetters, isDefaultAxis, formattedSeries, zoom === undefined && !zoomOption ? getFilters : undefined // Do not apply filtering if zoom is already defined.
+    const range = getRange(drawingArea, axisDirection, axis);
+    const [minData, maxData] = (0, _getAxisExtremum.getAxisExtremum)(axis, extremumGetters, axisIndex, formattedSeries, zoom === undefined && !zoomOption ? getFilters : undefined // Do not apply filtering if zoom is already defined.
     );
     const data = axis.data ?? [];
     if ((0, _axis.isBandScaleConfig)(axis)) {
       const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
       const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
       // Reverse range because ordinal scales are presented from top to bottom on y-axis
-      const scaleRange = axisDirection === 'x' ? range : [range[1], range[0]];
+      const scaleRange = axisDirection === 'y' ? [range[1], range[0]] : range;
       const zoomedRange = (0, _zoom.zoomScaleRange)(scaleRange, zoomRange);
       completeAxis[axis.id] = (0, _extends2.default)({
         categoryGapRatio,
@@ -72,7 +85,7 @@ function computeValue({
       }
     }
     if ((0, _axis.isPointScaleConfig)(axis)) {
-      const scaleRange = axisDirection === 'x' ? range : [...range].reverse();
+      const scaleRange = axisDirection === 'y' ? [...range].reverse() : range;
       const zoomedRange = (0, _zoom.zoomScaleRange)(scaleRange, zoomRange);
       completeAxis[axis.id] = (0, _extends2.default)({}, axis, {
         data,

package/node/internals/index.js

@@ -200,6 +200,18 @@ Object.keys(_getScale).forEach(function (key) {
     }
   });
 });
+var _computeAxisValue = require("./computeAxisValue");
+Object.keys(_computeAxisValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _computeAxisValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _computeAxisValue[key];
+    }
+  });
+});
 var _CartesianProvider = require("../context/CartesianProvider");
 Object.keys(_CartesianProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.17.0",
+  "version": "7.18.0",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -25,7 +25,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mui/mui-x.git",
+    "url": "git+https://github.com/mui/mui-x.git",
     "directory": "packages/x-charts"
   },
   "dependencies": {
@@ -35,8 +35,8 @@
     "@react-spring/web": "^9.7.4",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-internals": "7.17.0",
-    "@mui/x-charts-vendor": "7.16.0"
+    "@mui/x-charts-vendor": "7.18.0",
+    "@mui/x-internals": "7.18.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/context/CartesianProvider/computeValue.d.ts

@@ -1,30 +0,0 @@
-import { AxisConfig, ScaleName } from '../../models';
-import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps } from '../../models/axis';
-import { CartesianChartSeriesType } from '../../models/seriesType/config';
-import { DrawingArea } from '../DrawingProvider';
-import { FormattedSeries } from '../SeriesProvider';
-import { ExtremumGetter } from '../PluginProvider';
-import { DefaultizedAxisConfig, ZoomData, ZoomOptions, GetZoomAxisFilters } from './Cartesian.types';
-type ComputeResult<T extends ChartsAxisProps> = {
-    axis: DefaultizedAxisConfig<T>;
-    axisIds: string[];
-};
-type ComputeCommonParams = {
-    drawingArea: DrawingArea;
-    formattedSeries: FormattedSeries;
-    extremumGetters: {
-        [K in CartesianChartSeriesType]?: ExtremumGetter<K>;
-    };
-    zoomData?: ZoomData[];
-    zoomOptions?: ZoomOptions;
-    getFilters?: GetZoomAxisFilters;
-};
-export declare function computeValue(options: ComputeCommonParams & {
-    axis: AxisConfig<ScaleName, any, ChartsYAxisProps>[];
-    axisDirection: 'y';
-}): ComputeResult<ChartsYAxisProps>;
-export declare function computeValue(options: ComputeCommonParams & {
-    axis: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
-    axisDirection: 'x';
-}): ComputeResult<ChartsAxisProps>;
-export {};