@mui/x-charts 7.3.0 → 7.3.2

package/hooks/useChartId.js

@@ -7,7 +7,7 @@ exports.useChartId = useChartId;
 var React = _interopRequireWildcard(require("react"));
 var _DrawingProvider = require("../context/DrawingProvider");
 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 && Object.prototype.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 _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 useChartId() {
   const {
     chartId

package/hooks/useDrawingArea.js

@@ -7,7 +7,7 @@ exports.useDrawingArea = useDrawingArea;
 var React = _interopRequireWildcard(require("react"));
 var _DrawingProvider = require("../context/DrawingProvider");
 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 && Object.prototype.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 _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 useDrawingArea() {
   const {
     left,

package/hooks/useInteractionItemProps.js

@@ -8,7 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _InteractionProvider = require("../context/InteractionProvider");
 var _HighlightProvider = require("../context/HighlightProvider");
 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 && Object.prototype.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 _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; }
 const useInteractionItemProps = (scope, skip) => {
   const {
     dispatch: dispatchInteraction

package/hooks/useMounted.js

@@ -8,7 +8,7 @@ exports.useMounted = useMounted;
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 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 && Object.prototype.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 _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 useMounted(defer = false) {
   const [mountedState, setMountedState] = React.useState(false);
   (0, _useEnhancedEffect.default)(() => {

package/hooks/useReducedMotion.d.ts

@@ -3,6 +3,6 @@
  * set skipAnimations to the value of the user's
  * `prefers-reduced-motion` query.
  *
- * The return value, post-effect, is the value of their prefered setting
+ * The return value, post-effect, is the value of their preferred setting
  */
 export declare const useReducedMotion: () => void;

package/hooks/useReducedMotion.js

@@ -10,7 +10,7 @@ var _web = require("@react-spring/web");
  * set skipAnimations to the value of the user's
  * `prefers-reduced-motion` query.
  *
- * The return value, post-effect, is the value of their prefered setting
+ * The return value, post-effect, is the value of their preferred setting
  */
 const useReducedMotion = () => {
   // Taken from: https://github.com/pmndrs/react-spring/blob/02ec877bbfab0df46da0e4a47d5f68d3e731206a/packages/shared/src/hooks/useReducedMotion.ts#L13

package/hooks/useScale.d.ts

@@ -1,10 +1,10 @@
-import { D3Scale } from '../models/axis';
+import { AxisScaleConfig, D3Scale, ScaleName } from '../models/axis';
 /**
  * For a given scale return a function that map value to their position.
- * Usefull when dealing with specific scale such as band.
+ * Useful when dealing with specific scale such as band.
  * @param scale The scale to use
  * @returns (value: any) => number
  */
 export declare function getValueToPositionMapper(scale: D3Scale): (value: any) => number;
-export declare function useXScale(identifier?: number | string): import("d3-scale").ScaleBand<string | number | Date> | import("d3-scale").ScalePoint<string | number | Date> | import("d3-scale").ScaleLogarithmic<number, number, never> | import("d3-scale").ScalePower<number, number, never> | import("d3-scale").ScaleTime<number, number, never> | import("d3-scale").ScaleLinear<number, number, never>;
-export declare function useYScale(identifier?: number | string): import("d3-scale").ScaleBand<string | number | Date> | import("d3-scale").ScalePoint<string | number | Date> | import("d3-scale").ScaleLogarithmic<number, number, never> | import("d3-scale").ScalePower<number, number, never> | import("d3-scale").ScaleTime<number, number, never> | import("d3-scale").ScaleLinear<number, number, never>;
+export declare function useXScale<S extends ScaleName>(identifier?: number | string): AxisScaleConfig[S]['scale'];
+export declare function useYScale<S extends ScaleName>(identifier?: number | string): AxisScaleConfig[S]['scale'];

package/hooks/useScale.js

@@ -10,10 +10,10 @@ var React = _interopRequireWildcard(require("react"));
 var _CartesianContextProvider = require("../context/CartesianContextProvider");
 var _isBandScale = require("../internals/isBandScale");
 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 && Object.prototype.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 _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; }
 /**
  * For a given scale return a function that map value to their position.
- * Usefull when dealing with specific scale such as band.
+ * Useful when dealing with specific scale such as band.
  * @param scale The scale to use
  * @returns (value: any) => number
  */

package/hooks/useSeries.js

@@ -11,7 +11,7 @@ exports.useSeries = useSeries;
 var React = _interopRequireWildcard(require("react"));
 var _SeriesContextProvider = require("../context/SeriesContextProvider");
 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 && Object.prototype.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 _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; }
 /**
  * Get access to the internal state of series.
  * Structured by type of series:

package/hooks/useSvgRef.js

@@ -7,7 +7,7 @@ exports.useSvgRef = useSvgRef;
 var React = _interopRequireWildcard(require("react"));
 var _DrawingProvider = require("../context/DrawingProvider");
 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 && Object.prototype.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 _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 useSvgRef() {
   const svgRef = React.useContext(_DrawingProvider.SvgContext);
   if (svgRef === undefined) {

package/hooks/useTicks.js

@@ -8,7 +8,7 @@ exports.useTicks = useTicks;
 var React = _interopRequireWildcard(require("react"));
 var _isBandScale = require("../internals/isBandScale");
 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 && Object.prototype.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 _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 getTickNumber(params) {
   const {
     tickMaxStep,
@@ -68,6 +68,10 @@ function useTicks(options) {
         labelOffset: 0
       }));
     }
+    if (scale.domain().length === 0 || scale.domain()[0] === scale.domain()[1]) {
+      // The axis should not be visible, so ticks should also be hidden.
+      return [];
+    }
     const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
     return ticks.map(value => ({
       value,

package/index.js

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

package/internals/colorGetter.d.ts

@@ -1,5 +1,7 @@
 import { DefaultizedBarSeriesType, DefaultizedLineSeriesType, DefaultizedPieSeriesType, DefaultizedScatterSeriesType } from '../models';
 import { AxisDefaultized } from '../models/axis';
+import { ZAxisDefaultized } from '../models/z-axis';
 declare function getColor(series: DefaultizedPieSeriesType): (dataIndex: number) => string;
-declare function getColor(series: DefaultizedBarSeriesType | DefaultizedLineSeriesType | DefaultizedScatterSeriesType | DefaultizedPieSeriesType, xAxis: AxisDefaultized, yAxis: AxisDefaultized): (dataIndex: number) => string;
+declare function getColor(series: DefaultizedBarSeriesType | DefaultizedLineSeriesType, xAxis: AxisDefaultized, yAxis: AxisDefaultized): (dataIndex: number) => string;
+declare function getColor(series: DefaultizedScatterSeriesType, xAxis: AxisDefaultized, yAxis: AxisDefaultized, zAxis?: ZAxisDefaultized): (dataIndex: number) => string;
 export default getColor;

package/internals/colorGetter.js

@@ -9,7 +9,7 @@ var _getColor = _interopRequireDefault(require("../BarChart/getColor"));
 var _getColor2 = _interopRequireDefault(require("../LineChart/getColor"));
 var _getColor3 = _interopRequireDefault(require("../ScatterChart/getColor"));
 var _getColor4 = _interopRequireDefault(require("../PieChart/getColor"));
-function getColor(series, xAxis, yAxis) {
+function getColor(series, xAxis, yAxis, zAxis) {
   if (xAxis !== undefined && yAxis !== undefined) {
     if (series.type === 'bar') {
       return (0, _getColor.default)(series, xAxis, yAxis);
@@ -18,7 +18,7 @@ function getColor(series, xAxis, yAxis) {
       return (0, _getColor2.default)(series, xAxis, yAxis);
     }
     if (series.type === 'scatter') {
-      return (0, _getColor3.default)(series, xAxis, yAxis);
+      return (0, _getColor3.default)(series, xAxis, yAxis, zAxis);
     }
   }
   if (series.type === 'pie') {

package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js

@@ -14,12 +14,12 @@ var _ChartsPiecewiseGradient = _interopRequireDefault(require("./ChartsPiecewise
 var _ChartsContinuousGradient = _interopRequireDefault(require("./ChartsContinuousGradient"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 && Object.prototype.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 _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 useChartGradient() {
   const {
     chartId
   } = React.useContext(_DrawingProvider.DrawingContext);
-  return React.useCallback((axisId, direction) => `${chartId}-graient-${direction}-${axisId}`, [chartId]);
+  return React.useCallback((axisId, direction) => `${chartId}-gradient-${direction}-${axisId}`, [chartId]);
 }
 function ChartsAxesGradients() {
   const {
@@ -50,7 +50,7 @@ function ChartsAxesGradients() {
       } = yAxis[axisId];
       if (colorMap?.type === 'piecewise') {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPiecewiseGradient.default, {
-          isReveresed: !reverse,
+          isReversed: !reverse,
           scale: scale,
           colorMap: colorMap,
           size: svgHeight,
@@ -60,7 +60,7 @@ function ChartsAxesGradients() {
       }
       if (colorMap?.type === 'continuous') {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradient.default, {
-          isReveresed: !reverse,
+          isReversed: !reverse,
           scale: scale,
           colorScale: colorScale,
           colorMap: colorMap,
@@ -80,7 +80,7 @@ function ChartsAxesGradients() {
       } = xAxis[axisId];
       if (colorMap?.type === 'piecewise') {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPiecewiseGradient.default, {
-          isReveresed: reverse,
+          isReversed: reverse,
           scale: scale,
           colorMap: colorMap,
           size: svgWidth,
@@ -90,7 +90,7 @@ function ChartsAxesGradients() {
       }
       if (colorMap?.type === 'continuous') {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradient.default, {
-          isReveresed: reverse,
+          isReversed: reverse,
           scale: scale,
           colorScale: colorScale,
           colorMap: colorMap,

package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ContinuousColorConfig } from '../../../models/colorMapping';
 type ChartsContinuousGradientProps = {
-    isReveresed?: boolean;
+    isReversed?: boolean;
     gradientId: string;
     size: number;
     direction: 'x' | 'y';

package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js

@@ -8,11 +8,11 @@ var React = _interopRequireWildcard(require("react"));
 var _d3Interpolate = require("d3-interpolate");
 var _jsxRuntime = require("react/jsx-runtime");
 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 && Object.prototype.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 _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; }
 const PX_PRECISION = 10;
 function ChartsContinuousGradient(props) {
   const {
-    isReveresed,
+    isReversed,
     gradientId,
     size,
     direction,
@@ -34,7 +34,7 @@ function ChartsContinuousGradient(props) {
     x2: "0",
     y1: "0",
     y2: "0",
-    [`${direction}${isReveresed ? 1 : 2}`]: `${size}px`,
+    [`${direction}${isReversed ? 1 : 2}`]: `${size}px`,
     gradientUnits: "userSpaceOnUse" // Use the SVG coordinate instead of the component ones.
     ,
     children: Array.from({
@@ -48,7 +48,7 @@ function ChartsContinuousGradient(props) {
       if (x === undefined) {
         return null;
       }
-      const offset = isReveresed ? 1 - x / size : x / size;
+      const offset = isReversed ? 1 - x / size : x / size;
       const color = colorScale(value);
       if (color === null) {
         return null;

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PiecewiseColorConfig } from '../../../models/colorMapping';
 type ChartsPiecewiseGradientProps = {
-    isReveresed?: boolean;
+    isReversed?: boolean;
     gradientId: string;
     size: number;
     direction: 'x' | 'y';

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js

@@ -7,10 +7,10 @@ exports.default = ChartsPiecewiseGradient;
 var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 && Object.prototype.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 _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 ChartsPiecewiseGradient(props) {
   const {
-    isReveresed,
+    isReversed,
     gradientId,
     size,
     direction,
@@ -23,7 +23,7 @@ function ChartsPiecewiseGradient(props) {
     x2: "0",
     y1: "0",
     y2: "0",
-    [`${direction}${isReveresed ? 1 : 2}`]: `${size}px`,
+    [`${direction}${isReversed ? 1 : 2}`]: `${size}px`,
     gradientUnits: "userSpaceOnUse" // Use the SVG coordinate instead of the component ones.
     ,
     children: colorMap.thresholds.map((threshold, index) => {
@@ -31,7 +31,7 @@ function ChartsPiecewiseGradient(props) {
       if (x === undefined) {
         return null;
       }
-      const offset = isReveresed ? 1 - x / size : x / size;
+      const offset = isReversed ? 1 - x / size : x / size;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
           offset: offset,

package/internals/defaultizeColor.d.ts

@@ -62,6 +62,7 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     markerSize?: number | undefined;
     label?: string | undefined;
     disableHover?: boolean | undefined;
+    zAxisKey?: string | undefined;
     id?: import("../models/seriesType/common").SeriesId | undefined;
     color: string;
     valueFormatter?: import("../models/seriesType/common").SeriesValueFormatter<import("../models/seriesType").ScatterValueType> | undefined;

package/internals/useAnimatedPath.d.ts

@@ -1 +1,2 @@
+/// <reference types="@react-spring/core" />
 export declare const useAnimatedPath: (path: string, skipAnimation?: boolean) => import("@react-spring/core").Interpolation<string, any>;

package/internals/useAnimatedPath.js

@@ -8,7 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _d3Interpolate = require("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 && Object.prototype.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 _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(null);
   React.useEffect(() => {

package/internals/utils.d.ts

@@ -5,7 +5,7 @@ type Without<T, U> = {
 };
 export type XOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
 /**
- * Transform mouse event position to corrdinates inside the SVG.
+ * Transform mouse event position to coordinates inside the SVG.
  * @param svg The SVG element
  * @param event The mouseEvent to transform
  */

package/internals/utils.js

@@ -13,7 +13,7 @@ function getSymbol(shape) {
   return symbolNames.indexOf(shape) || 0;
 }
 /**
- * Transform mouse event position to corrdinates inside the SVG.
+ * Transform mouse event position to coordinates inside the SVG.
  * @param svg The SVG element
  * @param event The mouseEvent to transform
  */

package/models/axis.d.ts

@@ -128,7 +128,7 @@ export interface ChartsXAxisProps extends ChartsAxisProps {
 }
 export type ScaleName = 'linear' | 'band' | 'point' | 'log' | 'pow' | 'sqrt' | 'time' | 'utc';
 export type ContinuousScaleName = 'linear' | 'log' | 'pow' | 'sqrt' | 'time' | 'utc';
-interface AxisScaleConfig {
+export interface AxisScaleConfig {
     band: {
         scaleType: 'band';
         scale: ScaleBand<number | Date | string>;

package/models/colorMapping.d.ts

@@ -11,7 +11,7 @@ export interface ContinuousColorConfig<Value = number | Date> {
      */
     max?: Value;
     /**
-     * The colors to render. Can either be and array with the extrem colors, or an interpolation function.
+     * The colors to render. It can be an array with the extremum colors, or an interpolation function.
      */
     color: [string, string] | ((t: number) => string);
 }
@@ -23,7 +23,7 @@ export interface PiecewiseColorConfig<Value = number | Date> {
     thresholds: Value[];
     /**
      * The colors used for each band defined by `thresholds`.
-     * Should contain N+1 colors with N the number of thresholds.
+     * Should contain N+1 colors, where N is the number of thresholds.
      */
     colors: string[];
 }
@@ -36,6 +36,7 @@ export interface OrdinalColorConfig<Value = number | Date | string> {
     values?: Value[];
     /**
      * The color palette.
+     * Items equal to `values[k]` will get the color of `colors[k]`.
      */
     colors: string[];
     /**

package/models/seriesType/bar.d.ts

@@ -8,7 +8,7 @@ export interface BarSeriesType extends CommonSeriesType<number | null>, Cartesia
      */
     data?: (number | null)[];
     /**
-     * The key used to retrive data from the dataset.
+     * The key used to retrieve data from the dataset.
      */
     dataKey?: string;
     label?: string;

package/models/seriesType/line.d.ts

@@ -31,7 +31,7 @@ export interface LineSeriesType extends CommonSeriesType<number | null>, Cartesi
      */
     data?: (number | null)[];
     /**
-     * The key used to retrive data from the dataset.
+     * The key used to retrieve data from the dataset.
      */
     dataKey?: string;
     stack?: string;

package/models/seriesType/pie.d.ts

@@ -20,7 +20,7 @@ export interface PieSeriesType<Tdata = PieValueType> extends CommonSeriesType<Td
     type: 'pie';
     data: Tdata[];
     /**
-     * The radius between circle center and the begining of the arc.
+     * The radius between circle center and the beginning of the arc.
      * Can be a number (in px) or a string with a percentage such as '50%'.
      * The '100%' is the maximal radius that fit into the drawing area.
      * @default 0
@@ -60,6 +60,11 @@ export interface PieSeriesType<Tdata = PieValueType> extends CommonSeriesType<Td
      * @default 0
      */
     paddingAngle?: number;
+    /**
+     * The sorting strategy used to order pie slices.
+     * Can be 'none', 'asc', 'desc', or a sorting function.
+     * @default 'none'
+     */
     sortingValues?: ChartsPieSorting;
     /**
      * The label displayed into the arc.
@@ -85,7 +90,7 @@ export interface PieSeriesType<Tdata = PieValueType> extends CommonSeriesType<Td
      */
     cy?: number | string;
     /**
-     * Override the arc attibutes when it is highlighted.
+     * Override the arc attributes when it is highlighted.
      */
     highlighted?: {
         /**
@@ -101,7 +106,7 @@ export interface PieSeriesType<Tdata = PieValueType> extends CommonSeriesType<Td
         color?: string;
     };
     /**
-     * Override the arc attibutes when it is faded.
+     * Override the arc attributes when it is faded.
      */
     faded?: {
         /**
@@ -134,7 +139,7 @@ export interface DefaultizedPieSeriesType extends DefaultizedProps<PieSeriesType
  */
 export interface ComputedPieRadius {
     /**
-     * The radius between circle center and the begining of the arc.
+     * The radius between circle center and the beginning of the arc.
      * @default 0
      */
     innerRadius?: number;

package/models/seriesType/scatter.d.ts

@@ -3,6 +3,7 @@ import { CartesianSeriesType, CommonDefaultizedProps, CommonSeriesType, SeriesId
 export type ScatterValueType = {
     x: number;
     y: number;
+    z?: any;
     /**
      * A unique identifier for the scatter point
      */
@@ -18,6 +19,10 @@ export interface ScatterSeriesType extends CommonSeriesType<ScatterValueType>, C
      * @default false
      */
     disableHover?: boolean;
+    /**
+     * The id of the z-axis used to render the series.
+     */
+    zAxisKey?: string;
 }
 /**
  * An object that allows to identify a single scatter item.

package/models/z-axis.d.ts

@@ -0,0 +1,14 @@
+import type { ScaleOrdinal, ScaleSequential, ScaleThreshold } from 'd3-scale';
+import { ContinuousColorConfig, OrdinalColorConfig, PiecewiseColorConfig } from './colorMapping';
+export interface ZAxisConfig<V = any> {
+    id: string;
+    data?: V[];
+    /**
+     * The key used to retrieve `data` from the `dataset` prop.
+     */
+    dataKey?: string;
+    colorMap?: OrdinalColorConfig | ContinuousColorConfig | PiecewiseColorConfig;
+}
+export interface ZAxisDefaultized extends ZAxisConfig {
+    colorScale?: ScaleOrdinal<string | number | Date, string, string | null> | ScaleOrdinal<number, string, string | null> | ScaleSequential<string, string | null> | ScaleThreshold<number | Date, string | null>;
+}

package/models/z-axis.js

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