@mui/material 5.10.13 → 5.10.14

package/legacy/Breadcrumbs/Breadcrumbs.js

@@ -14,7 +14,6 @@ import Typography from '../Typography';
 import BreadcrumbCollapsed from './BreadcrumbCollapsed';
 import breadcrumbsClasses, { getBreadcrumbsUtilityClass } from './breadcrumbsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -25,7 +24,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getBreadcrumbsUtilityClass, classes);
 };
-
 var BreadcrumbsRoot = styled(Typography, {
   name: 'MuiBreadcrumbs',
   slot: 'Root',
@@ -59,7 +57,6 @@ var BreadcrumbsSeparator = styled('li', {
   marginLeft: 8,
   marginRight: 8
 });
-
 function insertSeparators(items, className, separator, ownerState) {
   return items.reduce(function (acc, current, index) {
     if (index < items.length - 1) {
@@ -72,37 +69,32 @@ function insertSeparators(items, className, separator, ownerState) {
     } else {
       acc.push(current);
     }
-
     return acc;
   }, []);
 }
-
 var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiBreadcrumbs'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'nav' : _props$component,
-      _props$expandText = props.expandText,
-      expandText = _props$expandText === void 0 ? 'Show path' : _props$expandText,
-      _props$itemsAfterColl = props.itemsAfterCollapse,
-      itemsAfterCollapse = _props$itemsAfterColl === void 0 ? 1 : _props$itemsAfterColl,
-      _props$itemsBeforeCol = props.itemsBeforeCollapse,
-      itemsBeforeCollapse = _props$itemsBeforeCol === void 0 ? 1 : _props$itemsBeforeCol,
-      _props$maxItems = props.maxItems,
-      maxItems = _props$maxItems === void 0 ? 8 : _props$maxItems,
-      _props$separator = props.separator,
-      separator = _props$separator === void 0 ? '/' : _props$separator,
-      other = _objectWithoutProperties(props, ["children", "className", "component", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"]);
-
+    className = props.className,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'nav' : _props$component,
+    _props$expandText = props.expandText,
+    expandText = _props$expandText === void 0 ? 'Show path' : _props$expandText,
+    _props$itemsAfterColl = props.itemsAfterCollapse,
+    itemsAfterCollapse = _props$itemsAfterColl === void 0 ? 1 : _props$itemsAfterColl,
+    _props$itemsBeforeCol = props.itemsBeforeCollapse,
+    itemsBeforeCollapse = _props$itemsBeforeCol === void 0 ? 1 : _props$itemsBeforeCol,
+    _props$maxItems = props.maxItems,
+    maxItems = _props$maxItems === void 0 ? 8 : _props$maxItems,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '/' : _props$separator,
+    other = _objectWithoutProperties(props, ["children", "className", "component", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"]);
   var _React$useState = React.useState(false),
-      expanded = _React$useState[0],
-      setExpanded = _React$useState[1];
-
+    expanded = _React$useState[0],
+    setExpanded = _React$useState[1];
   var ownerState = _extends({}, props, {
     component: component,
     expanded: expanded,
@@ -112,47 +104,41 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, re
     maxItems: maxItems,
     separator: separator
   });
-
   var classes = useUtilityClasses(ownerState);
   var listRef = React.useRef(null);
-
   var renderItemsBeforeAndAfter = function renderItemsBeforeAndAfter(allItems) {
     var handleClickExpand = function 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.
-
       var 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={".concat(itemsAfterCollapse, "} + itemsBeforeCollapse={").concat(itemsBeforeCollapse, "} >= maxItems={").concat(maxItems, "}")].join('\n'));
       }
-
       return allItems;
     }
-
     return [].concat(_toConsumableArray(allItems.slice(0, itemsBeforeCollapse)), [/*#__PURE__*/_jsx(BreadcrumbCollapsed, {
       "aria-label": expandText,
       onClick: handleClickExpand
     }, "ellipsis")], _toConsumableArray(allItems.slice(allItems.length - itemsAfterCollapse, allItems.length)));
   };
-
   var allItems = React.Children.toArray(children).filter(function (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(function (child, index) {
     return /*#__PURE__*/_jsx("li", {
@@ -175,35 +161,28 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, re
     })
   }));
 });
-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.
    *
@@ -211,19 +190,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`
@@ -231,13 +207,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/legacy/Button/Button.js

@@ -15,14 +15,13 @@ 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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var color = ownerState.color,
-      disableElevation = ownerState.disableElevation,
-      fullWidth = ownerState.fullWidth,
-      size = ownerState.size,
-      variant = ownerState.variant,
-      classes = ownerState.classes;
+    disableElevation = ownerState.disableElevation,
+    fullWidth = ownerState.fullWidth,
+    size = ownerState.size,
+    variant = ownerState.variant,
+    classes = ownerState.classes;
   var slots = {
     root: ['root', variant, "".concat(variant).concat(capitalize(color)), "size".concat(capitalize(size)), "".concat(variant, "Size").concat(capitalize(size)), color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
     label: ['label'],
@@ -32,7 +31,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   var composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 var commonIconStyles = function commonIconStyles(ownerState) {
   return _extends({}, ownerState.size === 'small' && {
     '& > *:nth-of-type(1)': {
@@ -48,7 +46,6 @@ var commonIconStyles = function commonIconStyles(ownerState) {
     }
   });
 };
-
 var ButtonRoot = styled(ButtonBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -61,9 +58,8 @@ var ButtonRoot = styled(ButtonBase, {
   }
 })(function (_ref) {
   var _extends2, _theme$palette$getCon, _theme$palette;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({}, theme.typography.button, (_extends2 = {
     minWidth: 64,
     padding: '6px 16px',
@@ -132,7 +128,8 @@ var ButtonRoot = styled(ButtonBase, {
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: theme.vars ? "1px solid rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.5)") : "1px solid ".concat(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]
@@ -165,7 +162,6 @@ var ButtonRoot = styled(ButtonBase, {
   });
 }, function (_ref2) {
   var _ref3;
-
   var ownerState = _ref2.ownerState;
   return ownerState.disableElevation && (_ref3 = {
     boxShadow: 'none',
@@ -222,31 +218,29 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     props: resolvedProps,
     name: 'MuiButton'
   });
-
   var children = props.children,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'button' : _props$component,
-      className = props.className,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$disableElevati = props.disableElevation,
-      disableElevation = _props$disableElevati === void 0 ? false : _props$disableElevati,
-      _props$disableFocusRi = props.disableFocusRipple,
-      disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
-      endIconProp = props.endIcon,
-      focusVisibleClassName = props.focusVisibleClassName,
-      _props$fullWidth = props.fullWidth,
-      fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      startIconProp = props.startIcon,
-      type = props.type,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'text' : _props$variant,
-      other = _objectWithoutProperties(props, ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"]);
-
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'primary' : _props$color,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'button' : _props$component,
+    className = props.className,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$disableElevati = props.disableElevation,
+    disableElevation = _props$disableElevati === void 0 ? false : _props$disableElevati,
+    _props$disableFocusRi = props.disableFocusRipple,
+    disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
+    endIconProp = props.endIcon,
+    focusVisibleClassName = props.focusVisibleClassName,
+    _props$fullWidth = props.fullWidth,
+    fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    startIconProp = props.startIcon,
+    type = props.type,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'text' : _props$variant,
+    other = _objectWithoutProperties(props, ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"]);
   var ownerState = _extends({}, props, {
     color: color,
     component: component,
@@ -258,21 +252,17 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     type: type,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
-
   var startIcon = startIconProp && /*#__PURE__*/_jsx(ButtonStartIcon, {
     className: classes.startIcon,
     ownerState: ownerState,
     children: startIconProp
   });
-
   var 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),
@@ -287,63 +277,50 @@ var 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.
    *
@@ -352,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;