@mui/material 5.10.13 → 5.10.14

package/esm/Rating/Rating.js

@@ -1,7 +1,7 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 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"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -16,33 +16,26 @@ 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) {
   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,
@@ -67,7 +60,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getRatingUtilityClass, classes);
 };
-
 const RatingRoot = styled('span', {
   name: 'MuiRating',
   slot: 'Root',
@@ -164,17 +156,13 @@ const RatingDecimal = styled('span', {
 }, iconActive && {
   transform: 'scale(1.2)'
 }));
-
 function IconContainer(props) {
   const other = _objectWithoutPropertiesLoose(props, _excluded);
-
   return /*#__PURE__*/_jsx("span", _extends({}, other));
 }
-
 process.env.NODE_ENV !== "production" ? IconContainer.propTypes = {
   value: PropTypes.number.isRequired
 } : void 0;
-
 function RatingItem(props) {
   const {
     classes,
@@ -204,7 +192,6 @@ function RatingItem(props) {
   const isFocused = itemValue <= focus;
   const isChecked = itemValue === ratingValueRounded;
   const id = useId();
-
   const container = /*#__PURE__*/_jsx(RatingIcon, {
     as: IconContainerComponent,
     value: itemValue,
@@ -218,13 +205,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, {
@@ -251,7 +236,6 @@ function RatingItem(props) {
     })]
   });
 }
-
 process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
   classes: PropTypes.object.isRequired,
   disabled: PropTypes.bool.isRequired,
@@ -275,48 +259,42 @@ process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
   ratingValueRounded: PropTypes.number,
   readOnly: PropTypes.bool.isRequired
 } : void 0;
-
 const defaultIcon = /*#__PURE__*/_jsx(Star, {
   fontSize: "inherit"
 });
-
 const defaultEmptyIcon = /*#__PURE__*/_jsx(StarBorder, {
   fontSize: "inherit"
 });
-
 function defaultLabelText(value) {
   return `${value} Star${value !== 1 ? 's' : ''}`;
 }
-
 const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
   const props = useThemeProps({
     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 = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(props, _excluded2);
   const name = useId(nameProp);
   const [valueDerived, setValueState] = useControlled({
     controlled: valueProp,
@@ -333,15 +311,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,
@@ -351,12 +326,10 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
   const [focusVisible, setFocusVisible] = React.useState(false);
   const rootRef = React.useRef();
   const handleRef = useForkRef(focusVisibleRef, rootRef, ref);
-
   const handleMouseMove = event => {
     if (onMouseMove) {
       onMouseMove(event);
     }
-
     const rootNode = rootRef.current;
     const {
       right,
@@ -366,13 +339,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 : {
@@ -380,95 +351,77 @@ 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 = _extends({}, props, {
     defaultValue,
     disabled,
@@ -484,7 +437,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     readOnly,
     size
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(RatingRoot, _extends({
     ref: handleRef,
@@ -518,7 +470,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__*/_jsx(RatingDecimal, {
@@ -542,7 +493,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
           })
         }, itemValue);
       }
-
       return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
         isActive: isActive,
         itemValue: itemValue
@@ -567,48 +517,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.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.
@@ -621,19 +562,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) {
@@ -642,44 +580,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
@@ -688,29 +619,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.
    */

package/esm/ScopedCssBaseline/ScopedCssBaseline.js

@@ -10,7 +10,6 @@ import styled from '../styles/styled';
 import { html, body } from '../CssBaseline/CssBaseline';
 import { getScopedCssBaselineUtilityClass } from './scopedCssBaselineClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -20,7 +19,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getScopedCssBaselineUtilityClass, classes);
 };
-
 const ScopedCssBaselineRoot = styled('div', {
   name: 'MuiScopedCssBaseline',
   slot: 'Root',
@@ -30,17 +28,14 @@ const ScopedCssBaselineRoot = styled('div', {
   ownerState
 }) => {
   const colorSchemeStyles = {};
-
   if (ownerState.enableColorScheme && theme.colorSchemes) {
     Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
       var _scheme$palette;
-
       colorSchemeStyles[`&${theme.getColorSchemeSelector(key).replace(/\s*&/, '')}`] = {
         colorScheme: (_scheme$palette = scheme.palette) == null ? void 0 : _scheme$palette.mode
       };
     });
   }
-
   return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
     '& *, & *::before, & *::after': {
       boxSizing: 'inherit'
@@ -55,17 +50,14 @@ const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseli
     props: inProps,
     name: 'MuiScopedCssBaseline'
   });
-
   const {
-    className,
-    component = 'div'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      component = 'div'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     component
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, _extends({
     as: component,
@@ -74,42 +66,34 @@ const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseli
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ScopedCssBaseline.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 content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
    * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    */
   enableColorScheme: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */