@mui/material 9.0.0-alpha.3 → 9.0.0-beta.0
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 +10 -60
- package/Autocomplete/Autocomplete.d.ts +10 -60
- package/Autocomplete/Autocomplete.js +33 -99
- package/Autocomplete/Autocomplete.mjs +33 -99
- 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/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/ButtonGroup/ButtonGroup.js +1 -9
- package/ButtonGroup/ButtonGroup.mjs +1 -9
- package/ButtonGroup/buttonGroupClasses.d.mts +0 -68
- package/ButtonGroup/buttonGroupClasses.d.ts +0 -68
- package/ButtonGroup/buttonGroupClasses.js +1 -1
- package/ButtonGroup/buttonGroupClasses.mjs +1 -1
- package/CHANGELOG.md +224 -3
- package/CardHeader/CardHeader.d.mts +13 -21
- package/CardHeader/CardHeader.d.ts +13 -21
- package/CardHeader/CardHeader.js +3 -21
- package/CardHeader/CardHeader.mjs +3 -21
- package/Checkbox/Checkbox.js +1 -7
- package/Checkbox/Checkbox.mjs +1 -7
- package/Chip/Chip.js +48 -54
- package/Chip/Chip.mjs +48 -54
- package/Chip/chipClasses.d.mts +0 -104
- package/Chip/chipClasses.d.ts +0 -104
- package/Chip/chipClasses.js +1 -1
- package/Chip/chipClasses.mjs +1 -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/Dialog/Dialog.d.mts +0 -21
- package/Dialog/Dialog.d.ts +0 -21
- package/Dialog/Dialog.js +36 -73
- package/Dialog/Dialog.mjs +36 -73
- package/Dialog/dialogClasses.d.mts +0 -8
- package/Dialog/dialogClasses.d.ts +0 -8
- package/Dialog/dialogClasses.js +1 -1
- package/Dialog/dialogClasses.mjs +1 -1
- package/Divider/Divider.d.mts +0 -6
- package/Divider/Divider.d.ts +0 -6
- package/Divider/Divider.js +2 -18
- package/Divider/Divider.mjs +2 -18
- package/Divider/dividerClasses.d.mts +0 -8
- package/Divider/dividerClasses.d.ts +0 -8
- package/Divider/dividerClasses.js +1 -1
- package/Divider/dividerClasses.mjs +1 -1
- package/Drawer/Drawer.d.mts +0 -12
- package/Drawer/Drawer.d.ts +0 -12
- package/Drawer/Drawer.js +6 -40
- package/Drawer/Drawer.mjs +6 -40
- package/Drawer/drawerClasses.d.mts +0 -32
- package/Drawer/drawerClasses.d.ts +0 -32
- package/Drawer/drawerClasses.js +1 -1
- package/Drawer/drawerClasses.mjs +1 -1
- package/FilledInput/FilledInput.js +3 -32
- package/FilledInput/FilledInput.mjs +3 -32
- 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/ImageListItemBar/ImageListItemBar.js +4 -17
- package/ImageListItemBar/ImageListItemBar.mjs +4 -17
- package/ImageListItemBar/imageListItemBarClasses.d.mts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.d.ts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.js +1 -1
- package/ImageListItemBar/imageListItemBarClasses.mjs +1 -1
- package/Input/Input.js +5 -33
- package/Input/Input.mjs +5 -33
- package/Input/inputClasses.d.mts +0 -16
- package/Input/inputClasses.d.ts +0 -16
- package/InputBase/InputBase.d.mts +0 -27
- package/InputBase/InputBase.d.ts +0 -27
- package/InputBase/InputBase.js +6 -35
- package/InputBase/InputBase.mjs +6 -35
- package/InputBase/inputBaseClasses.d.mts +0 -20
- package/InputBase/inputBaseClasses.d.ts +0 -20
- package/InputBase/inputBaseClasses.js +1 -1
- package/InputBase/inputBaseClasses.mjs +1 -1
- package/InputLabel/InputLabel.js +1 -1
- package/InputLabel/InputLabel.mjs +1 -1
- package/LinearProgress/LinearProgress.js +6 -18
- package/LinearProgress/LinearProgress.mjs +6 -18
- package/LinearProgress/linearProgressClasses.d.mts +0 -36
- package/LinearProgress/linearProgressClasses.d.ts +0 -36
- package/LinearProgress/linearProgressClasses.js +1 -1
- package/LinearProgress/linearProgressClasses.mjs +1 -1
- package/Link/Link.d.mts +1 -1
- package/Link/Link.d.ts +1 -1
- package/ListItem/ListItem.d.mts +2 -36
- package/ListItem/ListItem.d.ts +2 -36
- package/ListItem/ListItem.js +27 -152
- package/ListItem/ListItem.mjs +27 -152
- package/ListItem/listItemClasses.d.mts +2 -4
- package/ListItem/listItemClasses.d.ts +2 -4
- package/ListItem/listItemClasses.js +1 -1
- package/ListItem/listItemClasses.mjs +1 -1
- package/ListItemButton/ListItemButton.d.mts +1 -2
- package/ListItemButton/ListItemButton.d.ts +1 -2
- package/ListItemButton/ListItemButton.js +1 -2
- package/ListItemButton/ListItemButton.mjs +1 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +7 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.mjs +7 -2
- package/ListItemText/ListItemText.d.mts +12 -20
- package/ListItemText/ListItemText.d.ts +12 -20
- package/ListItemText/ListItemText.js +2 -20
- package/ListItemText/ListItemText.mjs +2 -20
- 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 +2 -4
- package/MenuList/MenuList.mjs +2 -4
- 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/Modal/Modal.d.mts +1 -41
- package/Modal/Modal.d.ts +1 -41
- package/Modal/Modal.js +5 -58
- package/Modal/Modal.mjs +5 -58
- package/OutlinedInput/OutlinedInput.js +2 -14
- package/OutlinedInput/OutlinedInput.mjs +2 -14
- package/OutlinedInput/outlinedInputClasses.d.mts +0 -16
- package/OutlinedInput/outlinedInputClasses.d.ts +0 -16
- package/PaginationItem/PaginationItem.d.mts +0 -15
- package/PaginationItem/PaginationItem.d.ts +0 -15
- package/PaginationItem/PaginationItem.js +3 -24
- package/PaginationItem/PaginationItem.mjs +3 -24
- package/PaginationItem/paginationItemClasses.d.mts +0 -16
- package/PaginationItem/paginationItemClasses.d.ts +0 -16
- package/PaginationItem/paginationItemClasses.js +1 -1
- package/PaginationItem/paginationItemClasses.mjs +1 -1
- 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/Radio/Radio.js +1 -13
- package/Radio/Radio.mjs +1 -13
- package/Rating/Rating.d.mts +0 -9
- package/Rating/Rating.d.ts +0 -9
- package/Rating/Rating.js +1 -17
- package/Rating/Rating.mjs +1 -17
- package/Select/SelectInput.js +52 -58
- package/Select/SelectInput.mjs +49 -55
- 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/selectClasses.d.mts +0 -12
- package/Select/selectClasses.d.ts +0 -12
- package/Select/selectClasses.js +1 -1
- package/Select/selectClasses.mjs +1 -1
- 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 +105 -78
- package/Slider/Slider.d.ts +105 -78
- package/Slider/Slider.js +44 -127
- package/Slider/Slider.mjs +44 -127
- package/Slider/sliderClasses.d.mts +0 -28
- package/Slider/sliderClasses.d.ts +0 -28
- package/Slider/sliderClasses.js +1 -1
- package/Slider/sliderClasses.mjs +1 -1
- 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/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/StepConnector/StepConnector.js +2 -8
- package/StepConnector/StepConnector.mjs +2 -8
- package/StepConnector/stepConnectorClasses.d.mts +0 -8
- package/StepConnector/stepConnectorClasses.d.ts +0 -8
- package/StepConnector/stepConnectorClasses.js +1 -1
- package/StepConnector/stepConnectorClasses.mjs +1 -1
- package/StepContent/StepContent.d.mts +1 -16
- package/StepContent/StepContent.d.ts +1 -16
- package/StepContent/StepContent.js +3 -22
- package/StepContent/StepContent.mjs +3 -22
- package/StepLabel/StepLabel.d.mts +0 -22
- package/StepLabel/StepLabel.d.ts +0 -22
- package/StepLabel/StepLabel.js +2 -31
- package/StepLabel/StepLabel.mjs +2 -31
- package/SvgIcon/createSvgIcon.d.mts +2 -0
- package/SvgIcon/createSvgIcon.d.ts +2 -0
- package/SvgIcon/createSvgIcon.js +31 -0
- package/SvgIcon/createSvgIcon.mjs +26 -0
- package/SvgIcon/index.d.mts +1 -0
- package/SvgIcon/index.d.ts +1 -0
- package/SvgIcon/index.js +8 -0
- package/SvgIcon/index.mjs +1 -0
- package/SwipeableDrawer/SwipeableDrawer.d.mts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.d.ts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.js +6 -37
- package/SwipeableDrawer/SwipeableDrawer.mjs +6 -37
- package/Switch/Switch.js +0 -11
- package/Switch/Switch.mjs +0 -11
- package/Tab/Tab.js +1 -3
- package/Tab/Tab.mjs +1 -3
- package/Tab/tabClasses.d.mts +0 -4
- package/Tab/tabClasses.d.ts +0 -4
- package/Tab/tabClasses.js +1 -1
- package/Tab/tabClasses.mjs +1 -1
- package/TablePagination/TablePagination.d.mts +1 -25
- package/TablePagination/TablePagination.d.ts +1 -25
- package/TablePagination/TablePagination.js +5 -31
- package/TablePagination/TablePagination.mjs +5 -31
- package/TablePaginationActions/TablePaginationActions.d.mts +0 -10
- package/TablePaginationActions/TablePaginationActions.d.ts +0 -10
- package/TablePaginationActions/TablePaginationActions.js +2 -14
- package/TablePaginationActions/TablePaginationActions.mjs +2 -14
- package/TableSortLabel/TableSortLabel.js +2 -7
- package/TableSortLabel/TableSortLabel.mjs +2 -7
- package/TableSortLabel/tableSortLabelClasses.d.mts +0 -8
- package/TableSortLabel/tableSortLabelClasses.d.ts +0 -8
- package/TableSortLabel/tableSortLabelClasses.js +1 -1
- package/TableSortLabel/tableSortLabelClasses.mjs +1 -1
- package/Tabs/Tabs.d.mts +2 -33
- package/Tabs/Tabs.d.ts +2 -33
- package/Tabs/Tabs.js +11 -41
- package/Tabs/Tabs.mjs +11 -41
- package/Tabs/tabsClasses.d.mts +0 -6
- package/Tabs/tabsClasses.d.ts +0 -6
- package/Tabs/tabsClasses.js +1 -1
- package/Tabs/tabsClasses.mjs +1 -1
- 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/ToggleButtonGroup/ToggleButtonGroup.js +1 -4
- package/ToggleButtonGroup/ToggleButtonGroup.mjs +1 -4
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/ToggleButtonGroup/toggleButtonGroupClasses.mjs +1 -1
- 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 +3 -9
- package/Typography/Typography.d.ts +3 -9
- package/Typography/Typography.js +5 -43
- package/Typography/Typography.mjs +6 -44
- 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/internal/SwitchBase.d.mts +0 -10
- package/internal/SwitchBase.d.ts +0 -10
- package/internal/SwitchBase.js +1 -16
- package/internal/SwitchBase.mjs +1 -16
- 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 +7 -21
- package/styles/components.d.mts +0 -5
- package/styles/components.d.ts +0 -5
- package/styles/createThemeWithVars.js +1 -0
- package/styles/createThemeWithVars.mjs +1 -0
- 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/styles/stringifyTheme.js +1 -1
- package/styles/stringifyTheme.mjs +1 -1
- package/useAutocomplete/useAutocomplete.d.mts +0 -12
- package/useAutocomplete/useAutocomplete.d.ts +0 -12
- package/useAutocomplete/useAutocomplete.js +29 -28
- package/useAutocomplete/useAutocomplete.mjs +29 -28
- package/utils/createSvgIcon.d.mts +4 -2
- package/utils/createSvgIcon.d.ts +4 -2
- package/utils/createSvgIcon.js +6 -24
- package/utils/createSvgIcon.mjs +2 -24
- 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
|
@@ -4,7 +4,6 @@ import { Theme } from "../styles/index.mjs";
|
|
|
4
4
|
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.mjs";
|
|
5
5
|
import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.mjs";
|
|
6
6
|
import { TableCellProps } from "../TableCell/index.mjs";
|
|
7
|
-
import { IconButtonProps } from "../IconButton/index.mjs";
|
|
8
7
|
import { SelectProps } from "../Select/index.mjs";
|
|
9
8
|
import { TablePaginationClasses } from "./tablePaginationClasses.mjs";
|
|
10
9
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
|
|
@@ -122,13 +121,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
122
121
|
* @default TablePaginationActions
|
|
123
122
|
*/
|
|
124
123
|
ActionsComponent?: React.ElementType<TablePaginationActionsProps> | undefined;
|
|
125
|
-
/**
|
|
126
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
127
|
-
*
|
|
128
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
129
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
130
|
-
*/
|
|
131
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
132
124
|
/**
|
|
133
125
|
* Override or extend the styles applied to the component.
|
|
134
126
|
*/
|
|
@@ -162,7 +154,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
162
154
|
*
|
|
163
155
|
* For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
|
|
164
156
|
* @default function defaultLabelDisplayedRows({ from, to, count }) {
|
|
165
|
-
* return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
|
|
157
|
+
* return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
|
|
166
158
|
* }
|
|
167
159
|
*/
|
|
168
160
|
labelDisplayedRows?: ((paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode) | undefined;
|
|
@@ -173,13 +165,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
173
165
|
* @default 'Rows per page:'
|
|
174
166
|
*/
|
|
175
167
|
labelRowsPerPage?: React.ReactNode;
|
|
176
|
-
/**
|
|
177
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
178
|
-
*
|
|
179
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
180
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
181
|
-
*/
|
|
182
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
183
168
|
/**
|
|
184
169
|
* Callback fired when the page is changed.
|
|
185
170
|
*
|
|
@@ -213,15 +198,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
213
198
|
value: number;
|
|
214
199
|
label: string;
|
|
215
200
|
}> | undefined;
|
|
216
|
-
/**
|
|
217
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
218
|
-
*
|
|
219
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
220
|
-
* @deprecated Use `slotProps.select` instead.
|
|
221
|
-
*
|
|
222
|
-
* @default {}
|
|
223
|
-
*/
|
|
224
|
-
SelectProps?: Partial<SelectProps> | undefined;
|
|
225
201
|
/**
|
|
226
202
|
* If `true`, show the first-page button.
|
|
227
203
|
* @default false
|
|
@@ -4,7 +4,6 @@ import { Theme } from "../styles/index.js";
|
|
|
4
4
|
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
|
|
5
5
|
import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.js";
|
|
6
6
|
import { TableCellProps } from "../TableCell/index.js";
|
|
7
|
-
import { IconButtonProps } from "../IconButton/index.js";
|
|
8
7
|
import { SelectProps } from "../Select/index.js";
|
|
9
8
|
import { TablePaginationClasses } from "./tablePaginationClasses.js";
|
|
10
9
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
|
|
@@ -122,13 +121,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
122
121
|
* @default TablePaginationActions
|
|
123
122
|
*/
|
|
124
123
|
ActionsComponent?: React.ElementType<TablePaginationActionsProps> | undefined;
|
|
125
|
-
/**
|
|
126
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
127
|
-
*
|
|
128
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
129
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
130
|
-
*/
|
|
131
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
132
124
|
/**
|
|
133
125
|
* Override or extend the styles applied to the component.
|
|
134
126
|
*/
|
|
@@ -162,7 +154,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
162
154
|
*
|
|
163
155
|
* For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
|
|
164
156
|
* @default function defaultLabelDisplayedRows({ from, to, count }) {
|
|
165
|
-
* return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
|
|
157
|
+
* return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
|
|
166
158
|
* }
|
|
167
159
|
*/
|
|
168
160
|
labelDisplayedRows?: ((paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode) | undefined;
|
|
@@ -173,13 +165,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
173
165
|
* @default 'Rows per page:'
|
|
174
166
|
*/
|
|
175
167
|
labelRowsPerPage?: React.ReactNode;
|
|
176
|
-
/**
|
|
177
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
178
|
-
*
|
|
179
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
180
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
181
|
-
*/
|
|
182
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
183
168
|
/**
|
|
184
169
|
* Callback fired when the page is changed.
|
|
185
170
|
*
|
|
@@ -213,15 +198,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
213
198
|
value: number;
|
|
214
199
|
label: string;
|
|
215
200
|
}> | undefined;
|
|
216
|
-
/**
|
|
217
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
218
|
-
*
|
|
219
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
220
|
-
* @deprecated Use `slotProps.select` instead.
|
|
221
|
-
*
|
|
222
|
-
* @default {}
|
|
223
|
-
*/
|
|
224
|
-
SelectProps?: Partial<SelectProps> | undefined;
|
|
225
201
|
/**
|
|
226
202
|
* If `true`, show the first-page button.
|
|
227
203
|
* @default false
|
|
@@ -26,8 +26,10 @@ var _TablePaginationActions = _interopRequireDefault(require("../TablePagination
|
|
|
26
26
|
var _useId = _interopRequireDefault(require("../utils/useId"));
|
|
27
27
|
var _tablePaginationClasses = _interopRequireWildcard(require("./tablePaginationClasses"));
|
|
28
28
|
var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
|
|
29
|
+
var _buildFormatNumber = _interopRequireDefault(require("../locale/utils/buildFormatNumber"));
|
|
29
30
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
30
31
|
var _InputBase;
|
|
32
|
+
const formatNumber = (0, _buildFormatNumber.default)('en-US');
|
|
31
33
|
const TablePaginationRoot = (0, _zeroStyled.styled)(_TableCell.default, {
|
|
32
34
|
name: 'MuiTablePagination',
|
|
33
35
|
slot: 'Root'
|
|
@@ -121,7 +123,7 @@ function defaultLabelDisplayedRows({
|
|
|
121
123
|
to,
|
|
122
124
|
count
|
|
123
125
|
}) {
|
|
124
|
-
return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
|
|
126
|
+
return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
|
|
125
127
|
}
|
|
126
128
|
function defaultGetAriaLabel(type) {
|
|
127
129
|
return `Go to ${type} page`;
|
|
@@ -155,7 +157,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
155
157
|
});
|
|
156
158
|
const {
|
|
157
159
|
ActionsComponent = _TablePaginationActions.default,
|
|
158
|
-
backIconButtonProps,
|
|
159
160
|
colSpan: colSpanProp,
|
|
160
161
|
component = _TableCell.default,
|
|
161
162
|
count,
|
|
@@ -163,13 +164,11 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
163
164
|
getItemAriaLabel = defaultGetAriaLabel,
|
|
164
165
|
labelDisplayedRows = defaultLabelDisplayedRows,
|
|
165
166
|
labelRowsPerPage = 'Rows per page:',
|
|
166
|
-
nextIconButtonProps,
|
|
167
167
|
onPageChange,
|
|
168
168
|
onRowsPerPageChange,
|
|
169
169
|
page,
|
|
170
170
|
rowsPerPage,
|
|
171
171
|
rowsPerPageOptions = [10, 25, 50, 100],
|
|
172
|
-
SelectProps = {},
|
|
173
172
|
showFirstButton = false,
|
|
174
173
|
showLastButton = false,
|
|
175
174
|
slotProps = {},
|
|
@@ -178,7 +177,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
178
177
|
} = props;
|
|
179
178
|
const ownerState = props;
|
|
180
179
|
const classes = useUtilityClasses(ownerState);
|
|
181
|
-
const selectProps = slotProps?.select ??
|
|
180
|
+
const selectProps = typeof slotProps?.select === 'function' ? slotProps.select(ownerState) : slotProps?.select ?? {};
|
|
182
181
|
const MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
|
|
183
182
|
let colSpan;
|
|
184
183
|
if (component === _TableCell.default || component === 'td') {
|
|
@@ -293,9 +292,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
293
292
|
})
|
|
294
293
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionsComponent, {
|
|
295
294
|
className: classes.actions,
|
|
296
|
-
backIconButtonProps: backIconButtonProps,
|
|
297
295
|
count: count,
|
|
298
|
-
nextIconButtonProps: nextIconButtonProps,
|
|
299
296
|
onPageChange: onPageChange,
|
|
300
297
|
page: page,
|
|
301
298
|
rowsPerPage: rowsPerPage,
|
|
@@ -320,13 +317,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
320
317
|
* @default TablePaginationActions
|
|
321
318
|
*/
|
|
322
319
|
ActionsComponent: _propTypes.default.elementType,
|
|
323
|
-
/**
|
|
324
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
325
|
-
*
|
|
326
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
327
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
328
|
-
*/
|
|
329
|
-
backIconButtonProps: _propTypes.default.object,
|
|
330
320
|
/**
|
|
331
321
|
* Override or extend the styles applied to the component.
|
|
332
322
|
*/
|
|
@@ -369,7 +359,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
369
359
|
*
|
|
370
360
|
* For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
|
|
371
361
|
* @default function defaultLabelDisplayedRows({ from, to, count }) {
|
|
372
|
-
* return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
|
|
362
|
+
* return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
|
|
373
363
|
* }
|
|
374
364
|
*/
|
|
375
365
|
labelDisplayedRows: _propTypes.default.func,
|
|
@@ -380,13 +370,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
380
370
|
* @default 'Rows per page:'
|
|
381
371
|
*/
|
|
382
372
|
labelRowsPerPage: _propTypes.default.node,
|
|
383
|
-
/**
|
|
384
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
385
|
-
*
|
|
386
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
387
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
388
|
-
*/
|
|
389
|
-
nextIconButtonProps: _propTypes.default.object,
|
|
390
373
|
/**
|
|
391
374
|
* Callback fired when the page is changed.
|
|
392
375
|
*
|
|
@@ -434,15 +417,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
434
417
|
label: _propTypes.default.string.isRequired,
|
|
435
418
|
value: _propTypes.default.number.isRequired
|
|
436
419
|
})]).isRequired),
|
|
437
|
-
/**
|
|
438
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
439
|
-
*
|
|
440
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
441
|
-
* @deprecated Use `slotProps.select` instead.
|
|
442
|
-
*
|
|
443
|
-
* @default {}
|
|
444
|
-
*/
|
|
445
|
-
SelectProps: _propTypes.default.object,
|
|
446
420
|
/**
|
|
447
421
|
* If `true`, show the first-page button.
|
|
448
422
|
* @default false
|
|
@@ -19,8 +19,10 @@ import TablePaginationActions from "../TablePaginationActions/index.mjs";
|
|
|
19
19
|
import useId from "../utils/useId.mjs";
|
|
20
20
|
import tablePaginationClasses, { getTablePaginationUtilityClass } from "./tablePaginationClasses.mjs";
|
|
21
21
|
import useSlot from "../utils/useSlot.mjs";
|
|
22
|
+
import buildFormatNumber from "../locale/utils/buildFormatNumber.mjs";
|
|
22
23
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
24
|
import { createElement as _createElement } from "react";
|
|
25
|
+
const formatNumber = buildFormatNumber('en-US');
|
|
24
26
|
const TablePaginationRoot = styled(TableCell, {
|
|
25
27
|
name: 'MuiTablePagination',
|
|
26
28
|
slot: 'Root'
|
|
@@ -114,7 +116,7 @@ function defaultLabelDisplayedRows({
|
|
|
114
116
|
to,
|
|
115
117
|
count
|
|
116
118
|
}) {
|
|
117
|
-
return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
|
|
119
|
+
return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
|
|
118
120
|
}
|
|
119
121
|
function defaultGetAriaLabel(type) {
|
|
120
122
|
return `Go to ${type} page`;
|
|
@@ -148,7 +150,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
148
150
|
});
|
|
149
151
|
const {
|
|
150
152
|
ActionsComponent = TablePaginationActions,
|
|
151
|
-
backIconButtonProps,
|
|
152
153
|
colSpan: colSpanProp,
|
|
153
154
|
component = TableCell,
|
|
154
155
|
count,
|
|
@@ -156,13 +157,11 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
156
157
|
getItemAriaLabel = defaultGetAriaLabel,
|
|
157
158
|
labelDisplayedRows = defaultLabelDisplayedRows,
|
|
158
159
|
labelRowsPerPage = 'Rows per page:',
|
|
159
|
-
nextIconButtonProps,
|
|
160
160
|
onPageChange,
|
|
161
161
|
onRowsPerPageChange,
|
|
162
162
|
page,
|
|
163
163
|
rowsPerPage,
|
|
164
164
|
rowsPerPageOptions = [10, 25, 50, 100],
|
|
165
|
-
SelectProps = {},
|
|
166
165
|
showFirstButton = false,
|
|
167
166
|
showLastButton = false,
|
|
168
167
|
slotProps = {},
|
|
@@ -171,7 +170,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
171
170
|
} = props;
|
|
172
171
|
const ownerState = props;
|
|
173
172
|
const classes = useUtilityClasses(ownerState);
|
|
174
|
-
const selectProps = slotProps?.select ??
|
|
173
|
+
const selectProps = typeof slotProps?.select === 'function' ? slotProps.select(ownerState) : slotProps?.select ?? {};
|
|
175
174
|
const MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
|
|
176
175
|
let colSpan;
|
|
177
176
|
if (component === TableCell || component === 'td') {
|
|
@@ -286,9 +285,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
286
285
|
})
|
|
287
286
|
}), /*#__PURE__*/_jsx(ActionsComponent, {
|
|
288
287
|
className: classes.actions,
|
|
289
|
-
backIconButtonProps: backIconButtonProps,
|
|
290
288
|
count: count,
|
|
291
|
-
nextIconButtonProps: nextIconButtonProps,
|
|
292
289
|
onPageChange: onPageChange,
|
|
293
290
|
page: page,
|
|
294
291
|
rowsPerPage: rowsPerPage,
|
|
@@ -313,13 +310,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
313
310
|
* @default TablePaginationActions
|
|
314
311
|
*/
|
|
315
312
|
ActionsComponent: PropTypes.elementType,
|
|
316
|
-
/**
|
|
317
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
318
|
-
*
|
|
319
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
320
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
321
|
-
*/
|
|
322
|
-
backIconButtonProps: PropTypes.object,
|
|
323
313
|
/**
|
|
324
314
|
* Override or extend the styles applied to the component.
|
|
325
315
|
*/
|
|
@@ -362,7 +352,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
362
352
|
*
|
|
363
353
|
* For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
|
|
364
354
|
* @default function defaultLabelDisplayedRows({ from, to, count }) {
|
|
365
|
-
* return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
|
|
355
|
+
* return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
|
|
366
356
|
* }
|
|
367
357
|
*/
|
|
368
358
|
labelDisplayedRows: PropTypes.func,
|
|
@@ -373,13 +363,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
373
363
|
* @default 'Rows per page:'
|
|
374
364
|
*/
|
|
375
365
|
labelRowsPerPage: PropTypes.node,
|
|
376
|
-
/**
|
|
377
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
378
|
-
*
|
|
379
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
380
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
381
|
-
*/
|
|
382
|
-
nextIconButtonProps: PropTypes.object,
|
|
383
366
|
/**
|
|
384
367
|
* Callback fired when the page is changed.
|
|
385
368
|
*
|
|
@@ -427,15 +410,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
427
410
|
label: PropTypes.string.isRequired,
|
|
428
411
|
value: PropTypes.number.isRequired
|
|
429
412
|
})]).isRequired),
|
|
430
|
-
/**
|
|
431
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
432
|
-
*
|
|
433
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
434
|
-
* @deprecated Use `slotProps.select` instead.
|
|
435
|
-
*
|
|
436
|
-
* @default {}
|
|
437
|
-
*/
|
|
438
|
-
SelectProps: PropTypes.object,
|
|
439
413
|
/**
|
|
440
414
|
* If `true`, show the first-page button.
|
|
441
415
|
* @default false
|
|
@@ -2,11 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { IconButtonProps } from "../IconButton/IconButton.mjs";
|
|
3
3
|
import { SvgIconProps } from "../SvgIcon/index.mjs";
|
|
4
4
|
export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/**
|
|
6
|
-
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
7
|
-
* @deprecated Use `slotProps.previousButton` instead.
|
|
8
|
-
*/
|
|
9
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
10
5
|
/**
|
|
11
6
|
* Override or extend the styles applied to the component.
|
|
12
7
|
*/
|
|
@@ -27,11 +22,6 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
|
|
|
27
22
|
* @returns {string}
|
|
28
23
|
*/
|
|
29
24
|
getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
|
|
30
|
-
/**
|
|
31
|
-
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
32
|
-
* @deprecated Use `slotProps.nextButton` instead.
|
|
33
|
-
*/
|
|
34
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
35
25
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
|
|
36
26
|
page: number;
|
|
37
27
|
rowsPerPage: number;
|
|
@@ -2,11 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { IconButtonProps } from "../IconButton/IconButton.js";
|
|
3
3
|
import { SvgIconProps } from "../SvgIcon/index.js";
|
|
4
4
|
export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/**
|
|
6
|
-
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
7
|
-
* @deprecated Use `slotProps.previousButton` instead.
|
|
8
|
-
*/
|
|
9
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
10
5
|
/**
|
|
11
6
|
* Override or extend the styles applied to the component.
|
|
12
7
|
*/
|
|
@@ -27,11 +22,6 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
|
|
|
27
22
|
* @returns {string}
|
|
28
23
|
*/
|
|
29
24
|
getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
|
|
30
|
-
/**
|
|
31
|
-
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
32
|
-
* @deprecated Use `slotProps.nextButton` instead.
|
|
33
|
-
*/
|
|
34
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
35
25
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
|
|
36
26
|
page: number;
|
|
37
27
|
rowsPerPage: number;
|
|
@@ -40,12 +40,10 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
40
40
|
name: 'MuiTablePaginationActions'
|
|
41
41
|
});
|
|
42
42
|
const {
|
|
43
|
-
backIconButtonProps,
|
|
44
43
|
className,
|
|
45
44
|
count,
|
|
46
45
|
disabled = false,
|
|
47
46
|
getItemAriaLabel,
|
|
48
|
-
nextIconButtonProps,
|
|
49
47
|
onPageChange,
|
|
50
48
|
page,
|
|
51
49
|
rowsPerPage,
|
|
@@ -107,7 +105,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
107
105
|
color: "inherit",
|
|
108
106
|
"aria-label": getItemAriaLabel('previous', page),
|
|
109
107
|
title: getItemAriaLabel('previous', page),
|
|
110
|
-
...
|
|
108
|
+
...previousButtonSlotProps,
|
|
111
109
|
children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
|
|
112
110
|
...slotProps.nextButtonIcon
|
|
113
111
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
|
|
@@ -119,7 +117,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
119
117
|
color: "inherit",
|
|
120
118
|
"aria-label": getItemAriaLabel('next', page),
|
|
121
119
|
title: getItemAriaLabel('next', page),
|
|
122
|
-
...
|
|
120
|
+
...nextButtonSlotProps,
|
|
123
121
|
children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
|
|
124
122
|
...slotProps.previousButtonIcon
|
|
125
123
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
|
|
@@ -144,11 +142,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
144
142
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
145
143
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
146
144
|
// └─────────────────────────────────────────────────────────────────────┘
|
|
147
|
-
/**
|
|
148
|
-
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
149
|
-
* @deprecated Use `slotProps.previousButton` instead.
|
|
150
|
-
*/
|
|
151
|
-
backIconButtonProps: _propTypes.default.object,
|
|
152
145
|
/**
|
|
153
146
|
* @ignore
|
|
154
147
|
*/
|
|
@@ -179,11 +172,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
179
172
|
* @returns {string}
|
|
180
173
|
*/
|
|
181
174
|
getItemAriaLabel: _propTypes.default.func.isRequired,
|
|
182
|
-
/**
|
|
183
|
-
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
184
|
-
* @deprecated Use `slotProps.nextButton` instead.
|
|
185
|
-
*/
|
|
186
|
-
nextIconButtonProps: _propTypes.default.object,
|
|
187
175
|
/**
|
|
188
176
|
* @ignore
|
|
189
177
|
*/
|
|
@@ -33,12 +33,10 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
33
33
|
name: 'MuiTablePaginationActions'
|
|
34
34
|
});
|
|
35
35
|
const {
|
|
36
|
-
backIconButtonProps,
|
|
37
36
|
className,
|
|
38
37
|
count,
|
|
39
38
|
disabled = false,
|
|
40
39
|
getItemAriaLabel,
|
|
41
|
-
nextIconButtonProps,
|
|
42
40
|
onPageChange,
|
|
43
41
|
page,
|
|
44
42
|
rowsPerPage,
|
|
@@ -100,7 +98,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
100
98
|
color: "inherit",
|
|
101
99
|
"aria-label": getItemAriaLabel('previous', page),
|
|
102
100
|
title: getItemAriaLabel('previous', page),
|
|
103
|
-
...
|
|
101
|
+
...previousButtonSlotProps,
|
|
104
102
|
children: isRtl ? /*#__PURE__*/_jsx(NextButtonIcon, {
|
|
105
103
|
...slotProps.nextButtonIcon
|
|
106
104
|
}) : /*#__PURE__*/_jsx(PreviousButtonIcon, {
|
|
@@ -112,7 +110,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
112
110
|
color: "inherit",
|
|
113
111
|
"aria-label": getItemAriaLabel('next', page),
|
|
114
112
|
title: getItemAriaLabel('next', page),
|
|
115
|
-
...
|
|
113
|
+
...nextButtonSlotProps,
|
|
116
114
|
children: isRtl ? /*#__PURE__*/_jsx(PreviousButtonIcon, {
|
|
117
115
|
...slotProps.previousButtonIcon
|
|
118
116
|
}) : /*#__PURE__*/_jsx(NextButtonIcon, {
|
|
@@ -137,11 +135,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
137
135
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
138
136
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
139
137
|
// └─────────────────────────────────────────────────────────────────────┘
|
|
140
|
-
/**
|
|
141
|
-
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
142
|
-
* @deprecated Use `slotProps.previousButton` instead.
|
|
143
|
-
*/
|
|
144
|
-
backIconButtonProps: PropTypes.object,
|
|
145
138
|
/**
|
|
146
139
|
* @ignore
|
|
147
140
|
*/
|
|
@@ -172,11 +165,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
172
165
|
* @returns {string}
|
|
173
166
|
*/
|
|
174
167
|
getItemAriaLabel: PropTypes.func.isRequired,
|
|
175
|
-
/**
|
|
176
|
-
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
177
|
-
* @deprecated Use `slotProps.nextButton` instead.
|
|
178
|
-
*/
|
|
179
|
-
nextIconButtonProps: PropTypes.object,
|
|
180
168
|
/**
|
|
181
169
|
* @ignore
|
|
182
170
|
*/
|
|
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
|
|
|
28
28
|
} = ownerState;
|
|
29
29
|
const slots = {
|
|
30
30
|
root: ['root', active && 'active', `direction${(0, _capitalize.default)(direction)}`],
|
|
31
|
-
icon: ['icon'
|
|
31
|
+
icon: ['icon']
|
|
32
32
|
};
|
|
33
33
|
return (0, _composeClasses.default)(slots, _tableSortLabelClasses.getTableSortLabelUtilityClass, classes);
|
|
34
34
|
};
|
|
@@ -69,12 +69,7 @@ const TableSortLabelRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
|
|
|
69
69
|
const TableSortLabelIcon = (0, _zeroStyled.styled)('span', {
|
|
70
70
|
name: 'MuiTableSortLabel',
|
|
71
71
|
slot: 'Icon',
|
|
72
|
-
overridesResolver: (props, styles) =>
|
|
73
|
-
const {
|
|
74
|
-
ownerState
|
|
75
|
-
} = props;
|
|
76
|
-
return [styles.icon, styles[`iconDirection${(0, _capitalize.default)(ownerState.direction)}`]];
|
|
77
|
-
}
|
|
72
|
+
overridesResolver: (props, styles) => styles.icon
|
|
78
73
|
})((0, _memoTheme.default)(({
|
|
79
74
|
theme
|
|
80
75
|
}) => ({
|
|
@@ -21,7 +21,7 @@ const useUtilityClasses = ownerState => {
|
|
|
21
21
|
} = ownerState;
|
|
22
22
|
const slots = {
|
|
23
23
|
root: ['root', active && 'active', `direction${capitalize(direction)}`],
|
|
24
|
-
icon: ['icon'
|
|
24
|
+
icon: ['icon']
|
|
25
25
|
};
|
|
26
26
|
return composeClasses(slots, getTableSortLabelUtilityClass, classes);
|
|
27
27
|
};
|
|
@@ -62,12 +62,7 @@ const TableSortLabelRoot = styled(ButtonBase, {
|
|
|
62
62
|
const TableSortLabelIcon = styled('span', {
|
|
63
63
|
name: 'MuiTableSortLabel',
|
|
64
64
|
slot: 'Icon',
|
|
65
|
-
overridesResolver: (props, styles) =>
|
|
66
|
-
const {
|
|
67
|
-
ownerState
|
|
68
|
-
} = props;
|
|
69
|
-
return [styles.icon, styles[`iconDirection${capitalize(ownerState.direction)}`]];
|
|
70
|
-
}
|
|
65
|
+
overridesResolver: (props, styles) => styles.icon
|
|
71
66
|
})(memoTheme(({
|
|
72
67
|
theme
|
|
73
68
|
}) => ({
|
|
@@ -9,14 +9,6 @@ export interface TableSortLabelClasses {
|
|
|
9
9
|
active: string;
|
|
10
10
|
/** Styles applied to the icon component. */
|
|
11
11
|
icon: string;
|
|
12
|
-
/** Styles applied to the icon component if `direction="desc"`.
|
|
13
|
-
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionDesc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionDesc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
14
|
-
*/
|
|
15
|
-
iconDirectionDesc: string;
|
|
16
|
-
/** Styles applied to the icon component if `direction="asc"`.
|
|
17
|
-
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionAsc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionAsc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
|
-
*/
|
|
19
|
-
iconDirectionAsc: string;
|
|
20
12
|
}
|
|
21
13
|
export type TableSortLabelClassKey = keyof TableSortLabelClasses;
|
|
22
14
|
export declare function getTableSortLabelUtilityClass(slot: string): string;
|
|
@@ -9,14 +9,6 @@ export interface TableSortLabelClasses {
|
|
|
9
9
|
active: string;
|
|
10
10
|
/** Styles applied to the icon component. */
|
|
11
11
|
icon: string;
|
|
12
|
-
/** Styles applied to the icon component if `direction="desc"`.
|
|
13
|
-
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionDesc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionDesc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
14
|
-
*/
|
|
15
|
-
iconDirectionDesc: string;
|
|
16
|
-
/** Styles applied to the icon component if `direction="asc"`.
|
|
17
|
-
* @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionAsc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionAsc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
|
-
*/
|
|
19
|
-
iconDirectionAsc: string;
|
|
20
12
|
}
|
|
21
13
|
export type TableSortLabelClassKey = keyof TableSortLabelClasses;
|
|
22
14
|
export declare function getTableSortLabelUtilityClass(slot: string): string;
|
|
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
function getTableSortLabelUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiTableSortLabel', slot);
|
|
13
13
|
}
|
|
14
|
-
const tableSortLabelClasses = (0, _generateUtilityClasses.default)('MuiTableSortLabel', ['root', 'active', 'icon', '
|
|
14
|
+
const tableSortLabelClasses = (0, _generateUtilityClasses.default)('MuiTableSortLabel', ['root', 'active', 'icon', 'directionDesc', 'directionAsc']);
|
|
15
15
|
var _default = exports.default = tableSortLabelClasses;
|
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getTableSortLabelUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiTableSortLabel', slot);
|
|
5
5
|
}
|
|
6
|
-
const tableSortLabelClasses = generateUtilityClasses('MuiTableSortLabel', ['root', 'active', 'icon', '
|
|
6
|
+
const tableSortLabelClasses = generateUtilityClasses('MuiTableSortLabel', ['root', 'active', 'icon', 'directionDesc', 'directionAsc']);
|
|
7
7
|
export default tableSortLabelClasses;
|
package/Tabs/Tabs.d.mts
CHANGED
|
@@ -3,7 +3,7 @@ import { SxProps } from '@mui/system';
|
|
|
3
3
|
import { OverridableStringUnion } from '@mui/types';
|
|
4
4
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
|
|
5
5
|
import { Theme } from "../styles/index.mjs";
|
|
6
|
-
import TabScrollButton
|
|
6
|
+
import TabScrollButton from "../TabScrollButton/index.mjs";
|
|
7
7
|
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.mjs";
|
|
8
8
|
import { TabsClasses } from "./tabsClasses.mjs";
|
|
9
9
|
import SvgIcon from "../SvgIcon/index.mjs";
|
|
@@ -102,18 +102,7 @@ export type TabsSlotsAndSlotProps = CreateSlotsAndSlotProps<TabsSlots, {
|
|
|
102
102
|
* By default, the available props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
|
|
103
103
|
*/
|
|
104
104
|
endScrollButtonIcon: SlotProps<typeof SvgIcon, TabsEndScrollButtonIconSlotPropsOverrides, TabsOwnerState>;
|
|
105
|
-
}
|
|
106
|
-
slots?: {
|
|
107
|
-
/**
|
|
108
|
-
* @deprecated Use `slots.startScrollButtonIcon` instead.
|
|
109
|
-
*/
|
|
110
|
-
StartScrollButtonIcon?: React.ElementType | undefined;
|
|
111
|
-
/**
|
|
112
|
-
* @deprecated Use `slots.endScrollButtonIcon` instead.
|
|
113
|
-
*/
|
|
114
|
-
EndScrollButtonIcon?: React.ElementType | undefined;
|
|
115
|
-
} | undefined;
|
|
116
|
-
};
|
|
105
|
+
}>;
|
|
117
106
|
export interface TabsOwnerState extends Omit<TabsProps, 'slots' | 'slotProps'> {
|
|
118
107
|
vertical: boolean;
|
|
119
108
|
fixed: boolean;
|
|
@@ -178,12 +167,6 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
|
|
|
178
167
|
* @default 'horizontal'
|
|
179
168
|
*/
|
|
180
169
|
orientation?: 'horizontal' | 'vertical' | undefined;
|
|
181
|
-
/**
|
|
182
|
-
* The component used to render the scroll buttons.
|
|
183
|
-
* @deprecated use the `slots.scrollButtons` 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.
|
|
184
|
-
* @default TabScrollButton
|
|
185
|
-
*/
|
|
186
|
-
ScrollButtonComponent?: React.ElementType | undefined;
|
|
187
170
|
/**
|
|
188
171
|
* Determine behavior of scroll buttons when tabs are set to scroll:
|
|
189
172
|
*
|
|
@@ -201,20 +184,6 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
|
|
|
201
184
|
* changes on activation.
|
|
202
185
|
*/
|
|
203
186
|
selectionFollowsFocus?: boolean | undefined;
|
|
204
|
-
/**
|
|
205
|
-
* Props applied to the tab indicator element.
|
|
206
|
-
* @deprecated use the `slotProps.indicator` 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.
|
|
207
|
-
* @default {}
|
|
208
|
-
*/
|
|
209
|
-
TabIndicatorProps?: (React.HTMLAttributes<HTMLDivElement> & {
|
|
210
|
-
sx?: SxProps<Theme> | undefined;
|
|
211
|
-
}) | undefined;
|
|
212
|
-
/**
|
|
213
|
-
* Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
|
|
214
|
-
* @deprecated use the `slotProps.scrollButtons` 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.
|
|
215
|
-
* @default {}
|
|
216
|
-
*/
|
|
217
|
-
TabScrollButtonProps?: Partial<TabScrollButtonProps> | undefined;
|
|
218
187
|
/**
|
|
219
188
|
* Determines the color of the `Tab`.
|
|
220
189
|
* @default 'primary'
|