@mui/material 5.10.13 → 5.10.14

package/legacy/MenuList/MenuList.js

@@ -9,73 +9,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;
   }
-
   var 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) {
   var wrappedOnce = false;
   var 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
     var 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);
@@ -84,34 +67,31 @@ 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.
  */
-
-
 var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
   var actions = props.actions,
-      _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
-      _props$autoFocusItem = props.autoFocusItem,
-      autoFocusItem = _props$autoFocusItem === void 0 ? false : _props$autoFocusItem,
-      children = props.children,
-      className = props.className,
-      _props$disabledItemsF = props.disabledItemsFocusable,
-      disabledItemsFocusable = _props$disabledItemsF === void 0 ? false : _props$disabledItemsF,
-      _props$disableListWra = props.disableListWrap,
-      disableListWrap = _props$disableListWra === void 0 ? false : _props$disableListWra,
-      onKeyDown = props.onKeyDown,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'selectedMenu' : _props$variant,
-      other = _objectWithoutProperties(props, ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"]);
-
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    _props$autoFocusItem = props.autoFocusItem,
+    autoFocusItem = _props$autoFocusItem === void 0 ? false : _props$autoFocusItem,
+    children = props.children,
+    className = props.className,
+    _props$disabledItemsF = props.disabledItemsFocusable,
+    disabledItemsFocusable = _props$disabledItemsF === void 0 ? false : _props$disabledItemsF,
+    _props$disableListWra = props.disableListWrap,
+    disableListWrap = _props$disableListWra === void 0 ? false : _props$disableListWra,
+    onKeyDown = props.onKeyDown,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'selectedMenu' : _props$variant,
+    other = _objectWithoutProperties(props, ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"]);
   var listRef = React.useRef(null);
   var textCriteriaRef = React.useRef({
     keys: [],
@@ -130,18 +110,15 @@ var 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.
         var noExplicitWidth = !listRef.current.style.width;
-
         if (containerElement.clientHeight < listRef.current.clientHeight && noExplicitWidth) {
           var scrollbarSize = "".concat(getScrollbarSize(ownerDocument(containerElement)), "px");
           listRef.current.style[theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight'] = scrollbarSize;
           listRef.current.style.width = "calc(100% + ".concat(scrollbarSize, ")");
         }
-
         return listRef.current;
       }
     };
   }, []);
-
   var handleKeyDown = function handleKeyDown(event) {
     var list = listRef.current;
     var key = event.key;
@@ -151,9 +128,7 @@ var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
      * or document.body or document.documentElement. Only the first case will
      * trigger this specific handler.
      */
-
     var currentFocus = ownerDocument(list).activeElement;
-
     if (key === 'ArrowDown') {
       // Prevent scroll of the page
       event.preventDefault();
@@ -171,7 +146,6 @@ var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
       var criteria = textCriteriaRef.current;
       var lowerKey = key.toLowerCase();
       var currTime = performance.now();
-
       if (criteria.keys.length > 0) {
         // Reset
         if (currTime - criteria.lastTime > 500) {
@@ -182,45 +156,39 @@ var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
           criteria.repeating = false;
         }
       }
-
       criteria.lastTime = currTime;
       criteria.keys.push(lowerKey);
       var 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);
     }
   };
-
   var 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.
    */
-
-  var activeItemIndex = -1; // since we inject focus related props into children we have to do a lookahead
+  var 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, function (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;
@@ -232,18 +200,14 @@ var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
   var items = React.Children.map(children, function (child, index) {
     if (index === activeItemIndex) {
       var 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({
@@ -256,54 +220,44 @@ var 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/legacy/MobileStepper/MobileStepper.js

@@ -14,10 +14,9 @@ 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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      position = ownerState.position;
+    position = ownerState.position;
   var slots = {
     root: ['root', "position".concat(capitalize(position))],
     dots: ['dots'],
@@ -27,7 +26,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getMobileStepperUtilityClass, classes);
 };
-
 var MobileStepperRoot = styled(Paper, {
   name: 'MuiMobileStepper',
   slot: 'Root',
@@ -37,7 +35,7 @@ var MobileStepperRoot = styled(Paper, {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     display: 'flex',
     flexDirection: 'row',
@@ -84,8 +82,8 @@ var MobileStepperDot = styled('div', {
   }
 })(function (_ref3) {
   var theme = _ref3.theme,
-      ownerState = _ref3.ownerState,
-      dotActive = _ref3.dotActive;
+    ownerState = _ref3.ownerState,
+    dotActive = _ref3.dotActive;
   return _extends({}, ownerState.variant === 'dots' && _extends({
     transition: theme.transitions.create('background-color', {
       duration: theme.transitions.duration.shortest
@@ -116,26 +114,23 @@ var MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps
     props: inProps,
     name: 'MuiMobileStepper'
   });
-
   var _props$activeStep = props.activeStep,
-      activeStep = _props$activeStep === void 0 ? 0 : _props$activeStep,
-      backButton = props.backButton,
-      className = props.className,
-      LinearProgressProps = props.LinearProgressProps,
-      nextButton = props.nextButton,
-      _props$position = props.position,
-      position = _props$position === void 0 ? 'bottom' : _props$position,
-      steps = props.steps,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'dots' : _props$variant,
-      other = _objectWithoutProperties(props, ["activeStep", "backButton", "className", "LinearProgressProps", "nextButton", "position", "steps", "variant"]);
-
+    activeStep = _props$activeStep === void 0 ? 0 : _props$activeStep,
+    backButton = props.backButton,
+    className = props.className,
+    LinearProgressProps = props.LinearProgressProps,
+    nextButton = props.nextButton,
+    _props$position = props.position,
+    position = _props$position === void 0 ? 'bottom' : _props$position,
+    steps = props.steps,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'dots' : _props$variant,
+    other = _objectWithoutProperties(props, ["activeStep", "backButton", "className", "LinearProgressProps", "nextButton", "position", "steps", "variant"]);
   var ownerState = _extends({}, props, {
     activeStep: activeStep,
     position: position,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(MobileStepperRoot, _extends({
     square: true,
@@ -164,62 +159,50 @@ var MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps
     }, 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'