@applica-software-guru/react-admin 1.0.41 → 1.0.43
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/bitbucket-pipelines.yml +2 -0
- package/dist/ApplicaAdmin.d.ts.map +1 -1
- package/dist/components/@extended/AnimateButton.d.ts +1 -1
- package/dist/components/@extended/AnimateButton.d.ts.map +1 -1
- package/dist/components/@extended/Avatar.d.ts.map +1 -1
- package/dist/components/@extended/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/@extended/IconButton.d.ts.map +1 -1
- package/dist/components/@extended/LoadingButton.d.ts.map +1 -1
- package/dist/components/@extended/Tooltip.d.ts.map +1 -1
- package/dist/components/@extended/Transitions.d.ts.map +1 -1
- package/dist/components/@extended/progress/CircularWithLabel.d.ts.map +1 -1
- package/dist/components/@extended/progress/CircularWithPath.d.ts.map +1 -1
- package/dist/components/Layout/Drawer/DrawerContent/Navigation/NavCollapse.d.ts +1 -1
- package/dist/components/Layout/Drawer/DrawerContent/Navigation/NavCollapse.d.ts.map +1 -1
- package/dist/components/Layout/Drawer/DrawerContent/Navigation/NavGroup.d.ts.map +1 -1
- package/dist/components/Layout/Drawer/DrawerContent/Navigation/NavItem.d.ts.map +1 -1
- package/dist/components/Layout/Drawer/DrawerHeader/DrawerHeaderStyled.d.ts.map +1 -1
- package/dist/components/Layout/Drawer/DrawerHeader/index.d.ts.map +1 -1
- package/dist/components/Layout/Drawer/MiniDrawerStyled.d.ts.map +1 -1
- package/dist/components/Layout/Drawer/index.d.ts.map +1 -1
- package/dist/components/Layout/Footer.d.ts.map +1 -1
- package/dist/components/Layout/Header/AppBarStyled.d.ts.map +1 -1
- package/dist/components/Layout/Header/HeaderContent/Notification.d.ts.map +1 -1
- package/dist/components/Layout/Header/HeaderContent/NotificationItem.d.ts.map +1 -1
- package/dist/components/Layout/Header/HeaderContent/Profile.d.ts.map +1 -1
- package/dist/components/Layout/Header/HeaderContent/index.d.ts.map +1 -1
- package/dist/components/Layout/Header/index.d.ts.map +1 -1
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/MenuPopover/styles.d.ts.map +1 -1
- package/dist/components/Notification.d.ts.map +1 -1
- package/dist/components/ScrollX.d.ts.map +1 -1
- package/dist/components/ra-buttons/EditInDialogButton.d.ts.map +1 -1
- package/dist/components/ra-fields/CoverField.d.ts.map +1 -1
- package/dist/components/ra-fields/DateAgoField.d.ts.map +1 -1
- package/dist/components/ra-fields/ReadonlyField.d.ts.map +1 -1
- package/dist/components/ra-forms/CardForm.d.ts.map +1 -1
- package/dist/components/ra-forms/LongForm/useFormRootPath.d.ts.map +1 -1
- package/dist/components/ra-forms/TabbedForm.d.ts.map +1 -1
- package/dist/components/ra-inputs/ReferenceManyInput.d.ts.map +1 -1
- package/dist/components/ra-lists/Empty.d.ts.map +1 -1
- package/dist/components/ra-lists/NotificationList/NotificationList.d.ts.map +1 -1
- package/dist/components/ra-lists/NotificationList/button/MarkAsReadedButton.d.ts.map +1 -1
- package/dist/components/ra-lists/NotificationList/field/NotificationField.d.ts.map +1 -1
- package/dist/contexts/MenuConfigContext.d.ts.map +1 -1
- package/dist/contexts/MenuPropTypes.d.ts.map +1 -1
- package/dist/dev/useCliErrorCatcher.d.ts +1 -1
- package/dist/hooks/useMenu.d.ts.map +1 -1
- package/dist/i18n/useI18nCatcher.d.ts +1 -1
- package/dist/i18n/useI18nLanguages.d.ts +1 -1
- package/dist/i18n/useI18nLanguages.d.ts.map +1 -1
- package/dist/i18n/useI18nProvider.d.ts.map +1 -1
- package/dist/react-admin.cjs.js +2 -1
- package/dist/react-admin.cjs.js.map +1 -0
- package/dist/react-admin.es.js +300 -784
- package/dist/react-admin.es.js.map +1 -0
- package/dist/react-admin.umd.js +2 -1
- package/dist/react-admin.umd.js.map +1 -0
- package/dist/themes/overrides/OutlinedInput.d.ts.map +1 -1
- package/dist/themes/palette.d.ts.map +1 -1
- package/dist/themes/theme/theme1.d.ts.map +1 -1
- package/dist/themes/theme/theme2.d.ts.map +1 -1
- package/dist/themes/theme/theme3.d.ts.map +1 -1
- package/dist/themes/theme/theme4.d.ts.map +1 -1
- package/dist/themes/theme/theme5.d.ts.map +1 -1
- package/dist/themes/theme/theme6.d.ts.map +1 -1
- package/dist/themes/theme/theme7.d.ts.map +1 -1
- package/dist/themes/theme/theme8.d.ts.map +1 -1
- package/dist/utils/index.d.ts +2 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/lang.d.ts +1 -1
- package/dist/utils/lang.d.ts.map +1 -1
- package/dist/utils/time.d.ts +2 -1
- package/dist/utils/time.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/Admin.jsx +8 -8
- package/src/AdminContext.jsx +9 -9
- package/src/ApplicaAdmin.jsx +30 -35
- package/src/components/@extended/AnimateButton.jsx +25 -33
- package/src/components/@extended/Avatar.jsx +35 -42
- package/src/components/@extended/Breadcrumbs.jsx +62 -96
- package/src/components/@extended/Dot.jsx +14 -14
- package/src/components/@extended/IconButton.jsx +55 -65
- package/src/components/@extended/LoadingButton.jsx +84 -86
- package/src/components/@extended/Tooltip.jsx +24 -27
- package/src/components/@extended/Transitions.jsx +98 -107
- package/src/components/@extended/index.jsx +10 -10
- package/src/components/@extended/progress/CircularWithLabel.jsx +7 -9
- package/src/components/@extended/progress/CircularWithPath.jsx +9 -18
- package/src/components/@extended/progress/LinearWithIcon.jsx +5 -5
- package/src/components/@extended/progress/LinearWithLabel.jsx +5 -5
- package/src/components/@extended/progress/index.jsx +5 -5
- package/src/components/Layout/Drawer/DrawerContent/Navigation/NavCollapse.jsx +112 -131
- package/src/components/Layout/Drawer/DrawerContent/Navigation/NavGroup.jsx +67 -88
- package/src/components/Layout/Drawer/DrawerContent/Navigation/NavItem.jsx +63 -79
- package/src/components/Layout/Drawer/DrawerContent/Navigation/index.jsx +28 -28
- package/src/components/Layout/Drawer/DrawerContent/index.jsx +7 -7
- package/src/components/Layout/Drawer/DrawerHeader/DrawerHeaderStyled.jsx +13 -15
- package/src/components/Layout/Drawer/DrawerHeader/index.jsx +17 -22
- package/src/components/Layout/Drawer/HorizontalBar.jsx +17 -17
- package/src/components/Layout/Drawer/MiniDrawerStyled.jsx +27 -29
- package/src/components/Layout/Drawer/index.jsx +21 -24
- package/src/components/Layout/Footer.jsx +7 -12
- package/src/components/Layout/Header/AppBarStyled.jsx +26 -28
- package/src/components/Layout/Header/HeaderContent/MobileSection.jsx +27 -27
- package/src/components/Layout/Header/HeaderContent/Notification.jsx +34 -55
- package/src/components/Layout/Header/HeaderContent/NotificationItem.jsx +24 -36
- package/src/components/Layout/Header/HeaderContent/Profile.jsx +48 -73
- package/src/components/Layout/Header/HeaderContent/index.jsx +16 -18
- package/src/components/Layout/Header/index.jsx +25 -43
- package/src/components/Layout/index.jsx +36 -52
- package/src/components/Loadable.jsx +4 -4
- package/src/components/Loader.jsx +7 -7
- package/src/components/Logo.jsx +14 -14
- package/src/components/MainIcon.jsx +6 -6
- package/src/components/MenuPopover/MenuPopover.jsx +15 -15
- package/src/components/MenuPopover/getPosition.jsx +40 -40
- package/src/components/MenuPopover/index.jsx +3 -3
- package/src/components/MenuPopover/styles.jsx +20 -20
- package/src/components/Notification.jsx +7 -7
- package/src/components/ScrollTop.jsx +13 -13
- package/src/components/ScrollX.jsx +4 -4
- package/src/components/SmallIcon.jsx +6 -6
- package/src/components/ra-buttons/EditInDialogButton.jsx +39 -45
- package/src/components/ra-buttons/ImpersonateUserButton.jsx +20 -20
- package/src/components/ra-buttons/index.jsx +4 -4
- package/src/components/ra-fields/ActionsField.jsx +12 -12
- package/src/components/ra-fields/CoverField.jsx +20 -26
- package/src/components/ra-fields/DateAgoField.jsx +17 -20
- package/src/components/ra-fields/DateField.jsx +14 -14
- package/src/components/ra-fields/EmailField.jsx +14 -14
- package/src/components/ra-fields/FileField.jsx +23 -23
- package/src/components/ra-fields/FunctionField.jsx +5 -5
- package/src/components/ra-fields/ImageField.jsx +11 -11
- package/src/components/ra-fields/ReadonlyField.jsx +40 -42
- package/src/components/ra-fields/ReferenceManyField.jsx +21 -21
- package/src/components/ra-fields/SizeField.jsx +15 -15
- package/src/components/ra-fields/TextField.jsx +14 -14
- package/src/components/ra-fields/index.jsx +15 -15
- package/src/components/ra-forms/CardForm.jsx +34 -40
- package/src/components/ra-forms/LongForm/useFormRootPath.ts +8 -13
- package/src/components/ra-forms/TabbedForm.jsx +10 -10
- package/src/components/ra-forms/Toolbar.jsx +15 -15
- package/src/components/ra-forms/index.jsx +9 -9
- package/src/components/ra-inputs/AutocompleteArrayInput.jsx +7 -7
- package/src/components/ra-inputs/AutocompleteInput.jsx +9 -9
- package/src/components/ra-inputs/BooleanInput.jsx +19 -19
- package/src/components/ra-inputs/DateInput.jsx +13 -13
- package/src/components/ra-inputs/FileInput.jsx +33 -33
- package/src/components/ra-inputs/ImageInput.jsx +19 -19
- package/src/components/ra-inputs/NumberInput.jsx +13 -13
- package/src/components/ra-inputs/RecordInput.jsx +39 -39
- package/src/components/ra-inputs/ReferenceArrayInput.jsx +10 -10
- package/src/components/ra-inputs/ReferenceInput.jsx +10 -10
- package/src/components/ra-inputs/ReferenceManyInput.jsx +13 -24
- package/src/components/ra-inputs/SearchInput.jsx +6 -6
- package/src/components/ra-inputs/SelectArrayInput.jsx +19 -19
- package/src/components/ra-inputs/TimeInput.jsx +21 -21
- package/src/components/ra-lists/Empty.jsx +32 -37
- package/src/components/ra-lists/List.jsx +9 -9
- package/src/components/ra-lists/NotificationList/NotificationList.jsx +14 -16
- package/src/components/ra-lists/NotificationList/button/MarkAsReadedButton.jsx +21 -25
- package/src/components/ra-lists/NotificationList/button/MarkAsUnreadedButton.jsx +19 -19
- package/src/components/ra-lists/NotificationList/button/index.jsx +2 -2
- package/src/components/ra-lists/NotificationList/field/NotificationField.jsx +20 -31
- package/src/components/ra-lists/NotificationList/field/index.jsx +1 -1
- package/src/components/ra-lists/NotificationList/index.jsx +2 -2
- package/src/components/ra-lists/index.jsx +5 -5
- package/src/components/third-party/SimpleBar.jsx +10 -10
- package/src/components/third-party/index.jsx +2 -2
- package/src/contexts/MenuConfigContext.jsx +35 -35
- package/src/contexts/MenuPropTypes.jsx +7 -7
- package/src/contexts/index.jsx +5 -5
- package/src/dev/index.jsx +2 -2
- package/src/dev/useCliErrorCatcher.jsx +32 -32
- package/src/hooks/index.jsx +8 -16
- package/src/hooks/useAppConfig.jsx +4 -4
- package/src/hooks/useBreadcrumbs.jsx +37 -37
- package/src/hooks/useLocalStorage.jsx +16 -16
- package/src/hooks/useMenu.jsx +83 -88
- package/src/hooks/useMenuConfig.jsx +4 -4
- package/src/hooks/useResourceTitle.jsx +13 -13
- package/src/hooks/useThemeConfig.jsx +4 -4
- package/src/i18n/createI18nProvider.jsx +7 -7
- package/src/i18n/index.jsx +4 -4
- package/src/i18n/useI18nCatcher.jsx +26 -26
- package/src/i18n/useI18nLanguages.jsx +12 -16
- package/src/i18n/useI18nProvider.jsx +3 -4
- package/src/themes/getColors.jsx +8 -8
- package/src/themes/getShadow.jsx +17 -17
- package/src/themes/index.jsx +29 -29
- package/src/themes/overrides/Accordion.jsx +9 -9
- package/src/themes/overrides/AccordionDetails.jsx +5 -5
- package/src/themes/overrides/AccordionSummary.jsx +11 -11
- package/src/themes/overrides/Alert.jsx +21 -21
- package/src/themes/overrides/AlertTitle.jsx +5 -5
- package/src/themes/overrides/Autocomplete.jsx +9 -9
- package/src/themes/overrides/Badge.jsx +12 -12
- package/src/themes/overrides/Button.jsx +62 -62
- package/src/themes/overrides/ButtonBase.jsx +4 -4
- package/src/themes/overrides/ButtonGroup.jsx +4 -4
- package/src/themes/overrides/CardContent.jsx +6 -6
- package/src/themes/overrides/Checkbox.jsx +31 -31
- package/src/themes/overrides/Chip.jsx +22 -22
- package/src/themes/overrides/Dialog.jsx +7 -7
- package/src/themes/overrides/DialogContentText.jsx +5 -5
- package/src/themes/overrides/DialogTitle.jsx +5 -5
- package/src/themes/overrides/Fab.jsx +21 -21
- package/src/themes/overrides/IconButton.jsx +8 -8
- package/src/themes/overrides/InputBase.jsx +3 -3
- package/src/themes/overrides/InputLabel.jsx +8 -8
- package/src/themes/overrides/LinearProgress.jsx +6 -6
- package/src/themes/overrides/Link.jsx +4 -4
- package/src/themes/overrides/ListItemButton.jsx +7 -7
- package/src/themes/overrides/ListItemIcon.jsx +5 -5
- package/src/themes/overrides/LoadingButton.jsx +6 -6
- package/src/themes/overrides/OutlinedInput.jsx +20 -21
- package/src/themes/overrides/Pagination.jsx +4 -4
- package/src/themes/overrides/PaginationItem.jsx +55 -55
- package/src/themes/overrides/Popover.jsx +5 -5
- package/src/themes/overrides/Radio.jsx +30 -30
- package/src/themes/overrides/Slider.jsx +20 -20
- package/src/themes/overrides/Switch.jsx +26 -26
- package/src/themes/overrides/Tab.jsx +7 -7
- package/src/themes/overrides/TableBody.jsx +11 -11
- package/src/themes/overrides/TableCell.jsx +12 -12
- package/src/themes/overrides/TableFooter.jsx +5 -5
- package/src/themes/overrides/TableHead.jsx +5 -5
- package/src/themes/overrides/TablePagination.jsx +6 -6
- package/src/themes/overrides/TableRow.jsx +10 -10
- package/src/themes/overrides/Tabs.jsx +5 -5
- package/src/themes/overrides/ToggleButton.jsx +7 -7
- package/src/themes/overrides/Tooltip.jsx +5 -5
- package/src/themes/overrides/TreeItem.jsx +7 -7
- package/src/themes/overrides/Typography.jsx +5 -5
- package/src/themes/overrides/index.jsx +47 -47
- package/src/themes/palette.jsx +22 -34
- package/src/themes/shadows.jsx +4 -4
- package/src/themes/theme/default.jsx +17 -17
- package/src/themes/theme/index.jsx +23 -23
- package/src/themes/theme/theme1.jsx +24 -46
- package/src/themes/theme/theme2.jsx +24 -46
- package/src/themes/theme/theme3.jsx +24 -46
- package/src/themes/theme/theme4.jsx +24 -46
- package/src/themes/theme/theme5.jsx +24 -46
- package/src/themes/theme/theme6.jsx +24 -46
- package/src/themes/theme/theme7.jsx +24 -46
- package/src/themes/theme/theme8.jsx +24 -46
- package/src/themes/typography.jsx +16 -16
- package/src/utils/{lang.js → lang.ts} +4 -4
- package/src/utils/time.ts +14 -0
- package/vite.config.js +11 -10
- package/src/utils/time.js +0 -13
- /package/src/utils/{index.js → index.ts} +0 -0
|
@@ -5,24 +5,24 @@ export default function IconButton(theme) {
|
|
|
5
5
|
MuiIconButton: {
|
|
6
6
|
styleOverrides: {
|
|
7
7
|
root: {
|
|
8
|
-
borderRadius: 4
|
|
8
|
+
borderRadius: 4
|
|
9
9
|
},
|
|
10
10
|
sizeLarge: {
|
|
11
11
|
width: theme.spacing(5.5),
|
|
12
12
|
height: theme.spacing(5.5),
|
|
13
|
-
fontSize: '1.25rem'
|
|
13
|
+
fontSize: '1.25rem'
|
|
14
14
|
},
|
|
15
15
|
sizeMedium: {
|
|
16
16
|
width: theme.spacing(4.5),
|
|
17
17
|
height: theme.spacing(4.5),
|
|
18
|
-
fontSize: '1rem'
|
|
18
|
+
fontSize: '1rem'
|
|
19
19
|
},
|
|
20
20
|
sizeSmall: {
|
|
21
21
|
width: theme.spacing(3.75),
|
|
22
22
|
height: theme.spacing(3.75),
|
|
23
|
-
fontSize: '0.75rem'
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
23
|
+
fontSize: '0.75rem'
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
28
|
}
|
|
@@ -5,21 +5,21 @@ export default function InputLabel(theme) {
|
|
|
5
5
|
MuiInputLabel: {
|
|
6
6
|
styleOverrides: {
|
|
7
7
|
root: {
|
|
8
|
-
color: theme.palette.grey[600]
|
|
8
|
+
color: theme.palette.grey[600]
|
|
9
9
|
},
|
|
10
10
|
outlined: {
|
|
11
11
|
lineHeight: '0.8em',
|
|
12
12
|
'&.MuiInputLabel-sizeSmall': {
|
|
13
|
-
lineHeight: '1em'
|
|
13
|
+
lineHeight: '1em'
|
|
14
14
|
},
|
|
15
15
|
'&.MuiInputLabel-shrink': {
|
|
16
16
|
background: theme.palette.background.paper,
|
|
17
17
|
padding: '0 8px',
|
|
18
18
|
marginLeft: -6,
|
|
19
|
-
lineHeight: '1.4375em'
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
19
|
+
lineHeight: '1.4375em'
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
25
|
}
|
|
@@ -8,11 +8,11 @@ export default function ListItemButton(theme) {
|
|
|
8
8
|
'&.Mui-selected': {
|
|
9
9
|
color: theme.palette.primary.main,
|
|
10
10
|
'& .MuiListItemIcon-root': {
|
|
11
|
-
color: theme.palette.primary.main
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
11
|
+
color: theme.palette.primary.main
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
18
|
}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import getColors from '../getColors'
|
|
2
|
-
import getShadow from '../getShadow'
|
|
1
|
+
import getColors from '../getColors';
|
|
2
|
+
import getShadow from '../getShadow';
|
|
3
3
|
|
|
4
4
|
function getColor({ variant, theme }) {
|
|
5
|
-
const colors = getColors(theme, variant)
|
|
6
|
-
const { light } = colors
|
|
5
|
+
const colors = getColors(theme, variant);
|
|
6
|
+
const { light } = colors;
|
|
7
7
|
|
|
8
|
-
const shadows = getShadow(theme, `${variant}`)
|
|
8
|
+
const shadows = getShadow(theme, `${variant}`);
|
|
9
9
|
|
|
10
10
|
return {
|
|
11
11
|
'&:hover .MuiOutlinedInput-notchedOutline': {
|
|
12
|
-
borderColor: light
|
|
12
|
+
borderColor: light
|
|
13
13
|
},
|
|
14
14
|
'&.Mui-focused': {
|
|
15
15
|
boxShadow: shadows,
|
|
16
16
|
'& .MuiOutlinedInput-notchedOutline': {
|
|
17
|
-
border: `1px solid ${light}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
17
|
+
border: `1px solid ${light}`
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
export default function OutlinedInput(theme) {
|
|
@@ -25,30 +25,29 @@ export default function OutlinedInput(theme) {
|
|
|
25
25
|
MuiOutlinedInput: {
|
|
26
26
|
styleOverrides: {
|
|
27
27
|
input: {
|
|
28
|
-
padding: '10.5px 14px 10.5px 12px'
|
|
28
|
+
padding: '10.5px 14px 10.5px 12px'
|
|
29
29
|
},
|
|
30
30
|
notchedOutline: {
|
|
31
|
-
borderColor:
|
|
32
|
-
theme.palette.mode === 'dark' ? theme.palette.grey[200] : theme.palette.grey[300],
|
|
31
|
+
borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[200] : theme.palette.grey[300]
|
|
33
32
|
},
|
|
34
33
|
root: {
|
|
35
34
|
...getColor({ variant: 'primary', theme }),
|
|
36
35
|
'&.Mui-error': {
|
|
37
|
-
...getColor({ variant: 'error', theme })
|
|
38
|
-
}
|
|
36
|
+
...getColor({ variant: 'error', theme })
|
|
37
|
+
}
|
|
39
38
|
},
|
|
40
39
|
inputSizeSmall: {
|
|
41
|
-
padding: '7.5px 8px 7.5px 12px'
|
|
40
|
+
padding: '7.5px 8px 7.5px 12px'
|
|
42
41
|
},
|
|
43
42
|
inputMultiline: {
|
|
44
|
-
padding: 0
|
|
43
|
+
padding: 0
|
|
45
44
|
},
|
|
46
45
|
colorSecondary: getColor({ variant: 'secondary', theme }),
|
|
47
46
|
colorError: getColor({ variant: 'error', theme }),
|
|
48
47
|
colorWarning: getColor({ variant: 'warning', theme }),
|
|
49
48
|
colorInfo: getColor({ variant: 'info', theme }),
|
|
50
|
-
colorSuccess: getColor({ variant: 'success', theme })
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
49
|
+
colorSuccess: getColor({ variant: 'success', theme })
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
};
|
|
54
53
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import getColors from '../getColors'
|
|
1
|
+
import getColors from '../getColors';
|
|
2
2
|
|
|
3
3
|
function getColorStyle({ variant, color, theme }) {
|
|
4
|
-
const colors = getColors(theme, color)
|
|
5
|
-
const { lighter, light, dark, main, contrastText } = colors
|
|
4
|
+
const colors = getColors(theme, color);
|
|
5
|
+
const { lighter, light, dark, main, contrastText } = colors;
|
|
6
6
|
|
|
7
7
|
const focusStyle = {
|
|
8
8
|
'&:focus-visible': {
|
|
9
9
|
outline: `2px solid ${dark}`,
|
|
10
10
|
outlineOffset: 2,
|
|
11
11
|
...(variant === 'text' && {
|
|
12
|
-
backgroundColor: theme.palette.background.paper
|
|
13
|
-
})
|
|
14
|
-
}
|
|
15
|
-
}
|
|
12
|
+
backgroundColor: theme.palette.background.paper
|
|
13
|
+
})
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
16
|
|
|
17
17
|
switch (variant) {
|
|
18
18
|
case 'combined':
|
|
@@ -21,29 +21,29 @@ function getColorStyle({ variant, color, theme }) {
|
|
|
21
21
|
color: contrastText,
|
|
22
22
|
backgroundColor: main,
|
|
23
23
|
'&:hover': {
|
|
24
|
-
backgroundColor: light
|
|
24
|
+
backgroundColor: light
|
|
25
25
|
},
|
|
26
|
-
...focusStyle
|
|
27
|
-
}
|
|
26
|
+
...focusStyle
|
|
27
|
+
};
|
|
28
28
|
case 'outlined':
|
|
29
29
|
return {
|
|
30
30
|
borderColor: main,
|
|
31
31
|
'&:hover': {
|
|
32
32
|
backgroundColor: lighter,
|
|
33
|
-
borderColor: light
|
|
33
|
+
borderColor: light
|
|
34
34
|
},
|
|
35
|
-
...focusStyle
|
|
36
|
-
}
|
|
35
|
+
...focusStyle
|
|
36
|
+
};
|
|
37
37
|
case 'text':
|
|
38
38
|
default:
|
|
39
39
|
return {
|
|
40
40
|
color: main,
|
|
41
41
|
'&:hover': {
|
|
42
42
|
backgroundColor: main,
|
|
43
|
-
color: lighter
|
|
43
|
+
color: lighter
|
|
44
44
|
},
|
|
45
|
-
...focusStyle
|
|
46
|
-
}
|
|
45
|
+
...focusStyle
|
|
46
|
+
};
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
|
|
@@ -56,8 +56,8 @@ export default function PaginationItem(theme) {
|
|
|
56
56
|
root: {
|
|
57
57
|
'&:focus-visible': {
|
|
58
58
|
outline: `2px solid ${theme.palette.secondary.dark}`,
|
|
59
|
-
outlineOffset: 2
|
|
60
|
-
}
|
|
59
|
+
outlineOffset: 2
|
|
60
|
+
}
|
|
61
61
|
},
|
|
62
62
|
text: {
|
|
63
63
|
'&.Mui-selected': {
|
|
@@ -67,107 +67,107 @@ export default function PaginationItem(theme) {
|
|
|
67
67
|
'&.MuiPaginationItem-textPrimary': getColorStyle({
|
|
68
68
|
variant: 'text',
|
|
69
69
|
color: 'primary',
|
|
70
|
-
theme
|
|
70
|
+
theme
|
|
71
71
|
}),
|
|
72
72
|
'&.MuiPaginationItem-textSecondary': getColorStyle({
|
|
73
73
|
variant: 'text',
|
|
74
74
|
color: 'secondary',
|
|
75
|
-
theme
|
|
75
|
+
theme
|
|
76
76
|
}),
|
|
77
77
|
'&.MuiPaginationItem-textError': getColorStyle({
|
|
78
78
|
variant: 'text',
|
|
79
79
|
color: 'error',
|
|
80
|
-
theme
|
|
80
|
+
theme
|
|
81
81
|
}),
|
|
82
82
|
'&.MuiPaginationItem-textSuccess': getColorStyle({
|
|
83
83
|
variant: 'text',
|
|
84
84
|
color: 'success',
|
|
85
|
-
theme
|
|
85
|
+
theme
|
|
86
86
|
}),
|
|
87
87
|
'&.MuiPaginationItem-textInfo': getColorStyle({
|
|
88
88
|
variant: 'text',
|
|
89
89
|
color: 'info',
|
|
90
|
-
theme
|
|
90
|
+
theme
|
|
91
91
|
}),
|
|
92
92
|
'&.MuiPaginationItem-textWarning': getColorStyle({
|
|
93
93
|
variant: 'text',
|
|
94
94
|
color: 'warning',
|
|
95
|
-
theme
|
|
96
|
-
})
|
|
97
|
-
}
|
|
95
|
+
theme
|
|
96
|
+
})
|
|
97
|
+
}
|
|
98
98
|
},
|
|
99
99
|
contained: {
|
|
100
100
|
'&.Mui-selected': {
|
|
101
101
|
'&.MuiPaginationItem-containedPrimary': getColorStyle({
|
|
102
102
|
variant: 'contained',
|
|
103
103
|
color: 'primary',
|
|
104
|
-
theme
|
|
104
|
+
theme
|
|
105
105
|
}),
|
|
106
106
|
'&.MuiPaginationItem-containedSecondary': getColorStyle({
|
|
107
107
|
variant: 'contained',
|
|
108
108
|
color: 'secondary',
|
|
109
|
-
theme
|
|
109
|
+
theme
|
|
110
110
|
}),
|
|
111
111
|
'&.MuiPaginationItem-containedError': getColorStyle({
|
|
112
112
|
variant: 'contained',
|
|
113
113
|
color: 'error',
|
|
114
|
-
theme
|
|
114
|
+
theme
|
|
115
115
|
}),
|
|
116
116
|
'&.MuiPaginationItem-containedSuccess': getColorStyle({
|
|
117
117
|
variant: 'contained',
|
|
118
118
|
color: 'success',
|
|
119
|
-
theme
|
|
119
|
+
theme
|
|
120
120
|
}),
|
|
121
121
|
'&.MuiPaginationItem-containedInfo': getColorStyle({
|
|
122
122
|
variant: 'contained',
|
|
123
123
|
color: 'info',
|
|
124
|
-
theme
|
|
124
|
+
theme
|
|
125
125
|
}),
|
|
126
126
|
'&.MuiPaginationItem-containedWarning': getColorStyle({
|
|
127
127
|
variant: 'contained',
|
|
128
128
|
color: 'warning',
|
|
129
|
-
theme
|
|
130
|
-
})
|
|
131
|
-
}
|
|
129
|
+
theme
|
|
130
|
+
})
|
|
131
|
+
}
|
|
132
132
|
},
|
|
133
133
|
combined: {
|
|
134
134
|
border: '1px solid',
|
|
135
135
|
borderColor: theme.palette.divider,
|
|
136
136
|
'&.MuiPaginationItem-ellipsis': {
|
|
137
|
-
border: 'none'
|
|
137
|
+
border: 'none'
|
|
138
138
|
},
|
|
139
139
|
'&.Mui-selected': {
|
|
140
140
|
'&.MuiPaginationItem-combinedPrimary': getColorStyle({
|
|
141
141
|
variant: 'combined',
|
|
142
142
|
color: 'primary',
|
|
143
|
-
theme
|
|
143
|
+
theme
|
|
144
144
|
}),
|
|
145
145
|
'&.MuiPaginationItem-combinedSecondary': getColorStyle({
|
|
146
146
|
variant: 'combined',
|
|
147
147
|
color: 'secondary',
|
|
148
|
-
theme
|
|
148
|
+
theme
|
|
149
149
|
}),
|
|
150
150
|
'&.MuiPaginationItem-combinedError': getColorStyle({
|
|
151
151
|
variant: 'combined',
|
|
152
152
|
color: 'error',
|
|
153
|
-
theme
|
|
153
|
+
theme
|
|
154
154
|
}),
|
|
155
155
|
'&.MuiPaginationItem-combinedSuccess': getColorStyle({
|
|
156
156
|
variant: 'combined',
|
|
157
157
|
color: 'success',
|
|
158
|
-
theme
|
|
158
|
+
theme
|
|
159
159
|
}),
|
|
160
160
|
'&.MuiPaginationItem-combinedInfo': getColorStyle({
|
|
161
161
|
variant: 'combined',
|
|
162
162
|
color: 'info',
|
|
163
|
-
theme
|
|
163
|
+
theme
|
|
164
164
|
}),
|
|
165
165
|
'&.MuiPaginationItem-combinedWarning': getColorStyle({
|
|
166
166
|
variant: 'combined',
|
|
167
167
|
color: 'warning',
|
|
168
|
-
theme
|
|
169
|
-
})
|
|
170
|
-
}
|
|
168
|
+
theme
|
|
169
|
+
})
|
|
170
|
+
}
|
|
171
171
|
},
|
|
172
172
|
outlined: {
|
|
173
173
|
borderColor: theme.palette.divider,
|
|
@@ -176,36 +176,36 @@ export default function PaginationItem(theme) {
|
|
|
176
176
|
'&.MuiPaginationItem-outlinedPrimary': getColorStyle({
|
|
177
177
|
variant: 'outlined',
|
|
178
178
|
color: 'primary',
|
|
179
|
-
theme
|
|
179
|
+
theme
|
|
180
180
|
}),
|
|
181
181
|
'&.MuiPaginationItem-outlinedSecondary': getColorStyle({
|
|
182
182
|
variant: 'outlined',
|
|
183
183
|
color: 'secondary',
|
|
184
|
-
theme
|
|
184
|
+
theme
|
|
185
185
|
}),
|
|
186
186
|
'&.MuiPaginationItem-outlinedError': getColorStyle({
|
|
187
187
|
variant: 'outlined',
|
|
188
188
|
color: 'error',
|
|
189
|
-
theme
|
|
189
|
+
theme
|
|
190
190
|
}),
|
|
191
191
|
'&.MuiPaginationItem-outlinedSuccess': getColorStyle({
|
|
192
192
|
variant: 'outlined',
|
|
193
193
|
color: 'success',
|
|
194
|
-
theme
|
|
194
|
+
theme
|
|
195
195
|
}),
|
|
196
196
|
'&.MuiPaginationItem-outlinedInfo': getColorStyle({
|
|
197
197
|
variant: 'outlined',
|
|
198
198
|
color: 'info',
|
|
199
|
-
theme
|
|
199
|
+
theme
|
|
200
200
|
}),
|
|
201
201
|
'&.MuiPaginationItem-outlinedWarning': getColorStyle({
|
|
202
202
|
variant: 'outlined',
|
|
203
203
|
color: 'warning',
|
|
204
|
-
theme
|
|
205
|
-
})
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
}
|
|
204
|
+
theme
|
|
205
|
+
})
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
};
|
|
211
211
|
}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { Box } from '@mui/material'
|
|
2
|
-
import getColors from '../getColors'
|
|
1
|
+
import { Box } from '@mui/material';
|
|
2
|
+
import getColors from '../getColors';
|
|
3
3
|
|
|
4
4
|
function getColorStyle({ color, theme }) {
|
|
5
|
-
const colors = getColors(theme, color)
|
|
6
|
-
const { lighter, main, dark } = colors
|
|
5
|
+
const colors = getColors(theme, color);
|
|
6
|
+
const { lighter, main, dark } = colors;
|
|
7
7
|
|
|
8
8
|
return {
|
|
9
9
|
'& .dot': {
|
|
10
|
-
backgroundColor: main
|
|
10
|
+
backgroundColor: main
|
|
11
11
|
},
|
|
12
12
|
'&:hover': {
|
|
13
|
-
backgroundColor: lighter
|
|
13
|
+
backgroundColor: lighter
|
|
14
14
|
},
|
|
15
15
|
'&.Mui-focusVisible': {
|
|
16
16
|
outline: `2px solid ${dark}`,
|
|
17
|
-
outlineOffset: -4
|
|
18
|
-
}
|
|
19
|
-
}
|
|
17
|
+
outlineOffset: -4
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
function getSizeStyle(size) {
|
|
23
23
|
switch (size) {
|
|
24
24
|
case 'small':
|
|
25
|
-
return { size: 16, dotSize: 8, position: 3 }
|
|
25
|
+
return { size: 16, dotSize: 8, position: 3 };
|
|
26
26
|
case 'large':
|
|
27
|
-
return { size: 24, dotSize: 12, position: 5 }
|
|
27
|
+
return { size: 24, dotSize: 12, position: 5 };
|
|
28
28
|
case 'medium':
|
|
29
29
|
default:
|
|
30
|
-
return { size: 20, dotSize: 10, position: 4 }
|
|
30
|
+
return { size: 20, dotSize: 10, position: 4 };
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
function radioStyle(size) {
|
|
35
|
-
const sizes = getSizeStyle(size)
|
|
35
|
+
const sizes = getSizeStyle(size);
|
|
36
36
|
|
|
37
37
|
return {
|
|
38
38
|
'& .icon': {
|
|
@@ -42,16 +42,16 @@ function radioStyle(size) {
|
|
|
42
42
|
width: sizes.dotSize,
|
|
43
43
|
height: sizes.dotSize,
|
|
44
44
|
top: sizes.position,
|
|
45
|
-
left: sizes.position
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
45
|
+
left: sizes.position
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
// ==============================|| OVERRIDES - CHECKBOX ||============================== //
|
|
52
52
|
|
|
53
53
|
export default function Radio(theme) {
|
|
54
|
-
const { palette } = theme
|
|
54
|
+
const { palette } = theme;
|
|
55
55
|
|
|
56
56
|
return {
|
|
57
57
|
MuiRadio: {
|
|
@@ -65,7 +65,7 @@ export default function Radio(theme) {
|
|
|
65
65
|
height: 16,
|
|
66
66
|
border: '1px solid',
|
|
67
67
|
borderColor: 'inherit',
|
|
68
|
-
borderRadius: '50%'
|
|
68
|
+
borderRadius: '50%'
|
|
69
69
|
}}
|
|
70
70
|
/>
|
|
71
71
|
),
|
|
@@ -78,7 +78,7 @@ export default function Radio(theme) {
|
|
|
78
78
|
border: '1px solid',
|
|
79
79
|
borderColor: 'inherit',
|
|
80
80
|
borderRadius: '50%',
|
|
81
|
-
position: 'relative'
|
|
81
|
+
position: 'relative'
|
|
82
82
|
}}
|
|
83
83
|
>
|
|
84
84
|
<Box
|
|
@@ -90,32 +90,32 @@ export default function Radio(theme) {
|
|
|
90
90
|
borderRadius: '50%',
|
|
91
91
|
position: 'absolute',
|
|
92
92
|
top: 3,
|
|
93
|
-
left: 3
|
|
93
|
+
left: 3
|
|
94
94
|
}}
|
|
95
95
|
/>
|
|
96
96
|
</Box>
|
|
97
|
-
)
|
|
97
|
+
)
|
|
98
98
|
},
|
|
99
99
|
styleOverrides: {
|
|
100
100
|
root: {
|
|
101
101
|
color: palette.secondary[300],
|
|
102
102
|
'&.size-small': {
|
|
103
|
-
...radioStyle('small')
|
|
103
|
+
...radioStyle('small')
|
|
104
104
|
},
|
|
105
105
|
'&.size-medium': {
|
|
106
|
-
...radioStyle('medium')
|
|
106
|
+
...radioStyle('medium')
|
|
107
107
|
},
|
|
108
108
|
'&.size-large': {
|
|
109
|
-
...radioStyle('large')
|
|
110
|
-
}
|
|
109
|
+
...radioStyle('large')
|
|
110
|
+
}
|
|
111
111
|
},
|
|
112
112
|
colorPrimary: getColorStyle({ color: 'primary', theme }),
|
|
113
113
|
colorSecondary: getColorStyle({ color: 'secondary', theme }),
|
|
114
114
|
colorSuccess: getColorStyle({ color: 'success', theme }),
|
|
115
115
|
colorWarning: getColorStyle({ color: 'warning', theme }),
|
|
116
116
|
colorInfo: getColorStyle({ color: 'info', theme }),
|
|
117
|
-
colorError: getColorStyle({ color: 'error', theme })
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
117
|
+
colorError: getColorStyle({ color: 'error', theme })
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
121
|
}
|