@mui/material 9.0.0-alpha.2 → 9.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.mts +0 -14
- package/Accordion/Accordion.d.ts +0 -14
- package/Accordion/Accordion.js +3 -25
- package/Accordion/Accordion.mjs +3 -25
- package/AccordionSummary/AccordionSummary.js +1 -1
- package/AccordionSummary/AccordionSummary.mjs +1 -1
- package/AccordionSummary/accordionSummaryClasses.d.mts +0 -5
- package/AccordionSummary/accordionSummaryClasses.d.ts +0 -5
- package/AccordionSummary/accordionSummaryClasses.js +1 -1
- package/AccordionSummary/accordionSummaryClasses.mjs +1 -1
- package/Alert/Alert.d.mts +0 -23
- package/Alert/Alert.d.ts +0 -23
- package/Alert/Alert.js +4 -36
- package/Alert/Alert.mjs +4 -36
- package/Alert/alertClasses.d.mts +0 -72
- package/Alert/alertClasses.d.ts +0 -72
- package/Alert/alertClasses.js +1 -1
- package/Alert/alertClasses.mjs +1 -1
- package/Autocomplete/Autocomplete.d.mts +26 -60
- package/Autocomplete/Autocomplete.d.ts +26 -60
- package/Autocomplete/Autocomplete.js +76 -119
- package/Autocomplete/Autocomplete.mjs +76 -119
- package/Avatar/Avatar.d.mts +0 -8
- package/Avatar/Avatar.d.ts +0 -8
- package/Avatar/Avatar.js +13 -35
- package/Avatar/Avatar.mjs +13 -35
- package/AvatarGroup/AvatarGroup.d.mts +0 -15
- package/AvatarGroup/AvatarGroup.d.ts +0 -15
- package/AvatarGroup/AvatarGroup.js +1 -18
- package/AvatarGroup/AvatarGroup.mjs +1 -18
- package/Backdrop/Backdrop.d.mts +1 -31
- package/Backdrop/Backdrop.d.ts +1 -31
- package/Backdrop/Backdrop.js +2 -42
- package/Backdrop/Backdrop.mjs +2 -42
- package/Badge/Badge.d.mts +0 -20
- package/Badge/Badge.d.ts +0 -20
- package/Badge/Badge.js +2 -35
- package/Badge/Badge.mjs +2 -35
- package/Box/Box.d.mts +1 -0
- package/Box/Box.d.ts +1 -0
- package/Button/Button.d.mts +1 -0
- package/Button/Button.d.ts +1 -0
- package/Button/Button.js +6 -6
- package/Button/Button.mjs +6 -6
- package/Button/buttonClasses.d.mts +0 -132
- package/Button/buttonClasses.d.ts +0 -132
- package/Button/buttonClasses.js +1 -1
- package/Button/buttonClasses.mjs +1 -1
- package/ButtonBase/ButtonBase.js +16 -2
- package/ButtonBase/ButtonBase.mjs +16 -2
- package/CHANGELOG.md +191 -0
- package/CardHeader/CardHeader.js +5 -1
- package/CardHeader/CardHeader.mjs +5 -1
- package/CircularProgress/CircularProgress.js +2 -2
- package/CircularProgress/CircularProgress.mjs +2 -2
- package/CircularProgress/circularProgressClasses.d.mts +0 -8
- package/CircularProgress/circularProgressClasses.d.ts +0 -8
- package/CircularProgress/circularProgressClasses.js +1 -1
- package/CircularProgress/circularProgressClasses.mjs +1 -1
- package/Divider/Divider.d.mts +1 -6
- package/Divider/Divider.d.ts +1 -6
- package/Divider/Divider.js +2 -18
- package/Divider/Divider.mjs +2 -18
- package/Divider/dividerClasses.d.mts +0 -4
- package/Divider/dividerClasses.d.ts +0 -4
- package/Divider/dividerClasses.js +1 -1
- package/Divider/dividerClasses.mjs +1 -1
- package/FormControlLabel/FormControlLabel.d.mts +1 -14
- package/FormControlLabel/FormControlLabel.d.ts +1 -14
- package/FormControlLabel/FormControlLabel.js +1 -13
- package/FormControlLabel/FormControlLabel.mjs +1 -13
- package/Input/Input.js +2 -1
- package/Input/Input.mjs +2 -1
- package/List/List.d.mts +1 -0
- package/List/List.d.ts +1 -0
- package/ListItemButton/ListItemButton.d.mts +1 -0
- package/ListItemButton/ListItemButton.d.ts +1 -0
- package/ListItemIcon/ListItemIcon.d.mts +1 -0
- package/ListItemIcon/ListItemIcon.d.ts +1 -0
- package/ListItemText/ListItemText.d.mts +1 -0
- package/ListItemText/ListItemText.d.ts +1 -0
- package/ListItemText/ListItemText.js +5 -1
- package/ListItemText/ListItemText.mjs +5 -1
- package/ListSubheader/ListSubheader.d.mts +1 -0
- package/ListSubheader/ListSubheader.d.ts +1 -0
- package/Menu/Menu.d.mts +0 -13
- package/Menu/Menu.d.ts +0 -13
- package/Menu/Menu.js +5 -44
- package/Menu/Menu.mjs +5 -44
- package/MenuItem/MenuItem.js +21 -1
- package/MenuItem/MenuItem.mjs +23 -1
- package/MenuList/MenuList.js +77 -109
- package/MenuList/MenuList.mjs +77 -109
- package/MobileStepper/MobileStepper.d.mts +0 -5
- package/MobileStepper/MobileStepper.d.ts +0 -5
- package/MobileStepper/MobileStepper.js +1 -10
- package/MobileStepper/MobileStepper.mjs +1 -10
- package/Paper/Paper.d.mts +1 -0
- package/Paper/Paper.d.ts +1 -0
- package/Popover/Popover.d.mts +4 -48
- package/Popover/Popover.d.ts +4 -48
- package/Popover/Popover.js +4 -64
- package/Popover/Popover.mjs +4 -64
- package/Popper/Popper.d.mts +0 -17
- package/Popper/Popper.d.ts +0 -17
- package/Popper/Popper.js +2 -26
- package/Popper/Popper.mjs +2 -26
- package/Popper/index.d.mts +1 -0
- package/Popper/index.d.ts +1 -0
- package/Popper/index.js +11 -2
- package/Popper/index.mjs +1 -0
- package/Select/SelectInput.js +50 -55
- package/Select/SelectInput.mjs +47 -52
- package/Select/index.d.mts +1 -0
- package/Select/index.d.ts +1 -0
- package/Select/index.js +12 -0
- package/Select/index.mjs +1 -0
- package/Select/utils/SelectFocusSourceContext.d.mts +4 -0
- package/Select/utils/SelectFocusSourceContext.d.ts +4 -0
- package/Select/utils/SelectFocusSourceContext.js +19 -0
- package/Select/utils/SelectFocusSourceContext.mjs +13 -0
- package/Select/utils/areEqualValues.d.mts +1 -0
- package/Select/utils/areEqualValues.d.ts +1 -0
- package/Select/utils/areEqualValues.js +14 -0
- package/Select/utils/areEqualValues.mjs +8 -0
- package/Select/utils/getOpenInteractionType.d.mts +1 -0
- package/Select/utils/getOpenInteractionType.d.ts +1 -0
- package/Select/utils/getOpenInteractionType.js +18 -0
- package/Select/utils/getOpenInteractionType.mjs +12 -0
- package/Select/utils/index.d.mts +4 -0
- package/Select/utils/index.d.ts +4 -0
- package/Select/utils/index.js +40 -0
- package/Select/utils/index.mjs +4 -0
- package/Select/utils/isEmpty.d.mts +1 -0
- package/Select/utils/isEmpty.d.ts +1 -0
- package/Select/utils/isEmpty.js +9 -0
- package/Select/utils/isEmpty.mjs +3 -0
- package/Slider/Slider.d.mts +109 -77
- package/Slider/Slider.d.ts +109 -77
- package/Slider/Slider.js +42 -119
- package/Slider/Slider.mjs +42 -119
- package/Slider/sliderClasses.d.mts +7 -7
- package/Slider/sliderClasses.d.ts +7 -7
- package/Slider/useSlider.js +50 -14
- package/Slider/useSlider.mjs +50 -14
- package/Snackbar/Snackbar.d.mts +1 -27
- package/Snackbar/Snackbar.d.ts +1 -27
- package/Snackbar/Snackbar.js +5 -58
- package/Snackbar/Snackbar.mjs +5 -58
- package/SpeedDial/SpeedDial.d.mts +0 -13
- package/SpeedDial/SpeedDial.d.ts +0 -13
- package/SpeedDial/SpeedDial.js +15 -40
- package/SpeedDial/SpeedDial.mjs +15 -40
- package/SpeedDialAction/SpeedDialAction.d.mts +0 -28
- package/SpeedDialAction/SpeedDialAction.d.ts +0 -28
- package/SpeedDialAction/SpeedDialAction.js +5 -46
- package/SpeedDialAction/SpeedDialAction.mjs +5 -46
- package/Step/Step.js +7 -5
- package/Step/Step.mjs +7 -5
- package/StepButton/StepButton.js +16 -6
- package/StepButton/StepButton.mjs +16 -6
- package/StepConnector/StepConnector.js +2 -2
- package/StepConnector/StepConnector.mjs +2 -2
- package/StepContent/StepContent.js +2 -2
- package/StepContent/StepContent.mjs +2 -2
- package/StepLabel/StepLabel.js +2 -2
- package/StepLabel/StepLabel.mjs +2 -2
- package/Stepper/Stepper.js +44 -7
- package/Stepper/Stepper.mjs +44 -7
- package/Stepper/StepperContext.d.mts +7 -0
- package/Stepper/StepperContext.d.ts +7 -0
- package/Stepper/StepperContext.js +2 -1
- package/Stepper/StepperContext.mjs +1 -0
- package/Stepper/index.d.mts +0 -1
- package/Stepper/index.d.ts +0 -1
- package/Tab/Tab.js +0 -1
- package/Tab/Tab.mjs +0 -1
- package/TablePagination/TablePagination.d.mts +1 -1
- package/TablePagination/TablePagination.d.ts +1 -1
- package/TablePagination/TablePagination.js +4 -2
- package/TablePagination/TablePagination.mjs +4 -2
- package/Tabs/Tabs.d.mts +2 -33
- package/Tabs/Tabs.d.ts +2 -33
- package/Tabs/Tabs.js +54 -135
- package/Tabs/Tabs.mjs +54 -135
- package/TextField/TextField.d.mts +6 -49
- package/TextField/TextField.d.ts +6 -49
- package/TextField/TextField.js +18 -53
- package/TextField/TextField.mjs +18 -53
- package/Tooltip/Tooltip.d.mts +1 -55
- package/Tooltip/Tooltip.d.ts +1 -55
- package/Tooltip/Tooltip.js +9 -87
- package/Tooltip/Tooltip.mjs +9 -87
- package/Typography/Typography.d.mts +1 -6
- package/Typography/Typography.d.ts +1 -6
- package/Typography/Typography.js +3 -19
- package/Typography/Typography.mjs +3 -19
- package/Typography/typographyClasses.d.mts +0 -5
- package/Typography/typographyClasses.d.ts +0 -5
- package/Typography/typographyClasses.js +1 -1
- package/Typography/typographyClasses.mjs +1 -1
- package/index.d.mts +0 -2
- package/index.d.ts +0 -2
- package/index.js +1 -9
- package/index.mjs +1 -2
- package/locale/amET.js +4 -1
- package/locale/amET.mjs +3 -1
- package/locale/arEG.js +4 -1
- package/locale/arEG.mjs +3 -1
- package/locale/arSA.js +4 -1
- package/locale/arSA.mjs +3 -1
- package/locale/arSD.js +4 -1
- package/locale/arSD.mjs +3 -1
- package/locale/beBY.js +4 -1
- package/locale/beBY.mjs +3 -1
- package/locale/bnBD.js +4 -1
- package/locale/bnBD.mjs +3 -1
- package/locale/caES.js +4 -1
- package/locale/caES.mjs +3 -1
- package/locale/csCZ.js +4 -1
- package/locale/csCZ.mjs +3 -1
- package/locale/daDK.js +4 -1
- package/locale/daDK.mjs +3 -1
- package/locale/deDE.js +4 -1
- package/locale/deDE.mjs +3 -1
- package/locale/elGR.js +4 -1
- package/locale/elGR.mjs +3 -1
- package/locale/esES.js +4 -1
- package/locale/esES.mjs +3 -1
- package/locale/etEE.js +4 -1
- package/locale/etEE.mjs +3 -1
- package/locale/faIR.js +4 -1
- package/locale/faIR.mjs +3 -1
- package/locale/fiFI.js +4 -1
- package/locale/fiFI.mjs +3 -1
- package/locale/frFR.js +4 -1
- package/locale/frFR.mjs +3 -1
- package/locale/heIL.js +4 -1
- package/locale/heIL.mjs +3 -1
- package/locale/hiIN.js +4 -1
- package/locale/hiIN.mjs +3 -1
- package/locale/hrHR.js +5 -1
- package/locale/hrHR.mjs +4 -1
- package/locale/isIS.js +4 -1
- package/locale/isIS.mjs +3 -1
- package/locale/itIT.js +4 -1
- package/locale/itIT.mjs +3 -1
- package/locale/jaJP.js +4 -1
- package/locale/jaJP.mjs +3 -1
- package/locale/khKH.js +4 -1
- package/locale/khKH.mjs +3 -1
- package/locale/kkKZ.js +4 -1
- package/locale/kkKZ.mjs +3 -1
- package/locale/koKR.js +4 -1
- package/locale/koKR.mjs +3 -1
- package/locale/kuCKB.js +4 -1
- package/locale/kuCKB.mjs +3 -1
- package/locale/kuLatn.js +4 -1
- package/locale/kuLatn.mjs +3 -1
- package/locale/mkMK.js +5 -1
- package/locale/mkMK.mjs +4 -1
- package/locale/msMS.js +5 -1
- package/locale/msMS.mjs +4 -1
- package/locale/myMY.js +5 -1
- package/locale/myMY.mjs +4 -1
- package/locale/nbNO.js +4 -1
- package/locale/nbNO.mjs +3 -1
- package/locale/neNP.js +5 -1
- package/locale/neNP.mjs +4 -1
- package/locale/nlNL.js +4 -1
- package/locale/nlNL.mjs +3 -1
- package/locale/nnNO.js +4 -1
- package/locale/nnNO.mjs +3 -1
- package/locale/plPL.js +4 -1
- package/locale/plPL.mjs +3 -1
- package/locale/psAF.js +4 -1
- package/locale/psAF.mjs +3 -1
- package/locale/ptBR.js +4 -1
- package/locale/ptBR.mjs +3 -1
- package/locale/ptPT.js +4 -1
- package/locale/ptPT.mjs +3 -1
- package/locale/roRO.js +4 -1
- package/locale/roRO.mjs +3 -1
- package/locale/ruRU.js +4 -1
- package/locale/ruRU.mjs +3 -1
- package/locale/siLK.js +4 -1
- package/locale/siLK.mjs +3 -1
- package/locale/skSK.js +4 -1
- package/locale/skSK.mjs +3 -1
- package/locale/srRS.js +5 -1
- package/locale/srRS.mjs +4 -1
- package/locale/svSE.js +4 -1
- package/locale/svSE.mjs +3 -1
- package/locale/thTH.js +4 -1
- package/locale/thTH.mjs +3 -1
- package/locale/tlTL.js +5 -1
- package/locale/tlTL.mjs +4 -1
- package/locale/trTR.js +4 -1
- package/locale/trTR.mjs +3 -1
- package/locale/ukUA.js +4 -1
- package/locale/ukUA.mjs +3 -1
- package/locale/urPK.js +4 -1
- package/locale/urPK.mjs +3 -1
- package/locale/utils/buildFormatNumber.d.mts +2 -0
- package/locale/utils/buildFormatNumber.d.ts +2 -0
- package/locale/utils/buildFormatNumber.js +23 -0
- package/locale/utils/buildFormatNumber.mjs +17 -0
- package/locale/viVN.js +4 -1
- package/locale/viVN.mjs +3 -1
- package/locale/zhCN.js +4 -1
- package/locale/zhCN.mjs +3 -1
- package/locale/zhHK.js +4 -1
- package/locale/zhHK.mjs +3 -1
- package/locale/zhTW.js +4 -1
- package/locale/zhTW.mjs +3 -1
- package/package.json +236 -236
- package/styles/components.d.mts +0 -5
- package/styles/components.d.ts +0 -5
- package/styles/overrides.d.mts +0 -2
- package/styles/overrides.d.ts +0 -2
- package/styles/props.d.mts +0 -2
- package/styles/props.d.ts +0 -2
- package/themeCssVarsAugmentation/index.js +5 -0
- package/themeCssVarsAugmentation/index.mjs +5 -0
- package/useAutocomplete/useAutocomplete.d.mts +0 -12
- package/useAutocomplete/useAutocomplete.d.ts +0 -12
- package/useAutocomplete/useAutocomplete.js +53 -28
- package/useAutocomplete/useAutocomplete.mjs +53 -28
- package/utils/index.d.mts +2 -0
- package/utils/index.d.ts +2 -0
- package/utils/index.js +14 -0
- package/utils/index.mjs +2 -0
- package/utils/useRovingTabIndex.d.mts +2 -0
- package/utils/useRovingTabIndex.d.ts +2 -0
- package/utils/useRovingTabIndex.js +9 -0
- package/utils/useRovingTabIndex.mjs +2 -0
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
- package/GridLegacy/GridLegacy.d.mts +0 -160
- package/GridLegacy/GridLegacy.d.ts +0 -160
- package/GridLegacy/GridLegacy.js +0 -601
- package/GridLegacy/GridLegacy.mjs +0 -588
- package/GridLegacy/GridLegacyContext.js +0 -17
- package/GridLegacy/GridLegacyContext.mjs +0 -12
- package/GridLegacy/gridLegacyClasses.d.mts +0 -48
- package/GridLegacy/gridLegacyClasses.d.ts +0 -48
- package/GridLegacy/gridLegacyClasses.js +0 -27
- package/GridLegacy/gridLegacyClasses.mjs +0 -19
- package/GridLegacy/index.d.mts +0 -4
- package/GridLegacy/index.d.ts +0 -4
- package/GridLegacy/index.js +0 -35
- package/GridLegacy/index.mjs +0 -3
|
@@ -127,11 +127,6 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
|
|
|
127
127
|
* @default false
|
|
128
128
|
*/
|
|
129
129
|
error?: boolean | undefined;
|
|
130
|
-
/**
|
|
131
|
-
* Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
|
|
132
|
-
* @deprecated Use `slotProps.formHelperText` 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.
|
|
133
|
-
*/
|
|
134
|
-
FormHelperTextProps?: Partial<FormHelperTextProps> | undefined;
|
|
135
130
|
/**
|
|
136
131
|
* If `true`, the input will take up the full width of its container.
|
|
137
132
|
* @default false
|
|
@@ -146,17 +141,6 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
|
|
|
146
141
|
* Use this prop to make `label` and `helperText` accessible for screen readers.
|
|
147
142
|
*/
|
|
148
143
|
id?: string | undefined;
|
|
149
|
-
/**
|
|
150
|
-
* Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
|
|
151
|
-
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
152
|
-
* @deprecated Use `slotProps.inputLabel` 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.
|
|
153
|
-
*/
|
|
154
|
-
InputLabelProps?: Partial<InputLabelProps> | undefined;
|
|
155
|
-
/**
|
|
156
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
157
|
-
* @deprecated Use `slotProps.htmlInput` 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.
|
|
158
|
-
*/
|
|
159
|
-
inputProps?: InputBaseProps['inputProps'] | undefined;
|
|
160
144
|
/**
|
|
161
145
|
* Pass a ref to the `input` element.
|
|
162
146
|
*/
|
|
@@ -203,11 +187,6 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
|
|
|
203
187
|
* @default false
|
|
204
188
|
*/
|
|
205
189
|
select?: boolean | undefined;
|
|
206
|
-
/**
|
|
207
|
-
* Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
208
|
-
* @deprecated Use `slotProps.select` 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.
|
|
209
|
-
*/
|
|
210
|
-
SelectProps?: Partial<SelectProps> | undefined;
|
|
211
190
|
/**
|
|
212
191
|
* The size of the component.
|
|
213
192
|
* @default 'medium'
|
|
@@ -239,14 +218,6 @@ export interface StandardTextFieldProps extends BaseTextFieldProps, TextFieldSlo
|
|
|
239
218
|
* @default 'outlined'
|
|
240
219
|
*/
|
|
241
220
|
variant?: 'standard' | undefined;
|
|
242
|
-
/**
|
|
243
|
-
* Props applied to the Input element.
|
|
244
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
245
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
246
|
-
* component depending on the `variant` prop value.
|
|
247
|
-
* @deprecated Use `slotProps.input` 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.
|
|
248
|
-
*/
|
|
249
|
-
InputProps?: Partial<StandardInputProps> | undefined;
|
|
250
221
|
}
|
|
251
222
|
export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<FilledInputProps> {
|
|
252
223
|
/**
|
|
@@ -261,14 +232,6 @@ export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlots
|
|
|
261
232
|
* @default 'outlined'
|
|
262
233
|
*/
|
|
263
234
|
variant: 'filled';
|
|
264
|
-
/**
|
|
265
|
-
* Props applied to the Input element.
|
|
266
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
267
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
268
|
-
* component depending on the `variant` prop value.
|
|
269
|
-
* @deprecated Use `slotProps.input` 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.
|
|
270
|
-
*/
|
|
271
|
-
InputProps?: Partial<FilledInputProps> | undefined;
|
|
272
235
|
}
|
|
273
236
|
export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<OutlinedInputProps> {
|
|
274
237
|
/**
|
|
@@ -283,14 +246,6 @@ export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlo
|
|
|
283
246
|
* @default 'outlined'
|
|
284
247
|
*/
|
|
285
248
|
variant: 'outlined';
|
|
286
|
-
/**
|
|
287
|
-
* Props applied to the Input element.
|
|
288
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
289
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
290
|
-
* component depending on the `variant` prop value.
|
|
291
|
-
* @deprecated Use `slotProps.input` 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.
|
|
292
|
-
*/
|
|
293
|
-
InputProps?: Partial<OutlinedInputProps> | undefined;
|
|
294
249
|
}
|
|
295
250
|
export type TextFieldVariants = 'outlined' | 'standard' | 'filled';
|
|
296
251
|
export type TextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? FilledTextFieldProps : Variant extends 'standard' ? StandardTextFieldProps : OutlinedTextFieldProps;
|
|
@@ -315,17 +270,19 @@ export type TextFieldOwnerState = BaseTextFieldProps;
|
|
|
315
270
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
316
271
|
*
|
|
317
272
|
* ```jsx
|
|
318
|
-
* const
|
|
319
|
-
*
|
|
273
|
+
* const slotProps = {
|
|
274
|
+
* htmlInput: {
|
|
275
|
+
* step: 300
|
|
276
|
+
* }
|
|
320
277
|
* };
|
|
321
278
|
*
|
|
322
|
-
* return <TextField id="time" type="time"
|
|
279
|
+
* return <TextField id="time" type="time" slotProps={slotProps} />;
|
|
323
280
|
* ```
|
|
324
281
|
*
|
|
325
282
|
* For advanced cases, please look at the source of TextField by clicking on the
|
|
326
283
|
* "Edit this page" button above. Consider either:
|
|
327
284
|
*
|
|
328
|
-
* * using the
|
|
285
|
+
* * using the `slotProps` prop for passing values directly to the components
|
|
329
286
|
* * using the underlying components directly as shown in the demos
|
|
330
287
|
*
|
|
331
288
|
* Demos:
|
package/TextField/TextField.d.ts
CHANGED
|
@@ -127,11 +127,6 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
|
|
|
127
127
|
* @default false
|
|
128
128
|
*/
|
|
129
129
|
error?: boolean | undefined;
|
|
130
|
-
/**
|
|
131
|
-
* Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
|
|
132
|
-
* @deprecated Use `slotProps.formHelperText` 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.
|
|
133
|
-
*/
|
|
134
|
-
FormHelperTextProps?: Partial<FormHelperTextProps> | undefined;
|
|
135
130
|
/**
|
|
136
131
|
* If `true`, the input will take up the full width of its container.
|
|
137
132
|
* @default false
|
|
@@ -146,17 +141,6 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
|
|
|
146
141
|
* Use this prop to make `label` and `helperText` accessible for screen readers.
|
|
147
142
|
*/
|
|
148
143
|
id?: string | undefined;
|
|
149
|
-
/**
|
|
150
|
-
* Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
|
|
151
|
-
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
152
|
-
* @deprecated Use `slotProps.inputLabel` 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.
|
|
153
|
-
*/
|
|
154
|
-
InputLabelProps?: Partial<InputLabelProps> | undefined;
|
|
155
|
-
/**
|
|
156
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
157
|
-
* @deprecated Use `slotProps.htmlInput` 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.
|
|
158
|
-
*/
|
|
159
|
-
inputProps?: InputBaseProps['inputProps'] | undefined;
|
|
160
144
|
/**
|
|
161
145
|
* Pass a ref to the `input` element.
|
|
162
146
|
*/
|
|
@@ -203,11 +187,6 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
|
|
|
203
187
|
* @default false
|
|
204
188
|
*/
|
|
205
189
|
select?: boolean | undefined;
|
|
206
|
-
/**
|
|
207
|
-
* Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
208
|
-
* @deprecated Use `slotProps.select` 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.
|
|
209
|
-
*/
|
|
210
|
-
SelectProps?: Partial<SelectProps> | undefined;
|
|
211
190
|
/**
|
|
212
191
|
* The size of the component.
|
|
213
192
|
* @default 'medium'
|
|
@@ -239,14 +218,6 @@ export interface StandardTextFieldProps extends BaseTextFieldProps, TextFieldSlo
|
|
|
239
218
|
* @default 'outlined'
|
|
240
219
|
*/
|
|
241
220
|
variant?: 'standard' | undefined;
|
|
242
|
-
/**
|
|
243
|
-
* Props applied to the Input element.
|
|
244
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
245
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
246
|
-
* component depending on the `variant` prop value.
|
|
247
|
-
* @deprecated Use `slotProps.input` 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.
|
|
248
|
-
*/
|
|
249
|
-
InputProps?: Partial<StandardInputProps> | undefined;
|
|
250
221
|
}
|
|
251
222
|
export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<FilledInputProps> {
|
|
252
223
|
/**
|
|
@@ -261,14 +232,6 @@ export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlots
|
|
|
261
232
|
* @default 'outlined'
|
|
262
233
|
*/
|
|
263
234
|
variant: 'filled';
|
|
264
|
-
/**
|
|
265
|
-
* Props applied to the Input element.
|
|
266
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
267
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
268
|
-
* component depending on the `variant` prop value.
|
|
269
|
-
* @deprecated Use `slotProps.input` 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.
|
|
270
|
-
*/
|
|
271
|
-
InputProps?: Partial<FilledInputProps> | undefined;
|
|
272
235
|
}
|
|
273
236
|
export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<OutlinedInputProps> {
|
|
274
237
|
/**
|
|
@@ -283,14 +246,6 @@ export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlo
|
|
|
283
246
|
* @default 'outlined'
|
|
284
247
|
*/
|
|
285
248
|
variant: 'outlined';
|
|
286
|
-
/**
|
|
287
|
-
* Props applied to the Input element.
|
|
288
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
289
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
290
|
-
* component depending on the `variant` prop value.
|
|
291
|
-
* @deprecated Use `slotProps.input` 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.
|
|
292
|
-
*/
|
|
293
|
-
InputProps?: Partial<OutlinedInputProps> | undefined;
|
|
294
249
|
}
|
|
295
250
|
export type TextFieldVariants = 'outlined' | 'standard' | 'filled';
|
|
296
251
|
export type TextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? FilledTextFieldProps : Variant extends 'standard' ? StandardTextFieldProps : OutlinedTextFieldProps;
|
|
@@ -315,17 +270,19 @@ export type TextFieldOwnerState = BaseTextFieldProps;
|
|
|
315
270
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
316
271
|
*
|
|
317
272
|
* ```jsx
|
|
318
|
-
* const
|
|
319
|
-
*
|
|
273
|
+
* const slotProps = {
|
|
274
|
+
* htmlInput: {
|
|
275
|
+
* step: 300
|
|
276
|
+
* }
|
|
320
277
|
* };
|
|
321
278
|
*
|
|
322
|
-
* return <TextField id="time" type="time"
|
|
279
|
+
* return <TextField id="time" type="time" slotProps={slotProps} />;
|
|
323
280
|
* ```
|
|
324
281
|
*
|
|
325
282
|
* For advanced cases, please look at the source of TextField by clicking on the
|
|
326
283
|
* "Edit this page" button above. Consider either:
|
|
327
284
|
*
|
|
328
|
-
* * using the
|
|
285
|
+
* * using the `slotProps` prop for passing values directly to the components
|
|
329
286
|
* * using the underlying components directly as shown in the demos
|
|
330
287
|
*
|
|
331
288
|
* Demos:
|
package/TextField/TextField.js
CHANGED
|
@@ -63,17 +63,19 @@ const TextFieldRoot = (0, _zeroStyled.styled)(_FormControl.default, {
|
|
|
63
63
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
64
64
|
*
|
|
65
65
|
* ```jsx
|
|
66
|
-
* const
|
|
67
|
-
*
|
|
66
|
+
* const slotProps = {
|
|
67
|
+
* htmlInput: {
|
|
68
|
+
* step: 300
|
|
69
|
+
* }
|
|
68
70
|
* };
|
|
69
71
|
*
|
|
70
|
-
* return <TextField id="time" type="time"
|
|
72
|
+
* return <TextField id="time" type="time" slotProps={slotProps} />;
|
|
71
73
|
* ```
|
|
72
74
|
*
|
|
73
75
|
* For advanced cases, please look at the source of TextField by clicking on the
|
|
74
76
|
* "Edit this page" button above. Consider either:
|
|
75
77
|
*
|
|
76
|
-
* - using the
|
|
78
|
+
* - using the `slotProps` prop for passing values directly to the components
|
|
77
79
|
* - using the underlying components directly as shown in the demos
|
|
78
80
|
*/
|
|
79
81
|
const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
|
|
@@ -90,13 +92,9 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
90
92
|
defaultValue,
|
|
91
93
|
disabled = false,
|
|
92
94
|
error = false,
|
|
93
|
-
FormHelperTextProps: FormHelperTextPropsProp,
|
|
94
95
|
fullWidth = false,
|
|
95
96
|
helperText,
|
|
96
97
|
id: idOverride,
|
|
97
|
-
InputLabelProps: InputLabelPropsProp,
|
|
98
|
-
inputProps: inputPropsProp,
|
|
99
|
-
InputProps: InputPropsProp,
|
|
100
98
|
inputRef,
|
|
101
99
|
label,
|
|
102
100
|
maxRows,
|
|
@@ -110,7 +108,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
110
108
|
required = false,
|
|
111
109
|
rows,
|
|
112
110
|
select = false,
|
|
113
|
-
SelectProps: SelectPropsProp,
|
|
114
111
|
slots = {},
|
|
115
112
|
slotProps = {},
|
|
116
113
|
type,
|
|
@@ -142,15 +139,14 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
142
139
|
const InputComponent = variantComponent[variant];
|
|
143
140
|
const externalForwardedProps = {
|
|
144
141
|
slots,
|
|
145
|
-
slotProps
|
|
146
|
-
input: InputPropsProp,
|
|
147
|
-
inputLabel: InputLabelPropsProp,
|
|
148
|
-
htmlInput: inputPropsProp,
|
|
149
|
-
formHelperText: FormHelperTextPropsProp,
|
|
150
|
-
select: SelectPropsProp,
|
|
151
|
-
...slotProps
|
|
152
|
-
}
|
|
142
|
+
slotProps
|
|
153
143
|
};
|
|
144
|
+
const [SelectSlot, selectProps] = (0, _useSlot.default)('select', {
|
|
145
|
+
elementType: _Select.default,
|
|
146
|
+
externalForwardedProps,
|
|
147
|
+
ownerState
|
|
148
|
+
});
|
|
149
|
+
const nativeSelect = select && selectProps.native;
|
|
154
150
|
const inputAdditionalProps = {};
|
|
155
151
|
const inputLabelSlotProps = externalForwardedProps.slotProps.inputLabel;
|
|
156
152
|
if (variant === 'outlined') {
|
|
@@ -161,7 +157,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
161
157
|
}
|
|
162
158
|
if (select) {
|
|
163
159
|
// unset defaults from textbox inputs
|
|
164
|
-
if (!
|
|
160
|
+
if (!nativeSelect) {
|
|
165
161
|
inputAdditionalProps.id = undefined;
|
|
166
162
|
}
|
|
167
163
|
inputAdditionalProps['aria-describedby'] = undefined;
|
|
@@ -206,11 +202,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
206
202
|
externalForwardedProps,
|
|
207
203
|
ownerState
|
|
208
204
|
});
|
|
209
|
-
const [SelectSlot, selectProps] = (0, _useSlot.default)('select', {
|
|
210
|
-
elementType: _Select.default,
|
|
211
|
-
externalForwardedProps,
|
|
212
|
-
ownerState
|
|
213
|
-
});
|
|
214
205
|
const InputElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputSlot, {
|
|
215
206
|
"aria-describedby": helperTextId,
|
|
216
207
|
autoComplete: autoComplete,
|
|
@@ -239,8 +230,11 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
239
230
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
|
|
240
231
|
...rootProps,
|
|
241
232
|
children: [label != null && label !== '' && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputLabelSlot, {
|
|
242
|
-
htmlFor: id,
|
|
233
|
+
htmlFor: select && !nativeSelect ? undefined : id,
|
|
243
234
|
id: inputLabelId,
|
|
235
|
+
...(select && !nativeSelect && {
|
|
236
|
+
component: 'div'
|
|
237
|
+
}),
|
|
244
238
|
...inputLabelProps,
|
|
245
239
|
children: label
|
|
246
240
|
}), select ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSlot, {
|
|
@@ -307,11 +301,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
|
|
|
307
301
|
* @default false
|
|
308
302
|
*/
|
|
309
303
|
error: _propTypes.default.bool,
|
|
310
|
-
/**
|
|
311
|
-
* Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
|
|
312
|
-
* @deprecated Use `slotProps.formHelperText` 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.
|
|
313
|
-
*/
|
|
314
|
-
FormHelperTextProps: _propTypes.default.object,
|
|
315
304
|
/**
|
|
316
305
|
* If `true`, the input will take up the full width of its container.
|
|
317
306
|
* @default false
|
|
@@ -326,25 +315,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
|
|
|
326
315
|
* Use this prop to make `label` and `helperText` accessible for screen readers.
|
|
327
316
|
*/
|
|
328
317
|
id: _propTypes.default.string,
|
|
329
|
-
/**
|
|
330
|
-
* Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
|
|
331
|
-
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
332
|
-
* @deprecated Use `slotProps.inputLabel` 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.
|
|
333
|
-
*/
|
|
334
|
-
InputLabelProps: _propTypes.default.object,
|
|
335
|
-
/**
|
|
336
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
337
|
-
* @deprecated Use `slotProps.htmlInput` 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.
|
|
338
|
-
*/
|
|
339
|
-
inputProps: _propTypes.default.object,
|
|
340
|
-
/**
|
|
341
|
-
* Props applied to the Input element.
|
|
342
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
343
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
344
|
-
* component depending on the `variant` prop value.
|
|
345
|
-
* @deprecated Use `slotProps.input` 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.
|
|
346
|
-
*/
|
|
347
|
-
InputProps: _propTypes.default.object,
|
|
348
318
|
/**
|
|
349
319
|
* Pass a ref to the `input` element.
|
|
350
320
|
*/
|
|
@@ -409,11 +379,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
|
|
|
409
379
|
* @default false
|
|
410
380
|
*/
|
|
411
381
|
select: _propTypes.default.bool,
|
|
412
|
-
/**
|
|
413
|
-
* Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
414
|
-
* @deprecated Use `slotProps.select` 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.
|
|
415
|
-
*/
|
|
416
|
-
SelectProps: _propTypes.default.object,
|
|
417
382
|
/**
|
|
418
383
|
* The size of the component.
|
|
419
384
|
* @default 'medium'
|
package/TextField/TextField.mjs
CHANGED
|
@@ -56,17 +56,19 @@ const TextFieldRoot = styled(FormControl, {
|
|
|
56
56
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
57
57
|
*
|
|
58
58
|
* ```jsx
|
|
59
|
-
* const
|
|
60
|
-
*
|
|
59
|
+
* const slotProps = {
|
|
60
|
+
* htmlInput: {
|
|
61
|
+
* step: 300
|
|
62
|
+
* }
|
|
61
63
|
* };
|
|
62
64
|
*
|
|
63
|
-
* return <TextField id="time" type="time"
|
|
65
|
+
* return <TextField id="time" type="time" slotProps={slotProps} />;
|
|
64
66
|
* ```
|
|
65
67
|
*
|
|
66
68
|
* For advanced cases, please look at the source of TextField by clicking on the
|
|
67
69
|
* "Edit this page" button above. Consider either:
|
|
68
70
|
*
|
|
69
|
-
* - using the
|
|
71
|
+
* - using the `slotProps` prop for passing values directly to the components
|
|
70
72
|
* - using the underlying components directly as shown in the demos
|
|
71
73
|
*/
|
|
72
74
|
const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
|
|
@@ -83,13 +85,9 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
83
85
|
defaultValue,
|
|
84
86
|
disabled = false,
|
|
85
87
|
error = false,
|
|
86
|
-
FormHelperTextProps: FormHelperTextPropsProp,
|
|
87
88
|
fullWidth = false,
|
|
88
89
|
helperText,
|
|
89
90
|
id: idOverride,
|
|
90
|
-
InputLabelProps: InputLabelPropsProp,
|
|
91
|
-
inputProps: inputPropsProp,
|
|
92
|
-
InputProps: InputPropsProp,
|
|
93
91
|
inputRef,
|
|
94
92
|
label,
|
|
95
93
|
maxRows,
|
|
@@ -103,7 +101,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
103
101
|
required = false,
|
|
104
102
|
rows,
|
|
105
103
|
select = false,
|
|
106
|
-
SelectProps: SelectPropsProp,
|
|
107
104
|
slots = {},
|
|
108
105
|
slotProps = {},
|
|
109
106
|
type,
|
|
@@ -135,15 +132,14 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
135
132
|
const InputComponent = variantComponent[variant];
|
|
136
133
|
const externalForwardedProps = {
|
|
137
134
|
slots,
|
|
138
|
-
slotProps
|
|
139
|
-
input: InputPropsProp,
|
|
140
|
-
inputLabel: InputLabelPropsProp,
|
|
141
|
-
htmlInput: inputPropsProp,
|
|
142
|
-
formHelperText: FormHelperTextPropsProp,
|
|
143
|
-
select: SelectPropsProp,
|
|
144
|
-
...slotProps
|
|
145
|
-
}
|
|
135
|
+
slotProps
|
|
146
136
|
};
|
|
137
|
+
const [SelectSlot, selectProps] = useSlot('select', {
|
|
138
|
+
elementType: Select,
|
|
139
|
+
externalForwardedProps,
|
|
140
|
+
ownerState
|
|
141
|
+
});
|
|
142
|
+
const nativeSelect = select && selectProps.native;
|
|
147
143
|
const inputAdditionalProps = {};
|
|
148
144
|
const inputLabelSlotProps = externalForwardedProps.slotProps.inputLabel;
|
|
149
145
|
if (variant === 'outlined') {
|
|
@@ -154,7 +150,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
154
150
|
}
|
|
155
151
|
if (select) {
|
|
156
152
|
// unset defaults from textbox inputs
|
|
157
|
-
if (!
|
|
153
|
+
if (!nativeSelect) {
|
|
158
154
|
inputAdditionalProps.id = undefined;
|
|
159
155
|
}
|
|
160
156
|
inputAdditionalProps['aria-describedby'] = undefined;
|
|
@@ -199,11 +195,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
199
195
|
externalForwardedProps,
|
|
200
196
|
ownerState
|
|
201
197
|
});
|
|
202
|
-
const [SelectSlot, selectProps] = useSlot('select', {
|
|
203
|
-
elementType: Select,
|
|
204
|
-
externalForwardedProps,
|
|
205
|
-
ownerState
|
|
206
|
-
});
|
|
207
198
|
const InputElement = /*#__PURE__*/_jsx(InputSlot, {
|
|
208
199
|
"aria-describedby": helperTextId,
|
|
209
200
|
autoComplete: autoComplete,
|
|
@@ -232,8 +223,11 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
|
|
|
232
223
|
return /*#__PURE__*/_jsxs(RootSlot, {
|
|
233
224
|
...rootProps,
|
|
234
225
|
children: [label != null && label !== '' && /*#__PURE__*/_jsx(InputLabelSlot, {
|
|
235
|
-
htmlFor: id,
|
|
226
|
+
htmlFor: select && !nativeSelect ? undefined : id,
|
|
236
227
|
id: inputLabelId,
|
|
228
|
+
...(select && !nativeSelect && {
|
|
229
|
+
component: 'div'
|
|
230
|
+
}),
|
|
237
231
|
...inputLabelProps,
|
|
238
232
|
children: label
|
|
239
233
|
}), select ? /*#__PURE__*/_jsx(SelectSlot, {
|
|
@@ -300,11 +294,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
|
|
|
300
294
|
* @default false
|
|
301
295
|
*/
|
|
302
296
|
error: PropTypes.bool,
|
|
303
|
-
/**
|
|
304
|
-
* Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
|
|
305
|
-
* @deprecated Use `slotProps.formHelperText` 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.
|
|
306
|
-
*/
|
|
307
|
-
FormHelperTextProps: PropTypes.object,
|
|
308
297
|
/**
|
|
309
298
|
* If `true`, the input will take up the full width of its container.
|
|
310
299
|
* @default false
|
|
@@ -319,25 +308,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
|
|
|
319
308
|
* Use this prop to make `label` and `helperText` accessible for screen readers.
|
|
320
309
|
*/
|
|
321
310
|
id: PropTypes.string,
|
|
322
|
-
/**
|
|
323
|
-
* Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
|
|
324
|
-
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
325
|
-
* @deprecated Use `slotProps.inputLabel` 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.
|
|
326
|
-
*/
|
|
327
|
-
InputLabelProps: PropTypes.object,
|
|
328
|
-
/**
|
|
329
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
330
|
-
* @deprecated Use `slotProps.htmlInput` 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.
|
|
331
|
-
*/
|
|
332
|
-
inputProps: PropTypes.object,
|
|
333
|
-
/**
|
|
334
|
-
* Props applied to the Input element.
|
|
335
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
336
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
337
|
-
* component depending on the `variant` prop value.
|
|
338
|
-
* @deprecated Use `slotProps.input` 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.
|
|
339
|
-
*/
|
|
340
|
-
InputProps: PropTypes.object,
|
|
341
311
|
/**
|
|
342
312
|
* Pass a ref to the `input` element.
|
|
343
313
|
*/
|
|
@@ -402,11 +372,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
|
|
|
402
372
|
* @default false
|
|
403
373
|
*/
|
|
404
374
|
select: PropTypes.bool,
|
|
405
|
-
/**
|
|
406
|
-
* Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
407
|
-
* @deprecated Use `slotProps.select` 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.
|
|
408
|
-
*/
|
|
409
|
-
SelectProps: PropTypes.object,
|
|
410
375
|
/**
|
|
411
376
|
* The size of the component.
|
|
412
377
|
* @default 'medium'
|
package/Tooltip/Tooltip.d.mts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
3
|
import { PopperProps } from "../Popper/index.mjs";
|
|
4
4
|
import { Theme } from "../styles/index.mjs";
|
|
5
5
|
import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
|
|
6
6
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
|
|
7
7
|
import { TransitionProps } from "../transitions/transition.mjs";
|
|
8
8
|
import { TooltipClasses } from "./tooltipClasses.mjs";
|
|
9
|
-
export interface TooltipComponentsPropsOverrides {}
|
|
10
9
|
export interface TooltipPopperSlotPropsOverrides {}
|
|
11
10
|
export interface TooltipTransitionSlotPropsOverrides {}
|
|
12
11
|
export interface TooltipTooltipSlotPropsOverrides {}
|
|
@@ -68,33 +67,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
|
|
|
68
67
|
* Override or extend the styles applied to the component.
|
|
69
68
|
*/
|
|
70
69
|
classes?: Partial<TooltipClasses> | undefined;
|
|
71
|
-
/**
|
|
72
|
-
* The components used for each slot inside.
|
|
73
|
-
*
|
|
74
|
-
* @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.
|
|
75
|
-
*
|
|
76
|
-
* @default {}
|
|
77
|
-
*/
|
|
78
|
-
components?: {
|
|
79
|
-
Popper?: React.ElementType<PopperProps> | undefined;
|
|
80
|
-
Transition?: React.ElementType | undefined;
|
|
81
|
-
Tooltip?: React.ElementType | undefined;
|
|
82
|
-
Arrow?: React.ElementType | undefined;
|
|
83
|
-
} | undefined;
|
|
84
|
-
/**
|
|
85
|
-
* The extra props for the slot components.
|
|
86
|
-
* You can override the existing props or add new ones.
|
|
87
|
-
*
|
|
88
|
-
* @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.
|
|
89
|
-
*
|
|
90
|
-
* @default {}
|
|
91
|
-
*/
|
|
92
|
-
componentsProps?: {
|
|
93
|
-
popper?: (Partial<PopperProps> & TooltipComponentsPropsOverrides) | undefined;
|
|
94
|
-
transition?: (TransitionProps & TooltipComponentsPropsOverrides) | undefined;
|
|
95
|
-
tooltip?: (React.HTMLProps<HTMLDivElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
|
|
96
|
-
arrow?: (React.HTMLProps<HTMLSpanElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
|
|
97
|
-
} | undefined;
|
|
98
70
|
/**
|
|
99
71
|
* Set to `true` if the `title` acts as an accessible description.
|
|
100
72
|
* By default the `title` acts as an accessible label for the child.
|
|
@@ -180,17 +152,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
|
|
|
180
152
|
* @default 'bottom'
|
|
181
153
|
*/
|
|
182
154
|
placement?: PopperProps['placement'] | undefined;
|
|
183
|
-
/**
|
|
184
|
-
* The component used for the popper.
|
|
185
|
-
* @deprecated use the `slots.popper` 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.
|
|
186
|
-
*/
|
|
187
|
-
PopperComponent?: React.JSXElementConstructor<PopperProps> | undefined;
|
|
188
|
-
/**
|
|
189
|
-
* Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
|
|
190
|
-
* @deprecated use the `slotProps.popper` 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.
|
|
191
|
-
* @default {}
|
|
192
|
-
*/
|
|
193
|
-
PopperProps?: Partial<PopperProps> | undefined;
|
|
194
155
|
/**
|
|
195
156
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
196
157
|
*/
|
|
@@ -199,21 +160,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
|
|
|
199
160
|
* Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
|
|
200
161
|
*/
|
|
201
162
|
title: React.ReactNode;
|
|
202
|
-
/**
|
|
203
|
-
* The component used for the transition.
|
|
204
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
205
|
-
* @deprecated use the `slots.transition` 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.
|
|
206
|
-
*/
|
|
207
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
208
|
-
children: React.ReactElement<unknown, any>;
|
|
209
|
-
}> | undefined;
|
|
210
|
-
/**
|
|
211
|
-
* Props applied to the transition element.
|
|
212
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
213
|
-
* @deprecated use the `slotProps.transition` 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.
|
|
214
|
-
* @default {}
|
|
215
|
-
*/
|
|
216
|
-
TransitionProps?: TransitionProps | undefined;
|
|
217
163
|
}
|
|
218
164
|
export interface TooltipOwnerState extends TooltipProps {}
|
|
219
165
|
|