@mui/material 5.10.13 → 5.10.14

package/legacy/Rating/Rating.js

@@ -16,40 +16,33 @@ import styled, { slotShouldForwardProp } from '../styles/styled';
 import ratingClasses, { getRatingUtilityClass } from './ratingClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function clamp(value, min, max) {
   if (value < min) {
     return min;
   }
-
   if (value > max) {
     return max;
   }
-
   return value;
 }
-
 function getDecimalPrecision(num) {
   var decimalPart = num.toString().split('.')[1];
   return decimalPart ? decimalPart.length : 0;
 }
-
 function roundValueToPrecision(value, precision) {
   if (value == null) {
     return value;
   }
-
   var nearest = Math.round(value / precision) * precision;
   return Number(nearest.toFixed(getDecimalPrecision(precision)));
 }
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      size = ownerState.size,
-      readOnly = ownerState.readOnly,
-      disabled = ownerState.disabled,
-      emptyValueFocused = ownerState.emptyValueFocused,
-      focusVisible = ownerState.focusVisible;
+    size = ownerState.size,
+    readOnly = ownerState.readOnly,
+    disabled = ownerState.disabled,
+    emptyValueFocused = ownerState.emptyValueFocused,
+    focusVisible = ownerState.focusVisible;
   var slots = {
     root: ['root', "size".concat(capitalize(size)), disabled && 'disabled', focusVisible && 'focusVisible', readOnly && 'readyOnly'],
     label: ['label', 'pristine'],
@@ -65,7 +58,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getRatingUtilityClass, classes);
 };
-
 var RatingRoot = styled('span', {
   name: 'MuiRating',
   slot: 'Root',
@@ -75,9 +67,8 @@ var RatingRoot = styled('span', {
   }
 })(function (_ref2) {
   var _extends2;
-
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _extends((_extends2 = {
     display: 'inline-flex',
     // Required to position the pristine input absolutely
@@ -127,7 +118,7 @@ var RatingIcon = styled('span', {
   }
 })(function (_ref4) {
   var theme = _ref4.theme,
-      ownerState = _ref4.ownerState;
+    ownerState = _ref4.ownerState;
   return _extends({
     // Fit wrapper to actual icon size.
     display: 'flex',
@@ -161,46 +152,41 @@ var RatingDecimal = styled('span', {
     transform: 'scale(1.2)'
   });
 });
-
 function IconContainer(props) {
   var value = props.value,
-      other = _objectWithoutProperties(props, ["value"]);
-
+    other = _objectWithoutProperties(props, ["value"]);
   return /*#__PURE__*/_jsx("span", _extends({}, other));
 }
-
 process.env.NODE_ENV !== "production" ? IconContainer.propTypes = {
   value: PropTypes.number.isRequired
 } : void 0;
-
 function RatingItem(props) {
   var classes = props.classes,
-      disabled = props.disabled,
-      emptyIcon = props.emptyIcon,
-      focus = props.focus,
-      getLabelText = props.getLabelText,
-      highlightSelectedOnly = props.highlightSelectedOnly,
-      hover = props.hover,
-      icon = props.icon,
-      IconContainerComponent = props.IconContainerComponent,
-      isActive = props.isActive,
-      itemValue = props.itemValue,
-      labelProps = props.labelProps,
-      name = props.name,
-      onBlur = props.onBlur,
-      onChange = props.onChange,
-      onClick = props.onClick,
-      onFocus = props.onFocus,
-      readOnly = props.readOnly,
-      ownerState = props.ownerState,
-      ratingValue = props.ratingValue,
-      ratingValueRounded = props.ratingValueRounded;
+    disabled = props.disabled,
+    emptyIcon = props.emptyIcon,
+    focus = props.focus,
+    getLabelText = props.getLabelText,
+    highlightSelectedOnly = props.highlightSelectedOnly,
+    hover = props.hover,
+    icon = props.icon,
+    IconContainerComponent = props.IconContainerComponent,
+    isActive = props.isActive,
+    itemValue = props.itemValue,
+    labelProps = props.labelProps,
+    name = props.name,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    onFocus = props.onFocus,
+    readOnly = props.readOnly,
+    ownerState = props.ownerState,
+    ratingValue = props.ratingValue,
+    ratingValueRounded = props.ratingValueRounded;
   var isFilled = highlightSelectedOnly ? itemValue === ratingValue : itemValue <= ratingValue;
   var isHovered = itemValue <= hover;
   var isFocused = itemValue <= focus;
   var isChecked = itemValue === ratingValueRounded;
   var id = useId();
-
   var container = /*#__PURE__*/_jsx(RatingIcon, {
     as: IconContainerComponent,
     value: itemValue,
@@ -214,13 +200,11 @@ function RatingItem(props) {
     }),
     children: emptyIcon && !isFilled ? emptyIcon : icon
   });
-
   if (readOnly) {
     return /*#__PURE__*/_jsx("span", _extends({}, labelProps, {
       children: container
     }));
   }
-
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsxs(RatingLabel, _extends({
       ownerState: _extends({}, ownerState, {
@@ -247,7 +231,6 @@ function RatingItem(props) {
     })]
   });
 }
-
 process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
   classes: PropTypes.object.isRequired,
   disabled: PropTypes.bool.isRequired,
@@ -271,126 +254,104 @@ process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
   ratingValueRounded: PropTypes.number,
   readOnly: PropTypes.bool.isRequired
 } : void 0;
-
 var defaultIcon = /*#__PURE__*/_jsx(Star, {
   fontSize: "inherit"
 });
-
 var defaultEmptyIcon = /*#__PURE__*/_jsx(StarBorder, {
   fontSize: "inherit"
 });
-
 function defaultLabelText(value) {
   return "".concat(value, " Star").concat(value !== 1 ? 's' : '');
 }
-
 var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
   var props = useThemeProps({
     name: 'MuiRating',
     props: inProps
   });
-
   var className = props.className,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? null : _props$defaultValue,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$emptyIcon = props.emptyIcon,
-      emptyIcon = _props$emptyIcon === void 0 ? defaultEmptyIcon : _props$emptyIcon,
-      _props$emptyLabelText = props.emptyLabelText,
-      emptyLabelText = _props$emptyLabelText === void 0 ? 'Empty' : _props$emptyLabelText,
-      _props$getLabelText = props.getLabelText,
-      getLabelText = _props$getLabelText === void 0 ? defaultLabelText : _props$getLabelText,
-      _props$highlightSelec = props.highlightSelectedOnly,
-      highlightSelectedOnly = _props$highlightSelec === void 0 ? false : _props$highlightSelec,
-      _props$icon = props.icon,
-      icon = _props$icon === void 0 ? defaultIcon : _props$icon,
-      _props$IconContainerC = props.IconContainerComponent,
-      IconContainerComponent = _props$IconContainerC === void 0 ? IconContainer : _props$IconContainerC,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 5 : _props$max,
-      nameProp = props.name,
-      onChange = props.onChange,
-      onChangeActive = props.onChangeActive,
-      onMouseLeave = props.onMouseLeave,
-      onMouseMove = props.onMouseMove,
-      _props$precision = props.precision,
-      precision = _props$precision === void 0 ? 1 : _props$precision,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      valueProp = props.value,
-      other = _objectWithoutProperties(props, ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"]);
-
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? null : _props$defaultValue,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$emptyIcon = props.emptyIcon,
+    emptyIcon = _props$emptyIcon === void 0 ? defaultEmptyIcon : _props$emptyIcon,
+    _props$emptyLabelText = props.emptyLabelText,
+    emptyLabelText = _props$emptyLabelText === void 0 ? 'Empty' : _props$emptyLabelText,
+    _props$getLabelText = props.getLabelText,
+    getLabelText = _props$getLabelText === void 0 ? defaultLabelText : _props$getLabelText,
+    _props$highlightSelec = props.highlightSelectedOnly,
+    highlightSelectedOnly = _props$highlightSelec === void 0 ? false : _props$highlightSelec,
+    _props$icon = props.icon,
+    icon = _props$icon === void 0 ? defaultIcon : _props$icon,
+    _props$IconContainerC = props.IconContainerComponent,
+    IconContainerComponent = _props$IconContainerC === void 0 ? IconContainer : _props$IconContainerC,
+    _props$max = props.max,
+    max = _props$max === void 0 ? 5 : _props$max,
+    nameProp = props.name,
+    onChange = props.onChange,
+    onChangeActive = props.onChangeActive,
+    onMouseLeave = props.onMouseLeave,
+    onMouseMove = props.onMouseMove,
+    _props$precision = props.precision,
+    precision = _props$precision === void 0 ? 1 : _props$precision,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    valueProp = props.value,
+    other = _objectWithoutProperties(props, ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"]);
   var name = useId(nameProp);
-
   var _useControlled = useControlled({
-    controlled: valueProp,
-    default: defaultValue,
-    name: 'Rating'
-  }),
-      _useControlled2 = _slicedToArray(_useControlled, 2),
-      valueDerived = _useControlled2[0],
-      setValueState = _useControlled2[1];
-
+      controlled: valueProp,
+      default: defaultValue,
+      name: 'Rating'
+    }),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    valueDerived = _useControlled2[0],
+    setValueState = _useControlled2[1];
   var valueRounded = roundValueToPrecision(valueDerived, precision);
   var theme = useTheme();
-
   var _React$useState = React.useState({
-    hover: -1,
-    focus: -1
-  }),
-      _React$useState$ = _React$useState[0],
-      hover = _React$useState$.hover,
-      focus = _React$useState$.focus,
-      setState = _React$useState[1];
-
+      hover: -1,
+      focus: -1
+    }),
+    _React$useState$ = _React$useState[0],
+    hover = _React$useState$.hover,
+    focus = _React$useState$.focus,
+    setState = _React$useState[1];
   var value = valueRounded;
-
   if (hover !== -1) {
     value = hover;
   }
-
   if (focus !== -1) {
     value = focus;
   }
-
   var _useIsFocusVisible = useIsFocusVisible(),
-      isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
-      handleBlurVisible = _useIsFocusVisible.onBlur,
-      handleFocusVisible = _useIsFocusVisible.onFocus,
-      focusVisibleRef = _useIsFocusVisible.ref;
-
+    isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
+    handleBlurVisible = _useIsFocusVisible.onBlur,
+    handleFocusVisible = _useIsFocusVisible.onFocus,
+    focusVisibleRef = _useIsFocusVisible.ref;
   var _React$useState2 = React.useState(false),
-      focusVisible = _React$useState2[0],
-      setFocusVisible = _React$useState2[1];
-
+    focusVisible = _React$useState2[0],
+    setFocusVisible = _React$useState2[1];
   var rootRef = React.useRef();
   var handleRef = useForkRef(focusVisibleRef, rootRef, ref);
-
   var handleMouseMove = function handleMouseMove(event) {
     if (onMouseMove) {
       onMouseMove(event);
     }
-
     var rootNode = rootRef.current;
-
     var _rootNode$getBounding = rootNode.getBoundingClientRect(),
-        right = _rootNode$getBounding.right,
-        left = _rootNode$getBounding.left;
-
+      right = _rootNode$getBounding.right,
+      left = _rootNode$getBounding.left;
     var _rootNode$firstChild$ = rootNode.firstChild.getBoundingClientRect(),
-        width = _rootNode$firstChild$.width;
-
+      width = _rootNode$firstChild$.width;
     var percent;
-
     if (theme.direction === 'rtl') {
       percent = (right - event.clientX) / (width * max);
     } else {
       percent = (event.clientX - left) / (width * max);
     }
-
     var newHover = roundValueToPrecision(max * percent + precision / 2, precision);
     newHover = clamp(newHover, precision, max);
     setState(function (prev) {
@@ -400,68 +361,56 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       };
     });
     setFocusVisible(false);
-
     if (onChangeActive && hover !== newHover) {
       onChangeActive(event, newHover);
     }
   };
-
   var handleMouseLeave = function handleMouseLeave(event) {
     if (onMouseLeave) {
       onMouseLeave(event);
     }
-
     var newHover = -1;
     setState({
       hover: newHover,
       focus: newHover
     });
-
     if (onChangeActive && hover !== newHover) {
       onChangeActive(event, newHover);
     }
   };
-
   var handleChange = function handleChange(event) {
-    var newValue = event.target.value === '' ? null : parseFloat(event.target.value); // Give mouse priority over keyboard
-    // Fix https://github.com/mui/material-ui/issues/22827
+    var newValue = event.target.value === '' ? null : parseFloat(event.target.value);
 
+    // Give mouse priority over keyboard
+    // Fix https://github.com/mui/material-ui/issues/22827
     if (hover !== -1) {
       newValue = hover;
     }
-
     setValueState(newValue);
-
     if (onChange) {
       onChange(event, newValue);
     }
   };
-
   var handleClear = function handleClear(event) {
     // Ignore keyboard events
     // https://github.com/facebook/react/issues/7407
     if (event.clientX === 0 && event.clientY === 0) {
       return;
     }
-
     setState({
       hover: -1,
       focus: -1
     });
     setValueState(null);
-
     if (onChange && parseFloat(event.target.value) === valueRounded) {
       onChange(event, null);
     }
   };
-
   var handleFocus = function handleFocus(event) {
     handleFocusVisible(event);
-
     if (isFocusVisibleRef.current === true) {
       setFocusVisible(true);
     }
-
     var newFocus = parseFloat(event.target.value);
     setState(function (prev) {
       return {
@@ -470,18 +419,14 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       };
     });
   };
-
   var handleBlur = function handleBlur(event) {
     if (hover !== -1) {
       return;
     }
-
     handleBlurVisible(event);
-
     if (isFocusVisibleRef.current === false) {
       setFocusVisible(false);
     }
-
     var newFocus = -1;
     setState(function (prev) {
       return {
@@ -490,11 +435,9 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       };
     });
   };
-
   var _React$useState3 = React.useState(false),
-      emptyValueFocused = _React$useState3[0],
-      setEmptyValueFocused = _React$useState3[1];
-
+    emptyValueFocused = _React$useState3[0],
+    setEmptyValueFocused = _React$useState3[1];
   var ownerState = _extends({}, props, {
     defaultValue: defaultValue,
     disabled: disabled,
@@ -510,7 +453,6 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     readOnly: readOnly,
     size: size
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(RatingRoot, _extends({
     ref: handleRef,
@@ -544,7 +486,6 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
         ownerState: ownerState
       };
       var isActive = itemValue === Math.ceil(value) && (hover !== -1 || focus !== -1);
-
       if (precision < 1) {
         var items = Array.from(new Array(1 / precision));
         return /*#__PURE__*/_jsx(RatingDecimal, {
@@ -568,7 +509,6 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
           })
         }, itemValue);
       }
-
       return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
         isActive: isActive,
         itemValue: itemValue
@@ -597,48 +537,39 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? Rating.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Rating.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The default value. Use when the component is not controlled.
    * @default null
    */
   defaultValue: PropTypes.number,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * The icon to display when empty.
    * @default <StarBorder fontSize="inherit" />
    */
   emptyIcon: PropTypes.node,
-
   /**
    * The label read when the rating input is empty.
    * @default 'Empty'
    */
   emptyLabelText: PropTypes.node,
-
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.
    * This is important for screen reader users.
@@ -651,19 +582,16 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
    * }
    */
   getLabelText: PropTypes.func,
-
   /**
    * If `true`, only the selected icon will be highlighted.
    * @default false
    */
   highlightSelectedOnly: PropTypes.bool,
-
   /**
    * The icon to display.
    * @default <Star fontSize="inherit" />
    */
   icon: PropTypes.node,
-
   /**
    * The component containing the icon.
    * @default function IconContainer(props) {
@@ -672,44 +600,37 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
    * }
    */
   IconContainerComponent: PropTypes.elementType,
-
   /**
    * Maximum rating.
    * @default 5
    */
   max: PropTypes.number,
-
   /**
    * The name attribute of the radio `input` elements.
    * This input `name` should be unique within the page.
    * Being unique within a form is insufficient since the `name` is used to generated IDs.
    */
   name: PropTypes.string,
-
   /**
    * Callback fired when the value changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number|null} value The new value.
    */
   onChange: PropTypes.func,
-
   /**
    * Callback function that is fired when the hover state changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number} value The new value.
    */
   onChangeActive: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseLeave: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseMove: PropTypes.func,
-
   /**
    * The minimum increment value change allowed.
    * @default 1
@@ -718,29 +639,22 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
     if (props.precision < 0.1) {
       return new Error(['MUI: The prop `precision` should be above 0.1.', 'A value below this limit has an imperceptible impact.'].join('\n'));
     }
-
     return null;
   }),
-
   /**
    * Removes all hover effects and pointer events.
    * @default false
    */
   readOnly: PropTypes.bool,
-
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
-
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
   /**
    * 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]),
-
   /**
    * The rating value.
    */