@mui/material 5.10.12 → 5.10.14

package/modern/Badge/Badge.js

@@ -15,7 +15,6 @@ import badgeClasses, { getBadgeUtilityClass } from './badgeClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;
-
 const useUtilityClasses = ownerState => {
   const {
     color,
@@ -31,7 +30,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getBadgeUtilityClass, classes);
 };
-
 const BadgeRoot = styled('span', {
   name: 'MuiBadge',
   slot: 'Root',
@@ -161,28 +159,26 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     props: inProps,
     name: 'MuiBadge'
   });
-
   const {
-    anchorOrigin: anchorOriginProp = {
-      vertical: 'top',
-      horizontal: 'right'
-    },
-    className,
-    component = 'span',
-    components = {},
-    componentsProps = {},
-    overlap: overlapProp = 'rectangular',
-    color: colorProp = 'default',
-    invisible: invisibleProp = false,
-    max,
-    badgeContent: badgeContentProp,
-    slots,
-    slotProps,
-    showZero = false,
-    variant: variantProp = 'standard'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      anchorOrigin: anchorOriginProp = {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      className,
+      component = 'span',
+      components = {},
+      componentsProps = {},
+      overlap: overlapProp = 'rectangular',
+      color: colorProp = 'default',
+      invisible: invisibleProp = false,
+      max,
+      badgeContent: badgeContentProp,
+      slots,
+      slotProps,
+      showZero = false,
+      variant: variantProp = 'standard'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const prevProps = usePreviousProps({
     anchorOrigin: anchorOriginProp,
     color: colorProp,
@@ -190,18 +186,15 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     variant: variantProp
   });
   let invisible = invisibleProp;
-
   if (invisibleProp === false && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
     invisible = true;
   }
-
   const {
     color = colorProp,
     overlap = overlapProp,
     anchorOrigin = anchorOriginProp,
     variant = variantProp
   } = invisible ? prevProps : props;
-
   const ownerState = _extends({}, props, {
     anchorOrigin,
     invisible,
@@ -209,15 +202,13 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     overlap,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   let displayValue;
-
   if (variant !== 'dot') {
     displayValue = badgeContentProp && Number(badgeContentProp) > max ? `${max}+` : badgeContentProp;
-  } // support both `slots` and `components` for backward compatibility
-
+  }
 
+  // support both `slots` and `components` for backward compatibility
   const RootSlot = slots?.root ?? components.Root ?? BadgeRoot;
   const BadgeSlot = slots?.badge ?? components.Badge ?? BadgeBadge;
   const rootSlotProps = slotProps?.root ?? componentsProps.root;
@@ -257,14 +248,11 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     ref: ref
   }));
 });
-process.env.NODE_ENV !== "production" ? Badge.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Badge.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 anchor of the badge.
    * @default {
@@ -276,86 +264,79 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes
     horizontal: PropTypes.oneOf(['left', 'right']).isRequired,
     vertical: PropTypes.oneOf(['bottom', 'top']).isRequired
   }),
-
   /**
    * The content rendered within the badge.
    */
   badgeContent: PropTypes.node,
-
   /**
    * The badge will be added relative to this node.
    */
   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 'default'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
-   * The components used for each slot inside the Badge.
-   * Either a string to use a HTML element or a component.
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
    * @default {}
    */
   components: PropTypes.shape({
     Badge: PropTypes.elementType,
     Root: PropTypes.elementType
   }),
-
   /**
-   * The props used for each slot inside the Badge.
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
    * @default {}
    */
   componentsProps: PropTypes.shape({
     badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
-
   /**
    * If `true`, the badge is invisible.
    * @default false
    */
   invisible: PropTypes.bool,
-
   /**
    * Max count to show.
    * @default 99
    */
   max: PropTypes.number,
-
   /**
    * Wrapped shape the badge should overlap.
    * @default 'rectangular'
    */
   overlap: PropTypes.oneOf(['circular', 'rectangular']),
-
   /**
    * Controls whether the badge is hidden when `badgeContent` is zero.
    * @default false
    */
   showZero: PropTypes.bool,
-
   /**
    * The props used for each slot inside the Badge.
    * @default {}
@@ -364,7 +345,6 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes
     badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
-
   /**
    * The components used for each slot inside the Badge.
    * Either a string to use a HTML element or a component.
@@ -374,18 +354,14 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes
     badge: PropTypes.elementType,
     root: PropTypes.elementType
   }),
-
   /**
    * 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 'standard'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['dot', 'standard']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dot', 'standard']), PropTypes.string])
 } : void 0;
 export default Badge;

package/modern/Badge/badgeClasses.js

@@ -3,6 +3,7 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getBadgeUtilityClass(slot) {
   return generateUtilityClass('MuiBadge', slot);
 }
-const badgeClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft', 'invisible', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'overlapRectangular', 'overlapCircular', // TODO: v6 remove the overlap value from these class keys
+const badgeClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft', 'invisible', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'overlapRectangular', 'overlapCircular',
+// TODO: v6 remove the overlap value from these class keys
 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular']);
 export default badgeClasses;

package/modern/BottomNavigation/BottomNavigation.js

@@ -10,7 +10,6 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getBottomNavigationUtilityClass } from './bottomNavigationClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -20,7 +19,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getBottomNavigationUtilityClass, classes);
 };
-
 const BottomNavigationRoot = styled('div', {
   name: 'MuiBottomNavigation',
   slot: 'Root',
@@ -38,22 +36,19 @@ const BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation
     props: inProps,
     name: 'MuiBottomNavigation'
   });
-
   const {
-    children,
-    className,
-    component = 'div',
-    onChange,
-    showLabels = false,
-    value
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      component = 'div',
+      onChange,
+      showLabels = false,
+      value
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     component,
     showLabels
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(BottomNavigationRoot, _extends({
     as: component,
@@ -65,13 +60,11 @@ const BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;
       }
-
       if (process.env.NODE_ENV !== 'production') {
         if (isFragment(child)) {
           console.error(["MUI: The BottomNavigation component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
         }
       }
-
       const childValue = child.props.value === undefined ? childIndex : child.props.value;
       return /*#__PURE__*/React.cloneElement(child, {
         selected: childValue === value,
@@ -82,35 +75,28 @@ const BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? BottomNavigation.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? BottomNavigation.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,
-
   /**
    * Callback fired when the value changes.
    *
@@ -118,19 +104,16 @@ process.env.NODE_ENV !== "production" ? BottomNavigation.propTypes
    * @param {any} value We default to the index of the child.
    */
   onChange: PropTypes.func,
-
   /**
    * If `true`, all `BottomNavigationAction`s will show their labels.
    * By default, only the selected `BottomNavigationAction` will show its label.
    * @default false
    */
   showLabels: 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]),
-
   /**
    * The value of the currently selected `BottomNavigationAction`.
    */

package/modern/BottomNavigationAction/BottomNavigationAction.js

@@ -12,7 +12,6 @@ import unsupportedProp from '../utils/unsupportedProp';
 import bottomNavigationActionClasses, { getBottomNavigationActionUtilityClass } from './bottomNavigationActionClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -25,7 +24,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getBottomNavigationActionUtilityClass, classes);
 };
-
 const BottomNavigationActionRoot = styled(ButtonBase, {
   name: 'MuiBottomNavigationAction',
   slot: 'Root',
@@ -83,30 +81,25 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
     props: inProps,
     name: 'MuiBottomNavigationAction'
   });
-
   const {
-    className,
-    icon,
-    label,
-    onChange,
-    onClick,
-    value
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      icon,
+      label,
+      onChange,
+      onClick,
+      value
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-
   const handleChange = event => {
     if (onChange) {
       onChange(event, value);
     }
-
     if (onClick) {
       onClick(event);
     }
   };
-
   return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, _extends({
     ref: ref,
     className: clsx(classes.root, className),
@@ -121,50 +114,40 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? BottomNavigationAction.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
   children: unsupportedProp,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The icon to display.
    */
   icon: PropTypes.node,
-
   /**
    * The label element.
    */
   label: PropTypes.node,
-
   /**
    * @ignore
    */
   onChange: PropTypes.func,
-
   /**
    * @ignore
    */
   onClick: PropTypes.func,
-
   /**
    * If `true`, the `BottomNavigationAction` will show its label.
    * By default, only the selected `BottomNavigationAction`
@@ -173,12 +156,10 @@ process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes
    * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
    */
   showLabel: 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]),
-
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */

package/modern/Box/Box.js

@@ -8,25 +8,20 @@ const Box = createBox({
   defaultClassName: 'MuiBox-root',
   generateClassName: ClassNameGenerator.generate
 });
-process.env.NODE_ENV !== "production" ? Box.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Box.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
   children: PropTypes.node,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/Breadcrumbs/BreadcrumbCollapsed.js

@@ -37,10 +37,10 @@ const BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
   width: 24,
   height: 16
 });
+
 /**
  * @ignore - internal component.
  */
-
 function BreadcrumbCollapsed(props) {
   const ownerState = props;
   return /*#__PURE__*/_jsx("li", {
@@ -54,7 +54,6 @@ function BreadcrumbCollapsed(props) {
     }))
   });
 }
-
 process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.