@mui/x-charts 7.14.0 → 7.16.0

package/PieChart/PiePlot.js

@@ -1,21 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PiePlot = PiePlot;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _DrawingProvider = require("../context/DrawingProvider");
-var _PieArcPlot = require("./PieArcPlot");
-var _PieArcLabelPlot = require("./PieArcLabelPlot");
-var _getPercentageValue = require("../internals/getPercentageValue");
-var _getPieCoordinates = require("./getPieCoordinates");
-var _useSeries = require("../hooks/useSeries");
-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 && {}.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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { DrawingContext } from "../context/DrawingProvider.js";
+import { PieArcPlot } from "./PieArcPlot.js";
+import { PieArcLabelPlot } from "./PieArcLabelPlot.js";
+import { getPercentageValue } from "../internals/getPercentageValue.js";
+import { getPieCoordinates } from "./getPieCoordinates.js";
+import { usePieSeries } from "../hooks/useSeries.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Demos:
  *
@@ -33,13 +24,13 @@ function PiePlot(props) {
     slotProps,
     onItemClick
   } = props;
-  const seriesData = (0, _useSeries.usePieSeries)();
+  const seriesData = usePieSeries();
   const {
     left,
     top,
     width,
     height
-  } = React.useContext(_DrawingProvider.DrawingContext);
+  } = React.useContext(DrawingContext);
   if (seriesData === undefined) {
     return null;
   }
@@ -47,7 +38,7 @@ function PiePlot(props) {
     series,
     seriesOrder
   } = seriesData;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+  return /*#__PURE__*/_jsxs("g", {
     children: [seriesOrder.map(seriesId => {
       const {
         innerRadius: innerRadiusParam,
@@ -64,18 +55,18 @@ function PiePlot(props) {
         cx,
         cy,
         availableRadius
-      } = (0, _getPieCoordinates.getPieCoordinates)({
+      } = getPieCoordinates({
         cx: cxParam,
         cy: cyParam
       }, {
         width,
         height
       });
-      const outerRadius = (0, _getPercentageValue.getPercentageValue)(outerRadiusParam ?? availableRadius, availableRadius);
-      const innerRadius = (0, _getPercentageValue.getPercentageValue)(innerRadiusParam ?? 0, availableRadius);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      const outerRadius = getPercentageValue(outerRadiusParam ?? availableRadius, availableRadius);
+      const innerRadius = getPercentageValue(innerRadiusParam ?? 0, availableRadius);
+      return /*#__PURE__*/_jsx("g", {
         transform: `translate(${left + cx}, ${top + cy})`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PieArcPlot.PieArcPlot, {
+        children: /*#__PURE__*/_jsx(PieArcPlot, {
           innerRadius: innerRadius,
           outerRadius: outerRadius,
           cornerRadius: cornerRadius,
@@ -107,19 +98,19 @@ function PiePlot(props) {
         cx,
         cy,
         availableRadius
-      } = (0, _getPieCoordinates.getPieCoordinates)({
+      } = getPieCoordinates({
         cx: cxParam,
         cy: cyParam
       }, {
         width,
         height
       });
-      const outerRadius = (0, _getPercentageValue.getPercentageValue)(outerRadiusParam ?? availableRadius, availableRadius);
-      const innerRadius = (0, _getPercentageValue.getPercentageValue)(innerRadiusParam ?? 0, availableRadius);
-      const arcLabelRadius = arcLabelRadiusParam === undefined ? (outerRadius + innerRadius) / 2 : (0, _getPercentageValue.getPercentageValue)(arcLabelRadiusParam, availableRadius);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      const outerRadius = getPercentageValue(outerRadiusParam ?? availableRadius, availableRadius);
+      const innerRadius = getPercentageValue(innerRadiusParam ?? 0, availableRadius);
+      const arcLabelRadius = arcLabelRadiusParam === undefined ? (outerRadius + innerRadius) / 2 : getPercentageValue(arcLabelRadiusParam, availableRadius);
+      return /*#__PURE__*/_jsx("g", {
         transform: `translate(${left + cx}, ${top + cy})`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PieArcLabelPlot.PieArcLabelPlot, {
+        children: /*#__PURE__*/_jsx(PieArcLabelPlot, {
           innerRadius: innerRadius,
           outerRadius: outerRadius ?? availableRadius,
           arcLabelRadius: arcLabelRadius,
@@ -148,20 +139,21 @@ process.env.NODE_ENV !== "production" ? PiePlot.propTypes = {
    * @param {PieItemIdentifier} pieItemIdentifier The pie item identifier.
    * @param {DefaultizedPieValueType} item The pie item.
    */
-  onItemClick: _propTypes.default.func,
+  onItemClick: PropTypes.func,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool,
+  skipAnimation: PropTypes.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object
-} : void 0;
+  slots: PropTypes.object
+} : void 0;
+export { PiePlot };

package/PieChart/dataTransform/transition.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultTransitionConfig = exports.defaultLabelTransitionConfig = void 0;
-const defaultTransitionConfig = exports.defaultTransitionConfig = {
+export const defaultTransitionConfig = {
   keys: item => item.id,
   from: ({
     innerRadius,
@@ -71,7 +65,7 @@ const defaultTransitionConfig = exports.defaultTransitionConfig = {
     clamp: true
   }
 };
-const defaultLabelTransitionConfig = exports.defaultLabelTransitionConfig = {
+export const defaultLabelTransitionConfig = {
   keys: item => item.id,
   from: ({
     innerRadius,

package/PieChart/dataTransform/useTransformData.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTransformData = useTransformData;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _context = require("../../context");
-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 && {}.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 useTransformData(series) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { useHighlighted } from "../../context/index.js";
+export function useTransformData(series) {
   const {
     id: seriesId,
     data,
@@ -25,7 +16,7 @@ function useTransformData(series) {
   const {
     isFaded: isItemFaded,
     isHighlighted: isItemHighlighted
-  } = (0, _context.useHighlighted)();
+  } = useHighlighted();
   const dataWithHighlight = React.useMemo(() => data.map((item, itemIndex) => {
     const currentItem = {
       seriesId,
@@ -33,7 +24,7 @@ function useTransformData(series) {
     };
     const isHighlighted = isItemHighlighted(currentItem);
     const isFaded = !isHighlighted && isItemFaded(currentItem);
-    const attributesOverride = (0, _extends2.default)({
+    const attributesOverride = _extends({
       additionalRadius: 0
     }, isFaded && faded || isHighlighted && highlighted || {});
     const paddingAngle = Math.max(0, Math.PI * (attributesOverride.paddingAngle ?? basePaddingAngle) / 180);
@@ -41,7 +32,7 @@ function useTransformData(series) {
     const outerRadius = Math.max(0, attributesOverride.outerRadius ?? baseOuterRadius + attributesOverride.additionalRadius);
     const cornerRadius = attributesOverride.cornerRadius ?? baseCornerRadius;
     const arcLabelRadius = attributesOverride.arcLabelRadius ?? baseArcLabelRadius ?? (innerRadius + outerRadius) / 2;
-    return (0, _extends2.default)({}, item, attributesOverride, {
+    return _extends({}, item, attributesOverride, {
       isFaded,
       isHighlighted,
       paddingAngle,

package/PieChart/formatter.js

@@ -1,13 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _getLabel = require("../internals/getLabel");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { pie as d3Pie } from '@mui/x-charts-vendor/d3-shape';
+import { getLabel } from "../internals/getLabel.js";
 const getSortingComparator = (comparator = 'none') => {
   if (typeof comparator === 'function') {
     return comparator;
@@ -30,15 +23,15 @@ const formatter = params => {
   } = params;
   const defaultizedSeries = {};
   seriesOrder.forEach(seriesId => {
-    const arcs = (0, _d3Shape.pie)().startAngle(2 * Math.PI * (series[seriesId].startAngle ?? 0) / 360).endAngle(2 * Math.PI * (series[seriesId].endAngle ?? 360) / 360).padAngle(2 * Math.PI * (series[seriesId].paddingAngle ?? 0) / 360).sortValues(getSortingComparator(series[seriesId].sortingValues ?? 'none'))(series[seriesId].data.map(piePoint => piePoint.value));
-    defaultizedSeries[seriesId] = (0, _extends2.default)({
+    const arcs = d3Pie().startAngle(2 * Math.PI * (series[seriesId].startAngle ?? 0) / 360).endAngle(2 * Math.PI * (series[seriesId].endAngle ?? 360) / 360).padAngle(2 * Math.PI * (series[seriesId].paddingAngle ?? 0) / 360).sortValues(getSortingComparator(series[seriesId].sortingValues ?? 'none'))(series[seriesId].data.map(piePoint => piePoint.value));
+    defaultizedSeries[seriesId] = _extends({
       valueFormatter: item => item.value.toLocaleString()
     }, series[seriesId], {
-      data: series[seriesId].data.map((item, index) => (0, _extends2.default)({}, item, {
+      data: series[seriesId].data.map((item, index) => _extends({}, item, {
         id: item.id ?? `auto-generated-pie-id-${seriesId}-${index}`
-      }, arcs[index])).map((item, index) => (0, _extends2.default)({}, item, {
-        formattedValue: series[seriesId].valueFormatter?.((0, _extends2.default)({}, item, {
-          label: (0, _getLabel.getLabel)(item.label, 'arc')
+      }, arcs[index])).map((item, index) => _extends({}, item, {
+        formattedValue: series[seriesId].valueFormatter?.(_extends({}, item, {
+          label: getLabel(item.label, 'arc')
         }), {
           dataIndex: index
         }) ?? item.value.toLocaleString()
@@ -50,4 +43,4 @@ const formatter = params => {
     series: defaultizedSeries
   };
 };
-var _default = exports.default = formatter;
+export default formatter;

package/PieChart/getColor.js

@@ -1,12 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const getColor = series => {
   return dataIndex => {
     return series.data[dataIndex].color;
   };
 };
-var _default = exports.default = getColor;
+export default getColor;

package/PieChart/getPieCoordinates.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPieCoordinates = getPieCoordinates;
-var _getPercentageValue = require("../internals/getPercentageValue");
-function getPieCoordinates(series, drawing) {
+import { getPercentageValue } from "../internals/getPercentageValue.js";
+export function getPieCoordinates(series, drawing) {
   const {
     height,
     width
@@ -15,8 +9,8 @@ function getPieCoordinates(series, drawing) {
     cy: cyParam
   } = series;
   const availableRadius = Math.min(width, height) / 2;
-  const cx = (0, _getPercentageValue.getPercentageValue)(cxParam ?? '50%', width);
-  const cy = (0, _getPercentageValue.getPercentageValue)(cyParam ?? '50%', height);
+  const cx = getPercentageValue(cxParam ?? '50%', width);
+  const cy = getPercentageValue(cyParam ?? '50%', height);
   return {
     cx,
     cy,

package/PieChart/index.js

@@ -1,82 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _PiePlot = require("./PiePlot");
-Object.keys(_PiePlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PiePlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PiePlot[key];
-    }
-  });
-});
-var _PieArcPlot = require("./PieArcPlot");
-Object.keys(_PieArcPlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PieArcPlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PieArcPlot[key];
-    }
-  });
-});
-var _PieArcLabelPlot = require("./PieArcLabelPlot");
-Object.keys(_PieArcLabelPlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PieArcLabelPlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PieArcLabelPlot[key];
-    }
-  });
-});
-var _PieArc = require("./PieArc");
-Object.keys(_PieArc).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PieArc[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PieArc[key];
-    }
-  });
-});
-var _PieArcLabel = require("./PieArcLabel");
-Object.keys(_PieArcLabel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PieArcLabel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PieArcLabel[key];
-    }
-  });
-});
-var _getPieCoordinates = require("./getPieCoordinates");
-Object.keys(_getPieCoordinates).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _getPieCoordinates[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _getPieCoordinates[key];
-    }
-  });
-});
+export * from "./PieChart.js";
+export * from "./PiePlot.js";
+export * from "./PieArcPlot.js";
+export * from "./PieArcLabelPlot.js";
+export * from "./PieArc.js";
+export * from "./PieArcLabel.js";
+export * from "./getPieCoordinates.js";

package/PieChart/legend.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _getLabel = require("../internals/getLabel");
+import { getLabel } from "../internals/getLabel.js";
 const legendGetter = params => {
   const {
     seriesOrder,
@@ -12,7 +6,7 @@ const legendGetter = params => {
   } = params;
   return seriesOrder.reduce((acc, seriesId) => {
     series[seriesId].data.forEach(item => {
-      const formattedLabel = (0, _getLabel.getLabel)(item.label, 'legend');
+      const formattedLabel = getLabel(item.label, 'legend');
       if (formattedLabel === undefined) {
         return;
       }
@@ -25,4 +19,4 @@ const legendGetter = params => {
     return acc;
   }, []);
 };
-var _default = exports.default = legendGetter;
+export default legendGetter;

package/PieChart/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/PieChart/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/PieChart/index.js",
   "types": "./index.d.ts"
 }

package/PieChart/plugin.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.plugin = void 0;
-var _formatter = _interopRequireDefault(require("./formatter"));
-var _getColor = _interopRequireDefault(require("./getColor"));
-const plugin = exports.plugin = {
+import formatter from "./formatter.js";
+import getColor from "./getColor.js";
+export const plugin = {
   seriesType: 'pie',
-  colorProcessor: _getColor.default,
-  seriesFormatter: _formatter.default
+  colorProcessor: getColor,
+  seriesFormatter: formatter
 };

package/ResponsiveChartContainer/ResizableContainer.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResizableContainer = void 0;
-var _styles = require("@mui/material/styles");
+import { styled } from '@mui/material/styles';
 /**
  * Wrapping div that take the shape of its parent.
  *
  * @ignore - do not document.
  */
-const ResizableContainer = exports.ResizableContainer = (0, _styles.styled)('div', {
+export const ResizableContainer = styled('div', {
   name: 'MuiResponsiveChart',
   slot: 'Container'
 })(({