@astral/ui 1.16.2 → 1.17.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/ActionCell/ActionCell.js +19 -39
- package/ActionCell/styles.js +5 -7
- package/Alert/Alert.js +11 -22
- package/Alert/styles.js +17 -20
- package/Autocomplete/Autocomplete.js +23 -34
- package/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js +11 -12
- package/BackdropStack/services/BackdropStackManager/BackdropStackManager.js +17 -19
- package/Badge/Badge.js +5 -16
- package/Badge/styled.d.ts +2 -16
- package/Badge/styled.js +26 -31
- package/Button/Button.js +10 -21
- package/Button/styles.js +16 -22
- package/ButtonBase/ButtonBase.js +7 -18
- package/ButtonBase/styles.d.ts +3 -3
- package/ButtonBase/styles.js +68 -73
- package/Checkbox/Checkbox.js +6 -17
- package/Checkbox/icons.js +8 -19
- package/Checkbox/styled.js +47 -32
- package/Chevron/Chevron.js +3 -14
- package/Chevron/styles.js +11 -18
- package/CircularProgress/CircularProgress.js +7 -18
- package/CircularProgress/CircularProgressStory.js +4 -4
- package/CircularProgress/CircularProgressStoryTemplate.js +4 -15
- package/Collapse/Collapse.js +1 -1
- package/ConfigProvider/ConfigProvider.js +7 -19
- package/ContentState/ContentState.d.ts +1 -1
- package/ContentState/ContentState.js +12 -24
- package/ContentState/styles.js +8 -7
- package/DashboardLayout/DashboardLayout.js +7 -7
- package/DashboardLayout/DashboardLayoutStory.js +5 -16
- package/DashboardLayout/DashboardLayoutStoryTemplate.js +4 -15
- package/DashboardLayout/Header/Header.js +9 -20
- package/DashboardLayout/Header/styles.js +17 -20
- package/DashboardLayout/Main/Main.js +5 -17
- package/DashboardLayout/Main/styled.js +7 -7
- package/DashboardLayout/Sidebar/Sidebar.js +13 -24
- package/DashboardLayout/Sidebar/SidebarNav/SidebarNav.js +5 -16
- package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.js +7 -18
- package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.js +13 -11
- package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.js +8 -19
- package/DashboardLayout/Sidebar/SidebarToggler/styled.js +11 -12
- package/DashboardLayout/Sidebar/styles.js +16 -24
- package/DashboardLayout/styles.js +11 -9
- package/DataGrid/DataGrid.js +25 -50
- package/DataGrid/DataGridBody/DataGridBody.d.ts +2 -2
- package/DataGrid/DataGridBody/DataGridBody.js +19 -31
- package/DataGrid/DataGridBody/styles.js +9 -13
- package/DataGrid/DataGridCell/DataGridCell.d.ts +2 -2
- package/DataGrid/DataGridCell/DataGridCell.js +7 -19
- package/DataGrid/DataGridHead/DataGridHead.d.ts +2 -2
- package/DataGrid/DataGridHead/DataGridHead.js +15 -28
- package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +9 -21
- package/DataGrid/DataGridHeadColumn/styles.js +23 -23
- package/DataGrid/DataGridLoader/DataGridLoader.js +3 -4
- package/DataGrid/DataGridLoader/styles.js +22 -15
- package/DataGrid/DataGridNoData/DataGridNoData.js +5 -17
- package/DataGrid/DataGridNoData/styles.js +29 -17
- package/DataGrid/styles.js +12 -13
- package/DataGrid/types.d.ts +1 -1
- package/DataGridPagination/DataGridPagination.js +11 -22
- package/DataGridPagination/styles.js +11 -15
- package/DatePicker/DatePicker.js +22 -33
- package/DatePicker/DatePickerDay/DatePickerDay.js +4 -15
- package/DatePicker/DatePickerDay/styled.js +6 -8
- package/DatePicker/DatePickerHeader/DatePickerHeader.js +12 -23
- package/DatePicker/DatePickerHeader/styled.js +10 -9
- package/DatePicker/styled.js +94 -70
- package/DatePickerProvider/DatePickerProvider.js +4 -4
- package/Description/Description.js +5 -6
- package/Description/Name/Name.js +5 -16
- package/Description/Value/Value.js +6 -17
- package/Description/styles.js +14 -13
- package/Dialog/Dialog.js +8 -19
- package/DialogActions/DialogActions.js +6 -17
- package/DialogTitle/DialogTitle.js +8 -19
- package/Divider/Divider.js +1 -1
- package/DropdownButton/DropdownButton.js +11 -22
- package/ErrorBoundary/ErrorBoundary.js +19 -48
- package/Fab/Fab.js +7 -18
- package/Fab/styles.js +33 -37
- package/Fade/Fade.js +1 -1
- package/FormControlLabel/FormControlLabel.js +4 -15
- package/FormControlLabel/styled.js +10 -11
- package/FormHelperText/FormHelperText.js +6 -6
- package/FormHelperText/styled.js +16 -18
- package/GlobalStyles/GlobalStyles.js +12 -25
- package/Grid/Grid.js +5 -16
- package/Grid/styled.js +5 -11
- package/Grow/Grow.js +1 -1
- package/IconButton/IconButton.js +6 -17
- package/IconButton/styles.js +15 -21
- package/IconDropdownButton/IconDropdownButton.js +10 -21
- package/List/List.js +4 -15
- package/ListItem/ListItem.js +4 -15
- package/ListItem/styles.js +19 -32
- package/ListItemAvatar/ListItemAvatar.js +1 -1
- package/ListItemButton/ListItemButton.js +5 -16
- package/ListItemIcon/ListItemIcon.js +5 -16
- package/ListItemIcon/styled.js +5 -11
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
- package/ListItemText/ListItemText.js +4 -15
- package/ListSubheader/ListSubheader.js +1 -1
- package/LocalizationProvider/LocalizationProvider.js +6 -18
- package/MaskField/MaskField.js +12 -23
- package/Menu/Menu.js +1 -1
- package/MenuGroup/MenuGroup.js +7 -18
- package/MenuGroup/stories/Icons.js +8 -19
- package/MenuGroup/stories/styled.js +12 -17
- package/MenuGroup/styled.js +14 -21
- package/MenuItem/MenuItem.js +5 -16
- package/MenuItem/styled.js +5 -11
- package/MenuList/MenuList.js +5 -16
- package/MenuList/styled.js +10 -17
- package/NavMenu/NavMenu.js +7 -18
- package/NavMenu/NavMenuItem/NavMenuItem.js +13 -25
- package/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js +8 -19
- package/NavMenu/NavMenuItem/NavMenuItemButton/styles.js +29 -30
- package/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.js +8 -19
- package/Notification/Notification.js +6 -37
- package/Notification/NotificationContainer/NotificationContainer.js +7 -18
- package/Notification/NotificationContainer/styled.js +16 -7
- package/Notification/NotificationTemplate/NotificationTemplate.js +10 -22
- package/Notification/NotificationTemplate/styled.js +51 -51
- package/Notification/NotificationTemplate/utils/getActionsDirection/getActionsDirection.js +2 -2
- package/Notification/NotificationTemplate/utils/getNotificationTemplateStyles/getNotificationTemplateStyles.js +3 -3
- package/Notification/constants/notificationVariant.js +7 -18
- package/Notification/constants/positions.js +1 -1
- package/Notification/styled.js +18 -27
- package/Notification/utils/getNotificationIconByVariant/getNotificationIconByVariant.js +5 -6
- package/Notification/utils/notificationTemplatePropsCreator/notificationTemplatePropsCreator.js +2 -13
- package/OverflowTypography/OverflowTypography.js +13 -22
- package/OverflowTypography/hooks/useOverflowed/useOverflowed.js +13 -16
- package/OverflowTypography/styles.js +14 -12
- package/Pagination/Pagination.js +4 -15
- package/Placeholder/Placeholder.d.ts +9 -1
- package/Placeholder/Placeholder.js +4 -16
- package/Placeholder/styles.js +70 -76
- package/Product/Product.js +6 -17
- package/Profile/Profile.js +10 -21
- package/Profile/styled.js +32 -36
- package/Radio/Icon.js +6 -17
- package/Radio/Radio.d.ts +1 -1
- package/Radio/Radio.js +7 -18
- package/Radio/styled.js +43 -32
- package/Select/Select.js +16 -26
- package/Select/styled.js +36 -31
- package/SideDialog/SideDialog.js +6 -17
- package/SideDialog/styled.js +8 -8
- package/Slide/Slide.js +1 -1
- package/SwipeableDrawer/SwipeableDrawer.js +5 -16
- package/SwipeableDrawer/styles.js +73 -78
- package/Tab/Tab.js +1 -1
- package/Table/Table.js +5 -16
- package/Table/TableBody/TableBody.js +1 -1
- package/Table/TableCell/TableCell.js +1 -1
- package/Table/TableContainer/TableContainer.js +1 -1
- package/Table/TableFooter/TableFooter.js +1 -1
- package/Table/TableHead/TableHead.js +1 -1
- package/Table/TableRow/TableRow.js +1 -1
- package/Table/TableSortLabel/TableSortLabel.js +1 -1
- package/Tabs/Tabs.js +1 -1
- package/Tag/Tag.js +7 -18
- package/Tag/styled.js +84 -60
- package/TextArea/TextArea.js +6 -17
- package/TextField/TextField.js +11 -22
- package/ThemeProvider/ThemeProvider.js +7 -18
- package/Tooltip/Tooltip.js +7 -18
- package/Tooltip/styled.js +43 -58
- package/Typography/Typography.js +8 -19
- package/Zoom/Zoom.js +1 -1
- package/esm/ActionCell/ActionCell.js +11 -31
- package/esm/ActionCell/styles.js +4 -6
- package/esm/Alert/Alert.js +4 -15
- package/esm/Alert/styles.js +15 -18
- package/esm/Autocomplete/Autocomplete.js +12 -23
- package/esm/Autocomplete/constants.js +1 -1
- package/esm/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js +8 -9
- package/esm/BackdropStack/services/BackdropStackManager/BackdropStackManager.js +17 -19
- package/esm/Badge/Badge.js +3 -14
- package/esm/Badge/styled.d.ts +2 -16
- package/esm/Badge/styled.js +25 -30
- package/esm/Button/Button.js +4 -15
- package/esm/Button/styles.js +13 -19
- package/esm/ButtonBase/ButtonBase.js +3 -14
- package/esm/ButtonBase/styles.d.ts +3 -3
- package/esm/ButtonBase/styles.js +66 -71
- package/esm/Checkbox/Checkbox.js +3 -14
- package/esm/Checkbox/icons.js +6 -17
- package/esm/Checkbox/styled.js +45 -30
- package/esm/Chevron/Chevron.js +1 -12
- package/esm/Chevron/styles.js +10 -17
- package/esm/CircularProgress/CircularProgress.js +4 -15
- package/esm/CircularProgress/CircularProgressStory.js +2 -2
- package/esm/CircularProgress/CircularProgressStoryTemplate.js +2 -13
- package/esm/ConfigProvider/ConfigProvider.js +5 -17
- package/esm/ContentState/ContentState.d.ts +1 -1
- package/esm/ContentState/ContentState.js +6 -18
- package/esm/ContentState/styles.js +7 -6
- package/esm/DashboardLayout/DashboardLayout.js +2 -2
- package/esm/DashboardLayout/DashboardLayoutStory.js +3 -14
- package/esm/DashboardLayout/DashboardLayoutStoryTemplate.js +2 -13
- package/esm/DashboardLayout/Header/Header.js +4 -15
- package/esm/DashboardLayout/Header/styles.js +16 -19
- package/esm/DashboardLayout/Main/Main.js +2 -14
- package/esm/DashboardLayout/Main/styled.js +6 -6
- package/esm/DashboardLayout/Sidebar/Sidebar.js +6 -17
- package/esm/DashboardLayout/Sidebar/SidebarNav/SidebarNav.js +3 -14
- package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.js +3 -14
- package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.js +11 -9
- package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.js +4 -15
- package/esm/DashboardLayout/Sidebar/SidebarToggler/styled.js +9 -10
- package/esm/DashboardLayout/Sidebar/styles.js +15 -23
- package/esm/DashboardLayout/styles.js +10 -8
- package/esm/DataGrid/DataGrid.js +17 -42
- package/esm/DataGrid/DataGridBody/DataGridBody.d.ts +2 -2
- package/esm/DataGrid/DataGridBody/DataGridBody.js +13 -25
- package/esm/DataGrid/DataGridBody/styles.js +8 -12
- package/esm/DataGrid/DataGridCell/DataGridCell.d.ts +2 -2
- package/esm/DataGrid/DataGridCell/DataGridCell.js +3 -15
- package/esm/DataGrid/DataGridHead/DataGridHead.d.ts +2 -2
- package/esm/DataGrid/DataGridHead/DataGridHead.js +8 -21
- package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +4 -16
- package/esm/DataGrid/DataGridHeadColumn/styles.js +21 -21
- package/esm/DataGrid/DataGridLoader/DataGridLoader.js +1 -2
- package/esm/DataGrid/DataGridLoader/styles.js +19 -12
- package/esm/DataGrid/DataGridNoData/DataGridNoData.js +3 -15
- package/esm/DataGrid/DataGridNoData/styles.js +27 -15
- package/esm/DataGrid/styles.js +11 -12
- package/esm/DataGrid/types.d.ts +1 -1
- package/esm/DataGridPagination/DataGridPagination.js +7 -18
- package/esm/DataGridPagination/styles.js +9 -13
- package/esm/DatePicker/DatePicker.js +11 -22
- package/esm/DatePicker/DatePickerDay/DatePickerDay.js +2 -13
- package/esm/DatePicker/DatePickerDay/styled.js +4 -6
- package/esm/DatePicker/DatePickerHeader/DatePickerHeader.js +5 -16
- package/esm/DatePicker/DatePickerHeader/styled.js +8 -7
- package/esm/DatePicker/styled.js +93 -69
- package/esm/DatePickerProvider/DatePickerProvider.js +2 -2
- package/esm/Description/Description.js +1 -2
- package/esm/Description/Name/Name.js +3 -14
- package/esm/Description/Value/Value.js +4 -15
- package/esm/Description/styles.js +13 -12
- package/esm/Dialog/Dialog.js +5 -16
- package/esm/DialogActions/DialogActions.js +3 -14
- package/esm/DialogTitle/DialogTitle.js +4 -15
- package/esm/DropdownButton/DropdownButton.js +4 -15
- package/esm/ErrorBoundary/ErrorBoundary.js +14 -43
- package/esm/Fab/Fab.js +3 -14
- package/esm/Fab/styles.js +31 -35
- package/esm/FormControlLabel/FormControlLabel.js +2 -13
- package/esm/FormControlLabel/styled.js +8 -9
- package/esm/FormHelperText/FormHelperText.js +3 -3
- package/esm/FormHelperText/styled.js +14 -16
- package/esm/GlobalStyles/GlobalStyles.js +8 -21
- package/esm/Grid/Grid.js +3 -14
- package/esm/Grid/styled.js +3 -9
- package/esm/IconButton/IconButton.js +3 -14
- package/esm/IconButton/styles.js +14 -20
- package/esm/IconDropdownButton/IconDropdownButton.js +4 -15
- package/esm/List/List.js +2 -13
- package/esm/ListItem/ListItem.js +2 -13
- package/esm/ListItem/styles.js +17 -30
- package/esm/ListItemButton/ListItemButton.js +2 -13
- package/esm/ListItemIcon/ListItemIcon.js +2 -13
- package/esm/ListItemIcon/styled.js +3 -9
- package/esm/ListItemText/ListItemText.js +2 -13
- package/esm/LocalizationProvider/LocalizationProvider.js +2 -14
- package/esm/MaskField/MaskField.js +9 -20
- package/esm/MenuGroup/MenuGroup.js +4 -15
- package/esm/MenuGroup/stories/Icons.js +7 -18
- package/esm/MenuGroup/stories/styled.js +9 -14
- package/esm/MenuGroup/styled.js +12 -19
- package/esm/MenuItem/MenuItem.js +3 -14
- package/esm/MenuItem/styled.js +3 -9
- package/esm/MenuList/MenuList.js +3 -14
- package/esm/MenuList/styled.js +8 -15
- package/esm/NavMenu/NavMenu.js +3 -14
- package/esm/NavMenu/NavMenuItem/NavMenuItem.js +8 -20
- package/esm/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js +3 -14
- package/esm/NavMenu/NavMenuItem/NavMenuItemButton/styles.js +25 -26
- package/esm/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.js +4 -15
- package/esm/Notification/Notification.js +5 -36
- package/esm/Notification/NotificationContainer/NotificationContainer.js +2 -13
- package/esm/Notification/NotificationContainer/styled.js +15 -6
- package/esm/Notification/NotificationTemplate/NotificationTemplate.js +6 -18
- package/esm/Notification/NotificationTemplate/styled.js +48 -48
- package/esm/Notification/NotificationTemplate/utils/getActionsDirection/getActionsDirection.js +2 -2
- package/esm/Notification/NotificationTemplate/utils/getNotificationTemplateStyles/getNotificationTemplateStyles.js +3 -3
- package/esm/Notification/constants/defaultNotificationProps.js +1 -1
- package/esm/Notification/constants/notificationVariant.js +5 -16
- package/esm/Notification/constants/positions.js +1 -1
- package/esm/Notification/styled.js +20 -29
- package/esm/Notification/utils/getNotificationIconByVariant/getNotificationIconByVariant.js +2 -3
- package/esm/Notification/utils/notificationTemplatePropsCreator/notificationTemplatePropsCreator.js +2 -13
- package/esm/OverflowTypography/OverflowTypography.js +9 -18
- package/esm/OverflowTypography/hooks/useOverflowed/useOverflowed.js +11 -14
- package/esm/OverflowTypography/styles.js +13 -11
- package/esm/Pagination/Pagination.js +2 -13
- package/esm/Placeholder/Placeholder.d.ts +9 -1
- package/esm/Placeholder/Placeholder.js +2 -14
- package/esm/Placeholder/styles.js +68 -74
- package/esm/Product/Product.js +3 -14
- package/esm/Profile/Profile.js +4 -15
- package/esm/Profile/styled.js +30 -34
- package/esm/Radio/Icon.js +4 -15
- package/esm/Radio/Radio.d.ts +1 -1
- package/esm/Radio/Radio.js +3 -14
- package/esm/Radio/styled.js +41 -30
- package/esm/Select/Select.js +8 -18
- package/esm/Select/styled.js +34 -29
- package/esm/SideDialog/SideDialog.js +3 -14
- package/esm/SideDialog/styled.js +6 -6
- package/esm/SwipeableDrawer/SwipeableDrawer.js +3 -14
- package/esm/SwipeableDrawer/styles.js +71 -76
- package/esm/Table/Table.js +3 -14
- package/esm/Tag/Tag.js +3 -14
- package/esm/Tag/styled.js +82 -58
- package/esm/TextArea/TextArea.js +3 -14
- package/esm/TextField/TextField.js +7 -18
- package/esm/ThemeProvider/ThemeProvider.js +3 -14
- package/esm/Tooltip/Tooltip.js +3 -14
- package/esm/Tooltip/styled.js +39 -54
- package/esm/Typography/Typography.js +4 -15
- package/esm/hooks/useMenu.js +7 -8
- package/esm/theme/baseTheme/baseTheme.js +7 -7
- package/esm/theme/baseTheme/baseTheme.test.js +12 -12
- package/esm/theme/breakpoints.js +1 -1
- package/esm/theme/components/MuiAlert.js +7 -12
- package/esm/theme/components/MuiAutocomplete.js +13 -20
- package/esm/theme/components/MuiButton.js +42 -43
- package/esm/theme/components/MuiButtonBase.js +1 -1
- package/esm/theme/components/MuiCircularProgress.js +3 -4
- package/esm/theme/components/MuiDialog.js +3 -5
- package/esm/theme/components/MuiDialogActions.js +2 -3
- package/esm/theme/components/MuiDialogContent.js +2 -3
- package/esm/theme/components/MuiDialogTitle.js +2 -3
- package/esm/theme/components/MuiFormHelperText.js +2 -3
- package/esm/theme/components/MuiFormLabel.js +2 -2
- package/esm/theme/components/MuiInputBase.js +2 -3
- package/esm/theme/components/MuiInputLabel.js +2 -3
- package/esm/theme/components/MuiListItemButton.js +2 -3
- package/esm/theme/components/MuiListItemText.js +2 -2
- package/esm/theme/components/MuiLoadingButton.js +10 -12
- package/esm/theme/components/MuiMenu.js +3 -5
- package/esm/theme/components/MuiMenuItem.js +2 -3
- package/esm/theme/components/MuiOutlinedInput.js +7 -12
- package/esm/theme/components/MuiPaginationItem.js +5 -7
- package/esm/theme/components/MuiTab.js +2 -3
- package/esm/theme/components/MuiTableCell.js +2 -2
- package/esm/theme/components/MuiTableHead.js +3 -4
- package/esm/theme/components/MuiTableRow.js +2 -3
- package/esm/theme/components/MuiTabs.js +3 -4
- package/esm/theme/components/MuiTypography.js +1 -1
- package/esm/theme/components/components.js +64 -35
- package/esm/theme/constants.js +1 -1
- package/esm/theme/elevation.js +1 -1
- package/esm/theme/hooks/useTheme/index.js +1 -1
- package/esm/theme/palette/brandPalette.js +16 -17
- package/esm/theme/palette/palette.js +3 -15
- package/esm/theme/shape.js +1 -1
- package/esm/theme/typography.js +4 -5
- package/hooks/useMenu.js +8 -9
- package/package.json +14 -14
- package/theme/baseTheme/baseTheme.js +14 -14
- package/theme/baseTheme/baseTheme.test.js +14 -14
- package/theme/components/MuiAlert.js +6 -11
- package/theme/components/MuiAutocomplete.js +13 -20
- package/theme/components/MuiButton.js +43 -44
- package/theme/components/MuiCircularProgress.js +2 -3
- package/theme/components/MuiDialog.js +2 -4
- package/theme/components/MuiDialogActions.js +1 -2
- package/theme/components/MuiDialogContent.js +1 -2
- package/theme/components/MuiDialogTitle.js +1 -2
- package/theme/components/MuiFormHelperText.js +1 -2
- package/theme/components/MuiFormLabel.js +1 -1
- package/theme/components/MuiInputBase.js +1 -2
- package/theme/components/MuiInputLabel.js +1 -2
- package/theme/components/MuiListItemButton.js +1 -2
- package/theme/components/MuiListItemText.js +1 -1
- package/theme/components/MuiLoadingButton.js +12 -14
- package/theme/components/MuiMenu.js +2 -4
- package/theme/components/MuiMenuItem.js +1 -2
- package/theme/components/MuiOutlinedInput.js +6 -11
- package/theme/components/MuiPaginationItem.js +4 -6
- package/theme/components/MuiTab.js +1 -2
- package/theme/components/MuiTableCell.js +1 -1
- package/theme/components/MuiTableHead.js +2 -3
- package/theme/components/MuiTableRow.js +1 -2
- package/theme/components/MuiTabs.js +2 -3
- package/theme/components/components.js +64 -35
- package/theme/hooks/useTheme/index.js +2 -2
- package/theme/palette/brandPalette.js +17 -18
- package/theme/palette/palette.js +5 -17
- package/theme/typography.js +3 -4
- package/docs/Case/Case.d.ts +0 -8
- package/docs/Case/Case.js +0 -31
- package/docs/Case/index.d.ts +0 -1
- package/docs/Case/index.js +0 -17
- package/docs/Case/styles.d.ts +0 -5
- package/docs/Case/styles.js +0 -16
- package/docs/ExampleTemplate/ExampleTemplate.d.ts +0 -13
- package/docs/ExampleTemplate/ExampleTemplate.js +0 -26
- package/docs/ExampleTemplate/index.d.ts +0 -1
- package/docs/ExampleTemplate/index.js +0 -17
- package/docs/ExampleTemplate/styles.d.ts +0 -9
- package/docs/ExampleTemplate/styles.js +0 -13
- package/docs/index.d.ts +0 -2
- package/docs/index.js +0 -18
- package/esm/docs/Case/Case.d.ts +0 -8
- package/esm/docs/Case/Case.js +0 -27
- package/esm/docs/Case/index.d.ts +0 -1
- package/esm/docs/Case/index.js +0 -1
- package/esm/docs/Case/styles.d.ts +0 -5
- package/esm/docs/Case/styles.js +0 -13
- package/esm/docs/ExampleTemplate/ExampleTemplate.d.ts +0 -13
- package/esm/docs/ExampleTemplate/ExampleTemplate.js +0 -22
- package/esm/docs/ExampleTemplate/index.d.ts +0 -1
- package/esm/docs/ExampleTemplate/index.js +0 -1
- package/esm/docs/ExampleTemplate/styles.d.ts +0 -9
- package/esm/docs/ExampleTemplate/styles.js +0 -10
- package/esm/docs/index.d.ts +0 -2
- package/esm/docs/index.js +0 -2
package/Grid/Grid.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -23,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
12
|
};
|
|
24
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
14
|
exports.Grid = void 0;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(styled_1.StyledGrid,
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const styled_1 = require("./styled");
|
|
17
|
+
const Grid = (_a) => {
|
|
18
|
+
var { container = false, templateColumns, templateRows, templateAreas, columnSpacing, rowSpacing, spacing, autoColumns, autoRows, autoFlow, column, row, area, component = 'div', children } = _a, props = __rest(_a, ["container", "templateColumns", "templateRows", "templateAreas", "columnSpacing", "rowSpacing", "spacing", "autoColumns", "autoRows", "autoFlow", "column", "row", "area", "component", "children"]);
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(styled_1.StyledGrid, Object.assign({ container: container, gridTemplateColumns: templateColumns, gridTemplateRows: templateRows, gridTemplateAreas: templateAreas, columnGap: columnSpacing, rowGap: rowSpacing, gap: spacing, gridAutoColumns: autoColumns, gridAutoRows: autoRows, gridAutoFlow: autoFlow, gridColumn: column, gridRow: row, gridArea: area, component: component }, props, { children: children })));
|
|
31
20
|
};
|
|
32
21
|
exports.Grid = Grid;
|
package/Grid/styled.js
CHANGED
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
3
|
exports.StyledGrid = void 0;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
exports.StyledGrid = (0, styles_1.styled)(material_1.Box)
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
});
|
|
14
|
-
var templateObject_1;
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
|
+
const styles_1 = require("../styles");
|
|
6
|
+
exports.StyledGrid = (0, styles_1.styled)(material_1.Box) `
|
|
7
|
+
display: ${({ container }) => container && 'grid'};
|
|
8
|
+
`;
|
package/Grow/Grow.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Grow = void 0;
|
|
4
|
-
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
5
|
Object.defineProperty(exports, "Grow", { enumerable: true, get: function () { return material_1.Grow; } });
|
package/IconButton/IconButton.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -23,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
12
|
};
|
|
24
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
14
|
exports.IconButton = void 0;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
exports.IconButton = (0, react_1.forwardRef)(
|
|
30
|
-
var children = _a
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.IconButtonWrapper,
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const react_1 = require("react");
|
|
17
|
+
const styles_1 = require("./styles");
|
|
18
|
+
exports.IconButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
19
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.IconButtonWrapper, Object.assign({}, props, { ref: ref }, { children: children })));
|
|
32
21
|
});
|
package/IconButton/styles.js
CHANGED
|
@@ -1,22 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
3
|
exports.IconButtonWrapper = exports.getButtonSizeMobile = exports.getButtonSize = void 0;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var size = _a.size;
|
|
4
|
+
const styles_1 = require("../styles");
|
|
5
|
+
const ButtonBase_1 = require("../ButtonBase");
|
|
6
|
+
const getButtonSize = ({ size, }) => {
|
|
12
7
|
if (size === ButtonBase_1.ButtonSizes.Large) {
|
|
13
8
|
return '40px';
|
|
14
9
|
}
|
|
15
10
|
return '32px';
|
|
16
11
|
};
|
|
17
12
|
exports.getButtonSize = getButtonSize;
|
|
18
|
-
|
|
19
|
-
var size = _a.size;
|
|
13
|
+
const getButtonSizeMobile = ({ size, }) => {
|
|
20
14
|
if (size === ButtonBase_1.ButtonSizes.Small) {
|
|
21
15
|
return '36px';
|
|
22
16
|
}
|
|
@@ -24,14 +18,14 @@ var getButtonSizeMobile = function (_a) {
|
|
|
24
18
|
};
|
|
25
19
|
exports.getButtonSizeMobile = getButtonSizeMobile;
|
|
26
20
|
exports.IconButtonWrapper = (0, styles_1.styled)(ButtonBase_1.ButtonBase, {
|
|
27
|
-
shouldForwardProp:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
21
|
+
shouldForwardProp: (prop) => prop !== 'startIcon' && prop !== 'endIcon' && prop !== 'loading',
|
|
22
|
+
}) `
|
|
23
|
+
width: ${exports.getButtonSize};
|
|
24
|
+
height: ${exports.getButtonSize};
|
|
25
|
+
padding: ${({ theme }) => theme.spacing(1)};
|
|
26
|
+
|
|
27
|
+
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
28
|
+
width: ${exports.getButtonSizeMobile};
|
|
29
|
+
height: ${exports.getButtonSizeMobile};
|
|
30
|
+
}
|
|
31
|
+
`;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -23,14 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
12
|
};
|
|
24
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
14
|
exports.IconDropdownButton = void 0;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
exports.IconDropdownButton = (0, react_1.forwardRef)(
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener,
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const material_1 = require("@mui/material");
|
|
17
|
+
const react_1 = require("react");
|
|
18
|
+
const hooks_1 = require("../hooks");
|
|
19
|
+
const IconButton_1 = require("../IconButton");
|
|
20
|
+
const Menu_1 = require("../Menu");
|
|
21
|
+
exports.IconDropdownButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
22
|
+
var { children, icon } = _a, props = __rest(_a, ["children", "icon"]);
|
|
23
|
+
const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)(ref);
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleCloseMenu, mouseEvent: "onMouseDown" }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, selected: open }, { children: icon })) })), (0, jsx_runtime_1.jsx)(Menu_1.Menu, Object.assign({ open: open, anchorEl: anchorRef.current }, { children: children }))] }));
|
|
36
25
|
});
|
package/List/List.js
CHANGED
|
@@ -1,23 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
6
|
exports.List = void 0;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(List_1.default,
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const List_1 = __importDefault(require("@mui/material/List"));
|
|
9
|
+
const List = (props) => {
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(List_1.default, Object.assign({}, props));
|
|
22
11
|
};
|
|
23
12
|
exports.List = List;
|
package/ListItem/ListItem.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -23,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
12
|
};
|
|
24
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
14
|
exports.ListItem = void 0;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const styles_1 = require("./styles");
|
|
17
|
+
const ListItem = (_a) => {
|
|
29
18
|
var props = __rest(_a, []);
|
|
30
|
-
return (0, jsx_runtime_1.jsx)(styles_1.StyledListItem,
|
|
19
|
+
return (0, jsx_runtime_1.jsx)(styles_1.StyledListItem, Object.assign({}, props));
|
|
31
20
|
};
|
|
32
21
|
exports.ListItem = ListItem;
|
package/ListItem/styles.js
CHANGED
|
@@ -1,34 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
3
|
exports.StyledListItem = exports.getColor = exports.getBgColor = void 0;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var selected = _a.selected, theme = _a.theme;
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
|
+
const styles_1 = require("../styles");
|
|
6
|
+
const constants_1 = require("./constants");
|
|
7
|
+
const getBgColor = ({ selected, theme, }) => {
|
|
24
8
|
if (selected) {
|
|
25
9
|
return theme.palette.grey[100];
|
|
26
10
|
}
|
|
27
11
|
return 'transparent';
|
|
28
12
|
};
|
|
29
13
|
exports.getBgColor = getBgColor;
|
|
30
|
-
|
|
31
|
-
var theme = _a.theme, selected = _a.selected, listItemState = _a.listItemState;
|
|
14
|
+
const getColor = ({ theme, selected, listItemState, }) => {
|
|
32
15
|
if (selected) {
|
|
33
16
|
return theme.palette.primary[800];
|
|
34
17
|
}
|
|
@@ -42,13 +25,17 @@ var getColor = function (_a) {
|
|
|
42
25
|
};
|
|
43
26
|
exports.getColor = getColor;
|
|
44
27
|
exports.StyledListItem = (0, styles_1.styled)(material_1.ListItem, {
|
|
45
|
-
shouldForwardProp:
|
|
46
|
-
})
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
28
|
+
shouldForwardProp: (prop) => prop !== 'selected',
|
|
29
|
+
}) `
|
|
30
|
+
color: ${(props) => (0, exports.getColor)(Object.assign(Object.assign({}, props), { listItemState: constants_1.ListItemStates.DEFAULT }))};
|
|
31
|
+
|
|
32
|
+
background-color: ${(props) => (0, exports.getBgColor)(Object.assign({}, props))};
|
|
33
|
+
border-radius: ${({ theme }) => theme.shape.small};
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
|
|
36
|
+
user-select: none;
|
|
37
|
+
|
|
38
|
+
:hover {
|
|
39
|
+
color: ${(props) => (0, exports.getColor)(Object.assign(Object.assign({}, props), { listItemState: constants_1.ListItemStates.HOVER }))};
|
|
40
|
+
}
|
|
41
|
+
`;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ListItemAvatar = void 0;
|
|
4
|
-
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
5
|
Object.defineProperty(exports, "ListItemAvatar", { enumerable: true, get: function () { return material_1.ListItemAvatar; } });
|
|
@@ -1,20 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.ListItemButton = void 0;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
exports.ListItemButton = (0, react_1.forwardRef)(
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(material_1.ListItemButton,
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
exports.ListItemButton = (0, react_1.forwardRef)((props, ref) => {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(material_1.ListItemButton, Object.assign({ ref: ref, component: "div" }, props, { disableRipple: true })));
|
|
20
9
|
});
|
|
@@ -1,20 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.ListItemIcon = void 0;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
exports.ListItemIcon = (0, react_1.forwardRef)(
|
|
19
|
-
return (0, jsx_runtime_1.jsx)(styled_1.StyledListItemIcon,
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const styled_1 = require("./styled");
|
|
7
|
+
exports.ListItemIcon = (0, react_1.forwardRef)((props, ref) => {
|
|
8
|
+
return (0, jsx_runtime_1.jsx)(styled_1.StyledListItemIcon, Object.assign({ ref: ref }, props));
|
|
20
9
|
});
|
package/ListItemIcon/styled.js
CHANGED
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
3
|
exports.StyledListItemIcon = void 0;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
exports.StyledListItemIcon = (0, styles_1.styled)(material_1.ListItemIcon)
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
});
|
|
14
|
-
var templateObject_1;
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
|
+
const styles_1 = require("../styles");
|
|
6
|
+
exports.StyledListItemIcon = (0, styles_1.styled)(material_1.ListItemIcon) `
|
|
7
|
+
color: ${({ theme }) => theme.palette.grey[900]};
|
|
8
|
+
`;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ListItemSecondaryAction = void 0;
|
|
4
|
-
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
5
|
Object.defineProperty(exports, "ListItemSecondaryAction", { enumerable: true, get: function () { return material_1.ListItemSecondaryAction; } });
|
|
@@ -1,23 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
6
|
exports.ListItemText = void 0;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(ListItemText_1.default,
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
|
|
9
|
+
const ListItemText = (props) => {
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(ListItemText_1.default, Object.assign({}, props));
|
|
22
11
|
};
|
|
23
12
|
exports.ListItemText = ListItemText;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ListSubheader = void 0;
|
|
4
|
-
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
5
|
Object.defineProperty(exports, "ListSubheader", { enumerable: true, get: function () { return material_1.ListSubheader; } });
|
|
@@ -1,27 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
6
|
exports.LocalizationProvider = void 0;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(lab_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.default, locale: locale }, { children: children })));
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const AdapterDateFns_1 = __importDefault(require("@mui/lab/AdapterDateFns"));
|
|
9
|
+
const lab_1 = require("@mui/lab");
|
|
10
|
+
const locale_1 = require("date-fns/locale");
|
|
11
|
+
const LocalizationProvider = ({ children, locale = locale_1.ru, }) => {
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(lab_1.LocalizationProvider, Object.assign({ dateAdapter: AdapterDateFns_1.default, locale: locale }, { children: children })));
|
|
25
13
|
};
|
|
26
14
|
exports.LocalizationProvider = LocalizationProvider;
|
|
27
15
|
exports.default = exports.LocalizationProvider;
|
package/MaskField/MaskField.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -23,23 +12,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
12
|
};
|
|
24
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
14
|
exports.MaskField = void 0;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
return (0, jsx_runtime_1.jsx)(TextField_1.TextField,
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const react_imask_1 = require("react-imask");
|
|
17
|
+
const TextField_1 = require("../TextField");
|
|
18
|
+
const MaskedTextField = (0, react_imask_1.IMaskMixin)((_a) => {
|
|
19
|
+
var { inputRef, onChange } = _a, props = __rest(_a, ["inputRef", "onChange"]);
|
|
20
|
+
const textFieldProps = props;
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({ inputRef: inputRef }, textFieldProps));
|
|
33
22
|
});
|
|
34
|
-
|
|
35
|
-
var
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
const MaskField = (_a) => {
|
|
24
|
+
var { onChange, onAccept } = _a, props = __rest(_a, ["onChange", "onAccept"]);
|
|
25
|
+
const maskFieldProps = props;
|
|
26
|
+
const handleMaskFieldAccept = (value, maskRef, e) => {
|
|
38
27
|
if (onAccept) {
|
|
39
28
|
return onAccept(value, maskRef, e, onChange);
|
|
40
29
|
}
|
|
41
30
|
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
42
31
|
};
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(MaskedTextField,
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(MaskedTextField, Object.assign({}, maskFieldProps, { onAccept: handleMaskFieldAccept })));
|
|
44
33
|
};
|
|
45
34
|
exports.MaskField = MaskField;
|
package/Menu/Menu.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Menu = void 0;
|
|
4
|
-
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
5
|
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return material_1.Menu; } });
|
package/MenuGroup/MenuGroup.js
CHANGED
|
@@ -1,23 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.MenuGroup = void 0;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styled_1.StyledLabel,
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const styled_1 = require("./styled");
|
|
7
|
+
const MenuGroup = (props) => {
|
|
8
|
+
const { children, label } = props;
|
|
9
|
+
const upperCasedLabel = (0, react_1.useMemo)(() => label.toUpperCase(), [label]);
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styled_1.StyledLabel, Object.assign({ variant: "h7" }, { children: upperCasedLabel })), (0, jsx_runtime_1.jsx)(styled_1.StyledContentWrapper, { children: children })] }));
|
|
22
11
|
};
|
|
23
12
|
exports.MenuGroup = MenuGroup;
|