@mui/material 7.0.1 → 7.1.0

package/modern/InputAdornment/InputAdornment.js

@@ -1,186 +0,0 @@
-'use client';
-
-var _span;
-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 Typography from "../Typography/index.js";
-import FormControlContext from "../FormControl/FormControlContext.js";
-import useFormControl from "../FormControl/useFormControl.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import inputAdornmentClasses, { getInputAdornmentUtilityClass } from "./inputAdornmentClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const overridesResolver = (props, styles) => {
-  const {
-    ownerState
-  } = props;
-  return [styles.root, styles[`position${capitalize(ownerState.position)}`], ownerState.disablePointerEvents === true && styles.disablePointerEvents, styles[ownerState.variant]];
-};
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    disablePointerEvents,
-    hiddenLabel,
-    position,
-    size,
-    variant
-  } = ownerState;
-  const slots = {
-    root: ['root', disablePointerEvents && 'disablePointerEvents', position && `position${capitalize(position)}`, variant, hiddenLabel && 'hiddenLabel', size && `size${capitalize(size)}`]
-  };
-  return composeClasses(slots, getInputAdornmentUtilityClass, classes);
-};
-const InputAdornmentRoot = styled('div', {
-  name: 'MuiInputAdornment',
-  slot: 'Root',
-  overridesResolver
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'flex',
-  maxHeight: '2em',
-  alignItems: 'center',
-  whiteSpace: 'nowrap',
-  color: (theme.vars || theme).palette.action.active,
-  variants: [{
-    props: {
-      variant: 'filled'
-    },
-    style: {
-      [`&.${inputAdornmentClasses.positionStart}&:not(.${inputAdornmentClasses.hiddenLabel})`]: {
-        marginTop: 16
-      }
-    }
-  }, {
-    props: {
-      position: 'start'
-    },
-    style: {
-      marginRight: 8
-    }
-  }, {
-    props: {
-      position: 'end'
-    },
-    style: {
-      marginLeft: 8
-    }
-  }, {
-    props: {
-      disablePointerEvents: true
-    },
-    style: {
-      pointerEvents: 'none'
-    }
-  }]
-})));
-const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiInputAdornment'
-  });
-  const {
-    children,
-    className,
-    component = 'div',
-    disablePointerEvents = false,
-    disableTypography = false,
-    position,
-    variant: variantProp,
-    ...other
-  } = props;
-  const muiFormControl = useFormControl() || {};
-  let variant = variantProp;
-  if (variantProp && muiFormControl.variant) {
-    if (process.env.NODE_ENV !== 'production') {
-      if (variantProp === muiFormControl.variant) {
-        console.error('MUI: The `InputAdornment` variant infers the variant prop ' + 'you do not have to provide one.');
-      }
-    }
-  }
-  if (muiFormControl && !variant) {
-    variant = muiFormControl.variant;
-  }
-  const ownerState = {
-    ...props,
-    hiddenLabel: muiFormControl.hiddenLabel,
-    size: muiFormControl.size,
-    disablePointerEvents,
-    position,
-    variant
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormControlContext.Provider, {
-    value: null,
-    children: /*#__PURE__*/_jsx(InputAdornmentRoot, {
-      as: component,
-      ownerState: ownerState,
-      className: clsx(classes.root, className),
-      ref: ref,
-      ...other,
-      children: typeof children === 'string' && !disableTypography ? /*#__PURE__*/_jsx(Typography, {
-        color: "textSecondary",
-        children: children
-      }) : /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [position === 'start' ? (/* notranslate needed while Google Translate will not fix zero-width space issue */_span || (_span = /*#__PURE__*/_jsx("span", {
-          className: "notranslate",
-          "aria-hidden": true,
-          children: "\u200B"
-        }))) : null, children]
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? InputAdornment.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 content of the component, normally an `IconButton` or string.
-   */
-  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,
-  /**
-   * Disable pointer events on the root.
-   * This allows for the content of the adornment to focus the `input` on click.
-   * @default false
-   */
-  disablePointerEvents: PropTypes.bool,
-  /**
-   * If children is a string then disable wrapping in a Typography component.
-   * @default false
-   */
-  disableTypography: PropTypes.bool,
-  /**
-   * The position this adornment should appear relative to the `Input`.
-   */
-  position: PropTypes.oneOf(['end', 'start']).isRequired,
-  /**
-   * 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 variant to use.
-   * Note: If you are using the `TextField` component or the `FormControl` component
-   * you do not have to set this manually.
-   */
-  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
-} : void 0;
-export default InputAdornment;

package/modern/InputAdornment/index.d.ts

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

package/modern/InputAdornment/index.js

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

package/modern/InputAdornment/inputAdornmentClasses.d.ts

@@ -1,24 +0,0 @@
-export interface InputAdornmentClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `variant="filled"`. */
-  filled: string;
-  /** Styles applied to the root element if `variant="outlined"`. */
-  outlined: string;
-  /** Styles applied to the root element if `variant="standard"`. */
-  standard: string;
-  /** Styles applied to the root element if `position="start"`. */
-  positionStart: string;
-  /** Styles applied to the root element if `position="end"`. */
-  positionEnd: string;
-  /** Styles applied to the root element if `disablePointerEvents={true}`. */
-  disablePointerEvents: string;
-  /** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
-  hiddenLabel: string;
-  /** Styles applied if the adornment is used inside <FormControl size="small" />. */
-  sizeSmall: string;
-}
-export type InputAdornmentClassKey = keyof InputAdornmentClasses;
-export declare function getInputAdornmentUtilityClass(slot: string): string;
-declare const inputAdornmentClasses: InputAdornmentClasses;
-export default inputAdornmentClasses;

package/modern/InputAdornment/inputAdornmentClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getInputAdornmentUtilityClass(slot) {
-  return generateUtilityClass('MuiInputAdornment', slot);
-}
-const inputAdornmentClasses = generateUtilityClasses('MuiInputAdornment', ['root', 'filled', 'standard', 'outlined', 'positionStart', 'positionEnd', 'disablePointerEvents', 'hiddenLabel', 'sizeSmall']);
-export default inputAdornmentClasses;

package/modern/InputBase/InputBase.d.ts

@@ -1,247 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
-import { InputBaseClasses } from "./inputBaseClasses.js";
-export interface InputBasePropsSizeOverrides {}
-export interface InputBasePropsColorOverrides {}
-export interface InputBaseComponentsPropsOverrides {}
-export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>,
-/*
- * `onBlur`, `onChange`, `onFocus`, `onInvalid`, `onKeyDown`, `onKeyUp` are applied to the inner `InputComponent`,
- * which by default is an input or textarea. Since these handlers differ from the
- * ones inherited by `React.HTMLAttributes<HTMLDivElement>` we need to omit them.
- */
-'children' | 'defaultValue' | 'onBlur' | 'onChange' | 'onFocus' | 'onInvalid' | 'onKeyDown' | 'onKeyUp'> {
-  'aria-describedby'?: string;
-  /**
-   * This prop helps users to fill forms faster, especially on mobile devices.
-   * The name can be confusing, as it's more like an autofill.
-   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
-   */
-  autoComplete?: string;
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   */
-  autoFocus?: boolean;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<InputBaseClasses>;
-  /**
-   * 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).
-   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
-   */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', InputBasePropsColorOverrides>;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Root?: React.ElementType;
-    Input?: React.ElementType;
-  };
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides;
-    input?: React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides;
-  };
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue?: unknown;
-  /**
-   * If `true`, the component is disabled.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
-   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
-   * @default false
-   */
-  disableInjectingGlobalStyles?: boolean;
-  /**
-   * End `InputAdornment` for this component.
-   */
-  endAdornment?: React.ReactNode;
-  /**
-   * If `true`, the `input` will indicate an error.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  error?: boolean;
-  /**
-   * If `true`, the `input` will take up the full width of its container.
-   * @default false
-   */
-  fullWidth?: boolean;
-  /**
-   * The id of the `input` element.
-   */
-  id?: string;
-  /**
-   * The component used for the `input` element.
-   * Either a string to use a HTML element or a component.
-   * @default 'input'
-   */
-  inputComponent?: React.ElementType<InputBaseComponentProps>;
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @default {}
-   */
-  inputProps?: InputBaseComponentProps;
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef?: React.Ref<any>;
-  /**
-   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-   * FormControl.
-   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
-   */
-  margin?: 'dense' | 'none';
-  /**
-   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
-   * @default false
-   */
-  multiline?: boolean;
-  /**
-   * Name attribute of the `input` element.
-   */
-  name?: string;
-  /**
-   * Callback fired when the `input` is blurred.
-   *
-   * Notice that the first argument (event) might be undefined.
-   */
-  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-  /**
-   * Callback fired when the value is changed.
-   *
-   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-  /**
-   * Callback fired when the `input` doesn't satisfy its constraints.
-   */
-  onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-  /**
-   * The short hint displayed in the `input` before the user enters a value.
-   */
-  placeholder?: string;
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly?: boolean;
-  /**
-   * If `true`, the `input` element is required.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  required?: boolean;
-  renderSuffix?: (state: {
-    disabled?: boolean;
-    error?: boolean;
-    filled?: boolean;
-    focused?: boolean;
-    margin?: 'dense' | 'none' | 'normal';
-    required?: boolean;
-    startAdornment?: React.ReactNode;
-  }) => React.ReactNode;
-  /**
-   * Number of rows to display when multiline option is set to true.
-   */
-  rows?: string | number;
-  /**
-   * Maximum number of rows to display when multiline option is set to true.
-   */
-  maxRows?: string | number;
-  /**
-   * Minimum number of rows to display when multiline option is set to true.
-   */
-  minRows?: string | number;
-  /**
-   * The size of the component.
-   */
-  size?: OverridableStringUnion<'small' | 'medium', InputBasePropsSizeOverrides>;
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides & {
-      sx?: SxProps<Theme>;
-    };
-    input?: React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides & {
-      sx?: SxProps<Theme>;
-    };
-  };
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slots?: {
-    root?: React.ElementType;
-    input?: React.ElementType;
-  };
-  /**
-   * Start `InputAdornment` for this component.
-   */
-  startAdornment?: React.ReactNode;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
-   * @default 'text'
-   */
-  type?: string;
-  /**
-   * The value of the `input` element, required for a controlled component.
-   */
-  value?: unknown;
-}
-export interface InputBaseComponentProps extends React.HTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
-  // Accommodate arbitrary additional props coming from the `inputProps` prop
-  [arbitrary: string]: any;
-}
-
-/**
- * `InputBase` contains as few styles as possible.
- * It aims to be a simple building block for creating an input.
- * It contains a load of style reset and some state logic.
- *
- * Demos:
- *
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
- *
- * API:
- *
- * - [InputBase API](https://mui.com/material-ui/api/input-base/)
- */
-export default function InputBase(props: InputBaseProps): React.JSX.Element;