@mui/material 5.10.12 → 5.10.14

package/legacy/Slider/Slider.js

@@ -23,9 +23,8 @@ var SliderRoot = styled('span', {
   }
 })(function (_ref) {
   var _extends2;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     borderRadius: 12,
     boxSizing: 'content-box',
@@ -73,14 +72,11 @@ var SliderRoot = styled('span', {
     transition: 'none'
   })), _extends2));
 });
-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
    */
@@ -115,14 +111,11 @@ var SliderRail = styled('span', {
     opacity: 1
   });
 });
-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
    */
@@ -137,8 +130,9 @@ var SliderTrack = styled('span', {
   }
 })(function (_ref3) {
   var theme = _ref3.theme,
-      ownerState = _ref3.ownerState;
-  var color = // Same logic as the LinearProgress track color
+    ownerState = _ref3.ownerState;
+  var color =
+  // Same logic as the LinearProgress track color
   theme.palette.mode === 'light' ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.5);
   return _extends({
     display: 'block',
@@ -166,14 +160,11 @@ var SliderTrack = styled('span', {
     borderColor: theme.vars ? theme.vars.palette.Slider["".concat(ownerState.color, "Track")] : color
   });
 });
-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
    */
@@ -189,9 +180,8 @@ var SliderThumb = styled('span', {
   }
 })(function (_ref4) {
   var _extends3;
-
   var theme = _ref4.theme,
-      ownerState = _ref4.ownerState;
+    ownerState = _ref4.ownerState;
   return _extends({
     position: 'absolute',
     width: 20,
@@ -250,14 +240,11 @@ var SliderThumb = styled('span', {
     }
   }), _extends3));
 });
-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
    */
@@ -272,9 +259,8 @@ var SliderValueLabel = styled(SliderValueLabelUnstyled, {
   }
 })(function (_ref5) {
   var _extends4;
-
   var theme = _ref5.theme,
-      ownerState = _ref5.ownerState;
+    ownerState = _ref5.ownerState;
   return _extends((_extends4 = {}, _defineProperty(_extends4, "&.".concat(sliderClasses.valueLabelOpen), {
     transform: 'translateY(-100%) scale(1)'
   }), _defineProperty(_extends4, "zIndex", 1), _defineProperty(_extends4, "whiteSpace", 'nowrap'), _extends4), theme.typography.body2, {
@@ -323,14 +309,11 @@ var SliderValueLabel = styled(SliderValueLabelUnstyled, {
     padding: '0.25rem 0.5rem'
   });
 });
-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
    */
@@ -348,8 +331,8 @@ var SliderMark = styled('span', {
   }
 })(function (_ref6) {
   var theme = _ref6.theme,
-      ownerState = _ref6.ownerState,
-      markActive = _ref6.markActive;
+    ownerState = _ref6.ownerState,
+    markActive = _ref6.markActive;
   return _extends({
     position: 'absolute',
     width: 2,
@@ -367,14 +350,11 @@ var SliderMark = styled('span', {
     opacity: 0.8
   });
 });
-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
    */
@@ -392,8 +372,8 @@ var SliderMarkLabel = styled('span', {
   }
 })(function (_ref7) {
   var theme = _ref7.theme,
-      ownerState = _ref7.ownerState,
-      markLabelActive = _ref7.markLabelActive;
+    ownerState = _ref7.ownerState,
+    markLabelActive = _ref7.markLabelActive;
   return _extends({}, theme.typography.body2, {
     color: (theme.vars || theme).palette.text.secondary,
     position: 'absolute',
@@ -414,63 +394,55 @@ var SliderMarkLabel = styled('span', {
     color: (theme.vars || theme).palette.text.primary
   });
 });
-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.node
 } : void 0;
 export { SliderMarkLabel };
-
 var extendUtilityClasses = function extendUtilityClasses(ownerState) {
   var color = ownerState.color,
-      size = ownerState.size,
-      _ownerState$classes = ownerState.classes,
-      classes = _ownerState$classes === void 0 ? {} : _ownerState$classes;
+    size = ownerState.size,
+    _ownerState$classes = ownerState.classes,
+    classes = _ownerState$classes === void 0 ? {} : _ownerState$classes;
   return _extends({}, classes, {
     root: clsx(classes.root, getSliderUtilityClass("color".concat(capitalize(color))), classes["color".concat(capitalize(color))], size && [getSliderUtilityClass("size".concat(capitalize(size))), classes["size".concat(capitalize(size))]]),
     thumb: clsx(classes.thumb, getSliderUtilityClass("thumbColor".concat(capitalize(color))), classes["thumbColor".concat(capitalize(color))], size && [getSliderUtilityClass("thumbSize".concat(capitalize(size))), classes["thumbSize".concat(capitalize(size))]])
   });
 };
-
 var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   var _ref8, _slots$root, _ref9, _slots$rail, _ref10, _slots$track, _ref11, _slots$thumb, _ref12, _slots$valueLabel, _ref13, _slots$mark, _ref14, _slots$markLabel, _slots$input, _slotProps$root, _slotProps$rail, _slotProps$track, _slotProps$thumb, _slotProps$valueLabel, _slotProps$mark, _slotProps$markLabel, _slotProps$input;
-
   var props = useThemeProps({
     props: inputProps,
     name: 'MuiSlider'
   });
   var theme = useTheme();
   var isRtl = theme.direction === 'rtl';
-
   var _props$component = props.component,
-      component = _props$component === void 0 ? 'span' : _props$component,
-      _props$components = props.components,
-      components = _props$components === void 0 ? {} : _props$components,
-      _props$componentsProp = props.componentsProps,
-      componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      slotProps = props.slotProps,
-      slots = props.slots,
-      other = _objectWithoutProperties(props, ["component", "components", "componentsProps", "color", "size", "slotProps", "slots"]);
-
+    component = _props$component === void 0 ? 'span' : _props$component,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    _props$componentsProp = props.componentsProps,
+    componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'primary' : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    slotProps = props.slotProps,
+    slots = props.slots,
+    other = _objectWithoutProperties(props, ["component", "components", "componentsProps", "color", "size", "slotProps", "slots"]);
   var ownerState = _extends({}, props, {
     color: color,
     size: size
   });
+  var classes = extendUtilityClasses(ownerState);
 
-  var classes = extendUtilityClasses(ownerState); // support both `slots` and `components` for backward compatibility
-
+  // support both `slots` and `components` for backward compatibility
   var RootSlot = (_ref8 = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref8 : SliderRoot;
   var RailSlot = (_ref9 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref9 : SliderRail;
   var TrackSlot = (_ref10 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref10 : SliderTrack;
@@ -534,68 +506,56 @@ var 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': chainPropTypes(PropTypes.string, function (props) {
     var 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.string,
-
   /**
    * A string value that provides a user-friendly name for the current value of the slider.
    */
   'aria-valuetext': chainPropTypes(PropTypes.string, function (props) {
     var 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.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.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
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.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.shape({
@@ -608,9 +568,14 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
     Track: PropTypes.elementType,
     ValueLabel: PropTypes.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.shape({
     input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
@@ -629,24 +594,20 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
       valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
     })])
   }),
-
   /**
    * The default value. Use when the component is not controlled.
    */
   defaultValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
    * @default false
    */
   disableSwap: PropTypes.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.
@@ -654,7 +615,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @returns {string}
    */
   getAriaLabel: PropTypes.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.
@@ -663,13 +623,11 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @returns {string}
    */
   getAriaValueText: PropTypes.func,
-
   /**
    * Indicates whether the theme context has rtl direction. It is set automatically.
    * @default false
    */
   isRtl: PropTypes.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.
@@ -680,26 +638,22 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
     label: PropTypes.node,
     value: PropTypes.number.isRequired
   })), PropTypes.bool]),
-
   /**
    * The maximum allowed value of the slider.
    * Should not be equal to min.
    * @default 100
    */
   max: PropTypes.number,
-
   /**
    * The minimum allowed value of the slider.
    * Should not be equal to max.
    * @default 0
    */
   min: PropTypes.number,
-
   /**
    * Name attribute of the hidden `input` element.
    */
   name: PropTypes.string,
-
   /**
    * Callback function that is fired when the slider's value changed.
    *
@@ -710,7 +664,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {number} activeThumb Index of the currently moved thumb.
    */
   onChange: PropTypes.func,
-
   /**
    * Callback function that is fired when the `mouseup` is triggered.
    *
@@ -718,27 +671,21 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @param {number | number[]} value The new value.
    */
   onChangeCommitted: PropTypes.func,
-
   /**
    * The component orientation.
    * @default 'horizontal'
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /**
    * A transformation function, to change the scale of the slider.
    * @default (x) => x
    */
   scale: PropTypes.func,
-
   /**
    * The size of the slider.
    * @default 'medium'
    */
-  size: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),
-
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),
   /**
    * The props used for each slot inside the Slider.
    * @default {}
@@ -760,7 +707,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
       valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
     })])
   }),
-
   /**
    * The components used for each slot inside the Slider.
    * Either a string to use a HTML element or a component.
@@ -776,7 +722,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
     track: PropTypes.elementType,
     valueLabel: PropTypes.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.
@@ -786,17 +731,14 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default 1
    */
   step: PropTypes.number,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * Tab index attribute of the hidden `input` element.
    */
   tabIndex: PropTypes.number,
-
   /**
    * The track presentation:
    *
@@ -806,13 +748,11 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default 'normal'
    */
   track: PropTypes.oneOf(['inverted', 'normal', false]),
-
   /**
    * The value of the slider.
    * For ranged sliders, provide an array with two values.
    */
   value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
-
   /**
    * Controls when the value label is displayed:
    *
@@ -822,7 +762,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default 'off'
    */
   valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on']),
-
   /**
    * The format function the value label's value.
    *