@mui/material 5.10.12 → 5.10.14

package/modern/DialogActions/DialogActions.js

@@ -9,7 +9,6 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getDialogActionsUtilityClass } from './dialogActionsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -20,7 +19,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDialogActionsUtilityClass, classes);
 };
-
 const DialogActionsRoot = styled('div', {
   name: 'MuiDialogActions',
   slot: 'Root',
@@ -48,17 +46,14 @@ const DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inPro
     props: inProps,
     name: 'MuiDialogActions'
   });
-
   const {
-    className,
-    disableSpacing = false
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      disableSpacing = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     disableSpacing
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DialogActionsRoot, _extends({
     className: clsx(classes.root, className),
@@ -66,35 +61,28 @@ const DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inPro
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? DialogActions.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? DialogActions.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,
-
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
   disableSpacing: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/DialogContent/DialogContent.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import { getDialogContentUtilityClass } from './dialogContentClasses';
 import dialogTitleClasses from '../DialogTitle/dialogTitleClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -21,7 +20,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDialogContentUtilityClass, classes);
 };
-
 const DialogContentRoot = styled('div', {
   name: 'MuiDialogContent',
   slot: 'Root',
@@ -54,17 +52,14 @@ const DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(inPro
     props: inProps,
     name: 'MuiDialogContent'
   });
-
   const {
-    className,
-    dividers = false
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      dividers = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     dividers
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DialogContentRoot, _extends({
     className: clsx(classes.root, className),
@@ -72,35 +67,28 @@ const DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(inPro
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? DialogContent.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? DialogContent.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,
-
   /**
    * Display the top and bottom dividers.
    * @default false
    */
   dividers: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/DialogContentText/DialogContentText.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import Typography from '../Typography';
 import { getDialogContentTextUtilityClass } from './dialogContentTextClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -21,7 +20,6 @@ const useUtilityClasses = ownerState => {
   const composedClasses = composeClasses(slots, getDialogContentTextUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 const DialogContentTextRoot = styled(Typography, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiDialogContentText',
@@ -33,12 +31,10 @@ const DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentTe
     props: inProps,
     name: 'MuiDialogContentText'
   });
-
   const {
-    className
-  } = props,
-        ownerState = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    ownerState = _objectWithoutPropertiesLoose(props, _excluded);
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DialogContentTextRoot, _extends({
     component: "p",
@@ -51,29 +47,23 @@ const DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentTe
     classes: classes
   }));
 });
-process.env.NODE_ENV !== "production" ? DialogContentText.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? DialogContentText.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 system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/DialogTitle/DialogTitle.js

@@ -11,7 +11,6 @@ import useThemeProps from '../styles/useThemeProps';
 import { getDialogTitleUtilityClass } from './dialogTitleClasses';
 import DialogContext from '../Dialog/DialogContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -21,7 +20,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDialogTitleUtilityClass, classes);
 };
-
 const DialogTitleRoot = styled(Typography, {
   name: 'MuiDialogTitle',
   slot: 'Root',
@@ -35,13 +33,11 @@ const DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps,
     props: inProps,
     name: 'MuiDialogTitle'
   });
-
   const {
-    className,
-    id: idProp
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      id: idProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const {
@@ -56,34 +52,27 @@ const DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps,
     id: id
   }, other));
 });
-process.env.NODE_ENV !== "production" ? DialogTitle.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? DialogTitle.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,
-
   /**
    * @ignore
    */
   id: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/Divider/Divider.js

@@ -10,7 +10,6 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getDividerUtilityClass } from './dividerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     absolute,
@@ -28,7 +27,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDividerUtilityClass, classes);
 };
-
 const DividerRoot = styled('div', {
   name: 'MuiDivider',
   slot: 'Root',
@@ -142,21 +140,19 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     props: inProps,
     name: 'MuiDivider'
   });
-
   const {
-    absolute = false,
-    children,
-    className,
-    component = children ? 'div' : 'hr',
-    flexItem = false,
-    light = false,
-    orientation = 'horizontal',
-    role = component !== 'hr' ? 'separator' : undefined,
-    textAlign = 'center',
-    variant = 'fullWidth'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      absolute = false,
+      children,
+      className,
+      component = children ? 'div' : 'hr',
+      flexItem = false,
+      light = false,
+      orientation = 'horizontal',
+      role = component !== 'hr' ? 'separator' : undefined,
+      textAlign = 'center',
+      variant = 'fullWidth'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     absolute,
     component,
@@ -167,7 +163,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     textAlign,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DividerRoot, _extends({
     as: component,
@@ -183,84 +178,66 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     }) : null
   }));
 });
-process.env.NODE_ENV !== "production" ? Divider.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Divider.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Absolutely position the element.
    * @default false
    */
   absolute: 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`, a vertical divider will have the correct height when used in flex container.
    * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
    * @default false
    */
   flexItem: PropTypes.bool,
-
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
    */
   light: PropTypes.bool,
-
   /**
    * The component orientation.
    * @default 'horizontal'
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /**
    * @ignore
    */
-  role: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .string,
-
+  role: PropTypes /* @typescript-to-proptypes-ignore */.string,
   /**
    * 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 text alignment.
    * @default 'center'
    */
   textAlign: PropTypes.oneOf(['center', 'left', 'right']),
-
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
 } : void 0;
 export default Divider;

package/modern/Drawer/Drawer.js

@@ -1,7 +1,7 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["BackdropProps"],
-      _excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
+  _excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -16,14 +16,12 @@ import useThemeProps from '../styles/useThemeProps';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getDrawerUtilityClass } from './drawerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const overridesResolver = (props, styles) => {
   const {
     ownerState
   } = props;
   return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
 };
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -38,7 +36,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getDrawerUtilityClass, classes);
 };
-
 const DrawerRoot = styled(Modal, {
   name: 'MuiDrawer',
   slot: 'Root',
@@ -123,11 +120,11 @@ export function isHorizontal(anchor) {
 export function getAnchor(theme, anchor) {
   return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
 }
+
 /**
  * The props of the [Modal](/material-ui/api/modal/) component are available
  * when `variant="temporary"` is set.
  */
-
 const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
@@ -138,48 +135,44 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
   };
-
   const {
-    anchor: anchorProp = 'left',
-    BackdropProps,
-    children,
-    className,
-    elevation = 16,
-    hideBackdrop = false,
-    ModalProps: {
-      BackdropProps: BackdropPropsProp
-    } = {},
-    onClose,
-    open = false,
-    PaperProps = {},
-    SlideProps,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Slide,
-    transitionDuration = defaultTransitionDuration,
-    variant = 'temporary'
-  } = props,
-        ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
-        other = _objectWithoutPropertiesLoose(props, _excluded2); // Let's assume that the Drawer will always be rendered on user space.
+      anchor: anchorProp = 'left',
+      BackdropProps,
+      children,
+      className,
+      elevation = 16,
+      hideBackdrop = false,
+      ModalProps: {
+        BackdropProps: BackdropPropsProp
+      } = {},
+      onClose,
+      open = false,
+      PaperProps = {},
+      SlideProps,
+      // eslint-disable-next-line react/prop-types
+      TransitionComponent = Slide,
+      transitionDuration = defaultTransitionDuration,
+      variant = 'temporary'
+    } = props,
+    ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  // Let's assume that the Drawer will always be rendered on user space.
   // We use this state is order to skip the appear transition during the
   // initial mount of the component.
-
-
   const mounted = React.useRef(false);
   React.useEffect(() => {
     mounted.current = true;
   }, []);
   const anchorInvariant = getAnchor(theme, anchorProp);
   const anchor = anchorProp;
-
   const ownerState = _extends({}, props, {
     anchor,
     elevation,
     open,
     variant
   }, other);
-
   const classes = useUtilityClasses(ownerState);
-
   const drawer = /*#__PURE__*/_jsx(DrawerPaper, _extends({
     elevation: variant === 'temporary' ? elevation : 0,
     square: true
@@ -188,7 +181,6 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     ownerState: ownerState,
     children: children
   }));
-
   if (variant === 'permanent') {
     return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
       className: clsx(classes.root, classes.docked, className),
@@ -198,7 +190,6 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
       children: drawer
     }));
   }
-
   const slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: open,
     direction: oppositeDirection[anchorInvariant],
@@ -207,7 +198,6 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }, SlideProps, {
     children: drawer
   }));
-
   if (variant === 'persistent') {
     return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
       className: clsx(classes.root, classes.docked, className),
@@ -216,9 +206,9 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     }, other, {
       children: slidingDrawer
     }));
-  } // variant === temporary
-
+  }
 
+  // variant === temporary
   return /*#__PURE__*/_jsx(DrawerRoot, _extends({
     BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
       transitionDuration
@@ -233,87 +223,71 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     children: slidingDrawer
   }));
 });
-process.env.NODE_ENV !== "production" ? Drawer.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Drawer.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Side from which the drawer will appear.
    * @default 'left'
    */
   anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-
   /**
    * @ignore
    */
   BackdropProps: PropTypes.object,
-
   /**
    * 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 elevation of the drawer.
    * @default 16
    */
   elevation: integerPropType,
-
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
    */
   hideBackdrop: PropTypes.bool,
-
   /**
    * Props applied to the [`Modal`](/material-ui/api/modal/) element.
    * @default {}
    */
   ModalProps: PropTypes.object,
-
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {object} event The event source of the callback.
    */
   onClose: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    * @default false
    */
   open: PropTypes.bool,
-
   /**
    * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes.object,
-
   /**
    * Props applied to the [`Slide`](/material-ui/api/slide/) element.
    */
   SlideProps: 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 duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -327,7 +301,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
     enter: PropTypes.number,
     exit: PropTypes.number
   })]),
-
   /**
    * The variant to use.
    * @default 'temporary'