@veritone-ce/design-system 2.0.7 → 2.1.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/dist/cjs/Alert/index.js +80 -0
- package/dist/cjs/Alert/styles.module.scss.js +7 -0
- package/dist/cjs/Box/index.js +16 -0
- package/dist/cjs/Button/index.js +56 -0
- package/dist/cjs/Button/styles.module.scss.js +7 -0
- package/dist/cjs/Checkbox/index.js +116 -0
- package/dist/cjs/Checkbox/styles.module.scss.js +7 -0
- package/dist/cjs/CircularProgress/index.js +59 -0
- package/dist/cjs/CircularProgress/styles.module.scss.js +7 -0
- package/dist/cjs/Dialog/components.js +219 -0
- package/dist/cjs/Dialog/factory.js +16 -0
- package/dist/cjs/Dialog/state.js +63 -0
- package/dist/cjs/Dialog/styles.module.scss.js +7 -0
- package/dist/cjs/Drawer/components.js +219 -0
- package/dist/cjs/Drawer/factory.js +16 -0
- package/dist/cjs/Drawer/state.js +63 -0
- package/dist/cjs/Drawer/styles.module.scss.js +7 -0
- package/dist/cjs/GlobalStyles/index.js +23 -0
- package/dist/cjs/Icon/factory.js +24 -0
- package/dist/cjs/Icon/internal.js +59 -0
- package/dist/cjs/Icon/styles.module.scss.js +7 -0
- package/dist/cjs/Icon/wrappers.js +50 -0
- package/dist/cjs/IconButton/index.js +41 -0
- package/dist/cjs/IconButton/styles.module.scss.js +7 -0
- package/dist/cjs/Input/index.js +72 -0
- package/dist/cjs/Input/styles.module.scss.js +7 -0
- package/dist/cjs/Menu/controlled.js +149 -0
- package/dist/cjs/Menu/factory.js +13 -0
- package/dist/cjs/Menu/styles.module.scss.js +7 -0
- package/dist/cjs/Pagination/index.js +54 -0
- package/dist/cjs/Pagination/styles.module.scss.js +7 -0
- package/dist/cjs/RadioButton/index.js +75 -0
- package/dist/cjs/RadioButton/styles.module.scss.js +7 -0
- package/dist/cjs/Select/controlled.js +144 -0
- package/dist/cjs/Select/factory.js +23 -0
- package/dist/cjs/Select/styles.module.scss.js +7 -0
- package/dist/cjs/Select/uncontrolled.js +59 -0
- package/dist/cjs/TablePagination/index.js +75 -0
- package/dist/cjs/TablePagination/styles.module.scss.js +7 -0
- package/dist/cjs/Textarea/index.js +69 -0
- package/dist/cjs/Textarea/styles.module.scss.js +7 -0
- package/dist/cjs/Toast/content.js +18 -0
- package/dist/cjs/Toast/hook.js +63 -0
- package/dist/cjs/Toast/index.js +15 -0
- package/dist/cjs/Tooltip/index.js +94 -0
- package/dist/cjs/Tooltip/styles.module.scss.js +7 -0
- package/dist/cjs/Typography/index.js +42 -0
- package/dist/cjs/Typography/variants.module.scss.js +7 -0
- package/dist/cjs/index.js +114 -282
- package/dist/cjs/popover/utils.js +8 -0
- package/dist/cjs/styles/createTheme.js +17 -0
- package/dist/cjs/styles/css-vars.js +78 -0
- package/dist/cjs/styles/cx.js +8 -0
- package/dist/cjs/styles/defaultTheme.js +50 -0
- package/dist/cjs/styles/identifier.js +8 -0
- package/dist/cjs/styles/palette.js +204 -0
- package/dist/cjs/styles/provider.client.js +25 -0
- package/dist/cjs/styles/provider.css-vars.js +27 -0
- package/dist/cjs/styles/styled.js +19 -0
- package/dist/cjs/styles/typography.js +117 -0
- package/dist/cjs/styles/useTheme.js +39 -0
- package/dist/cjs/styles.css +18 -0
- package/dist/cjs/utils/capitalize.js +13 -0
- package/dist/{esm-next → esm}/Alert/index.js +4 -2
- package/dist/esm/Alert/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Button/index.js +2 -0
- package/dist/esm/Button/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Checkbox/index.js +2 -0
- package/dist/esm/Checkbox/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/CircularProgress/index.js +5 -2
- package/dist/esm/CircularProgress/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Dialog/components.js +2 -0
- package/dist/esm/Dialog/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Drawer/components.js +2 -0
- package/dist/esm/Drawer/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Icon/wrappers.js +2 -0
- package/dist/{esm-next → esm}/IconButton/index.js +2 -0
- package/dist/esm/IconButton/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Input/index.js +3 -0
- package/dist/esm/Input/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Menu/controlled.js +2 -0
- package/dist/esm/Menu/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/RadioButton/index.js +2 -0
- package/dist/esm/RadioButton/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Select/controlled.js +2 -0
- package/dist/esm/Select/styles.module.scss.js +3 -0
- package/dist/esm/TablePagination/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Textarea/index.js +2 -0
- package/dist/esm/Textarea/styles.module.scss.js +3 -0
- package/dist/{esm-next → esm}/Tooltip/index.js +4 -2
- package/dist/{esm-next → esm}/Tooltip/styles.module.scss.js +1 -1
- package/dist/{esm-next → esm}/Typography/index.js +2 -0
- package/dist/esm/Typography/variants.module.scss.js +3 -0
- package/dist/esm/index.js +40 -30
- package/dist/esm/styles/css-vars.js +71 -0
- package/dist/esm/styles/defaultTheme.js +44 -0
- package/dist/esm/styles/palette.js +202 -0
- package/dist/esm/styles/scss/theme.generated.scss +412 -0
- package/dist/esm/styles.css +18 -0
- package/dist/types/{src-next/Input → Input}/index.d.ts +1 -0
- package/dist/types/{src-next/styles → styles}/css-vars.d.ts +2 -1
- package/dist/types/{src-next/styles → styles}/defaultTheme.d.ts +1 -0
- package/dist/types/{src-next/styles → styles}/index.d.ts +1 -1
- package/dist/types/styles/palette.d.ts +97 -0
- package/package.json +31 -51
- package/dist/cjs/assets/theme.js +0 -369
- package/dist/cjs/components/AudioSlider/index.js +0 -71
- package/dist/cjs/components/Breadcrumbs/breadcrumbs.theme.js +0 -21
- package/dist/cjs/components/Breadcrumbs/index.js +0 -72
- package/dist/cjs/components/Drawer/index.js +0 -24
- package/dist/cjs/components/ErrorMessage/index.js +0 -48
- package/dist/cjs/components/FileUploader/index.js +0 -349
- package/dist/cjs/components/FormControlLabel/index.js +0 -23
- package/dist/cjs/components/LinearProgress/index.js +0 -55
- package/dist/cjs/components/LinearProgress/linearProgress.theme.js +0 -24
- package/dist/cjs/components/Link/index.js +0 -31
- package/dist/cjs/components/List/index.js +0 -22
- package/dist/cjs/components/ListItem/index.js +0 -22
- package/dist/cjs/components/ListItemButton/index.js +0 -24
- package/dist/cjs/components/ListItemText/index.js +0 -22
- package/dist/cjs/components/Panel/index.js +0 -131
- package/dist/cjs/components/ProgressIndicator/DefaultProgress.js +0 -30
- package/dist/cjs/components/ProgressIndicator/MLProgress.js +0 -32
- package/dist/cjs/components/ProgressIndicator/index.js +0 -35
- package/dist/cjs/components/Select/index.js +0 -118
- package/dist/cjs/components/Select/select.theme.js +0 -63
- package/dist/cjs/components/StatusChip/constants.js +0 -12
- package/dist/cjs/components/StatusChip/index.js +0 -40
- package/dist/cjs/components/StatusChip/statusChip.theme.js +0 -46
- package/dist/cjs/components/Step/index.js +0 -23
- package/dist/cjs/components/StepLabel/index.js +0 -22
- package/dist/cjs/components/Stepper/index.js +0 -25
- package/dist/cjs/components/Stepper/stepper.theme.js +0 -58
- package/dist/cjs/components/Table/AutoTable/common.js +0 -162
- package/dist/cjs/components/Table/AutoTable/controlled.js +0 -128
- package/dist/cjs/components/Table/AutoTable/index.js +0 -122
- package/dist/cjs/components/Table/AutoTable/types.js +0 -5
- package/dist/cjs/components/Table/AutoTable/virtual.js +0 -222
- package/dist/cjs/components/Table/index.js +0 -187
- package/dist/cjs/components/Tabs/index.js +0 -49
- package/dist/cjs/components/Tabs/tabs.theme.js +0 -39
- package/dist/cjs/components/ThemeProvider/index.js +0 -26
- package/dist/cjs/components/UtilityRail/index.js +0 -76
- package/dist/cjs/components/UtilityRail/mock.js +0 -32
- package/dist/cjs/components/ZeroState/index.js +0 -25
- package/dist/cjs/components/_Alert/index.js +0 -70
- package/dist/cjs/components/_Autocomplete/index.js +0 -67
- package/dist/cjs/components/_Button/Indicator.js +0 -36
- package/dist/cjs/components/_Button/button.theme.js +0 -125
- package/dist/cjs/components/_Button/index.js +0 -58
- package/dist/cjs/components/_Checkbox/checkbox.theme.js +0 -28
- package/dist/cjs/components/_Checkbox/index.js +0 -32
- package/dist/cjs/components/_IconButton/index.js +0 -27
- package/dist/cjs/components/_Input/index.js +0 -40
- package/dist/cjs/components/_Input/input.theme.js +0 -114
- package/dist/cjs/components/_MenuFlyout/constants.js +0 -12
- package/dist/cjs/components/_MenuFlyout/index.js +0 -48
- package/dist/cjs/components/_MenuFlyout/menuFlyout.theme.js +0 -52
- package/dist/cjs/components/_Modal/index.js +0 -27
- package/dist/cjs/components/_Modal/modal.theme.js +0 -36
- package/dist/cjs/components/_RadioButton/RadioButton.theme.js +0 -64
- package/dist/cjs/components/_RadioButton/index.js +0 -44
- package/dist/cjs/components/_RadioGroup/index.js +0 -25
- package/dist/cjs/components/_Typography/index.js +0 -21
- package/dist/cjs/components/icons/HomeOutlinedIcon/index.js +0 -15
- package/dist/cjs/components/icons/IconGroups/index.js +0 -15
- package/dist/cjs/components/icons/IconListItem/index.js +0 -16
- package/dist/esm/assets/theme.js +0 -359
- package/dist/esm/components/AudioSlider/index.js +0 -64
- package/dist/esm/components/Breadcrumbs/breadcrumbs.theme.js +0 -14
- package/dist/esm/components/Breadcrumbs/index.js +0 -65
- package/dist/esm/components/Drawer/index.js +0 -14
- package/dist/esm/components/ErrorMessage/index.js +0 -44
- package/dist/esm/components/FileUploader/index.js +0 -343
- package/dist/esm/components/FormControlLabel/index.js +0 -13
- package/dist/esm/components/LinearProgress/index.js +0 -49
- package/dist/esm/components/LinearProgress/linearProgress.theme.js +0 -17
- package/dist/esm/components/Link/index.js +0 -22
- package/dist/esm/components/List/index.js +0 -12
- package/dist/esm/components/ListItem/index.js +0 -12
- package/dist/esm/components/ListItemButton/index.js +0 -14
- package/dist/esm/components/ListItemText/index.js +0 -12
- package/dist/esm/components/Panel/index.js +0 -124
- package/dist/esm/components/ProgressIndicator/DefaultProgress.js +0 -24
- package/dist/esm/components/ProgressIndicator/MLProgress.js +0 -26
- package/dist/esm/components/ProgressIndicator/index.js +0 -28
- package/dist/esm/components/Select/index.js +0 -109
- package/dist/esm/components/Select/select.theme.js +0 -56
- package/dist/esm/components/StatusChip/constants.js +0 -3
- package/dist/esm/components/StatusChip/index.js +0 -32
- package/dist/esm/components/StatusChip/statusChip.theme.js +0 -39
- package/dist/esm/components/Step/index.js +0 -15
- package/dist/esm/components/StepLabel/index.js +0 -12
- package/dist/esm/components/Stepper/index.js +0 -17
- package/dist/esm/components/Stepper/stepper.theme.js +0 -51
- package/dist/esm/components/Table/AutoTable/common.js +0 -150
- package/dist/esm/components/Table/AutoTable/controlled.js +0 -123
- package/dist/esm/components/Table/AutoTable/index.js +0 -111
- package/dist/esm/components/Table/AutoTable/types.js +0 -1
- package/dist/esm/components/Table/AutoTable/virtual.js +0 -215
- package/dist/esm/components/Table/index.js +0 -170
- package/dist/esm/components/Tabs/index.js +0 -40
- package/dist/esm/components/Tabs/tabs.theme.js +0 -32
- package/dist/esm/components/ThemeProvider/index.js +0 -18
- package/dist/esm/components/UtilityRail/index.js +0 -70
- package/dist/esm/components/UtilityRail/mock.js +0 -25
- package/dist/esm/components/ZeroState/index.js +0 -18
- package/dist/esm/components/_Alert/index.js +0 -63
- package/dist/esm/components/_Autocomplete/index.js +0 -59
- package/dist/esm/components/_Button/Indicator.js +0 -29
- package/dist/esm/components/_Button/button.theme.js +0 -118
- package/dist/esm/components/_Button/index.js +0 -48
- package/dist/esm/components/_Checkbox/checkbox.theme.js +0 -21
- package/dist/esm/components/_Checkbox/index.js +0 -24
- package/dist/esm/components/_IconButton/index.js +0 -17
- package/dist/esm/components/_Input/index.js +0 -33
- package/dist/esm/components/_Input/input.theme.js +0 -107
- package/dist/esm/components/_MenuFlyout/constants.js +0 -3
- package/dist/esm/components/_MenuFlyout/index.js +0 -41
- package/dist/esm/components/_MenuFlyout/menuFlyout.theme.js +0 -44
- package/dist/esm/components/_Modal/index.js +0 -20
- package/dist/esm/components/_Modal/modal.theme.js +0 -29
- package/dist/esm/components/_RadioButton/RadioButton.theme.js +0 -57
- package/dist/esm/components/_RadioButton/index.js +0 -36
- package/dist/esm/components/_RadioGroup/index.js +0 -15
- package/dist/esm/components/_Typography/index.js +0 -13
- package/dist/esm/components/icons/HomeOutlinedIcon/index.js +0 -8
- package/dist/esm/components/icons/IconGroups/index.js +0 -8
- package/dist/esm/components/icons/IconListItem/index.js +0 -9
- package/dist/esm-next/Alert/styles.module.scss.js +0 -3
- package/dist/esm-next/Button/styles.module.scss.js +0 -3
- package/dist/esm-next/Checkbox/styles.module.scss.js +0 -3
- package/dist/esm-next/CircularProgress/styles.module.scss.js +0 -3
- package/dist/esm-next/Dialog/styles.module.scss.js +0 -3
- package/dist/esm-next/Drawer/styles.module.scss.js +0 -3
- package/dist/esm-next/IconButton/styles.module.scss.js +0 -3
- package/dist/esm-next/Input/styles.module.scss.js +0 -3
- package/dist/esm-next/Menu/styles.module.scss.js +0 -3
- package/dist/esm-next/RadioButton/styles.module.scss.js +0 -3
- package/dist/esm-next/Select/styles.module.scss.js +0 -3
- package/dist/esm-next/TablePagination/styles.module.scss.js +0 -3
- package/dist/esm-next/Textarea/styles.module.scss.js +0 -3
- package/dist/esm-next/Typography/variants.module.scss.js +0 -3
- package/dist/esm-next/index.js +0 -40
- package/dist/esm-next/styles/css-vars.js +0 -126
- package/dist/esm-next/styles/defaultTheme.js +0 -11
- package/dist/esm-next/styles/palette.js +0 -30
- package/dist/esm-next/styles/scss/theme.generated.scss +0 -328
- package/dist/esm-next/styles.css +0 -18
- package/dist/types/src/assets/theme.d.ts +0 -62
- package/dist/types/src/components/AudioSlider/index.d.ts +0 -12
- package/dist/types/src/components/Breadcrumbs/breadcrumbs.theme.d.ts +0 -11
- package/dist/types/src/components/Breadcrumbs/index.d.ts +0 -25
- package/dist/types/src/components/Drawer/index.d.ts +0 -14
- package/dist/types/src/components/ErrorMessage/index.d.ts +0 -8
- package/dist/types/src/components/FileUploader/index.d.ts +0 -37
- package/dist/types/src/components/FormControlLabel/index.d.ts +0 -11
- package/dist/types/src/components/LinearProgress/index.d.ts +0 -32
- package/dist/types/src/components/LinearProgress/linearProgress.theme.d.ts +0 -13
- package/dist/types/src/components/Link/index.d.ts +0 -9
- package/dist/types/src/components/List/index.d.ts +0 -10
- package/dist/types/src/components/ListItem/index.d.ts +0 -10
- package/dist/types/src/components/ListItemButton/index.d.ts +0 -12
- package/dist/types/src/components/ListItemText/index.d.ts +0 -10
- package/dist/types/src/components/Panel/index.d.ts +0 -17
- package/dist/types/src/components/ProgressIndicator/DefaultProgress.d.ts +0 -3
- package/dist/types/src/components/ProgressIndicator/MLProgress.d.ts +0 -6
- package/dist/types/src/components/ProgressIndicator/index.d.ts +0 -20
- package/dist/types/src/components/Select/index.d.ts +0 -41
- package/dist/types/src/components/Select/select.theme.d.ts +0 -52
- package/dist/types/src/components/StatusChip/constants.d.ts +0 -3
- package/dist/types/src/components/StatusChip/index.d.ts +0 -30
- package/dist/types/src/components/StatusChip/statusChip.theme.d.ts +0 -4
- package/dist/types/src/components/Step/index.d.ts +0 -23
- package/dist/types/src/components/StepLabel/index.d.ts +0 -13
- package/dist/types/src/components/Stepper/index.d.ts +0 -22
- package/dist/types/src/components/Stepper/stepper.theme.d.ts +0 -50
- package/dist/types/src/components/Table/AutoTable/common.d.ts +0 -31
- package/dist/types/src/components/Table/AutoTable/controlled.d.ts +0 -15
- package/dist/types/src/components/Table/AutoTable/index.d.ts +0 -47
- package/dist/types/src/components/Table/AutoTable/types.d.ts +0 -106
- package/dist/types/src/components/Table/AutoTable/virtual.d.ts +0 -23
- package/dist/types/src/components/Table/index.d.ts +0 -150
- package/dist/types/src/components/Tabs/index.d.ts +0 -16
- package/dist/types/src/components/Tabs/tabs.theme.d.ts +0 -4
- package/dist/types/src/components/ThemeProvider/index.d.ts +0 -9
- package/dist/types/src/components/UtilityRail/index.d.ts +0 -12
- package/dist/types/src/components/UtilityRail/mock.d.ts +0 -2
- package/dist/types/src/components/ZeroState/index.d.ts +0 -2
- package/dist/types/src/components/_Alert/index.d.ts +0 -18
- package/dist/types/src/components/_Autocomplete/index.d.ts +0 -24
- package/dist/types/src/components/_Button/Indicator.d.ts +0 -2
- package/dist/types/src/components/_Button/button.theme.d.ts +0 -4
- package/dist/types/src/components/_Button/index.d.ts +0 -24
- package/dist/types/src/components/_Checkbox/checkbox.theme.d.ts +0 -18
- package/dist/types/src/components/_Checkbox/index.d.ts +0 -14
- package/dist/types/src/components/_IconButton/index.d.ts +0 -16
- package/dist/types/src/components/_Input/index.d.ts +0 -25
- package/dist/types/src/components/_Input/input.theme.d.ts +0 -3
- package/dist/types/src/components/_MenuFlyout/constants.d.ts +0 -3
- package/dist/types/src/components/_MenuFlyout/index.d.ts +0 -21
- package/dist/types/src/components/_MenuFlyout/menuFlyout.theme.d.ts +0 -36
- package/dist/types/src/components/_Modal/index.d.ts +0 -14
- package/dist/types/src/components/_Modal/modal.theme.d.ts +0 -3
- package/dist/types/src/components/_RadioButton/RadioButton.theme.d.ts +0 -4
- package/dist/types/src/components/_RadioButton/index.d.ts +0 -17
- package/dist/types/src/components/_RadioGroup/index.d.ts +0 -30
- package/dist/types/src/components/_Typography/index.d.ts +0 -12
- package/dist/types/src/components/icons/HomeOutlinedIcon/index.d.ts +0 -5
- package/dist/types/src/components/icons/IconGroups/index.d.ts +0 -5
- package/dist/types/src/components/icons/IconListItem/index.d.ts +0 -7
- package/dist/types/src/index.d.ts +0 -57
- package/dist/types/src-next/styles/palette.d.ts +0 -55
- /package/dist/{esm-next → esm}/Box/index.js +0 -0
- /package/dist/{esm-next → esm}/Dialog/factory.js +0 -0
- /package/dist/{esm-next → esm}/Dialog/state.js +0 -0
- /package/dist/{esm-next → esm}/Drawer/factory.js +0 -0
- /package/dist/{esm-next → esm}/Drawer/state.js +0 -0
- /package/dist/{esm-next → esm}/GlobalStyles/index.js +0 -0
- /package/dist/{esm-next → esm}/Icon/factory.js +0 -0
- /package/dist/{esm-next → esm}/Icon/internal.js +0 -0
- /package/dist/{esm-next → esm}/Icon/styles.module.scss.js +0 -0
- /package/dist/{esm-next → esm}/Menu/factory.js +0 -0
- /package/dist/{esm-next → esm}/Pagination/index.js +0 -0
- /package/dist/{esm-next → esm}/Pagination/styles.module.scss.js +0 -0
- /package/dist/{esm-next → esm}/Select/factory.js +0 -0
- /package/dist/{esm-next → esm}/Select/uncontrolled.js +0 -0
- /package/dist/{esm-next → esm}/TablePagination/index.js +0 -0
- /package/dist/{esm-next → esm}/Toast/content.js +0 -0
- /package/dist/{esm-next → esm}/Toast/hook.js +0 -0
- /package/dist/{esm-next → esm}/Toast/index.js +0 -0
- /package/dist/{esm-next → esm}/popover/utils.js +0 -0
- /package/dist/{esm-next → esm}/styles/createTheme.js +0 -0
- /package/dist/{esm-next → esm}/styles/cx.js +0 -0
- /package/dist/{esm-next → esm}/styles/identifier.js +0 -0
- /package/dist/{esm-next → esm}/styles/provider.client.js +0 -0
- /package/dist/{esm-next → esm}/styles/provider.css-vars.js +0 -0
- /package/dist/{esm-next → esm}/styles/scss/_index.scss +0 -0
- /package/dist/{esm-next → esm}/styles/scss/baseline.scss +0 -0
- /package/dist/{esm-next → esm}/styles/styled.js +0 -0
- /package/dist/{esm-next → esm}/styles/typography.js +0 -0
- /package/dist/{esm-next → esm}/styles/useTheme.js +0 -0
- /package/dist/{esm-next → esm}/utils/capitalize.js +0 -0
- /package/dist/types/{src-next/Alert → Alert}/index.d.ts +0 -0
- /package/dist/types/{src-next/Box → Box}/index.d.ts +0 -0
- /package/dist/types/{src-next/Button → Button}/index.d.ts +0 -0
- /package/dist/types/{src-next/Checkbox → Checkbox}/index.d.ts +0 -0
- /package/dist/types/{src-next/CircularProgress → CircularProgress}/index.d.ts +0 -0
- /package/dist/types/{src-next/Dialog → Dialog}/components.d.ts +0 -0
- /package/dist/types/{src-next/Dialog → Dialog}/factory.d.ts +0 -0
- /package/dist/types/{src-next/Dialog → Dialog}/index.d.ts +0 -0
- /package/dist/types/{src-next/Dialog → Dialog}/state.d.ts +0 -0
- /package/dist/types/{src-next/Drawer → Drawer}/components.d.ts +0 -0
- /package/dist/types/{src-next/Drawer → Drawer}/factory.d.ts +0 -0
- /package/dist/types/{src-next/Drawer → Drawer}/index.d.ts +0 -0
- /package/dist/types/{src-next/Drawer → Drawer}/state.d.ts +0 -0
- /package/dist/types/{src-next/GlobalStyles → GlobalStyles}/index.d.ts +0 -0
- /package/dist/types/{src-next/Icon → Icon}/factory.d.ts +0 -0
- /package/dist/types/{src-next/Icon → Icon}/index.d.ts +0 -0
- /package/dist/types/{src-next/Icon → Icon}/internal.d.ts +0 -0
- /package/dist/types/{src-next/Icon → Icon}/shared.d.ts +0 -0
- /package/dist/types/{src-next/Icon → Icon}/wrappers.d.ts +0 -0
- /package/dist/types/{src-next/IconButton → IconButton}/index.d.ts +0 -0
- /package/dist/types/{src-next/Menu → Menu}/controlled.d.ts +0 -0
- /package/dist/types/{src-next/Menu → Menu}/factory.d.ts +0 -0
- /package/dist/types/{src-next/Menu → Menu}/index.d.ts +0 -0
- /package/dist/types/{src-next/Pagination → Pagination}/index.d.ts +0 -0
- /package/dist/types/{src-next/RadioButton → RadioButton}/index.d.ts +0 -0
- /package/dist/types/{src-next/Select → Select}/controlled.d.ts +0 -0
- /package/dist/types/{src-next/Select → Select}/factory.d.ts +0 -0
- /package/dist/types/{src-next/Select → Select}/index.d.ts +0 -0
- /package/dist/types/{src-next/Select → Select}/types.d.ts +0 -0
- /package/dist/types/{src-next/Select → Select}/uncontrolled.d.ts +0 -0
- /package/dist/types/{src-next/TablePagination → TablePagination}/index.d.ts +0 -0
- /package/dist/types/{src-next/Textarea → Textarea}/index.d.ts +0 -0
- /package/dist/types/{src-next/Toast → Toast}/content.d.ts +0 -0
- /package/dist/types/{src-next/Toast → Toast}/hook.d.ts +0 -0
- /package/dist/types/{src-next/Toast → Toast}/index.d.ts +0 -0
- /package/dist/types/{src-next/Tooltip → Tooltip}/index.d.ts +0 -0
- /package/dist/types/{src-next/Typography → Typography}/index.d.ts +0 -0
- /package/dist/types/{src-next/index.d.ts → index.d.ts} +0 -0
- /package/dist/types/{src-next/popover → popover}/index.d.ts +0 -0
- /package/dist/types/{src-next/popover → popover}/types.d.ts +0 -0
- /package/dist/types/{src-next/popover → popover}/utils.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/baseline.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/createTheme.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/cx.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/identifier.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/provider.client.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/provider.css-vars.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/styled.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/sx.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/typography.d.ts +0 -0
- /package/dist/types/{src-next/styles → styles}/useTheme.d.ts +0 -0
- /package/dist/types/{src-next/utils → utils}/capitalize.d.ts +0 -0
- /package/dist/types/{src-next/utils → utils}/controlled.d.ts +0 -0
- /package/dist/types/{src-next/utils → utils}/index.d.ts +0 -0
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { styled } from '@mui/material/styles';
|
|
2
|
-
import { Box, Slider } from '@mui/material';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
var MuiSlider = styled(Slider)({
|
|
5
|
-
color: '#1871E8',
|
|
6
|
-
height: 6,
|
|
7
|
-
'& .MuiSlider-track': {
|
|
8
|
-
border: 'none',
|
|
9
|
-
height: '6px'
|
|
10
|
-
},
|
|
11
|
-
'& .MuiSlider-thumb': {
|
|
12
|
-
height: 18,
|
|
13
|
-
width: 14,
|
|
14
|
-
backgroundColor: '#2A323C',
|
|
15
|
-
borderRadius: 2,
|
|
16
|
-
position: 'relative',
|
|
17
|
-
'&::before': {
|
|
18
|
-
content: '""',
|
|
19
|
-
position: 'absolute',
|
|
20
|
-
width: 1,
|
|
21
|
-
height: 12,
|
|
22
|
-
backgroundColor: '#FFFFFF',
|
|
23
|
-
top: '50%',
|
|
24
|
-
left: '50%',
|
|
25
|
-
transform: 'translate(-50%, -50%)'
|
|
26
|
-
},
|
|
27
|
-
'&:hover': {
|
|
28
|
-
outline: 'none'
|
|
29
|
-
},
|
|
30
|
-
'&:active': {
|
|
31
|
-
outline: 'none'
|
|
32
|
-
},
|
|
33
|
-
'&:focus': {
|
|
34
|
-
outline: 'none'
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
'& .MuiSlider-rail': {
|
|
38
|
-
height: '6px',
|
|
39
|
-
backgroundColor: '#9FA2A4'
|
|
40
|
-
},
|
|
41
|
-
'& .MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover': {
|
|
42
|
-
boxShadow: 'none'
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
var AudioSlider = function AudioSlider(props) {
|
|
46
|
-
return /*#__PURE__*/_jsx(Box, {
|
|
47
|
-
sx: {
|
|
48
|
-
width: 320
|
|
49
|
-
},
|
|
50
|
-
className: props.className,
|
|
51
|
-
children: /*#__PURE__*/_jsx(MuiSlider, {
|
|
52
|
-
"data-testid": props['data-testid'],
|
|
53
|
-
"aria-label": "audio-slider",
|
|
54
|
-
value: props.value,
|
|
55
|
-
max: props.max,
|
|
56
|
-
step: props.step,
|
|
57
|
-
onChange: props.onChange && function (event, value) {
|
|
58
|
-
props.onChange(event, value);
|
|
59
|
-
},
|
|
60
|
-
disabled: props.disabled
|
|
61
|
-
})
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
|
-
export default AudioSlider;
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { Breadcrumbs as MuiBreadcrumbs, Link, Typography } from '@mui/material';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
/**
|
|
7
|
-
* - This is the breadcrumbs component that is used in the header
|
|
8
|
-
* - It takes in an array of links and renders them as breadcrumbs
|
|
9
|
-
* - The last link is not clickable
|
|
10
|
-
* - The last link is styled differently
|
|
11
|
-
**/
|
|
12
|
-
|
|
13
|
-
var Breadcrumbs = function Breadcrumbs(props) {
|
|
14
|
-
var LinkComponent = React.useMemo(function () {
|
|
15
|
-
var _props$LinkComponent;
|
|
16
|
-
return (_props$LinkComponent = props.LinkComponent) !== null && _props$LinkComponent !== void 0 ? _props$LinkComponent : function (linkProps) {
|
|
17
|
-
return /*#__PURE__*/_jsx(Link, {
|
|
18
|
-
href: linkProps.to,
|
|
19
|
-
children: linkProps.children
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
}, [props.LinkComponent]);
|
|
23
|
-
return /*#__PURE__*/_jsx(MuiBreadcrumbs, {
|
|
24
|
-
"aria-label": "breadcrumbs",
|
|
25
|
-
"data-testid": props['data-testid'],
|
|
26
|
-
sx: props.sx,
|
|
27
|
-
className: props.className,
|
|
28
|
-
children: props.links.map(function (link, index) {
|
|
29
|
-
if (index === props.links.length - 1) {
|
|
30
|
-
return /*#__PURE__*/_jsx(Typography, {
|
|
31
|
-
sx: {
|
|
32
|
-
color: function color(theme) {
|
|
33
|
-
return theme.palette.text.disabled;
|
|
34
|
-
},
|
|
35
|
-
fontFamily: 'Dosis',
|
|
36
|
-
fontStyle: 'normal',
|
|
37
|
-
fontWeight: 600,
|
|
38
|
-
fontSize: '18px',
|
|
39
|
-
textTransform: 'uppercase'
|
|
40
|
-
},
|
|
41
|
-
children: link.label
|
|
42
|
-
}, link.to);
|
|
43
|
-
} else {
|
|
44
|
-
return /*#__PURE__*/_jsx(LinkComponent, {
|
|
45
|
-
to: link.to,
|
|
46
|
-
children: /*#__PURE__*/_jsx(Typography, {
|
|
47
|
-
sx: {
|
|
48
|
-
color: function color(theme) {
|
|
49
|
-
return theme.palette.button.main;
|
|
50
|
-
},
|
|
51
|
-
fontFamily: 'Dosis',
|
|
52
|
-
fontStyle: 'normal',
|
|
53
|
-
fontWeight: 600,
|
|
54
|
-
fontSize: '18px',
|
|
55
|
-
textTransform: 'uppercase',
|
|
56
|
-
textDecoration: 'none'
|
|
57
|
-
},
|
|
58
|
-
children: link.label
|
|
59
|
-
})
|
|
60
|
-
}, link.to);
|
|
61
|
-
}
|
|
62
|
-
})
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
export default Breadcrumbs;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Drawer as MuiDrawer } from '@mui/material';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
var Drawer = function Drawer(props) {
|
|
5
|
-
return /*#__PURE__*/_jsx(MuiDrawer, {
|
|
6
|
-
"data-testid": props['data-testid'],
|
|
7
|
-
open: props.open,
|
|
8
|
-
onClose: props.onClose,
|
|
9
|
-
sx: props.sx,
|
|
10
|
-
className: props.className,
|
|
11
|
-
children: props.children
|
|
12
|
-
});
|
|
13
|
-
};
|
|
14
|
-
export default Drawer;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { ErrorOutline } from '@mui/icons-material';
|
|
4
|
-
import { Box } from '@mui/material';
|
|
5
|
-
import { styled } from '@mui/material/styles';
|
|
6
|
-
import React from 'react';
|
|
7
|
-
import Typography from '../_Typography/index.js';
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
var ErrorContainer = styled(Box)({
|
|
12
|
-
width: '100%',
|
|
13
|
-
display: 'flex',
|
|
14
|
-
justifyContent: 'center',
|
|
15
|
-
alignItems: 'center',
|
|
16
|
-
paddingTop: '10px',
|
|
17
|
-
paddingBottom: '10px'
|
|
18
|
-
});
|
|
19
|
-
var ErrorTypography = styled(Typography)(function (_ref) {
|
|
20
|
-
var theme = _ref.theme;
|
|
21
|
-
return {
|
|
22
|
-
color: theme.palette.text.primary,
|
|
23
|
-
fontSize: theme.typography.subtitle1.fontSize,
|
|
24
|
-
fontWeight: 'bold'
|
|
25
|
-
};
|
|
26
|
-
});
|
|
27
|
-
export default function ErrorMessage(props) {
|
|
28
|
-
return /*#__PURE__*/_jsxs(ErrorContainer, {
|
|
29
|
-
sx: props.sx,
|
|
30
|
-
children: [/*#__PURE__*/_jsx(ErrorOutline, {
|
|
31
|
-
sx: {
|
|
32
|
-
marginRight: '10px',
|
|
33
|
-
color: function color(theme) {
|
|
34
|
-
return theme.palette.error.main;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}), /*#__PURE__*/_jsxs(ErrorTypography, {
|
|
38
|
-
sx: props.typographySx,
|
|
39
|
-
children: ["An error occurred", props.children !== undefined ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
40
|
-
children: [": ", props.children, "."]
|
|
41
|
-
}) : '.', " Please try reloading the page."]
|
|
42
|
-
})]
|
|
43
|
-
});
|
|
44
|
-
}
|
|
@@ -1,343 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
4
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
6
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
7
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
8
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
9
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
11
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
12
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
22
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
23
|
-
function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
|
|
24
|
-
function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var n = r.done; return Promise.resolve(r.value).then(function (r) { return { value: r, done: n }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) { this.s = r, this.n = r.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, "return": function _return(r) { var n = this.s["return"]; return void 0 === n ? Promise.resolve({ value: r, done: !0 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); }, "throw": function _throw(r) { var n = this.s["return"]; return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(r); }
|
|
25
|
-
import { useCallback, useRef, useState } from 'react';
|
|
26
|
-
import { Box, IconButton, Typography } from '@mui/material';
|
|
27
|
-
import { useTheme } from '@mui/material/styles';
|
|
28
|
-
import { CloudUploadOutlined, DeleteOutline } from '@mui/icons-material';
|
|
29
|
-
import { useDropzone } from 'react-dropzone';
|
|
30
|
-
import LinearProgress from '../LinearProgress/index.js';
|
|
31
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
32
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
33
|
-
export default function FileUploader(props) {
|
|
34
|
-
var _useTheme = useTheme(),
|
|
35
|
-
palette = _useTheme.palette;
|
|
36
|
-
var _useDropzone = useDropzone({
|
|
37
|
-
disabled: props.uploading || props.uploaded,
|
|
38
|
-
multiple: props.multiple,
|
|
39
|
-
accept: props.accept,
|
|
40
|
-
onDrop: props.onDrop
|
|
41
|
-
}),
|
|
42
|
-
getRootProps = _useDropzone.getRootProps,
|
|
43
|
-
getInputProps = _useDropzone.getInputProps;
|
|
44
|
-
return /*#__PURE__*/_jsxs(Box, {
|
|
45
|
-
"data-testid": props['data-testid'],
|
|
46
|
-
sx: props.sx,
|
|
47
|
-
className: props.className,
|
|
48
|
-
children: [/*#__PURE__*/_jsxs(Box, _objectSpread(_objectSpread({
|
|
49
|
-
"data-testid": "dropzone",
|
|
50
|
-
sx: {
|
|
51
|
-
maxWidth: '500px',
|
|
52
|
-
height: '109px',
|
|
53
|
-
display: 'flex',
|
|
54
|
-
alignItems: 'center',
|
|
55
|
-
gap: '20px',
|
|
56
|
-
paddingTop: '20px',
|
|
57
|
-
paddingRight: '38px',
|
|
58
|
-
paddingBottom: '19px',
|
|
59
|
-
paddingLeft: '20px',
|
|
60
|
-
marginBottom: '5px',
|
|
61
|
-
width: '100%',
|
|
62
|
-
boxSizing: 'border-box',
|
|
63
|
-
borderRadius: '4px',
|
|
64
|
-
cursor: 'pointer',
|
|
65
|
-
outline: "1px solid ".concat(palette.neutral.main)
|
|
66
|
-
}
|
|
67
|
-
}, getRootProps()), {}, {
|
|
68
|
-
children: [/*#__PURE__*/_jsx("input", _objectSpread({
|
|
69
|
-
type: 'file',
|
|
70
|
-
style: {
|
|
71
|
-
display: 'none'
|
|
72
|
-
}
|
|
73
|
-
}, getInputProps())), /*#__PURE__*/_jsx(Box, {
|
|
74
|
-
sx: {
|
|
75
|
-
display: 'flex',
|
|
76
|
-
alignItems: 'center',
|
|
77
|
-
justifyContent: 'center',
|
|
78
|
-
width: '70px',
|
|
79
|
-
height: '70px',
|
|
80
|
-
boxSizing: 'border-box',
|
|
81
|
-
border: "6px solid ".concat(palette.misc.altBackground),
|
|
82
|
-
borderRadius: '50%'
|
|
83
|
-
},
|
|
84
|
-
children: /*#__PURE__*/_jsx(CloudUploadOutlined, {
|
|
85
|
-
sx: {
|
|
86
|
-
fill: palette.text.tertiary,
|
|
87
|
-
width: '30px',
|
|
88
|
-
height: '30px'
|
|
89
|
-
}
|
|
90
|
-
})
|
|
91
|
-
}), /*#__PURE__*/_jsxs(Box, {
|
|
92
|
-
children: [/*#__PURE__*/_jsx(Typography, {
|
|
93
|
-
sx: {
|
|
94
|
-
fontSize: '14px',
|
|
95
|
-
width: '352px',
|
|
96
|
-
fontWeight: 600,
|
|
97
|
-
lineHeight: '22px',
|
|
98
|
-
color: palette.text.primary
|
|
99
|
-
},
|
|
100
|
-
children: /*#__PURE__*/_jsxs(Box, {
|
|
101
|
-
sx: {
|
|
102
|
-
display: 'flex'
|
|
103
|
-
},
|
|
104
|
-
children: [/*#__PURE__*/_jsx(Typography, {
|
|
105
|
-
sx: {
|
|
106
|
-
marginRight: '4px',
|
|
107
|
-
textDecoration: 'underline',
|
|
108
|
-
color: palette.button.main,
|
|
109
|
-
fontWeight: 400
|
|
110
|
-
},
|
|
111
|
-
children: "Browse files"
|
|
112
|
-
}), /*#__PURE__*/_jsx(Typography, {
|
|
113
|
-
children: "from your computer or drag and drop here"
|
|
114
|
-
})]
|
|
115
|
-
})
|
|
116
|
-
}), /*#__PURE__*/_jsxs(Typography, {
|
|
117
|
-
sx: {
|
|
118
|
-
fontWeight: 600,
|
|
119
|
-
fontSize: '10px',
|
|
120
|
-
lineHeight: '16px',
|
|
121
|
-
color: palette.neutral.main
|
|
122
|
-
},
|
|
123
|
-
children: ["Supported File Formats:", ' ', Object.values(props.accept).flat().join(', ')]
|
|
124
|
-
})]
|
|
125
|
-
})]
|
|
126
|
-
})), props.filesState.map(function (file, index) {
|
|
127
|
-
return /*#__PURE__*/_jsxs(Box, {
|
|
128
|
-
"data-testid": "file-item",
|
|
129
|
-
sx: {
|
|
130
|
-
minHeight: '70px',
|
|
131
|
-
maxWidth: '500px',
|
|
132
|
-
display: 'flex',
|
|
133
|
-
alignItems: 'center',
|
|
134
|
-
gap: '10px',
|
|
135
|
-
padding: '10px',
|
|
136
|
-
boxSizing: 'border-box',
|
|
137
|
-
borderBottom: "1px solid rgba(42, 50, 60, 0.5)"
|
|
138
|
-
},
|
|
139
|
-
children: [/*#__PURE__*/_jsx(LinearProgress, {
|
|
140
|
-
value: file.uploadProgress,
|
|
141
|
-
itemLoading: file.name,
|
|
142
|
-
isError: file.withError,
|
|
143
|
-
feedbackText: file.feedbackText,
|
|
144
|
-
isUploaded: file.isUploaded
|
|
145
|
-
}), !props.uploading && !props.uploaded && /*#__PURE__*/_jsx(IconButton, {
|
|
146
|
-
"data-testid": "file-item-delete-button",
|
|
147
|
-
"aria-label": "delete",
|
|
148
|
-
sx: {
|
|
149
|
-
padding: 0
|
|
150
|
-
},
|
|
151
|
-
onClick: function onClick() {
|
|
152
|
-
return props.onDelete(index);
|
|
153
|
-
},
|
|
154
|
-
children: /*#__PURE__*/_jsx(DeleteOutline, {
|
|
155
|
-
sx: {
|
|
156
|
-
width: '18px',
|
|
157
|
-
height: '18px',
|
|
158
|
-
fill: palette.text.tertiary
|
|
159
|
-
}
|
|
160
|
-
})
|
|
161
|
-
})]
|
|
162
|
-
}, index);
|
|
163
|
-
})]
|
|
164
|
-
});
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
// this returns a generator to provide incremental progress updates. See storybook for example
|
|
168
|
-
|
|
169
|
-
export function useFileUploader(options) {
|
|
170
|
-
var filesRef = useRef([]);
|
|
171
|
-
var _useState = useState([]),
|
|
172
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
173
|
-
filesState = _useState2[0],
|
|
174
|
-
setFilesState = _useState2[1];
|
|
175
|
-
var _useState3 = useState(false),
|
|
176
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
177
|
-
uploading = _useState4[0],
|
|
178
|
-
setUploading = _useState4[1];
|
|
179
|
-
var _useState5 = useState(false),
|
|
180
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
181
|
-
uploaded = _useState6[0],
|
|
182
|
-
setUploaded = _useState6[1];
|
|
183
|
-
var updateFileState = function updateFileState(file, update) {
|
|
184
|
-
setFilesState(function (prevFilesState) {
|
|
185
|
-
var index = filesRef.current.indexOf(file);
|
|
186
|
-
if (index == -1) {
|
|
187
|
-
// no change
|
|
188
|
-
return prevFilesState;
|
|
189
|
-
}
|
|
190
|
-
return prevFilesState.map(function (fileState, i) {
|
|
191
|
-
if (i == index) {
|
|
192
|
-
return _objectSpread(_objectSpread({}, fileState), update);
|
|
193
|
-
}
|
|
194
|
-
return fileState;
|
|
195
|
-
});
|
|
196
|
-
});
|
|
197
|
-
};
|
|
198
|
-
var handleDeleteFile = useCallback(function (fileIndex) {
|
|
199
|
-
filesRef.current.splice(fileIndex, 1);
|
|
200
|
-
var nFileList = _toConsumableArray(filesState);
|
|
201
|
-
nFileList.splice(fileIndex, 1);
|
|
202
|
-
setFilesState(nFileList);
|
|
203
|
-
}, [filesState]);
|
|
204
|
-
return {
|
|
205
|
-
files: filesState,
|
|
206
|
-
onDrop: function onDrop(acceptedFiles) {
|
|
207
|
-
// add files to processing list
|
|
208
|
-
filesRef.current = [].concat(_toConsumableArray(filesRef.current), _toConsumableArray(acceptedFiles));
|
|
209
|
-
setFilesState(function (prevFilesState) {
|
|
210
|
-
return [].concat(_toConsumableArray(prevFilesState), _toConsumableArray(acceptedFiles.map(function (acceptedFile) {
|
|
211
|
-
return {
|
|
212
|
-
name: acceptedFile.name,
|
|
213
|
-
isUploaded: false,
|
|
214
|
-
uploadProgress: 0,
|
|
215
|
-
withError: false,
|
|
216
|
-
feedbackText: 'Pending'
|
|
217
|
-
};
|
|
218
|
-
})));
|
|
219
|
-
});
|
|
220
|
-
},
|
|
221
|
-
removeFile: handleDeleteFile,
|
|
222
|
-
uploading: uploading,
|
|
223
|
-
uploaded: uploaded,
|
|
224
|
-
uploadFiles: function uploadFiles() {
|
|
225
|
-
return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
226
|
-
var results;
|
|
227
|
-
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
228
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
229
|
-
case 0:
|
|
230
|
-
if (!(uploading || uploaded)) {
|
|
231
|
-
_context2.next = 2;
|
|
232
|
-
break;
|
|
233
|
-
}
|
|
234
|
-
return _context2.abrupt("return", []);
|
|
235
|
-
case 2:
|
|
236
|
-
setUploading(true);
|
|
237
|
-
_context2.next = 5;
|
|
238
|
-
return Promise.allSettled(filesRef.current.map( /*#__PURE__*/function () {
|
|
239
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(acceptedFile) {
|
|
240
|
-
var _options$onComplete, uploadProgress, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _iterator, _step, newProgress, _options$onError;
|
|
241
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
242
|
-
while (1) switch (_context.prev = _context.next) {
|
|
243
|
-
case 0:
|
|
244
|
-
_context.prev = 0;
|
|
245
|
-
updateFileState(acceptedFile, {
|
|
246
|
-
feedbackText: ''
|
|
247
|
-
});
|
|
248
|
-
_context.next = 4;
|
|
249
|
-
return options.uploadFile(acceptedFile);
|
|
250
|
-
case 4:
|
|
251
|
-
uploadProgress = _context.sent;
|
|
252
|
-
// get progress updates
|
|
253
|
-
_iteratorAbruptCompletion = false;
|
|
254
|
-
_didIteratorError = false;
|
|
255
|
-
_context.prev = 7;
|
|
256
|
-
_iterator = _asyncIterator(uploadProgress);
|
|
257
|
-
case 9:
|
|
258
|
-
_context.next = 11;
|
|
259
|
-
return _iterator.next();
|
|
260
|
-
case 11:
|
|
261
|
-
if (!(_iteratorAbruptCompletion = !(_step = _context.sent).done)) {
|
|
262
|
-
_context.next = 17;
|
|
263
|
-
break;
|
|
264
|
-
}
|
|
265
|
-
newProgress = _step.value;
|
|
266
|
-
updateFileState(acceptedFile, {
|
|
267
|
-
uploadProgress: newProgress,
|
|
268
|
-
feedbackText: ''
|
|
269
|
-
});
|
|
270
|
-
case 14:
|
|
271
|
-
_iteratorAbruptCompletion = false;
|
|
272
|
-
_context.next = 9;
|
|
273
|
-
break;
|
|
274
|
-
case 17:
|
|
275
|
-
_context.next = 23;
|
|
276
|
-
break;
|
|
277
|
-
case 19:
|
|
278
|
-
_context.prev = 19;
|
|
279
|
-
_context.t0 = _context["catch"](7);
|
|
280
|
-
_didIteratorError = true;
|
|
281
|
-
_iteratorError = _context.t0;
|
|
282
|
-
case 23:
|
|
283
|
-
_context.prev = 23;
|
|
284
|
-
_context.prev = 24;
|
|
285
|
-
if (!(_iteratorAbruptCompletion && _iterator["return"] != null)) {
|
|
286
|
-
_context.next = 28;
|
|
287
|
-
break;
|
|
288
|
-
}
|
|
289
|
-
_context.next = 28;
|
|
290
|
-
return _iterator["return"]();
|
|
291
|
-
case 28:
|
|
292
|
-
_context.prev = 28;
|
|
293
|
-
if (!_didIteratorError) {
|
|
294
|
-
_context.next = 31;
|
|
295
|
-
break;
|
|
296
|
-
}
|
|
297
|
-
throw _iteratorError;
|
|
298
|
-
case 31:
|
|
299
|
-
return _context.finish(28);
|
|
300
|
-
case 32:
|
|
301
|
-
return _context.finish(23);
|
|
302
|
-
case 33:
|
|
303
|
-
// complete
|
|
304
|
-
updateFileState(acceptedFile, {
|
|
305
|
-
isUploaded: true,
|
|
306
|
-
uploadProgress: 100
|
|
307
|
-
});
|
|
308
|
-
(_options$onComplete = options.onComplete) === null || _options$onComplete === void 0 || _options$onComplete.call(options, acceptedFile);
|
|
309
|
-
_context.next = 42;
|
|
310
|
-
break;
|
|
311
|
-
case 37:
|
|
312
|
-
_context.prev = 37;
|
|
313
|
-
_context.t1 = _context["catch"](0);
|
|
314
|
-
// catch error
|
|
315
|
-
updateFileState(acceptedFile, {
|
|
316
|
-
withError: true
|
|
317
|
-
});
|
|
318
|
-
(_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, _context.t1);
|
|
319
|
-
throw _context.t1;
|
|
320
|
-
case 42:
|
|
321
|
-
case "end":
|
|
322
|
-
return _context.stop();
|
|
323
|
-
}
|
|
324
|
-
}, _callee, null, [[0, 37], [7, 19, 23, 33], [24,, 28, 32]]);
|
|
325
|
-
}));
|
|
326
|
-
return function (_x) {
|
|
327
|
-
return _ref.apply(this, arguments);
|
|
328
|
-
};
|
|
329
|
-
}()));
|
|
330
|
-
case 5:
|
|
331
|
-
results = _context2.sent;
|
|
332
|
-
setUploading(false);
|
|
333
|
-
setUploaded(true);
|
|
334
|
-
return _context2.abrupt("return", results);
|
|
335
|
-
case 9:
|
|
336
|
-
case "end":
|
|
337
|
-
return _context2.stop();
|
|
338
|
-
}
|
|
339
|
-
}, _callee2);
|
|
340
|
-
}))();
|
|
341
|
-
}
|
|
342
|
-
};
|
|
343
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FormControlLabel as MuiFormControlLabel } from '@mui/material';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
var FormControlLabel = function FormControlLabel(props) {
|
|
5
|
-
return /*#__PURE__*/_jsx(MuiFormControlLabel, {
|
|
6
|
-
"data-testid": props['data-testid'],
|
|
7
|
-
label: props.label,
|
|
8
|
-
control: props.control,
|
|
9
|
-
sx: props.sx,
|
|
10
|
-
className: props.className
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
export default FormControlLabel;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { LinearProgress as MuiLinearProgress, Typography, Box } from '@mui/material';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
/**
|
|
5
|
-
- Use a Linear Progress Bar to show the user that an operation is in progress.
|
|
6
|
-
This is currently being used in conjuction with the uploader tool
|
|
7
|
-
**/
|
|
8
|
-
|
|
9
|
-
var LinearProgress = function LinearProgress(props) {
|
|
10
|
-
return /*#__PURE__*/_jsxs(Box, {
|
|
11
|
-
sx: {
|
|
12
|
-
width: "100%",
|
|
13
|
-
margin: "5px 0"
|
|
14
|
-
},
|
|
15
|
-
className: props.className,
|
|
16
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
17
|
-
sx: {
|
|
18
|
-
display: "flex",
|
|
19
|
-
justifyContent: "space-between",
|
|
20
|
-
marginBottom: "5px"
|
|
21
|
-
},
|
|
22
|
-
children: /*#__PURE__*/_jsx(Typography, {
|
|
23
|
-
sx: {
|
|
24
|
-
fontSize: "14px",
|
|
25
|
-
fontWeight: "600"
|
|
26
|
-
},
|
|
27
|
-
children: props.itemLoading
|
|
28
|
-
})
|
|
29
|
-
}), /*#__PURE__*/_jsx(MuiLinearProgress, {
|
|
30
|
-
"aria-label": 'linear progress bar',
|
|
31
|
-
variant: "determinate",
|
|
32
|
-
value: props.value,
|
|
33
|
-
"data-testid": props['data-testid'],
|
|
34
|
-
sx: {
|
|
35
|
-
'& .MuiLinearProgress-bar': {
|
|
36
|
-
backgroundColor: props.isError ? "#EB0000" : props.isUploaded ? "#28BA3F" : undefined
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}), /*#__PURE__*/_jsx(Typography, {
|
|
40
|
-
sx: {
|
|
41
|
-
fontSize: "11px",
|
|
42
|
-
marginTop: "10px",
|
|
43
|
-
color: "#5C6269"
|
|
44
|
-
},
|
|
45
|
-
children: props.feedbackText ? props.feedbackText : "".concat(props.value, "%")
|
|
46
|
-
})]
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
export default LinearProgress;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
var linearProgress = function linearProgress() {
|
|
2
|
-
return {
|
|
3
|
-
styleOverrides: {
|
|
4
|
-
root: function root() {
|
|
5
|
-
return {
|
|
6
|
-
borderRadius: "20px",
|
|
7
|
-
backgroundColor: "#E0E8F0",
|
|
8
|
-
'& .MuiLinearProgress-bar': {
|
|
9
|
-
backgroundColor: '#335B89',
|
|
10
|
-
borderRadius: "20px"
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default linearProgress;
|