@mui/material 5.10.12 → 5.10.14

package/esm/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import ListContext from '../List/ListContext';
 import { getListItemSecondaryActionClassesUtilityClass } from './listItemSecondaryActionClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     disableGutters,
@@ -21,7 +20,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getListItemSecondaryActionClassesUtilityClass, classes);
 };
-
 const ListItemSecondaryActionRoot = styled('div', {
   name: 'MuiListItemSecondaryAction',
   slot: 'Root',
@@ -41,27 +39,23 @@ const ListItemSecondaryActionRoot = styled('div', {
 }, ownerState.disableGutters && {
   right: 0
 }));
+
 /**
  * Must be used as the last child of ListItem to function properly.
  */
-
 const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSecondaryAction(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiListItemSecondaryAction'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const context = React.useContext(ListContext);
-
   const ownerState = _extends({}, props, {
     disableGutters: context.disableGutters
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListItemSecondaryActionRoot, _extends({
     className: clsx(classes.root, className),
@@ -69,29 +63,23 @@ const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemS
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.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, normally an `IconButton` or selection control.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/ListItemText/ListItemText.js

@@ -12,7 +12,6 @@ import styled from '../styles/styled';
 import listItemTextClasses, { getListItemTextUtilityClass } from './listItemTextClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -28,7 +27,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getListItemTextUtilityClass, classes);
 };
-
 const ListItemTextRoot = styled('div', {
   name: 'MuiListItemText',
   slot: 'Root',
@@ -60,25 +58,22 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
     props: inProps,
     name: 'MuiListItemText'
   });
-
   const {
-    children,
-    className,
-    disableTypography = false,
-    inset = false,
-    primary: primaryProp,
-    primaryTypographyProps,
-    secondary: secondaryProp,
-    secondaryTypographyProps
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      disableTypography = false,
+      inset = false,
+      primary: primaryProp,
+      primaryTypographyProps,
+      secondary: secondaryProp,
+      secondaryTypographyProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     dense
   } = React.useContext(ListContext);
   let primary = primaryProp != null ? primaryProp : children;
   let secondary = secondaryProp;
-
   const ownerState = _extends({}, props, {
     disableTypography,
     inset,
@@ -86,9 +81,7 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
     secondary: !!secondary,
     dense
   });
-
   const classes = useUtilityClasses(ownerState);
-
   if (primary != null && primary.type !== Typography && !disableTypography) {
     primary = /*#__PURE__*/_jsx(Typography, _extends({
       variant: dense ? 'body2' : 'body1',
@@ -99,7 +92,6 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
       children: primary
     }));
   }
-
   if (secondary != null && secondary.type !== Typography && !disableTypography) {
     secondary = /*#__PURE__*/_jsx(Typography, _extends({
       variant: "body2",
@@ -110,7 +102,6 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
       children: secondary
     }));
   }
-
   return /*#__PURE__*/_jsxs(ListItemTextRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -119,29 +110,23 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
     children: [primary, secondary]
   }));
 });
-process.env.NODE_ENV !== "production" ? ListItemText.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListItemText.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Alias for the `primary` prop.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * If `true`, the children won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -150,36 +135,30 @@ process.env.NODE_ENV !== "production" ? ListItemText.propTypes
    * @default false
    */
   disableTypography: PropTypes.bool,
-
   /**
    * If `true`, the children are indented.
    * This should be used if there is no left avatar or left icon.
    * @default false
    */
   inset: PropTypes.bool,
-
   /**
    * The main content element.
    */
   primary: PropTypes.node,
-
   /**
    * These props will be forwarded to the primary typography component
    * (as long as disableTypography is not `true`).
    */
   primaryTypographyProps: PropTypes.object,
-
   /**
    * The secondary content element.
    */
   secondary: PropTypes.node,
-
   /**
    * These props will be forwarded to the secondary typography component
    * (as long as disableTypography is not `true`).
    */
   secondaryTypographyProps: PropTypes.object,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/ListSubheader/ListSubheader.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import capitalize from '../utils/capitalize';
 import { getListSubheaderUtilityClass } from './listSubheaderClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -24,7 +23,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getListSubheaderUtilityClass, classes);
 };
-
 const ListSubheaderRoot = styled('li', {
   name: 'MuiListSubheader',
   slot: 'Root',
@@ -65,17 +63,15 @@ const ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inPro
     props: inProps,
     name: 'MuiListSubheader'
   });
-
   const {
-    className,
-    color = 'default',
-    component = 'li',
-    disableGutters = false,
-    disableSticky = false,
-    inset = false
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      color = 'default',
+      component = 'li',
+      disableGutters = false,
+      disableSticky = false,
+      inset = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     component,
@@ -83,7 +79,6 @@ const ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inPro
     disableSticky,
     inset
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListSubheaderRoot, _extends({
     as: component,
@@ -92,59 +87,48 @@ const ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(inPro
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? ListSubheader.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ListSubheader.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 color of the component. It supports those theme colors that make sense for this component.
    * @default 'default'
    */
   color: PropTypes.oneOf(['default', 'inherit', 'primary']),
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the List Subheader will not have gutters.
    * @default false
    */
   disableGutters: PropTypes.bool,
-
   /**
    * If `true`, the List Subheader will not stick to the top during scroll.
    * @default false
    */
   disableSticky: PropTypes.bool,
-
   /**
    * If `true`, the List Subheader is indented.
    * @default false
    */
   inset: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/Menu/Menu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["onEntering"],
-      _excluded2 = ["autoFocus", "children", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"];
+  _excluded2 = ["autoFocus", "children", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -24,7 +24,6 @@ const LTR_ORIGIN = {
   vertical: 'top',
   horizontal: 'left'
 };
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -36,7 +35,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getMenuUtilityClass, classes);
 };
-
 const MenuRoot = styled(Popover, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiMenu',
@@ -68,28 +66,25 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     props: inProps,
     name: 'MuiMenu'
   });
-
   const {
-    autoFocus = true,
-    children,
-    disableAutoFocusItem = false,
-    MenuListProps = {},
-    onClose,
-    open,
-    PaperProps = {},
-    PopoverClasses,
-    transitionDuration = 'auto',
-    TransitionProps: {
-      onEntering
-    } = {},
-    variant = 'selectedMenu'
-  } = props,
-        TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
-        other = _objectWithoutPropertiesLoose(props, _excluded2);
-
+      autoFocus = true,
+      children,
+      disableAutoFocusItem = false,
+      MenuListProps = {},
+      onClose,
+      open,
+      PaperProps = {},
+      PopoverClasses,
+      transitionDuration = 'auto',
+      TransitionProps: {
+        onEntering
+      } = {},
+      variant = 'selectedMenu'
+    } = props,
+    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
-
   const ownerState = _extends({}, props, {
     autoFocus,
     disableAutoFocusItem,
@@ -100,52 +95,44 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     TransitionProps,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = React.useRef(null);
-
   const handleEntering = (element, isAppearing) => {
     if (menuListActionsRef.current) {
       menuListActionsRef.current.adjustStyleForScrollbar(element, theme);
     }
-
     if (onEntering) {
       onEntering(element, isAppearing);
     }
   };
-
   const 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.
    */
-
-
-  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.map(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;
@@ -190,22 +177,16 @@ const 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
@@ -214,17 +195,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
@@ -233,13 +211,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.
    *
@@ -247,27 +223,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'
@@ -277,14 +248,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'