worked on GarageApp stuff
This commit is contained in:
parent
60aaf17af3
commit
eb606572b0
51919 changed files with 2168177 additions and 18 deletions
247
node_modules/@mui/material/InputBase/InputBase.d.ts
generated
vendored
Normal file
247
node_modules/@mui/material/InputBase/InputBase.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,247 @@
|
|||
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 "../internal/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/Reference/Elements/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/Reference/Elements/input#input_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;
|
||||
758
node_modules/@mui/material/InputBase/InputBase.js
generated
vendored
Normal file
758
node_modules/@mui/material/InputBase/InputBase.js
generated
vendored
Normal file
|
|
@ -0,0 +1,758 @@
|
|||
"use strict";
|
||||
'use client';
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.rootOverridesResolver = exports.inputOverridesResolver = exports.default = exports.InputBaseRoot = exports.InputBaseInput = void 0;
|
||||
var _formatMuiErrorMessage = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _propTypes = _interopRequireDefault(require("prop-types"));
|
||||
var _clsx = _interopRequireDefault(require("clsx"));
|
||||
var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
|
||||
var _refType = _interopRequireDefault(require("@mui/utils/refType"));
|
||||
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
||||
var _TextareaAutosize = _interopRequireDefault(require("../TextareaAutosize"));
|
||||
var _isHostComponent = _interopRequireDefault(require("../utils/isHostComponent"));
|
||||
var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
|
||||
var _FormControlContext = _interopRequireDefault(require("../FormControl/FormControlContext"));
|
||||
var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
|
||||
var _zeroStyled = require("../zero-styled");
|
||||
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
||||
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
||||
var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
|
||||
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
|
||||
var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
|
||||
var _utils = require("./utils");
|
||||
var _inputBaseClasses = _interopRequireWildcard(require("./inputBaseClasses"));
|
||||
var _jsxRuntime = require("react/jsx-runtime");
|
||||
var _InputGlobalStyles;
|
||||
const rootOverridesResolver = (props, styles) => {
|
||||
const {
|
||||
ownerState
|
||||
} = props;
|
||||
return [styles.root, ownerState.formControl && styles.formControl, ownerState.startAdornment && styles.adornedStart, ownerState.endAdornment && styles.adornedEnd, ownerState.error && styles.error, ownerState.size === 'small' && styles.sizeSmall, ownerState.multiline && styles.multiline, ownerState.color && styles[`color${(0, _capitalize.default)(ownerState.color)}`], ownerState.fullWidth && styles.fullWidth, ownerState.hiddenLabel && styles.hiddenLabel];
|
||||
};
|
||||
exports.rootOverridesResolver = rootOverridesResolver;
|
||||
const inputOverridesResolver = (props, styles) => {
|
||||
const {
|
||||
ownerState
|
||||
} = props;
|
||||
return [styles.input, ownerState.size === 'small' && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === 'search' && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];
|
||||
};
|
||||
exports.inputOverridesResolver = inputOverridesResolver;
|
||||
const useUtilityClasses = ownerState => {
|
||||
const {
|
||||
classes,
|
||||
color,
|
||||
disabled,
|
||||
error,
|
||||
endAdornment,
|
||||
focused,
|
||||
formControl,
|
||||
fullWidth,
|
||||
hiddenLabel,
|
||||
multiline,
|
||||
readOnly,
|
||||
size,
|
||||
startAdornment,
|
||||
type
|
||||
} = ownerState;
|
||||
const slots = {
|
||||
root: ['root', `color${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size && size !== 'medium' && `size${(0, _capitalize.default)(size)}`, multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel', readOnly && 'readOnly'],
|
||||
input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', multiline && 'inputMultiline', size === 'small' && 'inputSizeSmall', hiddenLabel && 'inputHiddenLabel', startAdornment && 'inputAdornedStart', endAdornment && 'inputAdornedEnd', readOnly && 'readOnly']
|
||||
};
|
||||
return (0, _composeClasses.default)(slots, _inputBaseClasses.getInputBaseUtilityClass, classes);
|
||||
};
|
||||
const InputBaseRoot = exports.InputBaseRoot = (0, _zeroStyled.styled)('div', {
|
||||
name: 'MuiInputBase',
|
||||
slot: 'Root',
|
||||
overridesResolver: rootOverridesResolver
|
||||
})((0, _memoTheme.default)(({
|
||||
theme
|
||||
}) => ({
|
||||
...theme.typography.body1,
|
||||
color: (theme.vars || theme).palette.text.primary,
|
||||
lineHeight: '1.4375em',
|
||||
// 23px
|
||||
boxSizing: 'border-box',
|
||||
// Prevent padding issue with fullWidth.
|
||||
position: 'relative',
|
||||
cursor: 'text',
|
||||
display: 'inline-flex',
|
||||
alignItems: 'center',
|
||||
[`&.${_inputBaseClasses.default.disabled}`]: {
|
||||
color: (theme.vars || theme).palette.text.disabled,
|
||||
cursor: 'default'
|
||||
},
|
||||
variants: [{
|
||||
props: ({
|
||||
ownerState
|
||||
}) => ownerState.multiline,
|
||||
style: {
|
||||
padding: '4px 0 5px'
|
||||
}
|
||||
}, {
|
||||
props: ({
|
||||
ownerState,
|
||||
size
|
||||
}) => ownerState.multiline && size === 'small',
|
||||
style: {
|
||||
paddingTop: 1
|
||||
}
|
||||
}, {
|
||||
props: ({
|
||||
ownerState
|
||||
}) => ownerState.fullWidth,
|
||||
style: {
|
||||
width: '100%'
|
||||
}
|
||||
}]
|
||||
})));
|
||||
const InputBaseInput = exports.InputBaseInput = (0, _zeroStyled.styled)('input', {
|
||||
name: 'MuiInputBase',
|
||||
slot: 'Input',
|
||||
overridesResolver: inputOverridesResolver
|
||||
})((0, _memoTheme.default)(({
|
||||
theme
|
||||
}) => {
|
||||
const light = theme.palette.mode === 'light';
|
||||
const placeholder = {
|
||||
color: 'currentColor',
|
||||
...(theme.vars ? {
|
||||
opacity: theme.vars.opacity.inputPlaceholder
|
||||
} : {
|
||||
opacity: light ? 0.42 : 0.5
|
||||
}),
|
||||
transition: theme.transitions.create('opacity', {
|
||||
duration: theme.transitions.duration.shorter
|
||||
})
|
||||
};
|
||||
const placeholderHidden = {
|
||||
opacity: '0 !important'
|
||||
};
|
||||
const placeholderVisible = theme.vars ? {
|
||||
opacity: theme.vars.opacity.inputPlaceholder
|
||||
} : {
|
||||
opacity: light ? 0.42 : 0.5
|
||||
};
|
||||
return {
|
||||
font: 'inherit',
|
||||
letterSpacing: 'inherit',
|
||||
color: 'currentColor',
|
||||
padding: '4px 0 5px',
|
||||
border: 0,
|
||||
boxSizing: 'content-box',
|
||||
background: 'none',
|
||||
height: '1.4375em',
|
||||
// Reset 23pxthe native input line-height
|
||||
margin: 0,
|
||||
// Reset for Safari
|
||||
WebkitTapHighlightColor: 'transparent',
|
||||
display: 'block',
|
||||
// Make the flex item shrink with Firefox
|
||||
minWidth: 0,
|
||||
width: '100%',
|
||||
'&::-webkit-input-placeholder': placeholder,
|
||||
'&::-moz-placeholder': placeholder,
|
||||
// Firefox 19+
|
||||
'&::-ms-input-placeholder': placeholder,
|
||||
// Edge
|
||||
'&:focus': {
|
||||
outline: 0
|
||||
},
|
||||
// Reset Firefox invalid required input style
|
||||
'&:invalid': {
|
||||
boxShadow: 'none'
|
||||
},
|
||||
'&::-webkit-search-decoration': {
|
||||
// Remove the padding when type=search.
|
||||
WebkitAppearance: 'none'
|
||||
},
|
||||
// Show and hide the placeholder logic
|
||||
[`label[data-shrink=false] + .${_inputBaseClasses.default.formControl} &`]: {
|
||||
'&::-webkit-input-placeholder': placeholderHidden,
|
||||
'&::-moz-placeholder': placeholderHidden,
|
||||
// Firefox 19+
|
||||
'&::-ms-input-placeholder': placeholderHidden,
|
||||
// Edge
|
||||
'&:focus::-webkit-input-placeholder': placeholderVisible,
|
||||
'&:focus::-moz-placeholder': placeholderVisible,
|
||||
// Firefox 19+
|
||||
'&:focus::-ms-input-placeholder': placeholderVisible // Edge
|
||||
},
|
||||
[`&.${_inputBaseClasses.default.disabled}`]: {
|
||||
opacity: 1,
|
||||
// Reset iOS opacity
|
||||
WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
|
||||
},
|
||||
variants: [{
|
||||
props: ({
|
||||
ownerState
|
||||
}) => !ownerState.disableInjectingGlobalStyles,
|
||||
style: {
|
||||
animationName: 'mui-auto-fill-cancel',
|
||||
animationDuration: '10ms',
|
||||
'&:-webkit-autofill': {
|
||||
animationDuration: '5000s',
|
||||
animationName: 'mui-auto-fill'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
size: 'small'
|
||||
},
|
||||
style: {
|
||||
paddingTop: 1
|
||||
}
|
||||
}, {
|
||||
props: ({
|
||||
ownerState
|
||||
}) => ownerState.multiline,
|
||||
style: {
|
||||
height: 'auto',
|
||||
resize: 'none',
|
||||
padding: 0,
|
||||
paddingTop: 0
|
||||
}
|
||||
}, {
|
||||
props: {
|
||||
type: 'search'
|
||||
},
|
||||
style: {
|
||||
MozAppearance: 'textfield' // Improve type search style.
|
||||
}
|
||||
}]
|
||||
};
|
||||
}));
|
||||
const InputGlobalStyles = (0, _zeroStyled.globalCss)({
|
||||
'@keyframes mui-auto-fill': {
|
||||
from: {
|
||||
display: 'block'
|
||||
}
|
||||
},
|
||||
'@keyframes mui-auto-fill-cancel': {
|
||||
from: {
|
||||
display: 'block'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* `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.
|
||||
*/
|
||||
const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
|
||||
const props = (0, _DefaultPropsProvider.useDefaultProps)({
|
||||
props: inProps,
|
||||
name: 'MuiInputBase'
|
||||
});
|
||||
const {
|
||||
'aria-describedby': ariaDescribedby,
|
||||
autoComplete,
|
||||
autoFocus,
|
||||
className,
|
||||
color,
|
||||
components = {},
|
||||
componentsProps = {},
|
||||
defaultValue,
|
||||
disabled,
|
||||
disableInjectingGlobalStyles,
|
||||
endAdornment,
|
||||
error,
|
||||
fullWidth = false,
|
||||
id,
|
||||
inputComponent = 'input',
|
||||
inputProps: inputPropsProp = {},
|
||||
inputRef: inputRefProp,
|
||||
margin,
|
||||
maxRows,
|
||||
minRows,
|
||||
multiline = false,
|
||||
name,
|
||||
onBlur,
|
||||
onChange,
|
||||
onClick,
|
||||
onFocus,
|
||||
onKeyDown,
|
||||
onKeyUp,
|
||||
placeholder,
|
||||
readOnly,
|
||||
renderSuffix,
|
||||
rows,
|
||||
size,
|
||||
slotProps = {},
|
||||
slots = {},
|
||||
startAdornment,
|
||||
type = 'text',
|
||||
value: valueProp,
|
||||
...other
|
||||
} = props;
|
||||
const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
|
||||
const {
|
||||
current: isControlled
|
||||
} = React.useRef(value != null);
|
||||
const inputRef = React.useRef();
|
||||
const handleInputRefWarning = React.useCallback(instance => {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
if (instance && instance.nodeName !== 'INPUT' && !instance.focus) {
|
||||
console.error(['MUI: You have provided a `inputComponent` to the input component', 'that does not correctly handle the `ref` prop.', 'Make sure the `ref` prop is called with a HTMLInputElement.'].join('\n'));
|
||||
}
|
||||
}
|
||||
}, []);
|
||||
const handleInputRef = (0, _useForkRef.default)(inputRef, inputRefProp, inputPropsProp.ref, handleInputRefWarning);
|
||||
const [focused, setFocused] = React.useState(false);
|
||||
const muiFormControl = (0, _useFormControl.default)();
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
// TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
React.useEffect(() => {
|
||||
if (muiFormControl) {
|
||||
return muiFormControl.registerEffect();
|
||||
}
|
||||
return undefined;
|
||||
}, [muiFormControl]);
|
||||
}
|
||||
const fcs = (0, _formControlState.default)({
|
||||
props,
|
||||
muiFormControl,
|
||||
states: ['color', 'disabled', 'error', 'hiddenLabel', 'size', 'required', 'filled']
|
||||
});
|
||||
fcs.focused = muiFormControl ? muiFormControl.focused : focused;
|
||||
|
||||
// The blur won't fire when the disabled state is set on a focused input.
|
||||
// We need to book keep the focused state manually.
|
||||
React.useEffect(() => {
|
||||
if (!muiFormControl && disabled && focused) {
|
||||
setFocused(false);
|
||||
if (onBlur) {
|
||||
onBlur();
|
||||
}
|
||||
}
|
||||
}, [muiFormControl, disabled, focused, onBlur]);
|
||||
const onFilled = muiFormControl && muiFormControl.onFilled;
|
||||
const onEmpty = muiFormControl && muiFormControl.onEmpty;
|
||||
const checkDirty = React.useCallback(obj => {
|
||||
if ((0, _utils.isFilled)(obj)) {
|
||||
if (onFilled) {
|
||||
onFilled();
|
||||
}
|
||||
} else if (onEmpty) {
|
||||
onEmpty();
|
||||
}
|
||||
}, [onFilled, onEmpty]);
|
||||
(0, _useEnhancedEffect.default)(() => {
|
||||
if (isControlled) {
|
||||
checkDirty({
|
||||
value
|
||||
});
|
||||
}
|
||||
}, [value, checkDirty, isControlled]);
|
||||
const handleFocus = event => {
|
||||
if (onFocus) {
|
||||
onFocus(event);
|
||||
}
|
||||
if (inputPropsProp.onFocus) {
|
||||
inputPropsProp.onFocus(event);
|
||||
}
|
||||
if (muiFormControl && muiFormControl.onFocus) {
|
||||
muiFormControl.onFocus(event);
|
||||
} else {
|
||||
setFocused(true);
|
||||
}
|
||||
};
|
||||
const handleBlur = event => {
|
||||
if (onBlur) {
|
||||
onBlur(event);
|
||||
}
|
||||
if (inputPropsProp.onBlur) {
|
||||
inputPropsProp.onBlur(event);
|
||||
}
|
||||
if (muiFormControl && muiFormControl.onBlur) {
|
||||
muiFormControl.onBlur(event);
|
||||
} else {
|
||||
setFocused(false);
|
||||
}
|
||||
};
|
||||
const handleChange = (event, ...args) => {
|
||||
if (!isControlled) {
|
||||
const element = event.target || inputRef.current;
|
||||
if (element == null) {
|
||||
throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: Expected valid input target. ' + 'Did you use a custom `inputComponent` and forget to forward refs? ' + 'See https://mui.com/r/input-component-ref-interface for more info.' : (0, _formatMuiErrorMessage.default)(1));
|
||||
}
|
||||
checkDirty({
|
||||
value: element.value
|
||||
});
|
||||
}
|
||||
if (inputPropsProp.onChange) {
|
||||
inputPropsProp.onChange(event, ...args);
|
||||
}
|
||||
|
||||
// Perform in the willUpdate
|
||||
if (onChange) {
|
||||
onChange(event, ...args);
|
||||
}
|
||||
};
|
||||
|
||||
// Check the input state on mount, in case it was filled by the user
|
||||
// or auto filled by the browser before the hydration (for SSR).
|
||||
React.useEffect(() => {
|
||||
checkDirty(inputRef.current);
|
||||
// TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
const handleClick = event => {
|
||||
if (inputRef.current && event.currentTarget === event.target) {
|
||||
inputRef.current.focus();
|
||||
}
|
||||
if (onClick) {
|
||||
onClick(event);
|
||||
}
|
||||
};
|
||||
let InputComponent = inputComponent;
|
||||
let inputProps = inputPropsProp;
|
||||
if (multiline && InputComponent === 'input') {
|
||||
if (rows) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
if (minRows || maxRows) {
|
||||
console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');
|
||||
}
|
||||
}
|
||||
inputProps = {
|
||||
type: undefined,
|
||||
minRows: rows,
|
||||
maxRows: rows,
|
||||
...inputProps
|
||||
};
|
||||
} else {
|
||||
inputProps = {
|
||||
type: undefined,
|
||||
maxRows,
|
||||
minRows,
|
||||
...inputProps
|
||||
};
|
||||
}
|
||||
InputComponent = _TextareaAutosize.default;
|
||||
}
|
||||
const handleAutoFill = event => {
|
||||
// Provide a fake value as Chrome might not let you access it for security reasons.
|
||||
checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef.current : {
|
||||
value: 'x'
|
||||
});
|
||||
};
|
||||
React.useEffect(() => {
|
||||
if (muiFormControl) {
|
||||
muiFormControl.setAdornedStart(Boolean(startAdornment));
|
||||
}
|
||||
}, [muiFormControl, startAdornment]);
|
||||
const ownerState = {
|
||||
...props,
|
||||
color: fcs.color || 'primary',
|
||||
disabled: fcs.disabled,
|
||||
endAdornment,
|
||||
error: fcs.error,
|
||||
focused: fcs.focused,
|
||||
formControl: muiFormControl,
|
||||
fullWidth,
|
||||
hiddenLabel: fcs.hiddenLabel,
|
||||
multiline,
|
||||
size: fcs.size,
|
||||
startAdornment,
|
||||
type
|
||||
};
|
||||
const classes = useUtilityClasses(ownerState);
|
||||
const Root = slots.root || components.Root || InputBaseRoot;
|
||||
const rootProps = slotProps.root || componentsProps.root || {};
|
||||
const Input = slots.input || components.Input || InputBaseInput;
|
||||
inputProps = {
|
||||
...inputProps,
|
||||
...(slotProps.input ?? componentsProps.input)
|
||||
};
|
||||
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
||||
children: [!disableInjectingGlobalStyles && typeof InputGlobalStyles === 'function' && (// For Emotion/Styled-components, InputGlobalStyles will be a function
|
||||
// For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
|
||||
_InputGlobalStyles || (_InputGlobalStyles = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputGlobalStyles, {}))), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
|
||||
...rootProps,
|
||||
ref: ref,
|
||||
onClick: handleClick,
|
||||
...other,
|
||||
...(!(0, _isHostComponent.default)(Root) && {
|
||||
ownerState: {
|
||||
...ownerState,
|
||||
...rootProps.ownerState
|
||||
}
|
||||
}),
|
||||
className: (0, _clsx.default)(classes.root, rootProps.className, className, readOnly && 'MuiInputBase-readOnly'),
|
||||
children: [startAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
|
||||
value: null,
|
||||
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
|
||||
"aria-invalid": fcs.error,
|
||||
"aria-describedby": ariaDescribedby,
|
||||
autoComplete: autoComplete,
|
||||
autoFocus: autoFocus,
|
||||
defaultValue: defaultValue,
|
||||
disabled: fcs.disabled,
|
||||
id: id,
|
||||
onAnimationStart: handleAutoFill,
|
||||
name: name,
|
||||
placeholder: placeholder,
|
||||
readOnly: readOnly,
|
||||
required: fcs.required,
|
||||
rows: rows,
|
||||
value: value,
|
||||
onKeyDown: onKeyDown,
|
||||
onKeyUp: onKeyUp,
|
||||
type: type,
|
||||
...inputProps,
|
||||
...(!(0, _isHostComponent.default)(Input) && {
|
||||
as: InputComponent,
|
||||
ownerState: {
|
||||
...ownerState,
|
||||
...inputProps.ownerState
|
||||
}
|
||||
}),
|
||||
ref: handleInputRef,
|
||||
className: (0, _clsx.default)(classes.input, inputProps.className, readOnly && 'MuiInputBase-readOnly'),
|
||||
onBlur: handleBlur,
|
||||
onChange: handleChange,
|
||||
onFocus: handleFocus
|
||||
})
|
||||
}), endAdornment, renderSuffix ? renderSuffix({
|
||||
...fcs,
|
||||
startAdornment
|
||||
}) : null]
|
||||
})]
|
||||
});
|
||||
});
|
||||
process.env.NODE_ENV !== "production" ? InputBase.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`. │
|
||||
// └─────────────────────────────────────────────────────────────────────┘
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
'aria-describedby': _propTypes.default.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: _propTypes.default.string,
|
||||
/**
|
||||
* If `true`, the `input` element is focused during the first mount.
|
||||
*/
|
||||
autoFocus: _propTypes.default.bool,
|
||||
/**
|
||||
* Override or extend the styles applied to the component.
|
||||
*/
|
||||
classes: _propTypes.default.object,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
className: _propTypes.default.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).
|
||||
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
||||
*/
|
||||
color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
|
||||
/**
|
||||
* 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: _propTypes.default.shape({
|
||||
Input: _propTypes.default.elementType,
|
||||
Root: _propTypes.default.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: _propTypes.default.shape({
|
||||
input: _propTypes.default.object,
|
||||
root: _propTypes.default.object
|
||||
}),
|
||||
/**
|
||||
* The default value. Use when the component is not controlled.
|
||||
*/
|
||||
defaultValue: _propTypes.default.any,
|
||||
/**
|
||||
* If `true`, the component is disabled.
|
||||
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
||||
*/
|
||||
disabled: _propTypes.default.bool,
|
||||
/**
|
||||
* 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: _propTypes.default.bool,
|
||||
/**
|
||||
* End `InputAdornment` for this component.
|
||||
*/
|
||||
endAdornment: _propTypes.default.node,
|
||||
/**
|
||||
* If `true`, the `input` will indicate an error.
|
||||
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
||||
*/
|
||||
error: _propTypes.default.bool,
|
||||
/**
|
||||
* If `true`, the `input` will take up the full width of its container.
|
||||
* @default false
|
||||
*/
|
||||
fullWidth: _propTypes.default.bool,
|
||||
/**
|
||||
* The id of the `input` element.
|
||||
*/
|
||||
id: _propTypes.default.string,
|
||||
/**
|
||||
* The component used for the `input` element.
|
||||
* Either a string to use a HTML element or a component.
|
||||
* @default 'input'
|
||||
*/
|
||||
inputComponent: _elementTypeAcceptingRef.default,
|
||||
/**
|
||||
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
||||
* @default {}
|
||||
*/
|
||||
inputProps: _propTypes.default.object,
|
||||
/**
|
||||
* Pass a ref to the `input` element.
|
||||
*/
|
||||
inputRef: _refType.default,
|
||||
/**
|
||||
* 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: _propTypes.default.oneOf(['dense', 'none']),
|
||||
/**
|
||||
* Maximum number of rows to display when multiline option is set to true.
|
||||
*/
|
||||
maxRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
||||
/**
|
||||
* Minimum number of rows to display when multiline option is set to true.
|
||||
*/
|
||||
minRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
||||
/**
|
||||
* If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
|
||||
* @default false
|
||||
*/
|
||||
multiline: _propTypes.default.bool,
|
||||
/**
|
||||
* Name attribute of the `input` element.
|
||||
*/
|
||||
name: _propTypes.default.string,
|
||||
/**
|
||||
* Callback fired when the `input` is blurred.
|
||||
*
|
||||
* Notice that the first argument (event) might be undefined.
|
||||
*/
|
||||
onBlur: _propTypes.default.func,
|
||||
/**
|
||||
* 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: _propTypes.default.func,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
onClick: _propTypes.default.func,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
onFocus: _propTypes.default.func,
|
||||
/**
|
||||
* Callback fired when the `input` doesn't satisfy its constraints.
|
||||
*/
|
||||
onInvalid: _propTypes.default.func,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
onKeyDown: _propTypes.default.func,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
onKeyUp: _propTypes.default.func,
|
||||
/**
|
||||
* The short hint displayed in the `input` before the user enters a value.
|
||||
*/
|
||||
placeholder: _propTypes.default.string,
|
||||
/**
|
||||
* It prevents the user from changing the value of the field
|
||||
* (not from interacting with the field).
|
||||
*/
|
||||
readOnly: _propTypes.default.bool,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
renderSuffix: _propTypes.default.func,
|
||||
/**
|
||||
* If `true`, the `input` element is required.
|
||||
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
||||
*/
|
||||
required: _propTypes.default.bool,
|
||||
/**
|
||||
* Number of rows to display when multiline option is set to true.
|
||||
*/
|
||||
rows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
||||
/**
|
||||
* The size of the component.
|
||||
*/
|
||||
size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['medium', 'small']), _propTypes.default.string]),
|
||||
/**
|
||||
* 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: _propTypes.default.shape({
|
||||
input: _propTypes.default.object,
|
||||
root: _propTypes.default.object
|
||||
}),
|
||||
/**
|
||||
* 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: _propTypes.default.shape({
|
||||
input: _propTypes.default.elementType,
|
||||
root: _propTypes.default.elementType
|
||||
}),
|
||||
/**
|
||||
* Start `InputAdornment` for this component.
|
||||
*/
|
||||
startAdornment: _propTypes.default.node,
|
||||
/**
|
||||
* The system prop that allows defining system overrides as well as additional CSS styles.
|
||||
*/
|
||||
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
||||
/**
|
||||
* Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
|
||||
* @default 'text'
|
||||
*/
|
||||
type: _propTypes.default.string,
|
||||
/**
|
||||
* The value of the `input` element, required for a controlled component.
|
||||
*/
|
||||
value: _propTypes.default.any
|
||||
} : void 0;
|
||||
var _default = exports.default = InputBase;
|
||||
4
node_modules/@mui/material/InputBase/index.d.ts
generated
vendored
Normal file
4
node_modules/@mui/material/InputBase/index.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
export { default } from "./InputBase.js";
|
||||
export * from "./InputBase.js";
|
||||
export { default as inputBaseClasses } from "./inputBaseClasses.js";
|
||||
export * from "./inputBaseClasses.js";
|
||||
35
node_modules/@mui/material/InputBase/index.js
generated
vendored
Normal file
35
node_modules/@mui/material/InputBase/index.js
generated
vendored
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
"use strict";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
var _exportNames = {
|
||||
inputBaseClasses: true
|
||||
};
|
||||
Object.defineProperty(exports, "default", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _InputBase.default;
|
||||
}
|
||||
});
|
||||
Object.defineProperty(exports, "inputBaseClasses", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _inputBaseClasses.default;
|
||||
}
|
||||
});
|
||||
var _InputBase = _interopRequireDefault(require("./InputBase"));
|
||||
var _inputBaseClasses = _interopRequireWildcard(require("./inputBaseClasses"));
|
||||
Object.keys(_inputBaseClasses).forEach(function (key) {
|
||||
if (key === "default" || key === "__esModule") return;
|
||||
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
||||
if (key in exports && exports[key] === _inputBaseClasses[key]) return;
|
||||
Object.defineProperty(exports, key, {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _inputBaseClasses[key];
|
||||
}
|
||||
});
|
||||
});
|
||||
55
node_modules/@mui/material/InputBase/inputBaseClasses.d.ts
generated
vendored
Normal file
55
node_modules/@mui/material/InputBase/inputBaseClasses.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
export interface InputBaseClasses {
|
||||
/** Styles applied to the root element. */
|
||||
root: string;
|
||||
/** Styles applied to the root element if the component is a descendant of `FormControl`. */
|
||||
formControl: string;
|
||||
/** Styles applied to the root element if the component is focused. */
|
||||
focused: string;
|
||||
/** Styles applied to the root element if `disabled={true}`. */
|
||||
disabled: string;
|
||||
/** Styles applied to the root element if `startAdornment` is provided. */
|
||||
adornedStart: string;
|
||||
/** Styles applied to the root element if `endAdornment` is provided. */
|
||||
adornedEnd: string;
|
||||
/** State class applied to the root element if `error={true}`. */
|
||||
error: string;
|
||||
/** Styles applied to the input element if `size="small"`. */
|
||||
sizeSmall: string;
|
||||
/** Styles applied to the root element if `multiline={true}`. */
|
||||
multiline: string;
|
||||
/** Styles applied to the root element if the color is secondary. */
|
||||
colorSecondary: string;
|
||||
/** Styles applied to the root element if `fullWidth={true}`. */
|
||||
fullWidth: string;
|
||||
/** Styles applied to the root element if `hiddenLabel={true}`. */
|
||||
hiddenLabel: string;
|
||||
/** State class applied to the root element if `readOnly={true}`. */
|
||||
readOnly: string;
|
||||
/** Styles applied to the input element. */
|
||||
input: string;
|
||||
/** Styles applied to the input element if `size="small"`.
|
||||
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#inputbase-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
||||
*/
|
||||
inputSizeSmall: string;
|
||||
/** Styles applied to the input element if `multiline={true}`.
|
||||
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#inputbase-classes-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
||||
*/
|
||||
inputMultiline: string;
|
||||
inputTypeSearch: string;
|
||||
/** Styles applied to the input element if `startAdornment` is provided.
|
||||
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#inputbase-classes-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
||||
*/
|
||||
inputAdornedStart: string;
|
||||
/** Styles applied to the input element if `endAdornment` is provided.
|
||||
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#inputbase-classes-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
||||
*/
|
||||
inputAdornedEnd: string;
|
||||
/** Styles applied to the input element if `hiddenLabel={true}`.
|
||||
* @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#inputbase-classes-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
||||
*/
|
||||
inputHiddenLabel: string;
|
||||
}
|
||||
export type InputBaseClassKey = keyof InputBaseClasses;
|
||||
export declare function getInputBaseUtilityClass(slot: string): string;
|
||||
declare const inputBaseClasses: InputBaseClasses;
|
||||
export default inputBaseClasses;
|
||||
15
node_modules/@mui/material/InputBase/inputBaseClasses.js
generated
vendored
Normal file
15
node_modules/@mui/material/InputBase/inputBaseClasses.js
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
exports.getInputBaseUtilityClass = getInputBaseUtilityClass;
|
||||
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
||||
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
||||
function getInputBaseUtilityClass(slot) {
|
||||
return (0, _generateUtilityClass.default)('MuiInputBase', slot);
|
||||
}
|
||||
const inputBaseClasses = (0, _generateUtilityClasses.default)('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);
|
||||
var _default = exports.default = inputBaseClasses;
|
||||
38
node_modules/@mui/material/InputBase/utils.js
generated
vendored
Normal file
38
node_modules/@mui/material/InputBase/utils.js
generated
vendored
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.hasValue = hasValue;
|
||||
exports.isAdornedStart = isAdornedStart;
|
||||
exports.isFilled = isFilled;
|
||||
// Supports determination of isControlled().
|
||||
// Controlled input accepts its current value as a prop.
|
||||
//
|
||||
// @see https://facebook.github.io/react/docs/forms.html#controlled-components
|
||||
// @param value
|
||||
// @returns {boolean} true if string (including '') or number (including zero)
|
||||
function hasValue(value) {
|
||||
return value != null && !(Array.isArray(value) && value.length === 0);
|
||||
}
|
||||
|
||||
// Determine if field is empty or filled.
|
||||
// Response determines if label is presented above field or as placeholder.
|
||||
//
|
||||
// @param obj
|
||||
// @param SSR
|
||||
// @returns {boolean} False when not present or empty string.
|
||||
// True when any number or string with length.
|
||||
function isFilled(obj, SSR = false) {
|
||||
return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');
|
||||
}
|
||||
|
||||
// Determine if an Input is adorned on start.
|
||||
// It's corresponding to the left with LTR.
|
||||
//
|
||||
// @param obj
|
||||
// @returns {boolean} False when no adornments.
|
||||
// True when adorned at the start.
|
||||
function isAdornedStart(obj) {
|
||||
return obj.startAdornment;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue