@mui/x-charts 9.4.0 → 9.6.0

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -16,6 +16,7 @@ var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _styles = require("@mui/material/styles");
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
@@ -109,7 +110,7 @@ function ChartsTooltipContainer(inProps) {
     }
   }
   const chartsLayerContainerRef = (0, _hooks.useChartsLayerContainerRef)();
-  const anchorRef = React.useRef(null);
+  const [anchorEl, setAnchorEl] = React.useState(null);
   const classes = (0, _chartsTooltipClasses.useUtilityClasses)(propClasses);
   const pointerType = store.use(_useChartInteraction.selectorChartsPointerType);
   const isFineMainPointer = (0, _utils.useIsFineMainPointer)();
@@ -154,6 +155,12 @@ function ChartsTooltipContainer(inProps) {
       pointerUpdate.clear();
     };
   }, [chartsLayerContainerRef, positionRef, isTooltipNodeAnchored]);
+  (0, _useEnhancedEffect.default)(() => {
+    if (!isTooltipNodeAnchored) {
+      return;
+    }
+    popperRef.current?.update();
+  }, [isTooltipNodeAnchored, itemPosition?.x, itemPosition?.y]);
   const pointerAnchorEl = React.useMemo(() => ({
     getBoundingClientRect: () => ({
       x: positionRef.current.x,
@@ -198,7 +205,7 @@ function ChartsTooltipContainer(inProps) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [chartsLayerContainerRef.current && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: anchorRef,
+      ref: setAnchorEl,
       style: {
         position: 'absolute',
         display: 'hidden',
@@ -219,9 +226,9 @@ function ChartsTooltipContainer(inProps) {
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorRef.current : pointerAnchorEl,
+        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
         modifiers: modifiers,
-        container: chartsLayerContainerRef.current,
+        container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: (0, _extends2.default)({}, other.popperOptions, {
           strategy: 'fixed'
         })
@@ -229,7 +236,7 @@ function ChartsTooltipContainer(inProps) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -238,7 +245,7 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    * Determine if the tooltip should be placed on the pointer location or on the node.
    * @default 'pointer'
    */
-  anchor: _propTypes.default.oneOf(['node', 'pointer']),
+  anchor: _propTypes.default.oneOf(['chart', 'node', 'pointer']),
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -259,25 +266,6 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: _propTypes.default.shape({
-    Root: _propTypes.default.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: _propTypes.default.shape({
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -290,10 +278,10 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    */
   container: _propTypes.default.oneOfType([(props, propName) => {
     if (props[propName] == null) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Prop '${propName}' is required but wasn't specified` : (0, _formatErrorMessage2.default)(6, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Prop '${propName}' is required but wasn't specified` : (0, _formatErrorMessage2.default)(6, propName));
     }
     if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(7, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
     }
     return null;
   }, _propTypes.default.func]),
@@ -377,13 +365,12 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    */
   position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
   /**
-   * The props used for each slot inside the Popper.
+   * The props used for each component slot.
    * @default {}
    */
   slotProps: _propTypes.default.object,
   /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
+   * Overridable component slots.
    * @default {}
    */
   slots: _propTypes.default.object,

package/ChartsTooltip/ChartsTooltipContainer.mjs

@@ -9,6 +9,7 @@ import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import useLazyRef from '@mui/utils/useLazyRef';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { styled, useThemeProps } from '@mui/material/styles';
 import Popper from '@mui/material/Popper';
 import NoSsr from '@mui/material/NoSsr';
@@ -102,7 +103,7 @@ function ChartsTooltipContainer(inProps) {
     }
   }
   const chartsLayerContainerRef = useChartsLayerContainerRef();
-  const anchorRef = React.useRef(null);
+  const [anchorEl, setAnchorEl] = React.useState(null);
   const classes = useUtilityClasses(propClasses);
   const pointerType = store.use(selectorChartsPointerType);
   const isFineMainPointer = useIsFineMainPointer();
@@ -147,6 +148,12 @@ function ChartsTooltipContainer(inProps) {
       pointerUpdate.clear();
     };
   }, [chartsLayerContainerRef, positionRef, isTooltipNodeAnchored]);
+  useEnhancedEffect(() => {
+    if (!isTooltipNodeAnchored) {
+      return;
+    }
+    popperRef.current?.update();
+  }, [isTooltipNodeAnchored, itemPosition?.x, itemPosition?.y]);
   const pointerAnchorEl = React.useMemo(() => ({
     getBoundingClientRect: () => ({
       x: positionRef.current.x,
@@ -191,7 +198,7 @@ function ChartsTooltipContainer(inProps) {
   }
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [chartsLayerContainerRef.current && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsx("div", {
-      ref: anchorRef,
+      ref: setAnchorEl,
       style: {
         position: 'absolute',
         display: 'hidden',
@@ -212,9 +219,9 @@ function ChartsTooltipContainer(inProps) {
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorRef.current : pointerAnchorEl,
+        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
         modifiers: modifiers,
-        container: chartsLayerContainerRef.current,
+        container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: _extends({}, other.popperOptions, {
           strategy: 'fixed'
         })
@@ -222,7 +229,7 @@ function ChartsTooltipContainer(inProps) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -231,7 +238,7 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    * Determine if the tooltip should be placed on the pointer location or on the node.
    * @default 'pointer'
    */
-  anchor: PropTypes.oneOf(['node', 'pointer']),
+  anchor: PropTypes.oneOf(['chart', 'node', 'pointer']),
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -252,25 +259,6 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -283,10 +271,10 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    */
   container: PropTypes.oneOfType([(props, propName) => {
     if (props[propName] == null) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Prop '${propName}' is required but wasn't specified` : _formatErrorMessage(6, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Prop '${propName}' is required but wasn't specified` : _formatErrorMessage(6, propName));
     }
     if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(process.env.NODE_ENV !== "production" ? `MUI X: Expected prop '${propName}' to be of type Element` : _formatErrorMessage(7, propName));
+      return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
     }
     return null;
   }, PropTypes.func]),
@@ -370,13 +358,12 @@ process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
    */
   position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
   /**
-   * The props used for each slot inside the Popper.
+   * The props used for each component slot.
    * @default {}
    */
   slotProps: PropTypes.object,
   /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
+   * Overridable component slots.
    * @default {}
    */
   slots: PropTypes.object,

package/ChartsWrapper/ChartsWrapper.js

@@ -152,7 +152,7 @@ const ChartsWrapper = exports.ChartsWrapper = /*#__PURE__*/React.forwardRef(func
   }));
 });
 if (process.env.NODE_ENV !== "production") ChartsWrapper.displayName = "ChartsWrapper";
-process.env.NODE_ENV !== "production" ? ChartsWrapper.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsWrapper.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/ChartsWrapper/ChartsWrapper.mjs

@@ -145,7 +145,7 @@ const ChartsWrapper = /*#__PURE__*/React.forwardRef(function ChartsWrapper(props
   }));
 });
 if (process.env.NODE_ENV !== "production") ChartsWrapper.displayName = "ChartsWrapper";
-process.env.NODE_ENV !== "production" ? ChartsWrapper.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsWrapper.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/ChartsXAxis/ChartsSingleXAxisTicks.js

@@ -10,7 +10,7 @@ exports.ChartsSingleXAxisTicks = ChartsSingleXAxisTicks;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _RtlProvider = require("@mui/system/RtlProvider");
-var _useIsHydrated = require("../hooks/useIsHydrated");
+var _useIsHydrated = require("@mui/x-internals/useIsHydrated");
 var _useTicks = require("../hooks/useTicks");
 var _useMounted = require("../hooks/useMounted");
 var _useDrawingArea = require("../hooks/useDrawingArea");

package/ChartsXAxis/ChartsSingleXAxisTicks.mjs

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useRtl } from '@mui/system/RtlProvider';
-import { useIsHydrated } from "../hooks/useIsHydrated.mjs";
+import { useIsHydrated } from '@mui/x-internals/useIsHydrated';
 import { useTicks } from "../hooks/useTicks.mjs";
 import { useMounted } from "../hooks/useMounted.mjs";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";

package/ChartsXAxis/ChartsXAxis.js

@@ -37,7 +37,7 @@ function ChartsXAxis(inProps) {
     axis: axis
   }));
 }
-process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -52,6 +52,10 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * If true, the axis line is disabled.
    * @default false
@@ -141,5 +145,10 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    * The size of the ticks.
    * @default 6
    */
-  tickSize: _propTypes.default.number
+  tickSize: _propTypes.default.number,
+  /**
+   * The minimum space between ticks when using an ordinal scale. It defines the minimum distance in pixels between two ticks.
+   * @default 0
+   */
+  tickSpacing: _propTypes.default.number
 } : void 0;

package/ChartsXAxis/ChartsXAxis.mjs

@@ -31,7 +31,7 @@ function ChartsXAxis(inProps) {
     axis: axis
   }));
 }
-process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -46,6 +46,10 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * If true, the axis line is disabled.
    * @default false
@@ -135,6 +139,11 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    * The size of the ticks.
    * @default 6
    */
-  tickSize: PropTypes.number
+  tickSize: PropTypes.number,
+  /**
+   * The minimum space between ticks when using an ordinal scale. It defines the minimum distance in pixels between two ticks.
+   * @default 0
+   */
+  tickSpacing: PropTypes.number
 } : void 0;
 export { ChartsXAxis };

package/ChartsYAxis/ChartsSingleYAxisTicks.js

@@ -10,7 +10,7 @@ exports.ChartsSingleYAxisTicks = ChartsSingleYAxisTicks;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _RtlProvider = require("@mui/system/RtlProvider");
-var _useIsHydrated = require("../hooks/useIsHydrated");
+var _useIsHydrated = require("@mui/x-internals/useIsHydrated");
 var _useTicks = require("../hooks/useTicks");
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _ChartsProvider = require("../context/ChartsProvider");

package/ChartsYAxis/ChartsSingleYAxisTicks.mjs

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useRtl } from '@mui/system/RtlProvider';
-import { useIsHydrated } from "../hooks/useIsHydrated.mjs";
+import { useIsHydrated } from '@mui/x-internals/useIsHydrated';
 import { useTicks } from "../hooks/useTicks.mjs";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
 import { useChartsContext } from "../context/ChartsProvider/index.mjs";

package/ChartsYAxis/ChartsYAxis.js

@@ -37,7 +37,7 @@ function ChartsYAxis(inProps) {
     axis: axis
   }));
 }
-process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -52,6 +52,10 @@ process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * If true, the axis line is disabled.
    * @default false
@@ -135,5 +139,10 @@ process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
    * The size of the ticks.
    * @default 6
    */
-  tickSize: _propTypes.default.number
+  tickSize: _propTypes.default.number,
+  /**
+   * The minimum space between ticks when using an ordinal scale. It defines the minimum distance in pixels between two ticks.
+   * @default 0
+   */
+  tickSpacing: _propTypes.default.number
 } : void 0;

package/ChartsYAxis/ChartsYAxis.mjs

@@ -31,7 +31,7 @@ function ChartsYAxis(inProps) {
     axis: axis
   }));
 }
-process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -46,6 +46,10 @@ process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * If true, the axis line is disabled.
    * @default false
@@ -129,6 +133,11 @@ process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
    * The size of the ticks.
    * @default 6
    */
-  tickSize: PropTypes.number
+  tickSize: PropTypes.number,
+  /**
+   * The minimum space between ticks when using an ordinal scale. It defines the minimum distance in pixels between two ticks.
+   * @default 0
+   */
+  tickSpacing: PropTypes.number
 } : void 0;
 export { ChartsYAxis };

package/ChartsYAxis/ChartsYAxisImpl.js

@@ -13,13 +13,13 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _styles = require("@mui/material/styles");
+var _useIsHydrated = require("@mui/x-internals/useIsHydrated");
 var _ChartsSingleYAxisTicks = require("./ChartsSingleYAxisTicks");
 var _ChartsGroupedYAxisTicks = require("./ChartsGroupedYAxisTicks");
 var _ChartsText = require("../ChartsText");
 var _utilities = require("./utilities");
 var _isInfinity = require("../internals/isInfinity");
 var _useDrawingArea = require("../hooks/useDrawingArea");
-var _useIsHydrated = require("../hooks/useIsHydrated");
 var _scaleGuards = require("../internals/scaleGuards");
 var _domUtils = require("../internals/domUtils");
 var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");

package/ChartsYAxis/ChartsYAxisImpl.mjs

@@ -8,13 +8,13 @@ import * as React from 'react';
 import clsx from 'clsx';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { useThemeProps, useTheme, styled } from '@mui/material/styles';
+import { useIsHydrated } from '@mui/x-internals/useIsHydrated';
 import { ChartsSingleYAxisTicks } from "./ChartsSingleYAxisTicks.mjs";
 import { ChartsGroupedYAxisTicks } from "./ChartsGroupedYAxisTicks.mjs";
 import { ChartsText } from "../ChartsText/index.mjs";
 import { defaultProps, useUtilityClasses } from "./utilities.mjs";
 import { isInfinity } from "../internals/isInfinity.mjs";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
-import { useIsHydrated } from "../hooks/useIsHydrated.mjs";
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";
 import { getStringSize } from "../internals/domUtils.mjs";
 import { AxisRoot } from "../internals/components/AxisSharedComponents.mjs";

package/Gauge/Gauge.js

@@ -49,7 +49,7 @@ const Gauge = exports.Gauge = /*#__PURE__*/React.forwardRef(function Gauge(props
   }));
 });
 if (process.env.NODE_ENV !== "production") Gauge.displayName = "Gauge";
-process.env.NODE_ENV !== "production" ? Gauge.propTypes = {
+process.env.NODE_ENV !== "production" ? Gauge.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/Gauge/Gauge.mjs

@@ -42,7 +42,7 @@ const Gauge = /*#__PURE__*/React.forwardRef(function Gauge(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") Gauge.displayName = "Gauge";
-process.env.NODE_ENV !== "production" ? Gauge.propTypes = {
+process.env.NODE_ENV !== "production" ? Gauge.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/Gauge/GaugeContainer.js

@@ -91,7 +91,7 @@ const GaugeContainer = exports.GaugeContainer = /*#__PURE__*/React.forwardRef(fu
   });
 });
 if (process.env.NODE_ENV !== "production") GaugeContainer.displayName = "GaugeContainer";
-process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/Gauge/GaugeContainer.mjs

@@ -84,7 +84,7 @@ const GaugeContainer = /*#__PURE__*/React.forwardRef(function GaugeContainer(pro
   });
 });
 if (process.env.NODE_ENV !== "production") GaugeContainer.displayName = "GaugeContainer";
-process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/Gauge/GaugeValueArc.js

@@ -60,7 +60,7 @@ function GaugeValueArc(_ref) {
     outerRadius: outerRadius
   }));
 }
-process.env.NODE_ENV !== "production" ? GaugeValueArc.propTypes = {
+process.env.NODE_ENV !== "production" ? GaugeValueArc.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -92,7 +92,7 @@ function AnimatedGaugeValueArc(_ref2) {
     transform: `translate(${cx}, ${cy})`
   }, other));
 }
-process.env.NODE_ENV !== "production" ? AnimatedGaugeValueArc.propTypes = {
+process.env.NODE_ENV !== "production" ? AnimatedGaugeValueArc.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/Gauge/GaugeValueArc.mjs

@@ -53,7 +53,7 @@ function GaugeValueArc(_ref) {
     outerRadius: outerRadius
   }));
 }
-process.env.NODE_ENV !== "production" ? GaugeValueArc.propTypes = {
+process.env.NODE_ENV !== "production" ? GaugeValueArc.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -86,7 +86,7 @@ function AnimatedGaugeValueArc(_ref2) {
     transform: `translate(${cx}, ${cy})`
   }, other));
 }
-process.env.NODE_ENV !== "production" ? AnimatedGaugeValueArc.propTypes = {
+process.env.NODE_ENV !== "production" ? AnimatedGaugeValueArc.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/Gauge/GaugeValueText.js

@@ -54,7 +54,7 @@ function GaugeValueText(props) {
     }, other))
   });
 }
-process.env.NODE_ENV !== "production" ? GaugeValueText.propTypes = {
+process.env.NODE_ENV !== "production" ? GaugeValueText.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/Gauge/GaugeValueText.mjs

@@ -48,7 +48,7 @@ function GaugeValueText(props) {
     }, other))
   });
 }
-process.env.NODE_ENV !== "production" ? GaugeValueText.propTypes = {
+process.env.NODE_ENV !== "production" ? GaugeValueText.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/LineChart/AnimatedArea.js

@@ -48,7 +48,7 @@ function AnimatedArea(props) {
     }, other, animatedProps))
   });
 }
-process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes = {
+process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -58,9 +58,9 @@ process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes = {
     classes: _propTypes.default.object,
     color: _propTypes.default.string.isRequired,
     gradientId: _propTypes.default.string,
-    seriesId: _propTypes.default.string.isRequired,
     isFaded: _propTypes.default.bool.isRequired,
-    isHighlighted: _propTypes.default.bool.isRequired
+    isHighlighted: _propTypes.default.bool.isRequired,
+    seriesId: _propTypes.default.string.isRequired
   }).isRequired,
   /**
    * If `true`, animations are skipped.

package/LineChart/AnimatedArea.mjs

@@ -41,7 +41,7 @@ function AnimatedArea(props) {
     }, other, animatedProps))
   });
 }
-process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes = {
+process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -51,9 +51,9 @@ process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes = {
     classes: PropTypes.object,
     color: PropTypes.string.isRequired,
     gradientId: PropTypes.string,
-    seriesId: PropTypes.string.isRequired,
     isFaded: PropTypes.bool.isRequired,
-    isHighlighted: PropTypes.bool.isRequired
+    isHighlighted: PropTypes.bool.isRequired,
+    seriesId: PropTypes.string.isRequired
   }).isRequired,
   /**
    * If `true`, animations are skipped.

package/LineChart/AnimatedLine.js

@@ -54,7 +54,7 @@ const AnimatedLine = exports.AnimatedLine = /*#__PURE__*/React.forwardRef(functi
   });
 });
 if (process.env.NODE_ENV !== "production") AnimatedLine.displayName = "AnimatedLine";
-process.env.NODE_ENV !== "production" ? AnimatedLine.propTypes = {
+process.env.NODE_ENV !== "production" ? AnimatedLine.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/LineChart/AnimatedLine.mjs

@@ -47,7 +47,7 @@ const AnimatedLine = /*#__PURE__*/React.forwardRef(function AnimatedLine(props,
   });
 });
 if (process.env.NODE_ENV !== "production") AnimatedLine.displayName = "AnimatedLine";
-process.env.NODE_ENV !== "production" ? AnimatedLine.propTypes = {
+process.env.NODE_ENV !== "production" ? AnimatedLine.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |