@mui/x-charts 7.14.0 → 7.16.0

package/Gauge/GaugeContainer.js

@@ -1,25 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GaugeContainer = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useChartContainerDimensions = require("../ResponsiveChartContainer/useChartContainerDimensions");
-var _ChartsSurface = require("../ChartsSurface");
-var _DrawingProvider = require("../context/DrawingProvider");
-var _GaugeProvider = require("./GaugeProvider");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["width", "height", "margin", "title", "desc", "value", "valueMin", "valueMax", "startAngle", "endAngle", "outerRadius", "innerRadius", "cornerRadius", "cx", "cy", "children"];
-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; }
-const ResizableContainer = (0, _styles.styled)('div', {
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { styled } from '@mui/material/styles';
+import useForkRef from '@mui/utils/useForkRef';
+import { useChartContainerDimensions } from "../ResponsiveChartContainer/useChartContainerDimensions.js";
+import { ChartsSurface } from "../ChartsSurface/index.js";
+import { DrawingProvider } from "../context/DrawingProvider.js";
+import { GaugeProvider } from "./GaugeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ResizableContainer = styled('div', {
   name: 'MuiGauge',
   slot: 'Container'
 })(({
@@ -43,7 +34,7 @@ const ResizableContainer = (0, _styles.styled)('div', {
     fill: (theme.vars || theme).palette.text.primary
   }
 }));
-const GaugeContainer = exports.GaugeContainer = /*#__PURE__*/React.forwardRef(function GaugeContainer(props, ref) {
+const GaugeContainer = /*#__PURE__*/React.forwardRef(function GaugeContainer(props, ref) {
   const {
       width: inWidth,
       height: inHeight,
@@ -62,15 +53,15 @@ const GaugeContainer = exports.GaugeContainer = /*#__PURE__*/React.forwardRef(fu
       cy,
       children
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     containerRef,
     width,
     height
-  } = (0, _useChartContainerDimensions.useChartContainerDimensions)(inWidth, inHeight);
+  } = useChartContainerDimensions(inWidth, inHeight);
   const svgRef = React.useRef(null);
-  const chartSurfaceRef = (0, _useForkRef.default)(ref, svgRef);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ResizableContainer, (0, _extends2.default)({
+  const chartSurfaceRef = useForkRef(ref, svgRef);
+  return /*#__PURE__*/_jsx(ResizableContainer, _extends({
     ref: containerRef,
     ownerState: {
       width: inWidth,
@@ -81,17 +72,17 @@ const GaugeContainer = exports.GaugeContainer = /*#__PURE__*/React.forwardRef(fu
     "aria-valuemin": valueMin,
     "aria-valuemax": valueMax
   }, other, {
-    children: width && height ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawingProvider.DrawingProvider, {
+    children: width && height ? /*#__PURE__*/_jsx(DrawingProvider, {
       width: width,
       height: height,
-      margin: (0, _extends2.default)({
+      margin: _extends({
         left: 10,
         right: 10,
         top: 10,
         bottom: 10
       }, margin),
       svgRef: svgRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GaugeProvider.GaugeProvider, {
+      children: /*#__PURE__*/_jsx(GaugeProvider, {
         value: value,
         valueMin: valueMin,
         valueMax: valueMax,
@@ -102,7 +93,7 @@ const GaugeContainer = exports.GaugeContainer = /*#__PURE__*/React.forwardRef(fu
         cornerRadius: cornerRadius,
         cx: cx,
         cy: cy,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSurface.ChartsSurface, {
+        children: /*#__PURE__*/_jsx(ChartsSurface, {
           width: width,
           height: height,
           ref: chartSurfaceRef,
@@ -121,60 +112,60 @@ process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  children: _propTypes.default.node,
-  className: _propTypes.default.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * The radius applied to arc corners (similar to border radius).
    * Set it to '50%' to get rounded arc.
    * @default 0
    */
-  cornerRadius: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  cornerRadius: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * The x coordinate of the arc center.
    * Can be a number (in px) or a string with a percentage such as '50%'.
    * The '100%' is the width the drawing area.
    */
-  cx: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  cx: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * The y coordinate of the arc center.
    * Can be a number (in px) or a string with a percentage such as '50%'.
    * The '100%' is the height the drawing area.
    */
-  cy: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  desc: _propTypes.default.string,
+  cy: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  desc: PropTypes.string,
   /**
    * If `true`, the charts will not listen to the mouse move event.
    * It might break interactive features, but will improve performance.
    * @default false
    */
-  disableAxisListener: _propTypes.default.bool,
+  disableAxisListener: PropTypes.bool,
   /**
    * The end angle (deg).
    * @default 360
    */
-  endAngle: _propTypes.default.number,
+  endAngle: PropTypes.number,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
-  height: _propTypes.default.number,
+  height: PropTypes.number,
   /**
    * 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 '80%'
    */
-  innerRadius: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  innerRadius: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * The margin between the SVG and the drawing area.
    * It's used for leaving some space for extra information such as the x- and y-axis or legend.
    * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
    * @default object Depends on the charts type.
    */
-  margin: _propTypes.default.shape({
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number,
-    top: _propTypes.default.number
+  margin: PropTypes.shape({
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    top: PropTypes.number
   }),
   /**
    * The radius between circle center and the end of the arc.
@@ -182,37 +173,38 @@ process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes = {
    * The '100%' is the maximal radius that fit into the drawing area.
    * @default '100%'
    */
-  outerRadius: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  outerRadius: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * The start angle (deg).
    * @default 0
    */
-  startAngle: _propTypes.default.number,
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  title: _propTypes.default.string,
+  startAngle: PropTypes.number,
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  title: PropTypes.string,
   /**
    * The value of the gauge.
    * Set to `null` to not display a value.
    */
-  value: _propTypes.default.number,
+  value: PropTypes.number,
   /**
    * The maximal value of the gauge.
    * @default 100
    */
-  valueMax: _propTypes.default.number,
+  valueMax: PropTypes.number,
   /**
    * The minimal value of the gauge.
    * @default 0
    */
-  valueMin: _propTypes.default.number,
-  viewBox: _propTypes.default.shape({
-    height: _propTypes.default.number,
-    width: _propTypes.default.number,
-    x: _propTypes.default.number,
-    y: _propTypes.default.number
+  valueMin: PropTypes.number,
+  viewBox: PropTypes.shape({
+    height: PropTypes.number,
+    width: PropTypes.number,
+    x: PropTypes.number,
+    y: PropTypes.number
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
    */
-  width: _propTypes.default.number
-} : void 0;
+  width: PropTypes.number
+} : void 0;
+export { GaugeContainer };

package/Gauge/GaugeProvider.js

@@ -1,21 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GaugeContext = void 0;
-exports.GaugeProvider = GaugeProvider;
-exports.useGaugeState = useGaugeState;
-var React = _interopRequireWildcard(require("react"));
-var _getPercentageValue = require("../internals/getPercentageValue");
-var _utils = require("./utils");
-var _useDrawingArea = require("../hooks/useDrawingArea");
-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; }
 // @ignore - do not document.
-
-const GaugeContext = exports.GaugeContext = /*#__PURE__*/React.createContext({
+import * as React from 'react';
+import { getPercentageValue } from "../internals/getPercentageValue.js";
+import { getArcRatios, getAvailableRadius } from "./utils.js";
+import { useDrawingArea } from "../hooks/useDrawingArea.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GaugeContext = /*#__PURE__*/React.createContext({
   value: null,
   valueMin: 0,
   valueMax: 0,
@@ -32,7 +21,7 @@ const GaugeContext = exports.GaugeContext = /*#__PURE__*/React.createContext({
 if (process.env.NODE_ENV !== 'production') {
   GaugeContext.displayName = 'GaugeContext';
 }
-function GaugeProvider(props) {
+export function GaugeProvider(props) {
   const {
     value = null,
     valueMin = 0,
@@ -51,13 +40,13 @@ function GaugeProvider(props) {
     top,
     width,
     height
-  } = (0, _useDrawingArea.useDrawingArea)();
-  const ratios = (0, _utils.getArcRatios)(startAngle, endAngle);
-  const innerCx = cxParam ? (0, _getPercentageValue.getPercentageValue)(cxParam, width) : ratios.cx * width;
-  const innerCy = cyParam ? (0, _getPercentageValue.getPercentageValue)(cyParam, height) : ratios.cy * height;
+  } = useDrawingArea();
+  const ratios = getArcRatios(startAngle, endAngle);
+  const innerCx = cxParam ? getPercentageValue(cxParam, width) : ratios.cx * width;
+  const innerCy = cyParam ? getPercentageValue(cyParam, height) : ratios.cy * height;
   let cx = left + innerCx;
   let cy = top + innerCy;
-  const maxRadius = (0, _utils.getAvailableRadius)(innerCx, innerCy, width, height, ratios);
+  const maxRadius = getAvailableRadius(innerCx, innerCy, width, height, ratios);
 
   // If the center is not defined, after computation of the available radius, update the center to use the remaining space.
   if (cxParam === undefined) {
@@ -68,9 +57,9 @@ function GaugeProvider(props) {
     const usedHeight = maxRadius * (ratios.maxY - ratios.minY);
     cy = top + (height - usedHeight) / 2 + ratios.cy * usedHeight;
   }
-  const outerRadius = (0, _getPercentageValue.getPercentageValue)(outerRadiusParam ?? maxRadius, maxRadius);
-  const innerRadius = (0, _getPercentageValue.getPercentageValue)(innerRadiusParam ?? '80%', maxRadius);
-  const cornerRadius = (0, _getPercentageValue.getPercentageValue)(cornerRadiusParam ?? 0, outerRadius - innerRadius);
+  const outerRadius = getPercentageValue(outerRadiusParam ?? maxRadius, maxRadius);
+  const innerRadius = getPercentageValue(innerRadiusParam ?? '80%', maxRadius);
+  const cornerRadius = getPercentageValue(cornerRadiusParam ?? 0, outerRadius - innerRadius);
   const contextValue = React.useMemo(() => {
     const startAngleRad = Math.PI * startAngle / 180;
     const endAngleRad = Math.PI * endAngle / 180;
@@ -89,11 +78,11 @@ function GaugeProvider(props) {
       valueAngle: value === null ? null : startAngleRad + (endAngleRad - startAngleRad) * (value - valueMin) / (valueMax - valueMin)
     };
   }, [value, valueMin, valueMax, startAngle, endAngle, outerRadius, innerRadius, cornerRadius, cx, cy, maxRadius]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GaugeContext.Provider, {
+  return /*#__PURE__*/_jsx(GaugeContext.Provider, {
     value: contextValue,
     children: children
   });
 }
-function useGaugeState() {
+export function useGaugeState() {
   return React.useContext(GaugeContext);
 }

package/Gauge/GaugeReferenceArc.js

@@ -1,19 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GaugeReferenceArc = GaugeReferenceArc;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _styles = require("@mui/material/styles");
-var _GaugeProvider = require("./GaugeProvider");
-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; }
-const StyledPath = (0, _styles.styled)('path', {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';
+import { styled } from '@mui/material/styles';
+import { useGaugeState } from "./GaugeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledPath = styled('path', {
   name: 'MuiGauge',
   slot: 'ReferenceArc',
   overridesResolver: (props, styles) => styles.referenceArc
@@ -22,7 +13,7 @@ const StyledPath = (0, _styles.styled)('path', {
 }) => ({
   fill: (theme.vars || theme).palette.divider
 }));
-function GaugeReferenceArc(props) {
+export function GaugeReferenceArc(props) {
   const {
     startAngle,
     endAngle,
@@ -31,10 +22,10 @@ function GaugeReferenceArc(props) {
     cornerRadius,
     cx,
     cy
-  } = (0, _GaugeProvider.useGaugeState)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPath, (0, _extends2.default)({
+  } = useGaugeState();
+  return /*#__PURE__*/_jsx(StyledPath, _extends({
     transform: `translate(${cx}, ${cy})`,
-    d: (0, _d3Shape.arc)().cornerRadius(cornerRadius)({
+    d: d3Arc().cornerRadius(cornerRadius)({
       startAngle,
       endAngle,
       innerRadius,

package/Gauge/GaugeValueArc.js

@@ -1,19 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GaugeValueArc = GaugeValueArc;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _styles = require("@mui/material/styles");
-var _GaugeProvider = require("./GaugeProvider");
-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; }
-const StyledPath = (0, _styles.styled)('path', {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';
+import { styled } from '@mui/material/styles';
+import { useGaugeState } from "./GaugeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledPath = styled('path', {
   name: 'MuiGauge',
   slot: 'ReferenceArc',
   overridesResolver: (props, styles) => styles.referenceArc
@@ -22,7 +13,7 @@ const StyledPath = (0, _styles.styled)('path', {
 }) => ({
   fill: (theme.vars || theme).palette.primary.main
 }));
-function GaugeValueArc(props) {
+export function GaugeValueArc(props) {
   const {
     value,
     valueMin,
@@ -34,14 +25,14 @@ function GaugeValueArc(props) {
     cornerRadius,
     cx,
     cy
-  } = (0, _GaugeProvider.useGaugeState)();
+  } = useGaugeState();
   if (value === null) {
     return null;
   }
   const valueAngle = startAngle + (value - valueMin) / (valueMax - valueMin) * (endAngle - startAngle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPath, (0, _extends2.default)({
+  return /*#__PURE__*/_jsx(StyledPath, _extends({
     transform: `translate(${cx}, ${cy})`,
-    d: (0, _d3Shape.arc)().cornerRadius(cornerRadius)({
+    d: d3Arc().cornerRadius(cornerRadius)({
       startAngle,
       endAngle: valueAngle,
       innerRadius,

package/Gauge/GaugeValueText.js

@@ -1,20 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GaugeValueText = GaugeValueText;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _GaugeProvider = require("./GaugeProvider");
-var _ChartsText = require("../ChartsText");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["text", "className"];
-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 { useGaugeState } from "./GaugeProvider.js";
+import { ChartsText } from "../ChartsText/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 function defaultFormatter({
   value
 }) {
@@ -25,14 +16,14 @@ function GaugeValueText(props) {
       text = defaultFormatter,
       className
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     value,
     valueMin,
     valueMax,
     cx,
     cy
-  } = (0, _GaugeProvider.useGaugeState)();
+  } = useGaugeState();
   const formattedText = typeof text === 'function' ? text({
     value,
     valueMin,
@@ -41,9 +32,9 @@ function GaugeValueText(props) {
   if (formattedText === null) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+  return /*#__PURE__*/_jsx("g", {
     className: className,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsText.ChartsText, (0, _extends2.default)({
+    children: /*#__PURE__*/_jsx(ChartsText, _extends({
       x: cx,
       y: cy,
       text: formattedText,
@@ -62,16 +53,17 @@ process.env.NODE_ENV !== "production" ? GaugeValueText.propTypes = {
   /**
    * Height of a text line (in `em`).
    */
-  lineHeight: _propTypes.default.number,
+  lineHeight: PropTypes.number,
   /**
    * If `true`, the line width is computed.
    * @default false
    */
-  needsComputation: _propTypes.default.bool,
-  ownerState: _propTypes.default.any,
+  needsComputation: PropTypes.bool,
+  ownerState: PropTypes.any,
   /**
    * Style applied to text elements.
    */
-  style: _propTypes.default.object,
-  text: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
-} : void 0;
+  style: PropTypes.object,
+  text: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
+} : void 0;
+export { GaugeValueText };

package/Gauge/gaugeClasses.js

@@ -1,15 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gaugeClasses = exports.default = void 0;
-exports.getGaugeUtilityClass = getGaugeUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getGaugeUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiGauge', slot);
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+export function getGaugeUtilityClass(slot) {
+  return generateUtilityClass('MuiGauge', slot);
 }
-const gaugeClasses = exports.gaugeClasses = (0, _generateUtilityClasses.default)('MuiGauge', ['root', 'valueArc', 'referenceArc', 'valueText']);
-var _default = exports.default = gaugeClasses;
+export const gaugeClasses = generateUtilityClasses('MuiGauge', ['root', 'valueArc', 'referenceArc', 'valueText']);
+export default gaugeClasses;

package/Gauge/index.js

@@ -1,87 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  useGaugeState: true
-};
-Object.defineProperty(exports, "useGaugeState", {
-  enumerable: true,
-  get: function () {
-    return _GaugeProvider.useGaugeState;
-  }
-});
-var _Gauge = require("./Gauge");
-Object.keys(_Gauge).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Gauge[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Gauge[key];
-    }
-  });
-});
-var _GaugeContainer = require("./GaugeContainer");
-Object.keys(_GaugeContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GaugeContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _GaugeContainer[key];
-    }
-  });
-});
-var _GaugeValueText = require("./GaugeValueText");
-Object.keys(_GaugeValueText).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GaugeValueText[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _GaugeValueText[key];
-    }
-  });
-});
-var _GaugeValueArc = require("./GaugeValueArc");
-Object.keys(_GaugeValueArc).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GaugeValueArc[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _GaugeValueArc[key];
-    }
-  });
-});
-var _GaugeReferenceArc = require("./GaugeReferenceArc");
-Object.keys(_GaugeReferenceArc).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GaugeReferenceArc[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _GaugeReferenceArc[key];
-    }
-  });
-});
-var _gaugeClasses = require("./gaugeClasses");
-Object.keys(_gaugeClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gaugeClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gaugeClasses[key];
-    }
-  });
-});
-var _GaugeProvider = require("./GaugeProvider");
+export * from "./Gauge.js";
+export * from "./GaugeContainer.js";
+export * from "./GaugeValueText.js";
+export * from "./GaugeValueArc.js";
+export * from "./GaugeReferenceArc.js";
+export * from "./gaugeClasses.js";
+export { useGaugeState } from "./GaugeProvider.js";

package/Gauge/package.json

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

package/Gauge/utils.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getArcRatios = getArcRatios;
-exports.getAvailableRadius = getAvailableRadius;
 function deg2rad(angle) {
   return Math.PI * angle / 180;
 }
@@ -18,7 +11,7 @@ function getPoint(angle) {
  * @param startAngle The start angle (in deg)
  * @param endAngle The end angle (in deg)
  */
-function getArcRatios(startAngle, endAngle) {
+export function getArcRatios(startAngle, endAngle) {
   // Set the start, end and center point.
   const points = [[0, 0], getPoint(startAngle), getPoint(endAngle)];
 
@@ -45,7 +38,7 @@ function getArcRatios(startAngle, endAngle) {
     maxY
   };
 }
-function getAvailableRadius(cx, cy, width, height, {
+export function getAvailableRadius(cx, cy, width, height, {
   minX,
   maxX,
   minY,