@mui/material 7.0.0 → 7.0.2

package/modern/Grow/Grow.js

@@ -1,262 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useTimeout from '@mui/utils/useTimeout';
-import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
-import getReactElementRef from '@mui/utils/getReactElementRef';
-import { Transition } from 'react-transition-group';
-import { useTheme } from "../zero-styled/index.js";
-import { getTransitionProps, reflow } from "../transitions/utils.js";
-import useForkRef from "../utils/useForkRef.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function getScale(value) {
-  return `scale(${value}, ${value ** 2})`;
-}
-const styles = {
-  entering: {
-    opacity: 1,
-    transform: getScale(1)
-  },
-  entered: {
-    opacity: 1,
-    transform: 'none'
-  }
-};
-
-/*
- TODO v6: remove
- Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
- */
-const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent);
-
-/**
- * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
- * [Popover](/material-ui/react-popover/) components.
- * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
- */
-const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
-  const {
-    addEndListener,
-    appear = true,
-    children,
-    easing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    style,
-    timeout = 'auto',
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
-    ...other
-  } = props;
-  const timer = useTimeout();
-  const autoTimeout = React.useRef();
-  const theme = useTheme();
-  const nodeRef = React.useRef(null);
-  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
-  const normalizedTransitionCallback = callback => maybeIsAppearing => {
-    if (callback) {
-      const node = nodeRef.current;
-
-      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-      if (maybeIsAppearing === undefined) {
-        callback(node);
-      } else {
-        callback(node, maybeIsAppearing);
-      }
-    }
-  };
-  const handleEntering = normalizedTransitionCallback(onEntering);
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    reflow(node); // So the animation always start from the start.
-
-    const {
-      duration: transitionDuration,
-      delay,
-      easing: transitionTimingFunction
-    } = getTransitionProps({
-      style,
-      timeout,
-      easing
-    }, {
-      mode: 'enter'
-    });
-    let duration;
-    if (timeout === 'auto') {
-      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
-      autoTimeout.current = duration;
-    } else {
-      duration = transitionDuration;
-    }
-    node.style.transition = [theme.transitions.create('opacity', {
-      duration,
-      delay
-    }), theme.transitions.create('transform', {
-      duration: isWebKit154 ? duration : duration * 0.666,
-      delay,
-      easing: transitionTimingFunction
-    })].join(',');
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback(node => {
-    const {
-      duration: transitionDuration,
-      delay,
-      easing: transitionTimingFunction
-    } = getTransitionProps({
-      style,
-      timeout,
-      easing
-    }, {
-      mode: 'exit'
-    });
-    let duration;
-    if (timeout === 'auto') {
-      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
-      autoTimeout.current = duration;
-    } else {
-      duration = transitionDuration;
-    }
-    node.style.transition = [theme.transitions.create('opacity', {
-      duration,
-      delay
-    }), theme.transitions.create('transform', {
-      duration: isWebKit154 ? duration : duration * 0.666,
-      delay: isWebKit154 ? delay : delay || duration * 0.333,
-      easing: transitionTimingFunction
-    })].join(',');
-    node.style.opacity = 0;
-    node.style.transform = getScale(0.75);
-    if (onExit) {
-      onExit(node);
-    }
-  });
-  const handleExited = normalizedTransitionCallback(onExited);
-  const handleAddEndListener = next => {
-    if (timeout === 'auto') {
-      timer.start(autoTimeout.current || 0, next);
-    }
-    if (addEndListener) {
-      // Old call signature before `react-transition-group` implemented `nodeRef`
-      addEndListener(nodeRef.current, next);
-    }
-  };
-  return /*#__PURE__*/_jsx(TransitionComponent, {
-    appear: appear,
-    in: inProp,
-    nodeRef: nodeRef,
-    onEnter: handleEnter,
-    onEntered: handleEntered,
-    onEntering: handleEntering,
-    onExit: handleExit,
-    onExited: handleExited,
-    onExiting: handleExiting,
-    addEndListener: handleAddEndListener,
-    timeout: timeout === 'auto' ? null : timeout,
-    ...other,
-    children: (state, {
-      ownerState,
-      ...restChildProps
-    }) => {
-      return /*#__PURE__*/React.cloneElement(children, {
-        style: {
-          opacity: 0,
-          transform: getScale(0.75),
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-          ...styles[state],
-          ...style,
-          ...children.props.style
-        },
-        ref: handleRef,
-        ...restChildProps
-      });
-    }
-  });
-});
-process.env.NODE_ENV !== "production" ? Grow.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: PropTypes.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: PropTypes.bool,
-  /**
-   * A single child content element.
-   */
-  children: elementAcceptingRef.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: PropTypes.oneOfType([PropTypes.shape({
-    enter: PropTypes.string,
-    exit: PropTypes.string
-  }), PropTypes.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  onEnter: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntered: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntering: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExit: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExited: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExiting: PropTypes.func,
-  /**
-   * @ignore
-   */
-  style: PropTypes.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default 'auto'
-   */
-  timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })])
-} : void 0;
-if (Grow) {
-  Grow.muiSupportAuto = true;
-}
-export default Grow;

package/modern/Grow/index.js

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

package/modern/Icon/Icon.js

@@ -1,185 +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 capitalize from "../utils/capitalize.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import { getIconUtilityClass } from "./iconClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    color,
-    fontSize,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', color !== 'inherit' && `color${capitalize(color)}`, `fontSize${capitalize(fontSize)}`]
-  };
-  return composeClasses(slots, getIconUtilityClass, classes);
-};
-const IconRoot = styled('span', {
-  name: 'MuiIcon',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.color !== 'inherit' && styles[`color${capitalize(ownerState.color)}`], styles[`fontSize${capitalize(ownerState.fontSize)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  userSelect: 'none',
-  width: '1em',
-  height: '1em',
-  // Chrome fix for https://issues.chromium.org/issues/41375697
-  // To remove at some point.
-  overflow: 'hidden',
-  display: 'inline-block',
-  // allow overflow hidden to take action
-  textAlign: 'center',
-  // support non-square icon
-  flexShrink: 0,
-  variants: [{
-    props: {
-      fontSize: 'inherit'
-    },
-    style: {
-      fontSize: 'inherit'
-    }
-  }, {
-    props: {
-      fontSize: 'small'
-    },
-    style: {
-      fontSize: theme.typography.pxToRem(20)
-    }
-  }, {
-    props: {
-      fontSize: 'medium'
-    },
-    style: {
-      fontSize: theme.typography.pxToRem(24)
-    }
-  }, {
-    props: {
-      fontSize: 'large'
-    },
-    style: {
-      fontSize: theme.typography.pxToRem(36)
-    }
-  }, {
-    props: {
-      color: 'action'
-    },
-    style: {
-      color: (theme.vars || theme).palette.action.active
-    }
-  }, {
-    props: {
-      color: 'disabled'
-    },
-    style: {
-      color: (theme.vars || theme).palette.action.disabled
-    }
-  }, {
-    props: {
-      color: 'inherit'
-    },
-    style: {
-      color: undefined
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      color: (theme.vars || theme).palette[color].main
-    }
-  }))]
-})));
-const Icon = /*#__PURE__*/React.forwardRef(function Icon(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiIcon'
-  });
-  const {
-    baseClassName = 'material-icons',
-    className,
-    color = 'inherit',
-    component: Component = 'span',
-    fontSize = 'medium',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    baseClassName,
-    color,
-    component: Component,
-    fontSize
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconRoot, {
-    as: Component,
-    className: clsx(baseClassName,
-    // Prevent the translation of the text content.
-    // The font relies on the exact text content to render the icon.
-    'notranslate', classes.root, className),
-    ownerState: ownerState,
-    "aria-hidden": true,
-    ref: ref,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? Icon.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 base class applied to the icon. Defaults to 'material-icons', but can be changed to any
-   * other base class that suits the icon font you're using (for example material-icons-rounded, fas, etc).
-   * @default 'material-icons'
-   */
-  baseClassName: PropTypes.string,
-  /**
-   * The name of the icon font ligature.
-   */
-  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/#custom-colors).
-   * @default 'inherit'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'action', 'disabled', '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 fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-   * @default 'medium'
-   */
-  fontSize: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'large', 'medium', 'small']), PropTypes.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])
-} : void 0;
-Icon.muiName = 'Icon';
-export default Icon;

package/modern/Icon/iconClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getIconUtilityClass(slot) {
-  return generateUtilityClass('MuiIcon', slot);
-}
-const iconClasses = generateUtilityClasses('MuiIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
-export default iconClasses;

package/modern/Icon/index.js

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