@mui/x-charts 8.0.0-alpha.11 → 8.0.0-alpha.13

package/index.js

@@ -1,33 +1,287 @@
 /**
- * @mui/x-charts v8.0.0-alpha.11
+ * @mui/x-charts v8.0.0-alpha.13
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from "./constants/index.js";
-export * from "./context/index.js";
-export * from "./hooks/index.js";
-export * from "./colorPalettes/index.js";
-export * from "./models/index.js";
-export * from "./ChartsClipPath/index.js";
-export * from "./ChartsReferenceLine/index.js";
-export * from "./ChartsAxis/index.js";
-export * from "./ChartsXAxis/index.js";
-export * from "./ChartsYAxis/index.js";
-export * from "./ChartsGrid/index.js";
-export * from "./ChartsText/index.js";
-export * from "./ChartsTooltip/index.js";
-export * from "./ChartsLabel/index.js";
-export * from "./ChartsLegend/index.js";
-export * from "./ChartsAxisHighlight/index.js";
-export * from "./ChartsVoronoiHandler/index.js";
-export * from "./BarChart/index.js";
-export * from "./LineChart/index.js";
-export * from "./PieChart/index.js";
-export * from "./ScatterChart/index.js";
-export * from "./SparkLineChart/index.js";
-export * from "./Gauge/index.js";
-export * from "./ChartsSurface/index.js";
-export * from "./ChartContainer/index.js";
-export * from "./ChartDataProvider/index.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
+});
+var _context = require("./context");
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _context[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+var _colorPalettes = require("./colorPalettes");
+Object.keys(_colorPalettes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _colorPalettes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _colorPalettes[key];
+    }
+  });
+});
+var _models = require("./models");
+Object.keys(_models).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _models[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _models[key];
+    }
+  });
+});
+var _ChartsClipPath = require("./ChartsClipPath");
+Object.keys(_ChartsClipPath).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsClipPath[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsClipPath[key];
+    }
+  });
+});
+var _ChartsReferenceLine = require("./ChartsReferenceLine");
+Object.keys(_ChartsReferenceLine).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsReferenceLine[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsReferenceLine[key];
+    }
+  });
+});
+var _ChartsAxis = require("./ChartsAxis");
+Object.keys(_ChartsAxis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsAxis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsAxis[key];
+    }
+  });
+});
+var _ChartsXAxis = require("./ChartsXAxis");
+Object.keys(_ChartsXAxis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsXAxis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsXAxis[key];
+    }
+  });
+});
+var _ChartsYAxis = require("./ChartsYAxis");
+Object.keys(_ChartsYAxis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsYAxis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsYAxis[key];
+    }
+  });
+});
+var _ChartsGrid = require("./ChartsGrid");
+Object.keys(_ChartsGrid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsGrid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsGrid[key];
+    }
+  });
+});
+var _ChartsText = require("./ChartsText");
+Object.keys(_ChartsText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsText[key];
+    }
+  });
+});
+var _ChartsTooltip = require("./ChartsTooltip");
+Object.keys(_ChartsTooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsTooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsTooltip[key];
+    }
+  });
+});
+var _ChartsLabel = require("./ChartsLabel");
+Object.keys(_ChartsLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsLabel[key];
+    }
+  });
+});
+var _ChartsLegend = require("./ChartsLegend");
+Object.keys(_ChartsLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsLegend[key];
+    }
+  });
+});
+var _ChartsAxisHighlight = require("./ChartsAxisHighlight");
+Object.keys(_ChartsAxisHighlight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsAxisHighlight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsAxisHighlight[key];
+    }
+  });
+});
+var _BarChart = require("./BarChart");
+Object.keys(_BarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarChart[key];
+    }
+  });
+});
+var _LineChart = require("./LineChart");
+Object.keys(_LineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineChart[key];
+    }
+  });
+});
+var _PieChart = require("./PieChart");
+Object.keys(_PieChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PieChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PieChart[key];
+    }
+  });
+});
+var _ScatterChart = require("./ScatterChart");
+Object.keys(_ScatterChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScatterChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScatterChart[key];
+    }
+  });
+});
+var _SparkLineChart = require("./SparkLineChart");
+Object.keys(_SparkLineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SparkLineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SparkLineChart[key];
+    }
+  });
+});
+var _Gauge = require("./Gauge");
+Object.keys(_Gauge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Gauge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Gauge[key];
+    }
+  });
+});
+var _ChartsSurface = require("./ChartsSurface");
+Object.keys(_ChartsSurface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsSurface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsSurface[key];
+    }
+  });
+});
+var _ChartContainer = require("./ChartContainer");
+Object.keys(_ChartContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartContainer[key];
+    }
+  });
+});
+var _ChartDataProvider = require("./ChartDataProvider");
+Object.keys(_ChartDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartDataProvider[key];
+    }
+  });
+});

package/internals/cleanId.d.ts

@@ -1,4 +1,4 @@
 /**
  * Remove spaces to have viable ids
  */
-export declare function cleanId(id: string): string;
+export declare function cleanId(id: string): string;

package/internals/cleanId.js

@@ -1,6 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanId = cleanId;
 /**
  * Remove spaces to have viable ids
  */
-export function cleanId(id) {
+function cleanId(id) {
   return id.replace(' ', '_');
 }

package/internals/colorScale.d.ts

@@ -1,5 +1,5 @@
 import { ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
-import { ContinuousColorConfig, PiecewiseColorConfig, OrdinalColorConfig } from '../models/colorMapping';
+import { ContinuousColorConfig, PiecewiseColorConfig, OrdinalColorConfig } from "../models/colorMapping.js";
 export declare function getSequentialColorScale<Value extends number | Date>(config: ContinuousColorConfig<Value> | PiecewiseColorConfig<Value>): import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<Value, string, never> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never>;
 export declare function getOrdinalColorScale<Value extends number | Date | string>(config: OrdinalColorConfig<Value>): ScaleOrdinal<Value, string, null | string> | ScaleOrdinal<number, string, null | string>;
-export declare function getColorScale(config: ContinuousColorConfig | PiecewiseColorConfig | OrdinalColorConfig): ScaleOrdinal<string | number | Date, string, string | null> | ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string, never>;
+export declare function getColorScale(config: ContinuousColorConfig | PiecewiseColorConfig | OrdinalColorConfig): ScaleOrdinal<string | number | Date, string, string | null> | ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string, never>;

package/internals/colorScale.js

@@ -1,16 +1,24 @@
-import { scaleOrdinal, scaleThreshold, scaleSequential } from '@mui/x-charts-vendor/d3-scale';
-export function getSequentialColorScale(config) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColorScale = getColorScale;
+exports.getOrdinalColorScale = getOrdinalColorScale;
+exports.getSequentialColorScale = getSequentialColorScale;
+var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
+function getSequentialColorScale(config) {
   if (config.type === 'piecewise') {
-    return scaleThreshold(config.thresholds, config.colors);
+    return (0, _d3Scale.scaleThreshold)(config.thresholds, config.colors);
   }
-  return scaleSequential([config.min ?? 0, config.max ?? 100], config.color);
+  return (0, _d3Scale.scaleSequential)([config.min ?? 0, config.max ?? 100], config.color);
 }
-export function getOrdinalColorScale(config) {
+function getOrdinalColorScale(config) {
   if (config.values) {
-    return scaleOrdinal(config.values, config.colors).unknown(config.unknownColor ?? null);
+    return (0, _d3Scale.scaleOrdinal)(config.values, config.colors).unknown(config.unknownColor ?? null);
   }
-  return scaleOrdinal(config.colors.map((_, index) => index), config.colors).unknown(config.unknownColor ?? null);
+  return (0, _d3Scale.scaleOrdinal)(config.colors.map((_, index) => index), config.colors).unknown(config.unknownColor ?? null);
 }
-export function getColorScale(config) {
+function getColorScale(config) {
   return config.type === 'ordinal' ? getOrdinalColorScale(config) : getSequentialColorScale(config);
 }

package/internals/components/AxisSharedComponents.d.ts

@@ -1 +1 @@
-export declare const AxisRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, {}>;
+export declare const AxisRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, {}>;

package/internals/components/AxisSharedComponents.js

@@ -1,25 +1,32 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { styled } from '@mui/material/styles';
-import { axisClasses } from "../../ChartsAxis/axisClasses.js";
-export const AxisRoot = styled('g', {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AxisRoot = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _styles = require("@mui/material/styles");
+var _axisClasses = require("../../ChartsAxis/axisClasses");
+const AxisRoot = exports.AxisRoot = (0, _styles.styled)('g', {
   name: 'MuiChartsAxis',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
   theme
 }) => ({
-  [`& .${axisClasses.tickLabel}`]: _extends({}, theme.typography.caption, {
+  [`& .${_axisClasses.axisClasses.tickLabel}`]: (0, _extends2.default)({}, theme.typography.caption, {
     fill: (theme.vars || theme).palette.text.primary
   }),
-  [`& .${axisClasses.label}`]: _extends({}, theme.typography.body1, {
+  [`& .${_axisClasses.axisClasses.label}`]: (0, _extends2.default)({}, theme.typography.body1, {
     fill: (theme.vars || theme).palette.text.primary
   }),
-  [`& .${axisClasses.line}`]: {
+  [`& .${_axisClasses.axisClasses.line}`]: {
     stroke: (theme.vars || theme).palette.text.primary,
     shapeRendering: 'crispEdges',
     strokeWidth: 1
   },
-  [`& .${axisClasses.tick}`]: {
+  [`& .${_axisClasses.axisClasses.tick}`]: {
     stroke: (theme.vars || theme).palette.text.primary,
     shapeRendering: 'crispEdges'
   }

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

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function ChartsAxesGradients(): React.JSX.Element | null;
+export declare function ChartsAxesGradients(): React.JSX.Element | null;

package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js

@@ -1,12 +1,20 @@
-import * as React from 'react';
-import { useDrawingArea, useXAxes, useYAxes } from "../../../hooks/index.js";
-import ChartsPiecewiseGradient from "./ChartsPiecewiseGradient.js";
-import ChartsContinuousGradient from "./ChartsContinuousGradient.js";
-import ChartsContinuousGradientObjectBound from "./ChartsContinuousGradientObjectBound.js";
-import { useZAxes } from "../../../hooks/useZAxis.js";
-import { useChartGradientIdBuilder, useChartGradientIdObjectBoundBuilder } from "../../../hooks/useChartGradientId.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ChartsAxesGradients() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsAxesGradients = ChartsAxesGradients;
+var React = _interopRequireWildcard(require("react"));
+var _hooks = require("../../../hooks");
+var _ChartsPiecewiseGradient = _interopRequireDefault(require("./ChartsPiecewiseGradient"));
+var _ChartsContinuousGradient = _interopRequireDefault(require("./ChartsContinuousGradient"));
+var _ChartsContinuousGradientObjectBound = _interopRequireDefault(require("./ChartsContinuousGradientObjectBound"));
+var _useZAxis = require("../../../hooks/useZAxis");
+var _useChartGradientId = require("../../../hooks/useChartGradientId");
+var _jsxRuntime = require("react/jsx-runtime");
+function ChartsAxesGradients() {
   const {
     top,
     height,
@@ -14,30 +22,30 @@ export function ChartsAxesGradients() {
     left,
     width,
     right
-  } = useDrawingArea();
+  } = (0, _hooks.useDrawingArea)();
   const svgHeight = top + height + bottom;
   const svgWidth = left + width + right;
-  const getGradientId = useChartGradientIdBuilder();
-  const getObjectBoundGradientId = useChartGradientIdObjectBoundBuilder();
+  const getGradientId = (0, _useChartGradientId.useChartGradientIdBuilder)();
+  const getObjectBoundGradientId = (0, _useChartGradientId.useChartGradientIdObjectBoundBuilder)();
   const {
     xAxis,
     xAxisIds
-  } = useXAxes();
+  } = (0, _hooks.useXAxes)();
   const {
     yAxis,
     yAxisIds
-  } = useYAxes();
+  } = (0, _hooks.useYAxes)();
   const {
     zAxis,
     zAxisIds
-  } = useZAxes();
+  } = (0, _useZAxis.useZAxes)();
   const filteredYAxisIds = yAxisIds.filter(axisId => yAxis[axisId].colorMap !== undefined);
   const filteredXAxisIds = xAxisIds.filter(axisId => xAxis[axisId].colorMap !== undefined);
   const filteredZAxisIds = zAxisIds.filter(axisId => zAxis[axisId].colorMap !== undefined);
   if (filteredYAxisIds.length === 0 && filteredXAxisIds.length === 0 && filteredZAxisIds.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("defs", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
     children: [filteredYAxisIds.map(axisId => {
       const gradientId = getGradientId(axisId);
       const objectBoundGradientId = getObjectBoundGradientId(axisId);
@@ -48,7 +56,7 @@ export function ChartsAxesGradients() {
         reverse
       } = yAxis[axisId];
       if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPiecewiseGradient.default, {
           isReversed: !reverse,
           scale: scale,
           colorMap: colorMap,
@@ -58,8 +66,8 @@ export function ChartsAxesGradients() {
         }, gradientId);
       }
       if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(ChartsContinuousGradient, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradient.default, {
             isReversed: !reverse,
             scale: scale,
             colorScale: colorScale,
@@ -67,7 +75,7 @@ export function ChartsAxesGradients() {
             size: svgHeight,
             gradientId: gradientId,
             direction: "y"
-          }), /*#__PURE__*/_jsx(ChartsContinuousGradientObjectBound, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradientObjectBound.default, {
             isReversed: reverse,
             colorScale: colorScale,
             colorMap: colorMap,
@@ -86,7 +94,7 @@ export function ChartsAxesGradients() {
         colorScale
       } = xAxis[axisId];
       if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPiecewiseGradient.default, {
           isReversed: reverse,
           scale: scale,
           colorMap: colorMap,
@@ -96,8 +104,8 @@ export function ChartsAxesGradients() {
         }, gradientId);
       }
       if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(ChartsContinuousGradient, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradient.default, {
             isReversed: reverse,
             scale: scale,
             colorScale: colorScale,
@@ -105,7 +113,7 @@ export function ChartsAxesGradients() {
             size: svgWidth,
             gradientId: gradientId,
             direction: "x"
-          }), /*#__PURE__*/_jsx(ChartsContinuousGradientObjectBound, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradientObjectBound.default, {
             isReversed: reverse,
             colorScale: colorScale,
             colorMap: colorMap,
@@ -121,7 +129,7 @@ export function ChartsAxesGradients() {
         colorScale
       } = zAxis[axisId];
       if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsx(ChartsContinuousGradientObjectBound, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradientObjectBound.default, {
           colorScale: colorScale,
           colorMap: colorMap,
           gradientId: objectBoundGradientId

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

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import { ContinuousColorConfig } from '../../../models/colorMapping';
+import { ContinuousColorConfig } from "../../../models/colorMapping.js";
 type ChartsContinuousGradientProps = {
-    isReversed?: boolean;
-    gradientId: string;
-    size: number;
-    direction: 'x' | 'y';
-    scale: (value: any) => number | undefined;
-    colorMap: ContinuousColorConfig;
-    colorScale: (value: any) => string | null;
-    /**
-     * Defines the coordinate base to use:
-     * - 'userSpaceOnUse': uses the coordinate of the SVG (values in px).
-     * - 'objectBoundingBox': uses the coordinate ot the object on which gradient is applied (values from 0 to 1).
-     */
-    gradientUnits?: 'objectBoundingBox' | 'userSpaceOnUse';
+  isReversed?: boolean;
+  gradientId: string;
+  size: number;
+  direction: 'x' | 'y';
+  scale: (value: any) => number | undefined;
+  colorMap: ContinuousColorConfig;
+  colorScale: (value: any) => string | null;
+  /**
+   * Defines the coordinate base to use:
+   * - 'userSpaceOnUse': uses the coordinate of the SVG (values in px).
+   * - 'objectBoundingBox': uses the coordinate ot the object on which gradient is applied (values from 0 to 1).
+   */
+  gradientUnits?: 'objectBoundingBox' | 'userSpaceOnUse';
 };
 export default function ChartsContinuousGradient(props: ChartsContinuousGradientProps): React.JSX.Element | null;
-export {};
+export {};

package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js

@@ -1,8 +1,15 @@
-import * as React from 'react';
-import { interpolateDate, interpolateNumber } from '@mui/x-charts-vendor/d3-interpolate';
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ChartsContinuousGradient;
+var React = _interopRequireWildcard(require("react"));
+var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
+var _jsxRuntime = require("react/jsx-runtime");
 const PX_PRECISION = 10;
-export default function ChartsContinuousGradient(props) {
+function ChartsContinuousGradient(props) {
   const {
     gradientUnits,
     isReversed,
@@ -18,10 +25,10 @@ export default function ChartsContinuousGradient(props) {
   if (extremumPositions.length !== 2) {
     return null;
   }
-  const interpolator = typeof extremumValues[0] === 'number' ? interpolateNumber(extremumValues[0], extremumValues[1]) : interpolateDate(extremumValues[0], extremumValues[1]);
+  const interpolator = typeof extremumValues[0] === 'number' ? (0, _d3Interpolate.interpolateNumber)(extremumValues[0], extremumValues[1]) : (0, _d3Interpolate.interpolateDate)(extremumValues[0], extremumValues[1]);
   const numberOfPoints = Math.round((Math.max(...extremumPositions) - Math.min(...extremumPositions)) / PX_PRECISION);
   const keyPrefix = `${extremumValues[0]}-${extremumValues[1]}-`;
-  return /*#__PURE__*/_jsx("linearGradient", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("linearGradient", {
     id: gradientId,
     x1: "0",
     x2: "0",
@@ -46,7 +53,7 @@ export default function ChartsContinuousGradient(props) {
       if (color === null) {
         return null;
       }
-      return /*#__PURE__*/_jsx("stop", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
         offset: offset,
         stopColor: color,
         stopOpacity: 1

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { ContinuousColorConfig } from '../../../models/colorMapping';
+import { ContinuousColorConfig } from "../../../models/colorMapping.js";
 type ChartsContinuousGradientObjectBoundProps = {
-    isReversed?: boolean;
-    gradientId: string;
-    colorMap: ContinuousColorConfig;
-    colorScale: (value: any) => string | null;
+  isReversed?: boolean;
+  gradientId: string;
+  colorMap: ContinuousColorConfig;
+  colorScale: (value: any) => string | null;
 };
 /**
  * Generates gradients to be used in tooltips and legends.
  */
 export default function ChartsContinuousGradientObjectBound(props: ChartsContinuousGradientObjectBoundProps): React.JSX.Element;
-export {};
+export {};