@mui/material 7.0.0 → 7.0.2

package/modern/Modal/useModal.js

@@ -1,200 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_createChainedFunction as createChainedFunction } from '@mui/utils';
-import extractEventHandlers from '@mui/utils/extractEventHandlers';
-import { ModalManager, ariaHidden } from "./ModalManager.js";
-function getContainer(container) {
-  return typeof container === 'function' ? container() : container;
-}
-function getHasTransition(children) {
-  return children ? children.props.hasOwnProperty('in') : false;
-}
-const noop = () => {};
-
-// A modal manager used to track and manage the state of open Modals.
-// Modals don't open on the server so this won't conflict with concurrent requests.
-const manager = new ModalManager();
-/**
- *
- * Demos:
- *
- * - [Modal](https://mui.com/base-ui/react-modal/#hook)
- *
- * API:
- *
- * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
- */
-function useModal(parameters) {
-  const {
-    container,
-    disableEscapeKeyDown = false,
-    disableScrollLock = false,
-    closeAfterTransition = false,
-    onTransitionEnter,
-    onTransitionExited,
-    children,
-    onClose,
-    open,
-    rootRef
-  } = parameters;
-
-  // @ts-ignore internal logic
-  const modal = React.useRef({});
-  const mountNodeRef = React.useRef(null);
-  const modalRef = React.useRef(null);
-  const handleRef = useForkRef(modalRef, rootRef);
-  const [exited, setExited] = React.useState(!open);
-  const hasTransition = getHasTransition(children);
-  let ariaHiddenProp = true;
-  if (parameters['aria-hidden'] === 'false' || parameters['aria-hidden'] === false) {
-    ariaHiddenProp = false;
-  }
-  const getDoc = () => ownerDocument(mountNodeRef.current);
-  const getModal = () => {
-    modal.current.modalRef = modalRef.current;
-    modal.current.mount = mountNodeRef.current;
-    return modal.current;
-  };
-  const handleMounted = () => {
-    manager.mount(getModal(), {
-      disableScrollLock
-    });
-
-    // Fix a bug on Chrome where the scroll isn't initially 0.
-    if (modalRef.current) {
-      modalRef.current.scrollTop = 0;
-    }
-  };
-  const handleOpen = useEventCallback(() => {
-    const resolvedContainer = getContainer(container) || getDoc().body;
-    manager.add(getModal(), resolvedContainer);
-
-    // The element was already mounted.
-    if (modalRef.current) {
-      handleMounted();
-    }
-  });
-  const isTopModal = () => manager.isTopModal(getModal());
-  const handlePortalRef = useEventCallback(node => {
-    mountNodeRef.current = node;
-    if (!node) {
-      return;
-    }
-    if (open && isTopModal()) {
-      handleMounted();
-    } else if (modalRef.current) {
-      ariaHidden(modalRef.current, ariaHiddenProp);
-    }
-  });
-  const handleClose = React.useCallback(() => {
-    manager.remove(getModal(), ariaHiddenProp);
-  }, [ariaHiddenProp]);
-  React.useEffect(() => {
-    return () => {
-      handleClose();
-    };
-  }, [handleClose]);
-  React.useEffect(() => {
-    if (open) {
-      handleOpen();
-    } else if (!hasTransition || !closeAfterTransition) {
-      handleClose();
-    }
-  }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]);
-  const createHandleKeyDown = otherHandlers => event => {
-    otherHandlers.onKeyDown?.(event);
-
-    // The handler doesn't take event.defaultPrevented into account:
-    //
-    // event.preventDefault() is meant to stop default behaviors like
-    // clicking a checkbox to check it, hitting a button to submit a form,
-    // and hitting left arrow to move the cursor in a text input etc.
-    // Only special HTML elements have these default behaviors.
-    if (event.key !== 'Escape' || event.which === 229 ||
-    // Wait until IME is settled.
-    !isTopModal()) {
-      return;
-    }
-    if (!disableEscapeKeyDown) {
-      // Swallow the event, in case someone is listening for the escape key on the body.
-      event.stopPropagation();
-      if (onClose) {
-        onClose(event, 'escapeKeyDown');
-      }
-    }
-  };
-  const createHandleBackdropClick = otherHandlers => event => {
-    otherHandlers.onClick?.(event);
-    if (event.target !== event.currentTarget) {
-      return;
-    }
-    if (onClose) {
-      onClose(event, 'backdropClick');
-    }
-  };
-  const getRootProps = (otherHandlers = {}) => {
-    const propsEventHandlers = extractEventHandlers(parameters);
-
-    // The custom event handlers shouldn't be spread on the root element
-    delete propsEventHandlers.onTransitionEnter;
-    delete propsEventHandlers.onTransitionExited;
-    const externalEventHandlers = {
-      ...propsEventHandlers,
-      ...otherHandlers
-    };
-    return {
-      /*
-       * Marking an element with the role presentation indicates to assistive technology
-       * that this element should be ignored; it exists to support the web application and
-       * is not meant for humans to interact with directly.
-       * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
-       */
-      role: 'presentation',
-      ...externalEventHandlers,
-      onKeyDown: createHandleKeyDown(externalEventHandlers),
-      ref: handleRef
-    };
-  };
-  const getBackdropProps = (otherHandlers = {}) => {
-    const externalEventHandlers = otherHandlers;
-    return {
-      'aria-hidden': true,
-      ...externalEventHandlers,
-      onClick: createHandleBackdropClick(externalEventHandlers),
-      open
-    };
-  };
-  const getTransitionProps = () => {
-    const handleEnter = () => {
-      setExited(false);
-      if (onTransitionEnter) {
-        onTransitionEnter();
-      }
-    };
-    const handleExited = () => {
-      setExited(true);
-      if (onTransitionExited) {
-        onTransitionExited();
-      }
-      if (closeAfterTransition) {
-        handleClose();
-      }
-    };
-    return {
-      onEnter: createChainedFunction(handleEnter, children?.props.onEnter ?? noop),
-      onExited: createChainedFunction(handleExited, children?.props.onExited ?? noop)
-    };
-  };
-  return {
-    getRootProps,
-    getBackdropProps,
-    getTransitionProps,
-    rootRef: handleRef,
-    portalRef: handlePortalRef,
-    isTopModal,
-    exited,
-    hasTransition
-  };
-}
-export default useModal;

package/modern/Modal/useModal.types.js

@@ -1 +0,0 @@
-export {};

package/modern/NativeSelect/NativeSelect.js

@@ -1,133 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import NativeSelectInput from "./NativeSelectInput.js";
-import formControlState from "../FormControl/formControlState.js";
-import useFormControl from "../FormControl/useFormControl.js";
-import ArrowDropDownIcon from "../internal/svg-icons/ArrowDropDown.js";
-import Input from "../Input/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import { getNativeSelectUtilityClasses } from "./nativeSelectClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getNativeSelectUtilityClasses, classes);
-};
-const defaultInput = /*#__PURE__*/_jsx(Input, {});
-/**
- * An alternative to `<Select native />` with a much smaller bundle size footprint.
- */
-const NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps, ref) {
-  const props = useDefaultProps({
-    name: 'MuiNativeSelect',
-    props: inProps
-  });
-  const {
-    className,
-    children,
-    classes: classesProp = {},
-    IconComponent = ArrowDropDownIcon,
-    input = defaultInput,
-    inputProps,
-    variant,
-    ...other
-  } = props;
-  const muiFormControl = useFormControl();
-  const fcs = formControlState({
-    props,
-    muiFormControl,
-    states: ['variant']
-  });
-  const ownerState = {
-    ...props,
-    classes: classesProp
-  };
-  const classes = useUtilityClasses(ownerState);
-  const {
-    root,
-    ...otherClasses
-  } = classesProp;
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(input, {
-      // Most of the logic is implemented in `NativeSelectInput`.
-      // The `Select` component is a simple API wrapper to expose something better to play with.
-      inputComponent: NativeSelectInput,
-      inputProps: {
-        children,
-        classes: otherClasses,
-        IconComponent,
-        variant: fcs.variant,
-        type: undefined,
-        // We render a select. We can ignore the type provided by the `Input`.
-        ...inputProps,
-        ...(input ? input.props.inputProps : {})
-      },
-      ref,
-      ...other,
-      className: clsx(classes.root, input.props.className, className)
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? NativeSelect.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 option elements to populate the select with.
-   * Can be some `<option>` elements.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   * @default {}
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The icon that displays the arrow.
-   * @default ArrowDropDownIcon
-   */
-  IconComponent: PropTypes.elementType,
-  /**
-   * An `Input` element; does not have to be a material-ui specific `Input`.
-   * @default <Input />
-   */
-  input: PropTypes.element,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Callback fired when a menu item is selected.
-   *
-   * @param {React.ChangeEvent<HTMLSelectElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: PropTypes.func,
-  /**
-   * 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 `input` value. The DOM API casts this to a string.
-   */
-  value: PropTypes.any,
-  /**
-   * The variant to use.
-   */
-  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
-} : void 0;
-NativeSelect.muiName = 'Select';
-export default NativeSelect;

package/modern/NativeSelect/NativeSelectInput.js

@@ -1,240 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import refType from '@mui/utils/refType';
-import composeClasses from '@mui/utils/composeClasses';
-import capitalize from "../utils/capitalize.js";
-import nativeSelectClasses, { getNativeSelectUtilityClasses } from "./nativeSelectClasses.js";
-import { styled } from "../zero-styled/index.js";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    variant,
-    disabled,
-    multiple,
-    open,
-    error
-  } = ownerState;
-  const slots = {
-    select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],
-    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled']
-  };
-  return composeClasses(slots, getNativeSelectUtilityClasses, classes);
-};
-export const StyledSelectSelect = styled('select')(({
-  theme
-}) => ({
-  // Reset
-  MozAppearance: 'none',
-  // Reset
-  WebkitAppearance: 'none',
-  // When interacting quickly, the text can end up selected.
-  // Native select can't be selected either.
-  userSelect: 'none',
-  // Reset
-  borderRadius: 0,
-  cursor: 'pointer',
-  '&:focus': {
-    // Reset Chrome style
-    borderRadius: 0
-  },
-  [`&.${nativeSelectClasses.disabled}`]: {
-    cursor: 'default'
-  },
-  '&[multiple]': {
-    height: 'auto'
-  },
-  '&:not([multiple]) option, &:not([multiple]) optgroup': {
-    backgroundColor: (theme.vars || theme).palette.background.paper
-  },
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.variant !== 'filled' && ownerState.variant !== 'outlined',
-    style: {
-      // Bump specificity to allow extending custom inputs
-      '&&&': {
-        paddingRight: 24,
-        minWidth: 16 // So it doesn't collapse.
-      }
-    }
-  }, {
-    props: {
-      variant: 'filled'
-    },
-    style: {
-      '&&&': {
-        paddingRight: 32
-      }
-    }
-  }, {
-    props: {
-      variant: 'outlined'
-    },
-    style: {
-      borderRadius: (theme.vars || theme).shape.borderRadius,
-      '&:focus': {
-        borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
-      },
-      '&&&': {
-        paddingRight: 32
-      }
-    }
-  }]
-}));
-const NativeSelectSelect = styled(StyledSelectSelect, {
-  name: 'MuiNativeSelect',
-  slot: 'Select',
-  shouldForwardProp: rootShouldForwardProp,
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.select, styles[ownerState.variant], ownerState.error && styles.error, {
-      [`&.${nativeSelectClasses.multiple}`]: styles.multiple
-    }];
-  }
-})({});
-export const StyledSelectIcon = styled('svg')(({
-  theme
-}) => ({
-  // We use a position absolute over a flexbox in order to forward the pointer events
-  // to the input and to support wrapping tags..
-  position: 'absolute',
-  right: 0,
-  // Center vertically, height is 1em
-  top: 'calc(50% - .5em)',
-  // Don't block pointer events on the select under the icon.
-  pointerEvents: 'none',
-  color: (theme.vars || theme).palette.action.active,
-  [`&.${nativeSelectClasses.disabled}`]: {
-    color: (theme.vars || theme).palette.action.disabled
-  },
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.open,
-    style: {
-      transform: 'rotate(180deg)'
-    }
-  }, {
-    props: {
-      variant: 'filled'
-    },
-    style: {
-      right: 7
-    }
-  }, {
-    props: {
-      variant: 'outlined'
-    },
-    style: {
-      right: 7
-    }
-  }]
-}));
-const NativeSelectIcon = styled(StyledSelectIcon, {
-  name: 'MuiNativeSelect',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];
-  }
-})({});
-
-/**
- * @ignore - internal component.
- */
-const NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput(props, ref) {
-  const {
-    className,
-    disabled,
-    error,
-    IconComponent,
-    inputRef,
-    variant = 'standard',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    disabled,
-    variant,
-    error
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(NativeSelectSelect, {
-      ownerState: ownerState,
-      className: clsx(classes.select, className),
-      disabled: disabled,
-      ref: inputRef || ref,
-      ...other
-    }), props.multiple ? null : /*#__PURE__*/_jsx(NativeSelectIcon, {
-      as: IconComponent,
-      ownerState: ownerState,
-      className: classes.icon
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? NativeSelectInput.propTypes = {
-  /**
-   * The option elements to populate the select with.
-   * Can be some `<option>` elements.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The CSS class name of the select element.
-   */
-  className: PropTypes.string,
-  /**
-   * If `true`, the select is disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, the `select input` will indicate an error.
-   */
-  error: PropTypes.bool,
-  /**
-   * The icon that displays the arrow.
-   */
-  IconComponent: PropTypes.elementType.isRequired,
-  /**
-   * Use that prop to pass a ref to the native select element.
-   * @deprecated
-   */
-  inputRef: refType,
-  /**
-   * @ignore
-   */
-  multiple: PropTypes.bool,
-  /**
-   * Name attribute of the `select` or hidden `input` element.
-   */
-  name: PropTypes.string,
-  /**
-   * Callback fired when a menu item is selected.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: PropTypes.func,
-  /**
-   * The input value.
-   */
-  value: PropTypes.any,
-  /**
-   * The variant to use.
-   */
-  variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])
-} : void 0;
-export default NativeSelectInput;

package/modern/NativeSelect/index.js

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

package/modern/NativeSelect/nativeSelectClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getNativeSelectUtilityClasses(slot) {
-  return generateUtilityClass('MuiNativeSelect', slot);
-}
-const nativeSelectClasses = generateUtilityClasses('MuiNativeSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
-export default nativeSelectClasses;

package/modern/NoSsr/NoSsr.js

@@ -1,70 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { exactProp, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-/**
- * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
- *
- * This component can be useful in a variety of situations:
- *
- * * Escape hatch for broken dependencies not supporting SSR.
- * * Improve the time-to-first paint on the client by only rendering above the fold.
- * * Reduce the rendering time on the server.
- * * Under too heavy server load, you can turn on service degradation.
- *
- * Demos:
- *
- * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
- *
- * API:
- *
- * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
- */
-function NoSsr(props) {
-  const {
-    children,
-    defer = false,
-    fallback = null
-  } = props;
-  const [mountedState, setMountedState] = React.useState(false);
-  useEnhancedEffect(() => {
-    if (!defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  React.useEffect(() => {
-    if (defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-
-  // TODO casting won't be needed at one point https://github.com/DefinitelyTyped/DefinitelyTyped/pull/65135
-  return mountedState ? children : fallback;
-}
-process.env.NODE_ENV !== "production" ? NoSsr.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * You can wrap a node.
-   */
-  children: PropTypes.node,
-  /**
-   * If `true`, the component will not only prevent server-side rendering.
-   * It will also defer the rendering of the children into a different screen frame.
-   * @default false
-   */
-  defer: PropTypes.bool,
-  /**
-   * The fallback content to display.
-   * @default null
-   */
-  fallback: PropTypes.node
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  // eslint-disable-next-line
-  NoSsr['propTypes' + ''] = exactProp(NoSsr.propTypes);
-}
-export default NoSsr;

package/modern/NoSsr/NoSsr.types.js

@@ -1 +0,0 @@
-export {};

package/modern/NoSsr/index.js

@@ -1 +0,0 @@
-export { default } from "./NoSsr.js";