@mui/material 5.10.12 → 5.10.14

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -13,7 +13,6 @@ import Typography from '../Typography';
 import BreadcrumbCollapsed from './BreadcrumbCollapsed';
 import breadcrumbsClasses, { getBreadcrumbsUtilityClass } from './breadcrumbsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -26,7 +25,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getBreadcrumbsUtilityClass, classes);
 };
-
 const BreadcrumbsRoot = styled(Typography, {
   name: 'MuiBreadcrumbs',
   slot: 'Root',
@@ -58,7 +56,6 @@ const BreadcrumbsSeparator = styled('li', {
   marginLeft: 8,
   marginRight: 8
 });
-
 function insertSeparators(items, className, separator, ownerState) {
   return items.reduce((acc, current, index) => {
     if (index < items.length - 1) {
@@ -71,31 +68,26 @@ function insertSeparators(items, className, separator, ownerState) {
     } else {
       acc.push(current);
     }
-
     return acc;
   }, []);
 }
-
 const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiBreadcrumbs'
   });
-
   const {
-    children,
-    className,
-    component = 'nav',
-    expandText = 'Show path',
-    itemsAfterCollapse = 1,
-    itemsBeforeCollapse = 1,
-    maxItems = 8,
-    separator = '/'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      component = 'nav',
+      expandText = 'Show path',
+      itemsAfterCollapse = 1,
+      itemsBeforeCollapse = 1,
+      maxItems = 8,
+      separator = '/'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const [expanded, setExpanded] = React.useState(false);
-
   const ownerState = _extends({}, props, {
     component,
     expanded,
@@ -105,47 +97,41 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     maxItems,
     separator
   });
-
   const classes = useUtilityClasses(ownerState);
   const listRef = React.useRef(null);
-
   const renderItemsBeforeAndAfter = allItems => {
     const handleClickExpand = () => {
-      setExpanded(true); // The clicked element received the focus but gets removed from the DOM.
+      setExpanded(true);
+
+      // The clicked element received the focus but gets removed from the DOM.
       // Let's keep the focus in the component after expanding.
       // Moving it to the <ol> or <nav> does not cause any announcement in NVDA.
       // By moving it to some link/button at least we have some announcement.
-
       const focusable = listRef.current.querySelector('a[href],button,[tabindex]');
-
       if (focusable) {
         focusable.focus();
       }
-    }; // This defends against someone passing weird input, to ensure that if all
-    // items would be shown anyway, we just show all items without the EllipsisItem
-
+    };
 
+    // This defends against someone passing weird input, to ensure that if all
+    // items would be shown anyway, we just show all items without the EllipsisItem
     if (itemsBeforeCollapse + itemsAfterCollapse >= allItems.length) {
       if (process.env.NODE_ENV !== 'production') {
         console.error(['MUI: You have provided an invalid combination of props to the Breadcrumbs.', `itemsAfterCollapse={${itemsAfterCollapse}} + itemsBeforeCollapse={${itemsBeforeCollapse}} >= maxItems={${maxItems}}`].join('\n'));
       }
-
       return allItems;
     }
-
     return [...allItems.slice(0, itemsBeforeCollapse), /*#__PURE__*/_jsx(BreadcrumbCollapsed, {
       "aria-label": expandText,
       onClick: handleClickExpand
     }, "ellipsis"), ...allItems.slice(allItems.length - itemsAfterCollapse, allItems.length)];
   };
-
   const allItems = React.Children.toArray(children).filter(child => {
     if (process.env.NODE_ENV !== 'production') {
       if (isFragment(child)) {
         console.error(["MUI: The Breadcrumbs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
-
     return /*#__PURE__*/React.isValidElement(child);
   }).map((child, index) => /*#__PURE__*/_jsx("li", {
     className: classes.li,
@@ -166,35 +152,28 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Breadcrumbs.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,
-
   /**
    * Override the default label for the expand button.
    *
@@ -202,19 +181,16 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
    * @default 'Show path'
    */
   expandText: PropTypes.string,
-
   /**
    * If max items is exceeded, the number of items to show after the ellipsis.
    * @default 1
    */
   itemsAfterCollapse: integerPropType,
-
   /**
    * If max items is exceeded, the number of items to show before the ellipsis.
    * @default 1
    */
   itemsBeforeCollapse: integerPropType,
-
   /**
    * Specifies the maximum number of breadcrumbs to display. When there are more
    * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
@@ -222,13 +198,11 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
    * @default 8
    */
   maxItems: integerPropType,
-
   /**
    * Custom separator node.
    * @default '/'
    */
   separator: PropTypes.node,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/Button/Button.js

@@ -15,7 +15,6 @@ import buttonClasses, { getButtonUtilityClass } from './buttonClasses';
 import ButtonGroupContext from '../ButtonGroup/ButtonGroupContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     color,
@@ -34,7 +33,6 @@ const useUtilityClasses = ownerState => {
   const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
   '& > *:nth-of-type(1)': {
     fontSize: 18
@@ -48,7 +46,6 @@ const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small'
     fontSize: 22
   }
 });
-
 const ButtonRoot = styled(ButtonBase, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiButton',
@@ -64,7 +61,6 @@ const ButtonRoot = styled(ButtonBase, {
   ownerState
 }) => {
   var _theme$palette$getCon, _theme$palette;
-
   return _extends({}, theme.typography.button, {
     minWidth: 64,
     padding: '6px 16px',
@@ -135,7 +131,8 @@ const ButtonRoot = styled(ButtonBase, {
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
   }, ownerState.variant === 'contained' && {
-    color: theme.vars ? // this is safe because grey does not change between default light/dark mode
+    color: theme.vars ?
+    // this is safe because grey does not change between default light/dark mode
     theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
     backgroundColor: (theme.vars || theme).palette.grey[300],
     boxShadow: (theme.vars || theme).shadows[2]
@@ -227,25 +224,23 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     props: resolvedProps,
     name: 'MuiButton'
   });
-
   const {
-    children,
-    color = 'primary',
-    component = 'button',
-    className,
-    disabled = false,
-    disableElevation = false,
-    disableFocusRipple = false,
-    endIcon: endIconProp,
-    focusVisibleClassName,
-    fullWidth = false,
-    size = 'medium',
-    startIcon: startIconProp,
-    type,
-    variant = 'text'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      color = 'primary',
+      component = 'button',
+      className,
+      disabled = false,
+      disableElevation = false,
+      disableFocusRipple = false,
+      endIcon: endIconProp,
+      focusVisibleClassName,
+      fullWidth = false,
+      size = 'medium',
+      startIcon: startIconProp,
+      type,
+      variant = 'text'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     component,
@@ -257,21 +252,17 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     type,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
-
   const startIcon = startIconProp && /*#__PURE__*/_jsx(ButtonStartIcon, {
     className: classes.startIcon,
     ownerState: ownerState,
     children: startIconProp
   });
-
   const endIcon = endIconProp && /*#__PURE__*/_jsx(ButtonEndIcon, {
     className: classes.endIcon,
     ownerState: ownerState,
     children: endIconProp
   });
-
   return /*#__PURE__*/_jsxs(ButtonRoot, _extends({
     ownerState: ownerState,
     className: clsx(contextProps.className, classes.root, className),
@@ -286,63 +277,50 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     children: [startIcon, children, endIcon]
   }));
 });
-process.env.NODE_ENV !== "production" ? Button.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Button.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 both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), 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`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, no elevation is used.
    * @default false
    */
   disableElevation: PropTypes.bool,
-
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
   disableFocusRipple: PropTypes.bool,
-
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -351,59 +329,46 @@ process.env.NODE_ENV !== "production" ? Button.propTypes
    * @default false
    */
   disableRipple: PropTypes.bool,
-
   /**
    * Element placed after the children.
    */
   endIcon: PropTypes.node,
-
   /**
    * @ignore
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
   fullWidth: PropTypes.bool,
-
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
   href: PropTypes.string,
-
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @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]),
   /**
    * Element placed before the children.
    */
   startIcon: PropTypes.node,
-
   /**
    * 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]),
-
   /**
    * @ignore
    */
   type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
-
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
 } : void 0;
 export default Button;