@mui/material 5.10.12 → 5.10.14

package/legacy/Menu/Menu.js

@@ -22,7 +22,6 @@ var LTR_ORIGIN = {
   vertical: 'top',
   horizontal: 'left'
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -32,7 +31,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getMenuUtilityClass, classes);
 };
-
 var MenuRoot = styled(Popover, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -73,31 +71,28 @@ var Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     name: 'MuiMenu'
   });
   var _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
-      children = props.children,
-      _props$disableAutoFoc = props.disableAutoFocusItem,
-      disableAutoFocusItem = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,
-      _props$MenuListProps = props.MenuListProps,
-      MenuListProps = _props$MenuListProps === void 0 ? {} : _props$MenuListProps,
-      onClose = props.onClose,
-      open = props.open,
-      _props$PaperProps = props.PaperProps,
-      PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,
-      PopoverClasses = props.PopoverClasses,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 'auto' : _props$transitionDura,
-      _props$TransitionProp = props.TransitionProps;
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+    children = props.children,
+    _props$disableAutoFoc = props.disableAutoFocusItem,
+    disableAutoFocusItem = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,
+    _props$MenuListProps = props.MenuListProps,
+    MenuListProps = _props$MenuListProps === void 0 ? {} : _props$MenuListProps,
+    onClose = props.onClose,
+    open = props.open,
+    _props$PaperProps = props.PaperProps,
+    PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,
+    PopoverClasses = props.PopoverClasses,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? 'auto' : _props$transitionDura,
+    _props$TransitionProp = props.TransitionProps;
   _props$TransitionProp = _props$TransitionProp === void 0 ? {} : _props$TransitionProp;
-
   var onEntering = _props$TransitionProp.onEntering,
-      TransitionProps = _objectWithoutProperties(_props$TransitionProp, ["onEntering"]),
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'selectedMenu' : _props$variant,
-      other = _objectWithoutProperties(props, ["autoFocus", "children", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"]);
-
+    TransitionProps = _objectWithoutProperties(_props$TransitionProp, ["onEntering"]),
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'selectedMenu' : _props$variant,
+    other = _objectWithoutProperties(props, ["autoFocus", "children", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"]);
   var theme = useTheme();
   var isRtl = theme.direction === 'rtl';
-
   var ownerState = _extends({}, props, {
     autoFocus: autoFocus,
     disableAutoFocusItem: disableAutoFocusItem,
@@ -108,52 +103,44 @@ var Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     TransitionProps: TransitionProps,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   var autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   var menuListActionsRef = React.useRef(null);
-
   var handleEntering = function handleEntering(element, isAppearing) {
     if (menuListActionsRef.current) {
       menuListActionsRef.current.adjustStyleForScrollbar(element, theme);
     }
-
     if (onEntering) {
       onEntering(element, isAppearing);
     }
   };
-
   var handleListKeyDown = function handleListKeyDown(event) {
     if (event.key === 'Tab') {
       event.preventDefault();
-
       if (onClose) {
         onClose(event, 'tabKeyDown');
       }
     }
   };
+
   /**
    * 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.map(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;
@@ -198,22 +185,16 @@ var Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     }))
   }));
 });
-process.env.NODE_ENV !== "production" ? Menu.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Menu.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the position of the menu.
    */
-  anchorEl: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([HTMLElementType, PropTypes.func]),
-
+  anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),
   /**
    * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
    * children are not focusable. If you set this prop to `false` focus will be placed
@@ -222,17 +203,14 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
    * @default true
    */
   autoFocus: PropTypes.bool,
-
   /**
    * Menu contents, normally `MenuItem`s.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * When opening the menu will not focus the active item but the `[role="menu"]`
    * unless `autoFocus` is also set to `false`. Not using the default means not
@@ -241,13 +219,11 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
    * @default false
    */
   disableAutoFocusItem: PropTypes.bool,
-
   /**
    * Props applied to the [`MenuList`](/material-ui/api/menu-list/) element.
    * @default {}
    */
   MenuListProps: PropTypes.object,
-
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -255,27 +231,22 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"tabKeyDown"`.
    */
   onClose: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool.isRequired,
-
   /**
    * @ignore
    */
   PaperProps: PropTypes.object,
-
   /**
    * `classes` prop applied to the [`Popover`](/material-ui/api/popover/) element.
    */
   PopoverClasses: PropTypes.object,
-
   /**
    * 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 length of the transition in `ms`, or 'auto'
    * @default 'auto'
@@ -285,14 +256,12 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
     enter: PropTypes.number,
     exit: PropTypes.number
   })]),
-
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    * @default {}
    */
   TransitionProps: PropTypes.object,
-
   /**
    * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
    * @default 'selectedMenu'

package/legacy/MenuItem/MenuItem.js

@@ -21,21 +21,19 @@ export var overridesResolver = function overridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [styles.root, ownerState.dense && styles.dense, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters];
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var disabled = ownerState.disabled,
-      dense = ownerState.dense,
-      divider = ownerState.divider,
-      disableGutters = ownerState.disableGutters,
-      selected = ownerState.selected,
-      classes = ownerState.classes;
+    dense = ownerState.dense,
+    divider = ownerState.divider,
+    disableGutters = ownerState.disableGutters,
+    selected = ownerState.selected,
+    classes = ownerState.classes;
   var slots = {
     root: ['root', dense && 'dense', disabled && 'disabled', !disableGutters && 'gutters', divider && 'divider', selected && 'selected']
   };
   var composedClasses = composeClasses(slots, getMenuItemUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 var MenuItemRoot = styled(ButtonBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -45,9 +43,8 @@ var MenuItemRoot = styled(ButtonBase, {
   overridesResolver: overridesResolver
 })(function (_ref) {
   var _extends2;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({}, theme.typography.body1, {
     display: 'flex',
     justifyContent: 'flex-start',
@@ -116,24 +113,22 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     props: inProps,
     name: 'MuiMenuItem'
   });
-
   var _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'li' : _props$component,
-      _props$dense = props.dense,
-      dense = _props$dense === void 0 ? false : _props$dense,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? false : _props$divider,
-      _props$disableGutters = props.disableGutters,
-      disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
-      focusVisibleClassName = props.focusVisibleClassName,
-      _props$role = props.role,
-      role = _props$role === void 0 ? 'menuitem' : _props$role,
-      tabIndexProp = props.tabIndex,
-      className = props.className,
-      other = _objectWithoutProperties(props, ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"]);
-
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'li' : _props$component,
+    _props$dense = props.dense,
+    dense = _props$dense === void 0 ? false : _props$dense,
+    _props$divider = props.divider,
+    divider = _props$divider === void 0 ? false : _props$divider,
+    _props$disableGutters = props.disableGutters,
+    disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
+    focusVisibleClassName = props.focusVisibleClassName,
+    _props$role = props.role,
+    role = _props$role === void 0 ? 'menuitem' : _props$role,
+    tabIndexProp = props.tabIndex,
+    className = props.className,
+    other = _objectWithoutProperties(props, ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"]);
   var context = React.useContext(ListContext);
   var childContext = React.useMemo(function () {
     return {
@@ -151,21 +146,17 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       }
     }
   }, [autoFocus]);
-
   var ownerState = _extends({}, props, {
     dense: childContext.dense,
     divider: divider,
     disableGutters: disableGutters
   });
-
   var classes = useUtilityClasses(props);
   var handleRef = useForkRef(menuItemRef, ref);
   var tabIndex;
-
   if (!props.disabled) {
     tabIndex = tabIndexProp !== undefined ? tabIndexProp : -1;
   }
-
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
     children: /*#__PURE__*/_jsx(MenuItemRoot, _extends({
@@ -181,66 +172,54 @@ var 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.
@@ -250,24 +229,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
    */