@mui/material 5.10.13 → 5.10.14

package/modern/MenuItem/MenuItem.js

@@ -23,7 +23,6 @@ export const overridesResolver = (props, styles) => {
   } = props;
   return [styles.root, ownerState.dense && styles.dense, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters];
 };
-
 const useUtilityClasses = ownerState => {
   const {
     disabled,
@@ -39,7 +38,6 @@ const useUtilityClasses = ownerState => {
   const composedClasses = composeClasses(slots, getMenuItemUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 const MenuItemRoot = styled(ButtonBase, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiMenuItem',
@@ -129,20 +127,18 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     props: inProps,
     name: 'MuiMenuItem'
   });
-
   const {
-    autoFocus = false,
-    component = 'li',
-    dense = false,
-    divider = false,
-    disableGutters = false,
-    focusVisibleClassName,
-    role = 'menuitem',
-    tabIndex: tabIndexProp,
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      autoFocus = false,
+      component = 'li',
+      dense = false,
+      divider = false,
+      disableGutters = false,
+      focusVisibleClassName,
+      role = 'menuitem',
+      tabIndex: tabIndexProp,
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const context = React.useContext(ListContext);
   const childContext = React.useMemo(() => ({
     dense: dense || context.dense || false,
@@ -158,21 +154,17 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       }
     }
   }, [autoFocus]);
-
   const ownerState = _extends({}, props, {
     dense: childContext.dense,
     divider,
     disableGutters
   });
-
   const classes = useUtilityClasses(props);
   const handleRef = useForkRef(menuItemRef, ref);
   let tabIndex;
-
   if (!props.disabled) {
     tabIndex = tabIndexProp !== undefined ? tabIndexProp : -1;
   }
-
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
     children: /*#__PURE__*/_jsx(MenuItemRoot, _extends({
@@ -188,66 +180,54 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     }))
   });
 });
-process.env.NODE_ENV !== "production" ? MenuItem.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? MenuItem.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
   autoFocus: PropTypes.bool,
-
   /**
    * 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,
-
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent Menu component.
    * @default false
    */
   dense: PropTypes.bool,
-
   /**
    * @ignore
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
   disableGutters: PropTypes.bool,
-
   /**
    * If `true`, a 1px light border is added to the bottom of the menu item.
    * @default false
    */
   divider: PropTypes.bool,
-
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -257,24 +237,18 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes
    * if needed.
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * @ignore
    */
-  role: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .string,
-
+  role: PropTypes /* @typescript-to-proptypes-ignore */.string,
   /**
    * @ignore
    */
   selected: PropTypes.bool,
-
   /**
    * 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]),
-
   /**
    * @default 0
    */

package/modern/MenuList/MenuList.js

@@ -10,73 +10,56 @@ import getScrollbarSize from '../utils/getScrollbarSize';
 import useForkRef from '../utils/useForkRef';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function nextItem(list, item, disableListWrap) {
   if (list === item) {
     return list.firstChild;
   }
-
   if (item && item.nextElementSibling) {
     return item.nextElementSibling;
   }
-
   return disableListWrap ? null : list.firstChild;
 }
-
 function previousItem(list, item, disableListWrap) {
   if (list === item) {
     return disableListWrap ? list.firstChild : list.lastChild;
   }
-
   if (item && item.previousElementSibling) {
     return item.previousElementSibling;
   }
-
   return disableListWrap ? null : list.lastChild;
 }
-
 function textCriteriaMatches(nextFocus, textCriteria) {
   if (textCriteria === undefined) {
     return true;
   }
-
   let text = nextFocus.innerText;
-
   if (text === undefined) {
     // jsdom doesn't support innerText
     text = nextFocus.textContent;
   }
-
   text = text.trim().toLowerCase();
-
   if (text.length === 0) {
     return false;
   }
-
   if (textCriteria.repeating) {
     return text[0] === textCriteria.keys[0];
   }
-
   return text.indexOf(textCriteria.keys.join('')) === 0;
 }
-
 function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {
   let wrappedOnce = false;
   let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);
-
   while (nextFocus) {
     // Prevent infinite loop.
     if (nextFocus === list.firstChild) {
       if (wrappedOnce) {
         return false;
       }
-
       wrappedOnce = true;
-    } // Same logic as useAutocomplete.js
-
+    }
 
+    // Same logic as useAutocomplete.js
     const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
-
     if (!nextFocus.hasAttribute('tabindex') || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {
       // Move to the next element.
       nextFocus = traversalFunction(list, nextFocus, disableListWrap);
@@ -85,33 +68,30 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
       return true;
     }
   }
-
   return false;
 }
+
 /**
  * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/.
  * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you
  * use it separately you need to move focus into the component manually. Once
  * the focus is placed inside the component it is fully keyboard accessible.
  */
-
-
 const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
   const {
-    // private
-    // eslint-disable-next-line react/prop-types
-    actions,
-    autoFocus = false,
-    autoFocusItem = false,
-    children,
-    className,
-    disabledItemsFocusable = false,
-    disableListWrap = false,
-    onKeyDown,
-    variant = 'selectedMenu'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      // private
+      // eslint-disable-next-line react/prop-types
+      actions,
+      autoFocus = false,
+      autoFocusItem = false,
+      children,
+      className,
+      disabledItemsFocusable = false,
+      disableListWrap = false,
+      onKeyDown,
+      variant = 'selectedMenu'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const listRef = React.useRef(null);
   const textCriteriaRef = React.useRef({
     keys: [],
@@ -129,17 +109,14 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
       // Let's ignore that piece of logic if users are already overriding the width
       // of the menu.
       const noExplicitWidth = !listRef.current.style.width;
-
       if (containerElement.clientHeight < listRef.current.clientHeight && noExplicitWidth) {
         const scrollbarSize = `${getScrollbarSize(ownerDocument(containerElement))}px`;
         listRef.current.style[theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight'] = scrollbarSize;
         listRef.current.style.width = `calc(100% + ${scrollbarSize})`;
       }
-
       return listRef.current;
     }
   }), []);
-
   const handleKeyDown = event => {
     const list = listRef.current;
     const key = event.key;
@@ -149,9 +126,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
      * or document.body or document.documentElement. Only the first case will
      * trigger this specific handler.
      */
-
     const currentFocus = ownerDocument(list).activeElement;
-
     if (key === 'ArrowDown') {
       // Prevent scroll of the page
       event.preventDefault();
@@ -169,7 +144,6 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
       const criteria = textCriteriaRef.current;
       const lowerKey = key.toLowerCase();
       const currTime = performance.now();
-
       if (criteria.keys.length > 0) {
         // Reset
         if (currTime - criteria.lastTime > 500) {
@@ -180,45 +154,39 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
           criteria.repeating = false;
         }
       }
-
       criteria.lastTime = currTime;
       criteria.keys.push(lowerKey);
       const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);
-
       if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus(list, currentFocus, false, disabledItemsFocusable, nextItem, criteria))) {
         event.preventDefault();
       } else {
         criteria.previousKeyMatched = false;
       }
     }
-
     if (onKeyDown) {
       onKeyDown(event);
     }
   };
-
   const handleRef = useForkRef(listRef, ref);
+
   /**
    * the index of the item should receive focus
    * in a `variant="selectedMenu"` it's the first `selected` item
    * otherwise it's the very first item.
    */
-
-  let activeItemIndex = -1; // since we inject focus related props into children we have to do a lookahead
+  let activeItemIndex = -1;
+  // since we inject focus related props into children we have to do a lookahead
   // to check if there is a `selected` item. We're looking for the last `selected`
   // item and use the first valid item as a fallback
-
   React.Children.forEach(children, (child, index) => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return;
     }
-
     if (process.env.NODE_ENV !== 'production') {
       if (isFragment(child)) {
         console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
-
     if (!child.props.disabled) {
       if (variant === 'selectedMenu' && child.props.selected) {
         activeItemIndex = index;
@@ -230,18 +198,14 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
   const items = React.Children.map(children, (child, index) => {
     if (index === activeItemIndex) {
       const newChildProps = {};
-
       if (autoFocusItem) {
         newChildProps.autoFocus = true;
       }
-
       if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
         newChildProps.tabIndex = 0;
       }
-
       return /*#__PURE__*/React.cloneElement(child, newChildProps);
     }
-
     return child;
   });
   return /*#__PURE__*/_jsx(List, _extends({
@@ -254,54 +218,44 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
     children: items
   }));
 });
-process.env.NODE_ENV !== "production" ? MenuList.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? MenuList.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * If `true`, will focus the `[role="menu"]` container and move into tab order.
    * @default false
    */
   autoFocus: PropTypes.bool,
-
   /**
    * If `true`, will focus the first menuitem if `variant="menu"` or selected item
    * if `variant="selectedMenu"`.
    * @default false
    */
   autoFocusItem: PropTypes.bool,
-
   /**
    * MenuList contents, normally `MenuItem`s.
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * If `true`, will allow focus on disabled items.
    * @default false
    */
   disabledItemsFocusable: PropTypes.bool,
-
   /**
    * If `true`, the menu items will not wrap focus.
    * @default false
    */
   disableListWrap: PropTypes.bool,
-
   /**
    * @ignore
    */
   onKeyDown: PropTypes.func,
-
   /**
    * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
    * and the vertical alignment relative to the anchor element.

package/modern/MobileStepper/MobileStepper.js

@@ -14,7 +14,6 @@ import styled, { slotShouldForwardProp } from '../styles/styled';
 import { getMobileStepperUtilityClass } from './mobileStepperClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -29,7 +28,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getMobileStepperUtilityClass, classes);
 };
-
 const MobileStepperRoot = styled(Paper, {
   name: 'MuiMobileStepper',
   slot: 'Root',
@@ -112,25 +110,22 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
     props: inProps,
     name: 'MuiMobileStepper'
   });
-
   const {
-    activeStep = 0,
-    backButton,
-    className,
-    LinearProgressProps,
-    nextButton,
-    position = 'bottom',
-    steps,
-    variant = 'dots'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      activeStep = 0,
+      backButton,
+      className,
+      LinearProgressProps,
+      nextButton,
+      position = 'bottom',
+      steps,
+      variant = 'dots'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     activeStep,
     position,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(MobileStepperRoot, _extends({
     square: true,
@@ -157,62 +152,50 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
     }, LinearProgressProps)), nextButton]
   }));
 });
-process.env.NODE_ENV !== "production" ? MobileStepper.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? MobileStepper.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Set the active step (zero based index).
    * Defines which dot is highlighted when the variant is 'dots'.
    * @default 0
    */
   activeStep: integerPropType,
-
   /**
    * A back button element. For instance, it can be a `Button` or an `IconButton`.
    */
   backButton: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Props applied to the `LinearProgress` element.
    */
   LinearProgressProps: PropTypes.object,
-
   /**
    * A next button element. For instance, it can be a `Button` or an `IconButton`.
    */
   nextButton: PropTypes.node,
-
   /**
    * Set the positioning type.
    * @default 'bottom'
    */
   position: PropTypes.oneOf(['bottom', 'static', 'top']),
-
   /**
    * The total steps.
    */
   steps: integerPropType.isRequired,
-
   /**
    * 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 variant to use.
    * @default 'dots'