@mui/x-charts 7.17.0 → 7.19.0

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/context/ZAxisContextProvider.js

@@ -32,7 +32,7 @@ function ZAxisContextProvider(props) {
       return axisConfig;
     }
     if (dataset === undefined) {
-      throw Error('MUI X: z-axis uses `dataKey` but no `dataset` is provided.');
+      throw new Error('MUI X: z-axis uses `dataKey` but no `dataset` is provided.');
     }
     return (0, _extends2.default)({}, axisConfig, {
       data: dataset.map(d => d[dataKey])

package/node/hooks/useReducedMotion.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useReducedMotion = void 0;
 var _web = require("@react-spring/web");
-const handleMediaChange = e => {
+const handleMediaChange = event => {
   _web.Globals.assign({
     // Modification such the react-spring implementation such that this hook can remove animation but never activate animation.
-    skipAnimation: e.matches || undefined
+    skipAnimation: event.matches || undefined
   });
 };
 

package/node/hooks/useSeries.js

@@ -34,7 +34,7 @@ function useSeries() {
  * The returned object contains:
  * - series: a mapping from ids to series attributes.
  * - seriesOrder: the array of series ids.
- * @returns { series: Record<SeriesId, DefaultizedPieSeriesType>; seriesOrder: SeriesId[]; } | undefined pieSeries
+ * @returns {{ series: Record<SeriesId, DefaultizedPieSeriesType>; seriesOrder: SeriesId[]; } | undefined}  pieSeries
  */
 function usePieSeries() {
   const series = useSeries();
@@ -46,7 +46,7 @@ function usePieSeries() {
  * The returned object contains:
  * - series: a mapping from ids to series attributes.
  * - seriesOrder: the array of series ids.
- * @returns { series: Record<SeriesId, DefaultizedLineSeriesType>; seriesOrder: SeriesId[]; } | undefined lineSeries
+ * @returns {{ series: Record<SeriesId, DefaultizedLineSeriesType>; seriesOrder: SeriesId[]; } | undefined}  lineSeries
  */
 function useLineSeries() {
   const series = useSeries();
@@ -58,7 +58,7 @@ function useLineSeries() {
  * The returned object contains:
  * - series: a mapping from ids to series attributes.
  * - seriesOrder: the array of series ids.
- * @returns { series: Record<SeriesId, DefaultizedBarSeriesType>; seriesOrder: SeriesId[]; } | undefined barSeries
+ * @returns {{ series: Record<SeriesId, DefaultizedBarSeriesType>; seriesOrder: SeriesId[]; } | undefined}  barSeries
  */
 function useBarSeries() {
   const series = useSeries();
@@ -70,7 +70,7 @@ function useBarSeries() {
  * The returned object contains:
  * - series: a mapping from ids to series attributes.
  * - seriesOrder: the array of series ids.
- * @returns { series: Record<SeriesId, DefaultizedScatterSeriesType>; seriesOrder: SeriesId[]; } | undefined scatterSeries
+ * @returns {{ series: Record<SeriesId, DefaultizedScatterSeriesType>; seriesOrder: SeriesId[]; } | undefined}  scatterSeries
  */
 function useScatterSeries() {
   const series = useSeries();

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.17.0
+ * @mui/x-charts v7.19.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/domUtils.js

@@ -122,7 +122,7 @@ const getStringSize = (text, style = {}) => {
       measurementSpan.textContent = '';
     }, 0);
     return result;
-  } catch (e) {
+  } catch {
     return {
       width: 0,
       height: 0

package/node/internals/geometry.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMinXTranslation = getMinXTranslation;
+var _warning = require("@mui/x-internals/warning");
 const ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle as perfectly horizontal/vertical
 
-let warnedOnce = false;
-
 /**
  * Return the minimal translation along the x-axis to avoid overflow of a rectangle of a given width, height, and rotation.
  * This assumes that all rectangles have the same height and angle between -90 and 90.
@@ -18,9 +17,8 @@ let warnedOnce = false;
  */
 function getMinXTranslation(width, height, angle = 0) {
   if (process.env.NODE_ENV !== 'production') {
-    if (!warnedOnce && angle > 90 && angle < -90) {
-      warnedOnce = true;
-      console.warn([`MUI X: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`].join('\n'));
+    if (angle > 90 && angle < -90) {
+      (0, _warning.warnOnce)([`MUI X: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`]);
     }
   }
   const standardAngle = Math.min(Math.abs(angle) % 180, Math.abs(Math.abs(angle) % 180 - 180) % 180); // Map from R to [0, 90]

package/node/internals/getPercentageValue.js

@@ -30,5 +30,5 @@ function getPercentageValue(value, refValue) {
       return val;
     }
   }
-  throw Error(`MUI X: Received an unknown value "${value}". It should be a number, or a string with a percentage value.`);
+  throw new Error(`MUI X: Received an unknown value "${value}". It should be a number, or a string with a percentage value.`);
 }

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.19.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.19.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 {};