@mui/material 7.0.1 → 7.1.0

package/modern/Dialog/Dialog.js

@@ -1,513 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import useId from '@mui/utils/useId';
-import capitalize from "../utils/capitalize.js";
-import Modal from "../Modal/index.js";
-import Fade from "../Fade/index.js";
-import Paper from "../Paper/index.js";
-import dialogClasses, { getDialogUtilityClass } from "./dialogClasses.js";
-import DialogContext from "./DialogContext.js";
-import Backdrop from "../Backdrop/index.js";
-import { styled, useTheme } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const DialogBackdrop = styled(Backdrop, {
-  name: 'MuiDialog',
-  slot: 'Backdrop',
-  overrides: (props, styles) => styles.backdrop
-})({
-  // Improve scrollable dialog support.
-  zIndex: -1
-});
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    scroll,
-    maxWidth,
-    fullWidth,
-    fullScreen
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    container: ['container', `scroll${capitalize(scroll)}`],
-    paper: ['paper', `paperScroll${capitalize(scroll)}`, `paperWidth${capitalize(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
-  };
-  return composeClasses(slots, getDialogUtilityClass, classes);
-};
-const DialogRoot = styled(Modal, {
-  name: 'MuiDialog',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  '@media print': {
-    // Use !important to override the Modal inline-style.
-    position: 'absolute !important'
-  }
-});
-const DialogContainer = styled('div', {
-  name: 'MuiDialog',
-  slot: 'Container',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.container, styles[`scroll${capitalize(ownerState.scroll)}`]];
-  }
-})({
-  height: '100%',
-  '@media print': {
-    height: 'auto'
-  },
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  variants: [{
-    props: {
-      scroll: 'paper'
-    },
-    style: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
-    }
-  }, {
-    props: {
-      scroll: 'body'
-    },
-    style: {
-      overflowY: 'auto',
-      overflowX: 'hidden',
-      textAlign: 'center',
-      '&::after': {
-        content: '""',
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        height: '100%',
-        width: '0'
-      }
-    }
-  }]
-});
-const DialogPaper = styled(Paper, {
-  name: 'MuiDialog',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.paper, styles[`scrollPaper${capitalize(ownerState.scroll)}`], styles[`paperWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  margin: 32,
-  position: 'relative',
-  overflowY: 'auto',
-  '@media print': {
-    overflowY: 'visible',
-    boxShadow: 'none'
-  },
-  variants: [{
-    props: {
-      scroll: 'paper'
-    },
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      maxHeight: 'calc(100% - 64px)'
-    }
-  }, {
-    props: {
-      scroll: 'body'
-    },
-    style: {
-      display: 'inline-block',
-      verticalAlign: 'middle',
-      textAlign: 'initial'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => !ownerState.maxWidth,
-    style: {
-      maxWidth: 'calc(100% - 64px)'
-    }
-  }, {
-    props: {
-      maxWidth: 'xs'
-    },
-    style: {
-      maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
-          maxWidth: 'calc(100% - 64px)'
-        }
-      }
-    }
-  }, ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
-    props: {
-      maxWidth
-    },
-    style: {
-      maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
-          maxWidth: 'calc(100% - 64px)'
-        }
-      }
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.fullWidth,
-    style: {
-      width: 'calc(100% - 64px)'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.fullScreen,
-    style: {
-      margin: 0,
-      width: '100%',
-      maxWidth: '100%',
-      height: '100%',
-      maxHeight: 'none',
-      borderRadius: 0,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        margin: 0,
-        maxWidth: '100%'
-      }
-    }
-  }]
-})));
-
-/**
- * Dialogs are overlaid modal paper based components with a backdrop.
- */
-const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiDialog'
-  });
-  const theme = useTheme();
-  const defaultTransitionDuration = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  const {
-    'aria-describedby': ariaDescribedby,
-    'aria-labelledby': ariaLabelledbyProp,
-    'aria-modal': ariaModal = true,
-    BackdropComponent,
-    BackdropProps,
-    children,
-    className,
-    disableEscapeKeyDown = false,
-    fullScreen = false,
-    fullWidth = false,
-    maxWidth = 'sm',
-    onClick,
-    onClose,
-    open,
-    PaperComponent = Paper,
-    PaperProps = {},
-    scroll = 'paper',
-    slots = {},
-    slotProps = {},
-    TransitionComponent = Fade,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    disableEscapeKeyDown,
-    fullScreen,
-    fullWidth,
-    maxWidth,
-    scroll
-  };
-  const classes = useUtilityClasses(ownerState);
-  const backdropClick = React.useRef();
-  const 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;
-  };
-  const handleBackdropClick = event => {
-    if (onClick) {
-      onClick(event);
-    }
-
-    // Ignore the events not coming from the "backdrop".
-    if (!backdropClick.current) {
-      return;
-    }
-    backdropClick.current = null;
-    if (onClose) {
-      onClose(event, 'backdropClick');
-    }
-  };
-  const ariaLabelledby = useId(ariaLabelledbyProp);
-  const dialogContextValue = React.useMemo(() => {
-    return {
-      titleId: ariaLabelledby
-    };
-  }, [ariaLabelledby]);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponent,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionProps,
-    paper: PaperProps,
-    backdrop: BackdropProps,
-    ...slotProps
-  };
-  const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
-  };
-  const [RootSlot, rootSlotProps] = useSlot('root', {
-    elementType: DialogRoot,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    ownerState,
-    className: clsx(classes.root, className),
-    ref
-  });
-  const [BackdropSlot, backdropSlotProps] = useSlot('backdrop', {
-    elementType: DialogBackdrop,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    ownerState
-  });
-  const [PaperSlot, paperSlotProps] = useSlot('paper', {
-    elementType: DialogPaper,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    ownerState,
-    className: clsx(classes.paper, PaperProps.className)
-  });
-  const [ContainerSlot, containerSlotProps] = useSlot('container', {
-    elementType: DialogContainer,
-    externalForwardedProps,
-    ownerState,
-    className: clsx(classes.container)
-  });
-  const [TransitionSlot, transitionSlotProps] = useSlot('transition', {
-    elementType: Fade,
-    externalForwardedProps,
-    ownerState,
-    additionalProps: {
-      appear: true,
-      in: open,
-      timeout: transitionDuration,
-      role: 'presentation'
-    }
-  });
-  return /*#__PURE__*/_jsx(RootSlot, {
-    closeAfterTransition: true,
-    slots: {
-      backdrop: BackdropSlot
-    },
-    slotProps: {
-      backdrop: {
-        transitionDuration,
-        as: BackdropComponent,
-        ...backdropSlotProps
-      }
-    },
-    disableEscapeKeyDown: disableEscapeKeyDown,
-    onClose: onClose,
-    open: open,
-    onClick: handleBackdropClick,
-    ...rootSlotProps,
-    ...other,
-    children: /*#__PURE__*/_jsx(TransitionSlot, {
-      ...transitionSlotProps,
-      children: /*#__PURE__*/_jsx(ContainerSlot, {
-        onMouseDown: handleMouseDown,
-        ...containerSlotProps,
-        children: /*#__PURE__*/_jsx(PaperSlot, {
-          as: PaperComponent,
-          elevation: 24,
-          role: "dialog",
-          "aria-describedby": ariaDescribedby,
-          "aria-labelledby": ariaLabelledby,
-          "aria-modal": ariaModal,
-          ...paperSlotProps,
-          children: /*#__PURE__*/_jsx(DialogContext.Provider, {
-            value: dialogContextValue,
-            children: children
-          })
-        })
-      })
-    })
-  });
-});
-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 `pnpm 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,
-  /**
-   * Informs assistive technologies that the element is modal.
-   * It's added on the element with role="dialog".
-   * @default true
-   */
-  'aria-modal': PropTypes.oneOfType([PropTypes.oneOf(['false', 'true']), PropTypes.bool]),
-  /**
-   * 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.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  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`.
-   *
-   * Notice that the dialog width grow is limited by the default margin.
-   * @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]),
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback.
-   * @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`](https://mui.com/material-ui/api/paper/) element.
-   * @default {}
-   * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  PaperProps: PropTypes.object,
-  /**
-   * Determine the container for scrolling the dialog.
-   * @default 'paper'
-   */
-  scroll: PropTypes.oneOf(['body', 'paper']),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    container: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    backdrop: PropTypes.elementType,
-    container: PropTypes.elementType,
-    paper: PropTypes.elementType,
-    root: PropTypes.elementType,
-    transition: 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 component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })]),
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionProps: PropTypes.object
-} : void 0;
-export default Dialog;

package/modern/Dialog/DialogContext.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface DialogContextValue {
-  titleId?: string;
-}
-declare const DialogContext: React.Context<DialogContextValue>;
-export default DialogContext;

package/modern/Dialog/DialogContext.js

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

package/modern/Dialog/dialogClasses.d.ts

@@ -1,36 +0,0 @@
-export interface DialogClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the container element if `scroll="paper"`. */
-  scrollPaper: string;
-  /** Styles applied to the container element if `scroll="body"`. */
-  scrollBody: string;
-  /** Styles applied to the container element. */
-  container: string;
-  /** Styles applied to the Paper component. */
-  paper: string;
-  /** Styles applied to the Paper component if `scroll="paper"`. */
-  paperScrollPaper: string;
-  /** Styles applied to the Paper component if `scroll="body"`. */
-  paperScrollBody: string;
-  /** Styles applied to the Paper component if `maxWidth=false`. */
-  paperWidthFalse: string;
-  /** Styles applied to the Paper component if `maxWidth="xs"`. */
-  paperWidthXs: string;
-  /** Styles applied to the Paper component if `maxWidth="sm"`. */
-  paperWidthSm: string;
-  /** Styles applied to the Paper component if `maxWidth="md"`. */
-  paperWidthMd: string;
-  /** Styles applied to the Paper component if `maxWidth="lg"`. */
-  paperWidthLg: string;
-  /** Styles applied to the Paper component if `maxWidth="xl"`. */
-  paperWidthXl: string;
-  /** Styles applied to the Paper component if `fullWidth={true}`. */
-  paperFullWidth: string;
-  /** Styles applied to the Paper component if `fullScreen={true}`. */
-  paperFullScreen: string;
-}
-export type DialogClassKey = keyof DialogClasses;
-export declare function getDialogUtilityClass(slot: string): string;
-declare const dialogClasses: DialogClasses;
-export default dialogClasses;

package/modern/Dialog/dialogClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getDialogUtilityClass(slot) {
-  return generateUtilityClass('MuiDialog', slot);
-}
-const dialogClasses = generateUtilityClasses('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
-export default dialogClasses;

package/modern/Dialog/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Dialog.js";
-export * from "./Dialog.js";
-export { default as dialogClasses } from "./dialogClasses.js";
-export * from "./dialogClasses.js";

package/modern/Dialog/index.js

@@ -1,3 +0,0 @@
-export { default } from "./Dialog.js";
-export { default as dialogClasses } from "./dialogClasses.js";
-export * from "./dialogClasses.js";

package/modern/DialogActions/DialogActions.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { DialogActionsClasses } from "./dialogActionsClasses.js";
-export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<DialogActionsClasses>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * If `true`, the actions do not have additional margin.
-   * @default false
-   */
-  disableSpacing?: boolean;
-}
-
-/**
- *
- * Demos:
- *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
- *
- * API:
- *
- * - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
- */
-export default function DialogActions(props: DialogActionsProps): React.JSX.Element;