@mui/material 5.10.12 → 5.10.14

package/Slider/Slider.js

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sliderClasses = exports.default = exports.SliderValueLabel = exports.SliderTrack = exports.SliderThumb = exports.SliderRoot = exports.SliderRail = exports.SliderMarkLabel = exports.SliderMark = void 0;
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _utils = require("@mui/utils");
-
 var _SliderUnstyled = _interopRequireWildcard(require("@mui/base/SliderUnstyled"));
-
 var _system = require("@mui/system");
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _styled = _interopRequireWildcard(require("../styles/styled"));
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _shouldSpreadAdditionalProps = _interopRequireDefault(require("../utils/shouldSpreadAdditionalProps"));
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["component", "components", "componentsProps", "color", "size", "slotProps", "slots"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const sliderClasses = (0, _extends2.default)({}, _SliderUnstyled.sliderUnstyledClasses, (0, _utils.unstable_generateUtilityClasses)('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));
 exports.sliderClasses = sliderClasses;
 const SliderRoot = (0, _styled.default)('span', {
@@ -106,14 +87,11 @@ const SliderRoot = (0, _styled.default)('span', {
   }
 }));
 exports.SliderRoot = SliderRoot;
-process.env.NODE_ENV !== "production" ? SliderRoot.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SliderRoot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
@@ -145,14 +123,11 @@ const SliderRail = (0, _styled.default)('span', {
   opacity: 1
 }));
 exports.SliderRail = SliderRail;
-process.env.NODE_ENV !== "production" ? SliderRail.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SliderRail.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
@@ -166,7 +141,8 @@ const SliderTrack = (0, _styled.default)('span', {
   theme,
   ownerState
 }) => {
-  const color = // Same logic as the LinearProgress track color
+  const color =
+  // Same logic as the LinearProgress track color
   theme.palette.mode === 'light' ? (0, _system.lighten)(theme.palette[ownerState.color].main, 0.62) : (0, _system.darken)(theme.palette[ownerState.color].main, 0.5);
   return (0, _extends2.default)({
     display: 'block',
@@ -195,14 +171,11 @@ const SliderTrack = (0, _styled.default)('span', {
   });
 });
 exports.SliderTrack = SliderTrack;
-process.env.NODE_ENV !== "production" ? SliderTrack.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SliderTrack.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
@@ -281,14 +254,11 @@ const SliderThumb = (0, _styled.default)('span', {
   }
 }));
 exports.SliderThumb = SliderThumb;
-process.env.NODE_ENV !== "production" ? SliderThumb.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SliderThumb.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
@@ -353,14 +323,11 @@ const SliderValueLabel = (0, _styled.default)(_SliderUnstyled.SliderValueLabelUn
   padding: '0.25rem 0.5rem'
 }));
 exports.SliderValueLabel = SliderValueLabel;
-process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
@@ -392,14 +359,11 @@ const SliderMark = (0, _styled.default)('span', {
   opacity: 0.8
 }));
 exports.SliderMark = SliderMark;
-process.env.NODE_ENV !== "production" ? SliderMark.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SliderMark.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
@@ -434,20 +398,16 @@ const SliderMarkLabel = (0, _styled.default)('span', {
   color: (theme.vars || theme).palette.text.primary
 }));
 exports.SliderMarkLabel = SliderMarkLabel;
-process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
   children: _propTypes.default.node
 } : void 0;
-
 const extendUtilityClasses = ownerState => {
   const {
     color,
@@ -459,10 +419,8 @@ const extendUtilityClasses = ownerState => {
     thumb: (0, _clsx.default)(classes.thumb, (0, _SliderUnstyled.getSliderUtilityClass)(`thumbColor${(0, _capitalize.default)(color)}`), classes[`thumbColor${(0, _capitalize.default)(color)}`], size && [(0, _SliderUnstyled.getSliderUtilityClass)(`thumbSize${(0, _capitalize.default)(size)}`), classes[`thumbSize${(0, _capitalize.default)(size)}`]])
   });
 };
-
 const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   var _ref, _slots$root, _ref2, _slots$rail, _ref3, _slots$track, _ref4, _slots$thumb, _ref5, _slots$valueLabel, _ref6, _slots$mark, _ref7, _slots$markLabel, _slots$input, _slotProps$root, _slotProps$rail, _slotProps$track, _slotProps$thumb, _slotProps$valueLabel, _slotProps$mark, _slotProps$markLabel, _slotProps$input;
-
   const props = (0, _useThemeProps.default)({
     props: inputProps,
     name: 'MuiSlider'
@@ -470,22 +428,23 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   const theme = (0, _useTheme.default)();
   const isRtl = theme.direction === 'rtl';
   const {
-    // eslint-disable-next-line react/prop-types
-    component = 'span',
-    components = {},
-    componentsProps = {},
-    color = 'primary',
-    size = 'medium',
-    slotProps,
-    slots
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      // eslint-disable-next-line react/prop-types
+      component = 'span',
+      components = {},
+      componentsProps = {},
+      color = 'primary',
+      size = 'medium',
+      slotProps,
+      slots
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = (0, _extends2.default)({}, props, {
     color,
     size
   });
-  const classes = extendUtilityClasses(ownerState); // support both `slots` and `components` for backward compatibility
+  const classes = extendUtilityClasses(ownerState);
 
+  // support both `slots` and `components` for backward compatibility
   const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : SliderRoot;
   const RailSlot = (_ref2 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref2 : SliderRail;
   const TrackSlot = (_ref3 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref3 : SliderTrack;
@@ -549,68 +508,56 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     ref: ref
   }));
 });
-process.env.NODE_ENV !== "production" ? Slider.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The label of the slider.
    */
   'aria-label': (0, _utils.chainPropTypes)(_propTypes.default.string, props => {
     const range = Array.isArray(props.value || props.defaultValue);
-
     if (range && props['aria-label'] != null) {
       return new Error('MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.');
     }
-
     return null;
   }),
-
   /**
    * The id of the element containing a label for the slider.
    */
   'aria-labelledby': _propTypes.default.string,
-
   /**
    * A string value that provides a user-friendly name for the current value of the slider.
    */
   'aria-valuetext': (0, _utils.chainPropTypes)(_propTypes.default.string, props => {
     const range = Array.isArray(props.value || props.defaultValue);
-
     if (range && props['aria-valuetext'] != null) {
       return new Error('MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.');
     }
-
     return null;
   }),
-
   /**
    * @ignore
    */
   children: _propTypes.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
-  color: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
-
+  color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
   /**
-   * The components used for each slot inside the Slider.
-   * Either a string to use a HTML element or a component.
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
    * @default {}
    */
   components: _propTypes.default.shape({
@@ -623,9 +570,14 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
     Track: _propTypes.default.elementType,
     ValueLabel: _propTypes.default.elementType
   }),
-
   /**
-   * @ignore
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
    */
   componentsProps: _propTypes.default.shape({
     input: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
@@ -644,24 +596,20 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
       valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
     })])
   }),
-
   /**
    * The default value. Use when the component is not controlled.
    */
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: _propTypes.default.bool,
-
   /**
    * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
    * @default false
    */
   disableSwap: _propTypes.default.bool,
-
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
    * This is important for screen reader users.
@@ -669,7 +617,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @returns {string}
    */
   getAriaLabel: _propTypes.default.func,
-
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
    * This is important for screen reader users.
@@ -678,13 +625,11 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @returns {string}
    */
   getAriaValueText: _propTypes.default.func,
-
   /**
    * Indicates whether the theme context has rtl direction. It is set automatically.
    * @default false
    */
   isRtl: _propTypes.default.bool,
-
   /**
    * Marks indicate predetermined values to which the user can move the slider.
    * If `true` the marks are spaced according the value of the `step` prop.
@@ -695,26 +640,22 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
     label: _propTypes.default.node,
     value: _propTypes.default.number.isRequired
   })), _propTypes.default.bool]),
-
   /**
    * The maximum allowed value of the slider.
    * Should not be equal to min.
    * @default 100
    */
   max: _propTypes.default.number,
-
   /**
    * The minimum allowed value of the slider.
    * Should not be equal to max.
    * @default 0
    */
   min: _propTypes.default.number,
-
   /**
    * Name attribute of the hidden `input` element.
    */
   name: _propTypes.default.string,
-
   /**
    * Callback function that is fired when the slider's value changed.
    *
@@ -725,7 +666,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {number} activeThumb Index of the currently moved thumb.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Callback function that is fired when the `mouseup` is triggered.
    *
@@ -733,27 +673,21 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {number | number[]} value The new value.
    */
   onChangeCommitted: _propTypes.default.func,
-
   /**
    * The component orientation.
    * @default 'horizontal'
    */
   orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
-
   /**
    * A transformation function, to change the scale of the slider.
    * @default (x) => x
    */
   scale: _propTypes.default.func,
-
   /**
    * The size of the slider.
    * @default 'medium'
    */
-  size: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['small', 'medium']), _propTypes.default.string]),
-
+  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['small', 'medium']), _propTypes.default.string]),
   /**
    * The props used for each slot inside the Slider.
    * @default {}
@@ -775,7 +709,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
       valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
     })])
   }),
-
   /**
    * The components used for each slot inside the Slider.
    * Either a string to use a HTML element or a component.
@@ -791,7 +724,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
     track: _propTypes.default.elementType,
     valueLabel: _propTypes.default.elementType
   }),
-
   /**
    * The granularity with which the slider can step through values. (A "discrete" slider.)
    * The `min` prop serves as the origin for the valid values.
@@ -801,17 +733,14 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default 1
    */
   step: _propTypes.default.number,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   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]),
-
   /**
    * Tab index attribute of the hidden `input` element.
    */
   tabIndex: _propTypes.default.number,
-
   /**
    * The track presentation:
    *
@@ -821,13 +750,11 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default 'normal'
    */
   track: _propTypes.default.oneOf(['inverted', 'normal', false]),
-
   /**
    * The value of the slider.
    * For ranged sliders, provide an array with two values.
    */
   value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
-
   /**
    * Controls when the value label is displayed:
    *
@@ -837,7 +764,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default 'off'
    */
   valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on']),
-
   /**
    * The format function the value label's value.
    *

package/Slider/index.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "default", {
     return _Slider.default;
   }
 });
-
 var _Slider = _interopRequireWildcard(require("./Slider"));
-
 Object.keys(_Slider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -24,7 +22,5 @@ Object.keys(_Slider).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }