@mui/x-charts 7.0.0-beta.6 → 7.0.0

package/esm/hooks/useTicks.js

@@ -10,7 +10,7 @@ export function getTickNumber(params) {
   } = params;
   const maxTicks = tickMinStep === undefined ? 999 : Math.floor(Math.abs(domain[1] - domain[0]) / tickMinStep);
   const minTicks = tickMaxStep === undefined ? 2 : Math.ceil(Math.abs(domain[1] - domain[0]) / tickMaxStep);
-  const defaultizedTickNumber = tickNumber != null ? tickNumber : Math.floor(Math.abs(range[1] - range[0]) / 50);
+  const defaultizedTickNumber = tickNumber ?? Math.floor(Math.abs(range[1] - range[0]) / 50);
   return Math.min(maxTicks, Math.max(minTicks, defaultizedTickNumber));
 }
 const offsetRatio = {
@@ -34,17 +34,14 @@ export function useTicks(options) {
       const domain = scale.domain();
       if (scale.bandwidth() > 0) {
         // scale type = 'band'
-        return [...domain.map(value => {
-          var _valueFormatter;
-          return {
-            value,
-            formattedValue: (_valueFormatter = valueFormatter == null ? void 0 : valueFormatter(value, {
-              location: 'tick'
-            })) != null ? _valueFormatter : `${value}`,
-            offset: scale(value) - (scale.step() - scale.bandwidth()) / 2 + offsetRatio[tickPlacement] * scale.step(),
-            labelOffset: tickLabelPlacement === 'tick' ? 0 : scale.step() * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement])
-          };
-        }), ...(tickPlacement === 'extremities' ? [{
+        return [...domain.map(value => ({
+          value,
+          formattedValue: valueFormatter?.(value, {
+            location: 'tick'
+          }) ?? `${value}`,
+          offset: scale(value) - (scale.step() - scale.bandwidth()) / 2 + offsetRatio[tickPlacement] * scale.step(),
+          labelOffset: tickLabelPlacement === 'tick' ? 0 : scale.step() * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement])
+        })), ...(tickPlacement === 'extremities' ? [{
           formattedValue: undefined,
           offset: scale.range()[1],
           labelOffset: 0
@@ -53,29 +50,23 @@ export function useTicks(options) {
 
       // scale type = 'point'
       const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
-      return filteredDomain.map(value => {
-        var _valueFormatter2;
-        return {
-          value,
-          formattedValue: (_valueFormatter2 = valueFormatter == null ? void 0 : valueFormatter(value, {
-            location: 'tick'
-          })) != null ? _valueFormatter2 : `${value}`,
-          offset: scale(value),
-          labelOffset: 0
-        };
-      });
-    }
-    const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
-    return ticks.map(value => {
-      var _valueFormatter3;
-      return {
+      return filteredDomain.map(value => ({
         value,
-        formattedValue: (_valueFormatter3 = valueFormatter == null ? void 0 : valueFormatter(value, {
+        formattedValue: valueFormatter?.(value, {
           location: 'tick'
-        })) != null ? _valueFormatter3 : scale.tickFormat(tickNumber)(value),
+        }) ?? `${value}`,
         offset: scale(value),
         labelOffset: 0
-      };
-    });
+      }));
+    }
+    const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
+    return ticks.map(value => ({
+      value,
+      formattedValue: valueFormatter?.(value, {
+        location: 'tick'
+      }) ?? scale.tickFormat(tickNumber)(value),
+      offset: scale(value),
+      labelOffset: 0
+    }));
   }, [scale, tickInterval, tickNumber, valueFormatter, tickPlacement, tickLabelPlacement]);
 }

package/esm/internals/defaultizeValueFormatter.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 function defaultizeValueFormatter(series, defaultValueFormatter) {
   const defaultizedSeries = {};
   Object.keys(series).forEach(seriesId => {
-    var _series$seriesId$valu;
     defaultizedSeries[seriesId] = _extends({}, series[seriesId], {
-      valueFormatter: (_series$seriesId$valu = series[seriesId].valueFormatter) != null ? _series$seriesId$valu : defaultValueFormatter
+      valueFormatter: series[seriesId].valueFormatter ?? defaultValueFormatter
     });
   });
   return defaultizedSeries;

package/esm/internals/stackSeries.js

@@ -74,12 +74,11 @@ export const getStackingGroups = params => {
         stackingOffset: StackOffset.none
       });
     } else if (stackIndex[stack] === undefined) {
-      var _ref, _ref2;
       stackIndex[stack] = stackingGroups.length;
       stackingGroups.push({
         ids: [id],
-        stackingOrder: StackOrder[(_ref = stackOrder != null ? stackOrder : defaultStrategy == null ? void 0 : defaultStrategy.stackOrder) != null ? _ref : 'none'],
-        stackingOffset: StackOffset[(_ref2 = stackOffset != null ? stackOffset : defaultStrategy == null ? void 0 : defaultStrategy.stackOffset) != null ? _ref2 : 'diverging']
+        stackingOrder: StackOrder[stackOrder ?? defaultStrategy?.stackOrder ?? 'none'],
+        stackingOffset: StackOffset[stackOffset ?? defaultStrategy?.stackOffset ?? 'diverging']
       });
     } else {
       stackingGroups[stackIndex[stack]].ids.push(id);

package/hooks/useAxisEvents.js

@@ -51,7 +51,8 @@ const useAxisEvents = disableAxisListener => {
       }
       const {
         scale,
-        data: axisData
+        data: axisData,
+        reverse
       } = axisConfig;
       if (!(0, _isBandScale.isBandScale)(scale)) {
         const value = scale.invert(mouseValue);
@@ -84,6 +85,13 @@ const useAxisEvents = disableAxisListener => {
       if (dataIndex < 0 || dataIndex >= axisData.length) {
         return null;
       }
+      if (reverse) {
+        const reverseIndex = axisData.length - 1 - dataIndex;
+        return {
+          index: reverseIndex,
+          value: axisData[reverseIndex]
+        };
+      }
       return {
         index: dataIndex,
         value: axisData[dataIndex]

package/index.js

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

package/models/axis.d.ts

@@ -9,9 +9,25 @@ export type D3Scale<Domain extends {
 } = number | Date | string, Range = number, Output = number> = ScaleBand<Domain> | ScaleLogarithmic<Range, Output> | ScalePoint<Domain> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
 export type D3ContinuouseScale<Range = number, Output = number> = ScaleLogarithmic<Range, Output> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
 export interface ChartsAxisSlots {
+    /**
+     * Custom component for the axis main line.
+     * @default 'line'
+     */
     axisLine?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
+    /**
+     * Custom component for the axis tick.
+     * @default 'line'
+     */
     axisTick?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
+    /**
+     * Custom component for tick label.
+     * @default ChartsText
+     */
     axisTickLabel?: React.JSXElementConstructor<ChartsTextProps>;
+    /**
+     * Custom component for axis label.
+     * @default ChartsText
+     */
     axisLabel?: React.JSXElementConstructor<ChartsTextProps>;
 }
 export interface ChartsAxisSlotProps {

package/modern/ChartsLegend/ChartsLegend.js

@@ -85,6 +85,9 @@ process.env.NODE_ENV !== "production" ? ChartsLegend.propTypes = {
    * @default false
    */
   hidden: PropTypes.bool,
+  /**
+   * The position of the legend.
+   */
   position: PropTypes.shape({
     horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
     vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired

package/modern/ChartsLegend/DefaultChartsLegend.js

@@ -265,6 +265,9 @@ process.env.NODE_ENV !== "production" ? DefaultChartsLegend.propTypes = {
     right: PropTypes.number,
     top: PropTypes.number
   })]),
+  /**
+   * The position of the legend.
+   */
   position: PropTypes.shape({
     horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
     vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired

package/modern/context/CartesianContextProvider.js

@@ -90,7 +90,7 @@ function CartesianContextProvider(props) {
       return charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, isDefaultAxis), [null, null]);
     };
     const allXAxis = [...(xAxis?.map((axis, index) => _extends({
-      id: `deaultized-x-axis-${index}`
+      id: `defaultized-x-axis-${index}`
     }, axis)) ?? []),
     // Allows to specify an axis with id=DEFAULT_X_AXIS_KEY
     ...(xAxis === undefined || xAxis.findIndex(({
@@ -141,7 +141,7 @@ function CartesianContextProvider(props) {
       });
     });
     const allYAxis = [...(yAxis?.map((axis, index) => _extends({
-      id: `deaultized-y-axis-${index}`
+      id: `defaultized-y-axis-${index}`
     }, axis)) ?? []), ...(yAxis === undefined || yAxis.findIndex(({
       id
     }) => id === DEFAULT_Y_AXIS_KEY) === -1 ? [{

package/modern/hooks/useAxisEvents.js

@@ -43,7 +43,8 @@ export const useAxisEvents = disableAxisListener => {
       }
       const {
         scale,
-        data: axisData
+        data: axisData,
+        reverse
       } = axisConfig;
       if (!isBandScale(scale)) {
         const value = scale.invert(mouseValue);
@@ -76,6 +77,13 @@ export const useAxisEvents = disableAxisListener => {
       if (dataIndex < 0 || dataIndex >= axisData.length) {
         return null;
       }
+      if (reverse) {
+        const reverseIndex = axisData.length - 1 - dataIndex;
+        return {
+          index: reverseIndex,
+          value: axisData[reverseIndex]
+        };
+      }
       return {
         index: dataIndex,
         value: axisData[dataIndex]

package/modern/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0",
   "description": "The community edition of the charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -29,9 +29,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.0",
-    "@mui/base": "^5.0.0-beta.36",
-    "@mui/system": "^5.15.9",
-    "@mui/utils": "^5.15.9",
+    "@mui/base": "^5.0.0-beta.40",
+    "@mui/system": "^5.15.14",
+    "@mui/utils": "^5.15.14",
     "@react-spring/rafz": "^9.7.3",
     "@react-spring/web": "^9.7.3",
     "clsx": "^2.1.0",
@@ -45,7 +45,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.0",
+    "@mui/material": "^5.15.14",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },