@mui/material 5.10.12 → 5.10.14

package/legacy/Dialog/Dialog.js

@@ -27,13 +27,12 @@ var DialogBackdrop = styled(Backdrop, {
   // Improve scrollable dialog support.
   zIndex: -1
 });
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      scroll = ownerState.scroll,
-      maxWidth = ownerState.maxWidth,
-      fullWidth = ownerState.fullWidth,
-      fullScreen = ownerState.fullScreen;
+    scroll = ownerState.scroll,
+    maxWidth = ownerState.maxWidth,
+    fullWidth = ownerState.fullWidth,
+    fullScreen = ownerState.fullScreen;
   var slots = {
     root: ['root'],
     container: ['container', "scroll".concat(capitalize(scroll))],
@@ -41,7 +40,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getDialogUtilityClass, classes);
 };
-
 var DialogRoot = styled(Modal, {
   name: 'MuiDialog',
   slot: 'Root',
@@ -96,7 +94,7 @@ var DialogPaper = styled(Paper, {
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _extends({
     margin: 32,
     position: 'relative',
@@ -114,7 +112,6 @@ var DialogPaper = styled(Paper, {
     display: 'inline-block',
     verticalAlign: 'middle',
     textAlign: 'left' // 'initial' doesn't work on IE11
-
   }, !ownerState.maxWidth && {
     maxWidth: 'calc(100% - 64px)'
   }, ownerState.maxWidth === 'xs' && _defineProperty({
@@ -139,10 +136,10 @@ var DialogPaper = styled(Paper, {
     maxWidth: '100%'
   }));
 });
+
 /**
  * Dialogs are overlaid modal paper based components with a backdrop.
  */
-
 var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
@@ -153,37 +150,35 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
   };
-
   var ariaDescribedby = props['aria-describedby'],
-      ariaLabelledbyProp = props['aria-labelledby'],
-      BackdropComponent = props.BackdropComponent,
-      BackdropProps = props.BackdropProps,
-      children = props.children,
-      className = props.className,
-      _props$disableEscapeK = props.disableEscapeKeyDown,
-      disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,
-      _props$fullScreen = props.fullScreen,
-      fullScreen = _props$fullScreen === void 0 ? false : _props$fullScreen,
-      _props$fullWidth = props.fullWidth,
-      fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
-      _props$maxWidth = props.maxWidth,
-      maxWidth = _props$maxWidth === void 0 ? 'sm' : _props$maxWidth,
-      onBackdropClick = props.onBackdropClick,
-      onClose = props.onClose,
-      open = props.open,
-      _props$PaperComponent = props.PaperComponent,
-      PaperComponent = _props$PaperComponent === void 0 ? Paper : _props$PaperComponent,
-      _props$PaperProps = props.PaperProps,
-      PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,
-      _props$scroll = props.scroll,
-      scroll = _props$scroll === void 0 ? 'paper' : _props$scroll,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponent = _props$TransitionComp === void 0 ? Fade : _props$TransitionComp,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
-      TransitionProps = props.TransitionProps,
-      other = _objectWithoutProperties(props, ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]);
-
+    ariaLabelledbyProp = props['aria-labelledby'],
+    BackdropComponent = props.BackdropComponent,
+    BackdropProps = props.BackdropProps,
+    children = props.children,
+    className = props.className,
+    _props$disableEscapeK = props.disableEscapeKeyDown,
+    disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,
+    _props$fullScreen = props.fullScreen,
+    fullScreen = _props$fullScreen === void 0 ? false : _props$fullScreen,
+    _props$fullWidth = props.fullWidth,
+    fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
+    _props$maxWidth = props.maxWidth,
+    maxWidth = _props$maxWidth === void 0 ? 'sm' : _props$maxWidth,
+    onBackdropClick = props.onBackdropClick,
+    onClose = props.onClose,
+    open = props.open,
+    _props$PaperComponent = props.PaperComponent,
+    PaperComponent = _props$PaperComponent === void 0 ? Paper : _props$PaperComponent,
+    _props$PaperProps = props.PaperProps,
+    PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,
+    _props$scroll = props.scroll,
+    scroll = _props$scroll === void 0 ? 'paper' : _props$scroll,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponent = _props$TransitionComp === void 0 ? Fade : _props$TransitionComp,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
+    TransitionProps = props.TransitionProps,
+    other = _objectWithoutProperties(props, ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]);
   var ownerState = _extends({}, props, {
     disableEscapeKeyDown: disableEscapeKeyDown,
     fullScreen: fullScreen,
@@ -191,33 +186,26 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     maxWidth: maxWidth,
     scroll: scroll
   });
-
   var classes = useUtilityClasses(ownerState);
   var backdropClick = React.useRef();
-
   var handleMouseDown = function handleMouseDown(event) {
     // We don't want to close the dialog when clicking the dialog content.
     // Make sure the event starts and ends on the same DOM element.
     backdropClick.current = event.target === event.currentTarget;
   };
-
   var handleBackdropClick = function handleBackdropClick(event) {
     // Ignore the events not coming from the "backdrop".
     if (!backdropClick.current) {
       return;
     }
-
     backdropClick.current = null;
-
     if (onBackdropClick) {
       onBackdropClick(event);
     }
-
     if (onClose) {
       onClose(event, 'backdropClick');
     }
   };
-
   var ariaLabelledby = useId(ariaLabelledbyProp);
   var dialogContextValue = React.useMemo(function () {
     return {
@@ -271,24 +259,19 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     }))
   }));
 });
-process.env.NODE_ENV !== "production" ? Dialog.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Dialog.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 id(s) of the element(s) that describe the dialog.
    */
   'aria-describedby': PropTypes.string,
-
   /**
    * The id(s) of the element(s) that label the dialog.
    */
   'aria-labelledby': PropTypes.string,
-
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
@@ -304,39 +287,32 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
    * })
    */
   BackdropComponent: PropTypes.elementType,
-
   /**
    * @ignore
    */
   BackdropProps: PropTypes.object,
-
   /**
    * Dialog children, usually the included sub-components.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
   disableEscapeKeyDown: PropTypes.bool,
-
   /**
    * If `true`, the dialog is full-screen.
    * @default false
    */
   fullScreen: PropTypes.bool,
-
   /**
    * If `true`, the dialog stretches to `maxWidth`.
    *
@@ -344,23 +320,18 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
    * @default false
    */
   fullWidth: PropTypes.bool,
-
   /**
    * Determine the max-width of the dialog.
    * The dialog width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'sm'
    */
-  maxWidth: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
-
+  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
   /**
    * Callback fired when the backdrop is clicked.
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
-
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -368,42 +339,35 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool.isRequired,
-
   /**
    * The component used to render the body of the dialog.
    * @default Paper
    */
   PaperComponent: PropTypes.elementType,
-
   /**
    * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes.object,
-
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
    */
   scroll: PropTypes.oneOf(['body', 'paper']),
-
   /**
    * 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 component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
   TransitionComponent: PropTypes.elementType,
-
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -417,7 +381,6 @@ process.env.NODE_ENV !== "production" ? Dialog.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.

package/legacy/Dialog/DialogContext.js

@@ -1,8 +1,6 @@
 import { createContext } from 'react';
 var DialogContext = /*#__PURE__*/createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   DialogContext.displayName = 'DialogContext';
 }
-
 export default DialogContext;

package/legacy/DialogActions/DialogActions.js

@@ -8,16 +8,14 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getDialogActionsUtilityClass } from './dialogActionsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      disableSpacing = ownerState.disableSpacing;
+    disableSpacing = ownerState.disableSpacing;
   var slots = {
     root: ['root', !disableSpacing && 'spacing']
   };
   return composeClasses(slots, getDialogActionsUtilityClass, classes);
 };
-
 var DialogActionsRoot = styled('div', {
   name: 'MuiDialogActions',
   slot: 'Root',
@@ -44,16 +42,13 @@ var DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inProps
     props: inProps,
     name: 'MuiDialogActions'
   });
-
   var className = props.className,
-      _props$disableSpacing = props.disableSpacing,
-      disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,
-      other = _objectWithoutProperties(props, ["className", "disableSpacing"]);
-
+    _props$disableSpacing = props.disableSpacing,
+    disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,
+    other = _objectWithoutProperties(props, ["className", "disableSpacing"]);
   var ownerState = _extends({}, props, {
     disableSpacing: disableSpacing
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DialogActionsRoot, _extends({
     className: clsx(classes.root, className),
@@ -61,35 +56,28 @@ var DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inProps
     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/legacy/DialogContent/DialogContent.js

@@ -10,16 +10,14 @@ import useThemeProps from '../styles/useThemeProps';
 import { getDialogContentUtilityClass } from './dialogContentClasses';
 import dialogTitleClasses from '../DialogTitle/dialogTitleClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      dividers = ownerState.dividers;
+    dividers = ownerState.dividers;
   var slots = {
     root: ['root', dividers && 'dividers']
   };
   return composeClasses(slots, getDialogContentUtilityClass, classes);
 };
-
 var DialogContentRoot = styled('div', {
   name: 'MuiDialogContent',
   slot: 'Root',
@@ -29,7 +27,7 @@ var DialogContentRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     flex: '1 1 auto',
     // Add iOS momentum scrolling for iOS < 13.0
@@ -49,16 +47,13 @@ var DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(inProps
     props: inProps,
     name: 'MuiDialogContent'
   });
-
   var className = props.className,
-      _props$dividers = props.dividers,
-      dividers = _props$dividers === void 0 ? false : _props$dividers,
-      other = _objectWithoutProperties(props, ["className", "dividers"]);
-
+    _props$dividers = props.dividers,
+    dividers = _props$dividers === void 0 ? false : _props$dividers,
+    other = _objectWithoutProperties(props, ["className", "dividers"]);
   var ownerState = _extends({}, props, {
     dividers: dividers
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DialogContentRoot, _extends({
     className: clsx(classes.root, className),
@@ -66,35 +61,28 @@ var DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(inProps
     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/legacy/DialogContentText/DialogContentText.js

@@ -9,7 +9,6 @@ import useThemeProps from '../styles/useThemeProps';
 import Typography from '../Typography';
 import { getDialogContentTextUtilityClass } from './dialogContentTextClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -18,7 +17,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   var composedClasses = composeClasses(slots, getDialogContentTextUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 var DialogContentTextRoot = styled(Typography, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -34,11 +32,9 @@ var DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentText
     props: inProps,
     name: 'MuiDialogContentText'
   });
-
   var children = props.children,
-      className = props.className,
-      ownerState = _objectWithoutProperties(props, ["children", "className"]);
-
+    className = props.className,
+    ownerState = _objectWithoutProperties(props, ["children", "className"]);
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(DialogContentTextRoot, _extends({
     component: "p",
@@ -51,29 +47,23 @@ var DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentText
     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/legacy/DialogTitle/DialogTitle.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import { getDialogTitleUtilityClass } from './dialogTitleClasses';
 import DialogContext from '../Dialog/DialogContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -18,7 +17,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getDialogTitleUtilityClass, classes);
 };
-
 var DialogTitleRoot = styled(Typography, {
   name: 'MuiDialogTitle',
   slot: 'Root',
@@ -34,18 +32,14 @@ var DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps, re
     props: inProps,
     name: 'MuiDialogTitle'
   });
-
   var className = props.className,
-      idProp = props.id,
-      other = _objectWithoutProperties(props, ["className", "id"]);
-
+    idProp = props.id,
+    other = _objectWithoutProperties(props, ["className", "id"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-
   var _React$useContext = React.useContext(DialogContext),
-      _React$useContext$tit = _React$useContext.titleId,
-      id = _React$useContext$tit === void 0 ? idProp : _React$useContext$tit;
-
+    _React$useContext$tit = _React$useContext.titleId,
+    id = _React$useContext$tit === void 0 ? idProp : _React$useContext$tit;
   return /*#__PURE__*/_jsx(DialogTitleRoot, _extends({
     component: "h2",
     className: clsx(classes.root, className),
@@ -55,34 +49,27 @@ var DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps, re
     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.
    */