@mui/material 5.10.13 → 5.10.14

package/Rating/Rating.js

@@ -1,75 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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 _base = require("@mui/base");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _utils2 = require("../utils");
-
 var _Star = _interopRequireDefault(require("../internal/svg-icons/Star"));
-
 var _StarBorder = _interopRequireDefault(require("../internal/svg-icons/StarBorder"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _styled = _interopRequireWildcard(require("../styles/styled"));
-
 var _ratingClasses = _interopRequireWildcard(require("./ratingClasses"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["value"],
-      _excluded2 = ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"];
-
+  _excluded2 = ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"];
 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; }
-
 function clamp(value, min, max) {
   if (value < min) {
     return min;
   }
-
   if (value > max) {
     return max;
   }
-
   return value;
 }
-
 function getDecimalPrecision(num) {
   const decimalPart = num.toString().split('.')[1];
   return decimalPart ? decimalPart.length : 0;
 }
-
 function roundValueToPrecision(value, precision) {
   if (value == null) {
     return value;
   }
-
   const nearest = Math.round(value / precision) * precision;
   return Number(nearest.toFixed(getDecimalPrecision(precision)));
 }
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -94,7 +68,6 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _ratingClasses.getRatingUtilityClass, classes);
 };
-
 const RatingRoot = (0, _styled.default)('span', {
   name: 'MuiRating',
   slot: 'Root',
@@ -191,16 +164,13 @@ const RatingDecimal = (0, _styled.default)('span', {
 }, iconActive && {
   transform: 'scale(1.2)'
 }));
-
 function IconContainer(props) {
   const other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _extends2.default)({}, other));
 }
-
 process.env.NODE_ENV !== "production" ? IconContainer.propTypes = {
   value: _propTypes.default.number.isRequired
 } : void 0;
-
 function RatingItem(props) {
   const {
     classes,
@@ -243,13 +213,11 @@ function RatingItem(props) {
     }),
     children: emptyIcon && !isFilled ? emptyIcon : icon
   });
-
   if (readOnly) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _extends2.default)({}, labelProps, {
       children: container
     }));
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(RatingLabel, (0, _extends2.default)({
       ownerState: (0, _extends2.default)({}, ownerState, {
@@ -276,7 +244,6 @@ function RatingItem(props) {
     })]
   });
 }
-
 process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
   classes: _propTypes.default.object.isRequired,
   disabled: _propTypes.default.bool.isRequired,
@@ -306,38 +273,36 @@ const defaultIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Star.default, {
 const defaultEmptyIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarBorder.default, {
   fontSize: "inherit"
 });
-
 function defaultLabelText(value) {
   return `${value} Star${value !== 1 ? 's' : ''}`;
 }
-
 const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     name: 'MuiRating',
     props: inProps
   });
   const {
-    className,
-    defaultValue = null,
-    disabled = false,
-    emptyIcon = defaultEmptyIcon,
-    emptyLabelText = 'Empty',
-    getLabelText = defaultLabelText,
-    highlightSelectedOnly = false,
-    icon = defaultIcon,
-    IconContainerComponent = IconContainer,
-    max = 5,
-    name: nameProp,
-    onChange,
-    onChangeActive,
-    onMouseLeave,
-    onMouseMove,
-    precision = 1,
-    readOnly = false,
-    size = 'medium',
-    value: valueProp
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+      className,
+      defaultValue = null,
+      disabled = false,
+      emptyIcon = defaultEmptyIcon,
+      emptyLabelText = 'Empty',
+      getLabelText = defaultLabelText,
+      highlightSelectedOnly = false,
+      icon = defaultIcon,
+      IconContainerComponent = IconContainer,
+      max = 5,
+      name: nameProp,
+      onChange,
+      onChangeActive,
+      onMouseLeave,
+      onMouseMove,
+      precision = 1,
+      readOnly = false,
+      size = 'medium',
+      value: valueProp
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const name = (0, _utils2.unstable_useId)(nameProp);
   const [valueDerived, setValueState] = (0, _utils2.useControlled)({
     controlled: valueProp,
@@ -354,15 +319,12 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     focus: -1
   });
   let value = valueRounded;
-
   if (hover !== -1) {
     value = hover;
   }
-
   if (focus !== -1) {
     value = focus;
   }
-
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -372,12 +334,10 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
   const [focusVisible, setFocusVisible] = React.useState(false);
   const rootRef = React.useRef();
   const handleRef = (0, _utils2.useForkRef)(focusVisibleRef, rootRef, ref);
-
   const handleMouseMove = event => {
     if (onMouseMove) {
       onMouseMove(event);
     }
-
     const rootNode = rootRef.current;
     const {
       right,
@@ -387,13 +347,11 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       width
     } = rootNode.firstChild.getBoundingClientRect();
     let percent;
-
     if (theme.direction === 'rtl') {
       percent = (right - event.clientX) / (width * max);
     } else {
       percent = (event.clientX - left) / (width * max);
     }
-
     let newHover = roundValueToPrecision(max * percent + precision / 2, precision);
     newHover = clamp(newHover, precision, max);
     setState(prev => prev.hover === newHover && prev.focus === newHover ? prev : {
@@ -401,93 +359,76 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       focus: newHover
     });
     setFocusVisible(false);
-
     if (onChangeActive && hover !== newHover) {
       onChangeActive(event, newHover);
     }
   };
-
   const handleMouseLeave = event => {
     if (onMouseLeave) {
       onMouseLeave(event);
     }
-
     const newHover = -1;
     setState({
       hover: newHover,
       focus: newHover
     });
-
     if (onChangeActive && hover !== newHover) {
       onChangeActive(event, newHover);
     }
   };
-
   const handleChange = event => {
-    let newValue = event.target.value === '' ? null : parseFloat(event.target.value); // Give mouse priority over keyboard
-    // Fix https://github.com/mui/material-ui/issues/22827
+    let 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);
     }
   };
-
   const 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);
     }
   };
-
   const handleFocus = event => {
     handleFocusVisible(event);
-
     if (isFocusVisibleRef.current === true) {
       setFocusVisible(true);
     }
-
     const newFocus = parseFloat(event.target.value);
     setState(prev => ({
       hover: prev.hover,
       focus: newFocus
     }));
   };
-
   const handleBlur = event => {
     if (hover !== -1) {
       return;
     }
-
     handleBlurVisible(event);
-
     if (isFocusVisibleRef.current === false) {
       setFocusVisible(false);
     }
-
     const newFocus = -1;
     setState(prev => ({
       hover: prev.hover,
       focus: newFocus
     }));
   };
-
   const [emptyValueFocused, setEmptyValueFocused] = React.useState(false);
   const ownerState = (0, _extends2.default)({}, props, {
     defaultValue,
@@ -537,7 +478,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
         ownerState
       };
       const isActive = itemValue === Math.ceil(value) && (hover !== -1 || focus !== -1);
-
       if (precision < 1) {
         const items = Array.from(new Array(1 / precision));
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingDecimal, {
@@ -561,7 +501,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
           })
         }, itemValue);
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingItem, (0, _extends2.default)({}, ratingItemProps, {
         isActive: isActive,
         itemValue: itemValue
@@ -586,48 +525,39 @@ const 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.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * The default value. Use when the component is not controlled.
    * @default null
    */
   defaultValue: _propTypes.default.number,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: _propTypes.default.bool,
-
   /**
    * The icon to display when empty.
    * @default <StarBorder fontSize="inherit" />
    */
   emptyIcon: _propTypes.default.node,
-
   /**
    * The label read when the rating input is empty.
    * @default 'Empty'
    */
   emptyLabelText: _propTypes.default.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.
@@ -640,19 +570,16 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
    * }
    */
   getLabelText: _propTypes.default.func,
-
   /**
    * If `true`, only the selected icon will be highlighted.
    * @default false
    */
   highlightSelectedOnly: _propTypes.default.bool,
-
   /**
    * The icon to display.
    * @default <Star fontSize="inherit" />
    */
   icon: _propTypes.default.node,
-
   /**
    * The component containing the icon.
    * @default function IconContainer(props) {
@@ -661,44 +588,37 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
    * }
    */
   IconContainerComponent: _propTypes.default.elementType,
-
   /**
    * Maximum rating.
    * @default 5
    */
   max: _propTypes.default.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.default.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.default.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.default.func,
-
   /**
    * @ignore
    */
   onMouseLeave: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onMouseMove: _propTypes.default.func,
-
   /**
    * The minimum increment value change allowed.
    * @default 1
@@ -707,29 +627,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.default.bool,
-
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
-
+  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
   /**
    * 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]),
-
   /**
    * The rating value.
    */

package/Rating/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "ratingClasses", {
     return _ratingClasses.default;
   }
 });
-
 var _Rating = _interopRequireDefault(require("./Rating"));
-
 var _ratingClasses = _interopRequireWildcard(require("./ratingClasses"));
-
 Object.keys(_ratingClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -36,7 +32,5 @@ Object.keys(_ratingClasses).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; }

package/Rating/ratingClasses.d.ts

@@ -1,40 +1,40 @@
-export interface RatingClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-    /** Styles applied to the root element if `readOnly={true}`. */
-    readOnly: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-    /** Visually hide an element. */
-    visuallyHidden: string;
-    /** Styles applied to the label elements. */
-    label: string;
-    /** Styles applied to the label of the "no value" input when it is active. */
-    labelEmptyValueActive: string;
-    /** Styles applied to the icon wrapping elements. */
-    icon: string;
-    /** Styles applied to the icon wrapping elements when empty. */
-    iconEmpty: string;
-    /** Styles applied to the icon wrapping elements when filled. */
-    iconFilled: string;
-    /** Styles applied to the icon wrapping elements when hover. */
-    iconHover: string;
-    /** Styles applied to the icon wrapping elements when focus. */
-    iconFocus: string;
-    /** Styles applied to the icon wrapping elements when active. */
-    iconActive: string;
-    /** Styles applied to the icon wrapping elements when decimals are necessary. */
-    decimal: string;
-}
-export declare type RatingClassKey = keyof RatingClasses;
-export declare function getRatingUtilityClass(slot: string): string;
-declare const ratingClasses: RatingClasses;
-export default ratingClasses;
+export interface RatingClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+    /** Styles applied to the root element if `readOnly={true}`. */
+    readOnly: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+    /** Visually hide an element. */
+    visuallyHidden: string;
+    /** Styles applied to the label elements. */
+    label: string;
+    /** Styles applied to the label of the "no value" input when it is active. */
+    labelEmptyValueActive: string;
+    /** Styles applied to the icon wrapping elements. */
+    icon: string;
+    /** Styles applied to the icon wrapping elements when empty. */
+    iconEmpty: string;
+    /** Styles applied to the icon wrapping elements when filled. */
+    iconFilled: string;
+    /** Styles applied to the icon wrapping elements when hover. */
+    iconHover: string;
+    /** Styles applied to the icon wrapping elements when focus. */
+    iconFocus: string;
+    /** Styles applied to the icon wrapping elements when active. */
+    iconActive: string;
+    /** Styles applied to the icon wrapping elements when decimals are necessary. */
+    decimal: string;
+}
+export declare type RatingClassKey = keyof RatingClasses;
+export declare function getRatingUtilityClass(slot: string): string;
+declare const ratingClasses: RatingClasses;
+export default ratingClasses;

package/Rating/ratingClasses.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getRatingUtilityClass = getRatingUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getRatingUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiRating', slot);
 }
-
 const ratingClasses = (0, _utils.unstable_generateUtilityClasses)('MuiRating', ['root', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'readOnly', 'disabled', 'focusVisible', 'visuallyHidden', 'pristine', 'label', 'labelEmptyValueActive', 'icon', 'iconEmpty', 'iconFilled', 'iconHover', 'iconFocus', 'iconActive', 'decimal']);
 var _default = ratingClasses;
 exports.default = _default;