@veritone-ce/design-system 1.12.14 → 1.12.16
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/assets/theme.js +314 -261
- package/dist/components/Box/__tests__/Box.test.js +15 -9
- package/dist/components/Box/index.js +16 -17
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +34 -29
- package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.js +25 -14
- package/dist/components/Breadcrumbs/breadcrumbs.theme.js +16 -9
- package/dist/components/Breadcrumbs/index.js +50 -27
- package/dist/components/Button/Button.stories.js +89 -37
- package/dist/components/Button/Indicator.js +32 -17
- package/dist/components/Button/__tests__/Button.test.js +58 -33
- package/dist/components/Button/button.theme.js +121 -102
- package/dist/components/Button/index.js +44 -34
- package/dist/components/Button/useButtonProps.js +17 -15
- package/dist/components/Checkbox/Checkbox.stories.js +46 -16
- package/dist/components/Checkbox/__tests__/Checkbox.test.js +14 -9
- package/dist/components/Checkbox/checkbox.theme.js +23 -16
- package/dist/components/Checkbox/index.js +22 -17
- package/dist/components/CustomSlider/CustomSlider.stories.js +43 -24
- package/dist/components/CustomSlider/index.js +73 -55
- package/dist/components/Drawer/__tests__/Drawer.test.js +15 -9
- package/dist/components/Drawer/index.js +16 -17
- package/dist/components/FileUploader/FileUploader.stories.js +23 -24
- package/dist/components/FileUploader/__tests__/FileUploader.test.js +210 -220
- package/dist/components/FileUploader/index.js +211 -151
- package/dist/components/FileUploader/useUploadFile.js +69 -81
- package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.js +18 -9
- package/dist/components/FormControlLabel/index.js +16 -17
- package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.js +19 -20
- package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.js +14 -9
- package/dist/components/HomeOutlinedIcon/index.js +16 -17
- package/dist/components/IconGroups/IconGroups.stories.js +19 -20
- package/dist/components/IconGroups/__tests__/IconGroups.test.js +14 -9
- package/dist/components/IconGroups/index.js +17 -17
- package/dist/components/IconListItem/__tests__/IconListItem.test.js +14 -9
- package/dist/components/IconListItem/index.js +19 -17
- package/dist/components/Input/Input.stories.js +111 -51
- package/dist/components/Input/__tests__/Input.test.js +13 -9
- package/dist/components/Input/index.js +22 -19
- package/dist/components/Input/input.theme.js +104 -97
- package/dist/components/LinearProgress/LinearProgress.stories.js +42 -28
- package/dist/components/LinearProgress/__tests__/LinearProgress.test.js +39 -17
- package/dist/components/LinearProgress/index.js +71 -21
- package/dist/components/LinearProgress/linearProgress.theme.js +19 -12
- package/dist/components/Link/__tests__/Link.test.js +14 -9
- package/dist/components/Link/index.js +16 -17
- package/dist/components/List/__tests__/List.test.js +14 -9
- package/dist/components/List/index.js +16 -17
- package/dist/components/ListItem/__tests__/ListItem.test.js +14 -9
- package/dist/components/ListItem/index.js +16 -17
- package/dist/components/ListItemButton/__tests__/ListItemButton.test.js +14 -9
- package/dist/components/ListItemButton/index.js +16 -17
- package/dist/components/ListItemText/__tests__/ListItemText.test.js +14 -9
- package/dist/components/ListItemText/index.js +16 -17
- package/dist/components/MenuFlyout/MenuFlyout.stories.js +54 -32
- package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.js +41 -23
- package/dist/components/MenuFlyout/constants.js +12 -3
- package/dist/components/MenuFlyout/index.js +47 -26
- package/dist/components/MenuFlyout/menuFlyout.theme.js +46 -38
- package/dist/components/Modal/Modal.stories.js +190 -95
- package/dist/components/Modal/__tests__/Modal.test.js +16 -9
- package/dist/components/Modal/index.js +30 -17
- package/dist/components/Modal/modal.theme.js +30 -23
- package/dist/components/ModelGridView/ModelGridView.stories.js +40 -43
- package/dist/components/ModelGridView/__tests__/ModelGridView.test.js +47 -42
- package/dist/components/ModelGridView/index.js +258 -150
- package/dist/components/Panel/Panel.stories.js +61 -44
- package/dist/components/Panel/__tests__/Panel.test.js +73 -43
- package/dist/components/Panel/index.js +116 -78
- package/dist/components/ProgressIndicator/DefaultProgress.js +28 -20
- package/dist/components/ProgressIndicator/MLProgress.js +30 -24
- package/dist/components/ProgressIndicator/ProgressIndicator.stories.js +41 -38
- package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js +31 -17
- package/dist/components/ProgressIndicator/index.js +26 -18
- package/dist/components/RadioButton/RadioButton.stories.js +37 -28
- package/dist/components/RadioButton/RadioButton.theme.js +59 -52
- package/dist/components/RadioButton/__tests__/RadioButton.test.js +13 -9
- package/dist/components/RadioButton/index.js +37 -28
- package/dist/components/RadioGroup/__tests__/RadioGroup.test.js +14 -9
- package/dist/components/RadioGroup/index.js +16 -17
- package/dist/components/Select/Select.stories.js +82 -33
- package/dist/components/Select/__tests__/Select.test.js +39 -18
- package/dist/components/Select/index.js +99 -49
- package/dist/components/Select/select.theme.js +58 -51
- package/dist/components/StatusChip/StatusChip.stories.js +57 -43
- package/dist/components/StatusChip/__tests__/StatusChip.test.js +44 -27
- package/dist/components/StatusChip/constants.js +12 -3
- package/dist/components/StatusChip/index.js +28 -22
- package/dist/components/StatusChip/statusChip.theme.js +41 -22
- package/dist/components/Step/__tests__/Step.test.js +14 -9
- package/dist/components/Step/index.js +16 -17
- package/dist/components/StepLabel/__tests__/StepLabel.test.js +14 -9
- package/dist/components/StepLabel/index.js +16 -17
- package/dist/components/Stepper/Stepper.stories.js +37 -21
- package/dist/components/Stepper/__tests__/Stepper.test.js +14 -9
- package/dist/components/Stepper/index.js +15 -5
- package/dist/components/Stepper/stepper.theme.js +52 -45
- package/dist/components/Tabs/Badge.js +29 -10
- package/dist/components/Tabs/Tabs.stories.js +52 -33
- package/dist/components/Tabs/__tests__/Tabs.test.js +41 -14
- package/dist/components/Tabs/index.js +27 -18
- package/dist/components/Tabs/tabs.theme.js +34 -27
- package/dist/components/ThemeProvider/__tests__/Button.test.js +14 -9
- package/dist/components/ThemeProvider/index.js +19 -6
- package/dist/components/Toast/Toast.stories.js +103 -37
- package/dist/components/Toast/__tests__/Toast.test.js +47 -29
- package/dist/components/Toast/index.js +58 -38
- package/dist/components/Typography/Typography.stories.js +20 -20
- package/dist/components/Typography/__tests__/Typography.test.js +15 -9
- package/dist/components/Typography/index.js +16 -17
- package/dist/components/UtilityRail/UtilityRail.stories.js +22 -21
- package/dist/components/UtilityRail/__tests__/UtilityRail.test.js +17 -10
- package/dist/components/UtilityRail/index.js +75 -53
- package/dist/components/UtilityRail/mock.js +32 -32
- package/dist/index.js +223 -31
- package/dist/react-app-env.d.js +2 -0
- package/dist/reportWebVitals.js +26 -11
- package/dist/setupTests.js +3 -5
- package/dist/utils/tests/helpers.js +31 -20
- package/package.json +9 -4
- package/dist/assets/theme.d.ts +0 -59
- package/dist/components/Box/__tests__/Box.test.d.ts +0 -1
- package/dist/components/Box/index.d.ts +0 -6
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -11
- package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.d.ts +0 -1
- package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts +0 -11
- package/dist/components/Breadcrumbs/index.d.ts +0 -15
- package/dist/components/Button/Button.stories.d.ts +0 -7
- package/dist/components/Button/Indicator.d.ts +0 -2
- package/dist/components/Button/__tests__/Button.test.d.ts +0 -1
- package/dist/components/Button/button.theme.d.ts +0 -4
- package/dist/components/Button/index.d.ts +0 -10
- package/dist/components/Button/useButtonProps.d.ts +0 -3
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -5
- package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts +0 -1
- package/dist/components/Checkbox/checkbox.theme.d.ts +0 -18
- package/dist/components/Checkbox/index.d.ts +0 -7
- package/dist/components/CustomSlider/CustomSlider.stories.d.ts +0 -5
- package/dist/components/CustomSlider/index.d.ts +0 -12
- package/dist/components/Drawer/__tests__/Drawer.test.d.ts +0 -1
- package/dist/components/Drawer/index.d.ts +0 -6
- package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -15
- package/dist/components/FileUploader/__tests__/FileUploader.test.d.ts +0 -1
- package/dist/components/FileUploader/index.d.ts +0 -21
- package/dist/components/FileUploader/useUploadFile.d.ts +0 -5
- package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.d.ts +0 -1
- package/dist/components/FormControlLabel/index.d.ts +0 -6
- package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.d.ts +0 -7
- package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.d.ts +0 -1
- package/dist/components/HomeOutlinedIcon/index.d.ts +0 -5
- package/dist/components/IconGroups/IconGroups.stories.d.ts +0 -7
- package/dist/components/IconGroups/__tests__/IconGroups.test.d.ts +0 -1
- package/dist/components/IconGroups/index.d.ts +0 -5
- package/dist/components/IconListItem/__tests__/IconListItem.test.d.ts +0 -1
- package/dist/components/IconListItem/index.d.ts +0 -7
- package/dist/components/Input/Input.stories.d.ts +0 -11
- package/dist/components/Input/__tests__/Input.test.d.ts +0 -1
- package/dist/components/Input/index.d.ts +0 -6
- package/dist/components/Input/input.theme.d.ts +0 -3
- package/dist/components/LinearProgress/LinearProgress.stories.d.ts +0 -14
- package/dist/components/LinearProgress/__tests__/LinearProgress.test.d.ts +0 -1
- package/dist/components/LinearProgress/index.d.ts +0 -27
- package/dist/components/LinearProgress/linearProgress.theme.d.ts +0 -14
- package/dist/components/Link/__tests__/Link.test.d.ts +0 -1
- package/dist/components/Link/index.d.ts +0 -6
- package/dist/components/List/__tests__/List.test.d.ts +0 -1
- package/dist/components/List/index.d.ts +0 -6
- package/dist/components/ListItem/__tests__/ListItem.test.d.ts +0 -1
- package/dist/components/ListItem/index.d.ts +0 -6
- package/dist/components/ListItemButton/__tests__/ListItemButton.test.d.ts +0 -1
- package/dist/components/ListItemButton/index.d.ts +0 -6
- package/dist/components/ListItemText/__tests__/ListItemText.test.d.ts +0 -1
- package/dist/components/ListItemText/index.d.ts +0 -6
- package/dist/components/MenuFlyout/MenuFlyout.stories.d.ts +0 -31
- package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.d.ts +0 -1
- package/dist/components/MenuFlyout/constants.d.ts +0 -3
- package/dist/components/MenuFlyout/index.d.ts +0 -15
- package/dist/components/MenuFlyout/menuFlyout.theme.d.ts +0 -41
- package/dist/components/Modal/Modal.stories.d.ts +0 -15
- package/dist/components/Modal/__tests__/Modal.test.d.ts +0 -1
- package/dist/components/Modal/index.d.ts +0 -11
- package/dist/components/Modal/modal.theme.d.ts +0 -3
- package/dist/components/ModelGridView/ModelGridView.stories.d.ts +0 -5
- package/dist/components/ModelGridView/__tests__/ModelGridView.test.d.ts +0 -1
- package/dist/components/ModelGridView/index.d.ts +0 -13
- package/dist/components/Panel/Panel.stories.d.ts +0 -14
- package/dist/components/Panel/__tests__/Panel.test.d.ts +0 -1
- package/dist/components/Panel/index.d.ts +0 -11
- package/dist/components/ProgressIndicator/DefaultProgress.d.ts +0 -3
- package/dist/components/ProgressIndicator/MLProgress.d.ts +0 -3
- package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
- package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.d.ts +0 -1
- package/dist/components/ProgressIndicator/index.d.ts +0 -11
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -10
- package/dist/components/RadioButton/RadioButton.theme.d.ts +0 -4
- package/dist/components/RadioButton/__tests__/RadioButton.test.d.ts +0 -1
- package/dist/components/RadioButton/index.d.ts +0 -7
- package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts +0 -1
- package/dist/components/RadioGroup/index.d.ts +0 -6
- package/dist/components/Select/Select.stories.d.ts +0 -5
- package/dist/components/Select/__tests__/Select.test.d.ts +0 -1
- package/dist/components/Select/index.d.ts +0 -15
- package/dist/components/Select/select.theme.d.ts +0 -53
- package/dist/components/StatusChip/StatusChip.stories.d.ts +0 -51
- package/dist/components/StatusChip/__tests__/StatusChip.test.d.ts +0 -1
- package/dist/components/StatusChip/constants.d.ts +0 -3
- package/dist/components/StatusChip/index.d.ts +0 -28
- package/dist/components/StatusChip/statusChip.theme.d.ts +0 -4
- package/dist/components/Step/__tests__/Step.test.d.ts +0 -1
- package/dist/components/Step/index.d.ts +0 -6
- package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts +0 -1
- package/dist/components/StepLabel/index.d.ts +0 -6
- package/dist/components/Stepper/Stepper.stories.d.ts +0 -21
- package/dist/components/Stepper/__tests__/Stepper.test.d.ts +0 -1
- package/dist/components/Stepper/index.d.ts +0 -13
- package/dist/components/Stepper/stepper.theme.d.ts +0 -50
- package/dist/components/Tabs/Badge.d.ts +0 -7
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -6
- package/dist/components/Tabs/__tests__/Tabs.test.d.ts +0 -1
- package/dist/components/Tabs/index.d.ts +0 -14
- package/dist/components/Tabs/tabs.theme.d.ts +0 -4
- package/dist/components/ThemeProvider/__tests__/Button.test.d.ts +0 -1
- package/dist/components/ThemeProvider/index.d.ts +0 -3
- package/dist/components/Toast/Toast.stories.d.ts +0 -14
- package/dist/components/Toast/__tests__/Toast.test.d.ts +0 -1
- package/dist/components/Toast/index.d.ts +0 -23
- package/dist/components/Typography/Typography.stories.d.ts +0 -20
- package/dist/components/Typography/__tests__/Typography.test.d.ts +0 -1
- package/dist/components/Typography/index.d.ts +0 -6
- package/dist/components/UtilityRail/UtilityRail.stories.d.ts +0 -8
- package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts +0 -1
- package/dist/components/UtilityRail/index.d.ts +0 -11
- package/dist/components/UtilityRail/mock.d.ts +0 -2
- package/dist/index.d.ts +0 -31
- package/dist/reportWebVitals.d.ts +0 -3
- package/dist/setupTests.d.ts +0 -1
- package/dist/utils/tests/helpers.d.ts +0 -6
|
@@ -1,156 +1,216 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _system = require("@mui/system");
|
|
9
|
+
var _material = require("@mui/material");
|
|
10
|
+
var _styles = require("@mui/material/styles");
|
|
11
|
+
var _CloudUploadOutlined = _interopRequireDefault(require("@mui/icons-material/CloudUploadOutlined"));
|
|
12
|
+
var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
|
|
13
|
+
var _reactDropzone = require("react-dropzone");
|
|
14
|
+
var _useUploadFile = require("./useUploadFile");
|
|
15
|
+
var _LinearProgress = _interopRequireDefault(require("../LinearProgress"));
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
18
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
19
|
+
|
|
20
|
+
const FileUploader = ({
|
|
21
|
+
uploadUrl,
|
|
22
|
+
files,
|
|
23
|
+
accept,
|
|
24
|
+
multiple,
|
|
25
|
+
onSuccess,
|
|
26
|
+
onError,
|
|
27
|
+
extensions = ['[format]', '[format]', '[format]'],
|
|
28
|
+
...props
|
|
29
|
+
}) => {
|
|
30
|
+
const {
|
|
31
|
+
palette
|
|
32
|
+
} = (0, _styles.useTheme)();
|
|
33
|
+
const fileData = [{
|
|
34
|
+
feedbackText: `Feedback text`,
|
|
35
|
+
uploadProgress: 60,
|
|
36
|
+
isUploaded: false,
|
|
37
|
+
withError: false,
|
|
38
|
+
file: {
|
|
39
|
+
lastModified: 1527053530715,
|
|
40
|
+
name: 'test-consent.pdf',
|
|
41
|
+
size: 0,
|
|
42
|
+
type: 'image/jpg',
|
|
43
|
+
webkitRelativePath: '',
|
|
44
|
+
slice: ``,
|
|
45
|
+
// arrayBuffer: // need to mock this
|
|
46
|
+
stream: ``,
|
|
47
|
+
text: ``
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
feedbackText: ``,
|
|
51
|
+
uploadProgress: 100,
|
|
52
|
+
isUploaded: true,
|
|
53
|
+
withError: false,
|
|
54
|
+
file: {
|
|
55
|
+
lastModified: 1527053530715,
|
|
56
|
+
name: 'test-consent.pdf',
|
|
57
|
+
size: 0,
|
|
58
|
+
type: 'image/jpg',
|
|
59
|
+
webkitRelativePath: '',
|
|
60
|
+
slice: ``,
|
|
61
|
+
// arrayBuffer: // need to mock this
|
|
62
|
+
stream: ``,
|
|
63
|
+
text: ``
|
|
64
|
+
}
|
|
65
|
+
}, {
|
|
66
|
+
feedbackText: `File upload error. Please try again.`,
|
|
67
|
+
uploadProgress: 70,
|
|
68
|
+
isUploaded: false,
|
|
69
|
+
withError: true,
|
|
70
|
+
file: {
|
|
71
|
+
lastModified: 1527053530715,
|
|
72
|
+
name: 'test-consent.pdf',
|
|
73
|
+
size: 0,
|
|
74
|
+
type: 'image/jpg',
|
|
75
|
+
webkitRelativePath: '',
|
|
76
|
+
slice: ``,
|
|
77
|
+
// arrayBuffer: // need to mock this
|
|
78
|
+
stream: ``,
|
|
79
|
+
text: ``
|
|
80
|
+
}
|
|
81
|
+
}];
|
|
82
|
+
const [fileList, setfileList] = (0, _react.useState)(fileData);
|
|
83
|
+
const {
|
|
84
|
+
onDrop
|
|
85
|
+
} = (0, _useUploadFile.useUploadFile)(setfileList, uploadUrl, onSuccess, onError);
|
|
86
|
+
const {
|
|
87
|
+
getRootProps,
|
|
88
|
+
getInputProps,
|
|
89
|
+
acceptedFiles
|
|
90
|
+
} = (0, _reactDropzone.useDropzone)({
|
|
91
|
+
multiple,
|
|
92
|
+
accept,
|
|
93
|
+
onDrop
|
|
94
|
+
});
|
|
95
|
+
const handleDeleteFile = (0, _react.useCallback)(fileIndex => {
|
|
96
|
+
const nFileList = [...fileList];
|
|
97
|
+
nFileList.splice(fileIndex, 1);
|
|
98
|
+
setfileList(nFileList);
|
|
99
|
+
}, [fileList]);
|
|
100
|
+
(0, _react.useEffect)(() => {
|
|
101
|
+
const fileArray = fileList.map(({
|
|
102
|
+
file
|
|
103
|
+
}) => file);
|
|
104
|
+
files && files(fileArray);
|
|
105
|
+
}, [acceptedFiles, fileList, files]);
|
|
106
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
|
|
107
|
+
"data-testid": "file-uploader",
|
|
108
|
+
...props,
|
|
109
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
|
|
110
|
+
"data-testid": "dropzone",
|
|
111
|
+
sx: {
|
|
112
|
+
maxWidth: '500px',
|
|
113
|
+
height: '109px',
|
|
114
|
+
display: 'flex',
|
|
115
|
+
alignItems: 'center',
|
|
116
|
+
gap: '20px',
|
|
117
|
+
paddingTop: '20px',
|
|
118
|
+
paddingRight: '38px',
|
|
119
|
+
paddingBottom: '19px',
|
|
120
|
+
paddingLeft: '20px',
|
|
121
|
+
marginBottom: '5px',
|
|
122
|
+
width: '100%',
|
|
123
|
+
boxSizing: 'border-box',
|
|
124
|
+
borderRadius: '4px',
|
|
125
|
+
cursor: 'pointer',
|
|
126
|
+
outline: `1px solid ${palette.neutral.main}`
|
|
127
|
+
},
|
|
128
|
+
...getRootProps(),
|
|
129
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
130
|
+
...getInputProps()
|
|
131
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
|
|
132
|
+
sx: {
|
|
133
|
+
display: 'flex',
|
|
134
|
+
alignItems: 'center',
|
|
135
|
+
justifyContent: 'center',
|
|
136
|
+
width: '70px',
|
|
137
|
+
height: '70px',
|
|
138
|
+
boxSizing: 'border-box',
|
|
139
|
+
border: `6px solid ${palette.misc.altBackground}`,
|
|
140
|
+
borderRadius: '50%'
|
|
43
141
|
},
|
|
44
|
-
{
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
142
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloudUploadOutlined.default, {
|
|
143
|
+
sx: {
|
|
144
|
+
fill: palette.text.tertiary,
|
|
145
|
+
width: '30px',
|
|
146
|
+
height: '30px'
|
|
147
|
+
}
|
|
148
|
+
})
|
|
149
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
|
|
150
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
|
|
151
|
+
sx: {
|
|
152
|
+
fontSize: '14px',
|
|
153
|
+
width: '352px',
|
|
154
|
+
fontWeight: 600,
|
|
155
|
+
lineHeight: '22px',
|
|
156
|
+
color: palette.text.primary
|
|
157
|
+
},
|
|
158
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
|
|
159
|
+
component: "span",
|
|
160
|
+
sx: {
|
|
161
|
+
marginRight: '4px',
|
|
162
|
+
textDecoration: 'underline',
|
|
163
|
+
color: palette.button.main
|
|
164
|
+
},
|
|
165
|
+
children: "Browse files"
|
|
166
|
+
}), "from your computer or drag and drop here"]
|
|
167
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
|
|
168
|
+
sx: {
|
|
169
|
+
fontWeight: 600,
|
|
170
|
+
fontSize: '10px',
|
|
171
|
+
lineHeight: '16px',
|
|
172
|
+
color: palette.neutral.main
|
|
173
|
+
},
|
|
174
|
+
children: ["Supported File Formats: ", extensions?.join(', ')]
|
|
175
|
+
})]
|
|
176
|
+
})]
|
|
177
|
+
}), fileList.map((file, index) => {
|
|
178
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
|
|
179
|
+
"data-testid": "file-item",
|
|
180
|
+
sx: {
|
|
181
|
+
height: '70px',
|
|
182
|
+
maxWidth: '500px',
|
|
183
|
+
display: 'flex',
|
|
184
|
+
alignItems: 'center',
|
|
185
|
+
gap: '10px',
|
|
186
|
+
padding: '10px',
|
|
187
|
+
boxSizing: 'border-box',
|
|
188
|
+
borderBottom: `1px solid rgba(42, 50, 60, 0.5)`
|
|
60
189
|
},
|
|
61
|
-
{
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
190
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearProgress.default, {
|
|
191
|
+
value: file.uploadProgress,
|
|
192
|
+
itemLoading: file.file.name,
|
|
193
|
+
isError: file.withError,
|
|
194
|
+
feedbackText: file.feedbackText,
|
|
195
|
+
isUploaded: file.isUploaded
|
|
196
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
|
|
197
|
+
"data-testid": "file-item-delete-button",
|
|
198
|
+
"aria-label": "delete",
|
|
199
|
+
sx: {
|
|
200
|
+
padding: 0
|
|
201
|
+
},
|
|
202
|
+
onClick: () => handleDeleteFile(index),
|
|
203
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline.default, {
|
|
204
|
+
sx: {
|
|
205
|
+
width: '18px',
|
|
206
|
+
height: '18px',
|
|
207
|
+
fill: palette.text.tertiary
|
|
76
208
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
multiple,
|
|
83
|
-
accept,
|
|
84
|
-
onDrop
|
|
85
|
-
});
|
|
86
|
-
const handleDeleteFile = useCallback((fileIndex) => {
|
|
87
|
-
const nFileList = [...fileList];
|
|
88
|
-
nFileList.splice(fileIndex, 1);
|
|
89
|
-
setfileList(nFileList);
|
|
90
|
-
}, [fileList]);
|
|
91
|
-
useEffect(() => {
|
|
92
|
-
const fileArray = fileList.map(({ file }) => file);
|
|
93
|
-
files && files(fileArray);
|
|
94
|
-
}, [acceptedFiles, fileList, files]);
|
|
95
|
-
return (_jsxs(Box, Object.assign({ "data-testid": "file-uploader" }, props, { children: [_jsxs(Box, Object.assign({ "data-testid": "dropzone", sx: {
|
|
96
|
-
maxWidth: '500px',
|
|
97
|
-
height: '109px',
|
|
98
|
-
display: 'flex',
|
|
99
|
-
alignItems: 'center',
|
|
100
|
-
gap: '20px',
|
|
101
|
-
paddingTop: '20px',
|
|
102
|
-
paddingRight: '38px',
|
|
103
|
-
paddingBottom: '19px',
|
|
104
|
-
paddingLeft: '20px',
|
|
105
|
-
marginBottom: '5px',
|
|
106
|
-
width: '100%',
|
|
107
|
-
boxSizing: 'border-box',
|
|
108
|
-
borderRadius: '4px',
|
|
109
|
-
cursor: 'pointer',
|
|
110
|
-
outline: `1px solid ${palette.neutral.main}`
|
|
111
|
-
} }, getRootProps(), { children: [_jsx("input", Object.assign({}, getInputProps())), _jsx(Box, Object.assign({ sx: {
|
|
112
|
-
display: 'flex',
|
|
113
|
-
alignItems: 'center',
|
|
114
|
-
justifyContent: 'center',
|
|
115
|
-
width: '70px',
|
|
116
|
-
height: '70px',
|
|
117
|
-
boxSizing: 'border-box',
|
|
118
|
-
border: `6px solid ${palette.misc.altBackground}`,
|
|
119
|
-
borderRadius: '50%'
|
|
120
|
-
} }, { children: _jsx(CloudUploadOutlinedIcon, { sx: {
|
|
121
|
-
fill: palette.text.tertiary,
|
|
122
|
-
width: '30px',
|
|
123
|
-
height: '30px'
|
|
124
|
-
} }) })), _jsxs(Box, { children: [_jsxs(Typography, Object.assign({ sx: {
|
|
125
|
-
fontSize: '14px',
|
|
126
|
-
width: '352px',
|
|
127
|
-
fontWeight: 600,
|
|
128
|
-
lineHeight: '22px',
|
|
129
|
-
color: palette.text.primary
|
|
130
|
-
} }, { children: [_jsx(Box, Object.assign({ component: "span", sx: {
|
|
131
|
-
marginRight: '4px',
|
|
132
|
-
textDecoration: 'underline',
|
|
133
|
-
color: palette.button.main
|
|
134
|
-
} }, { children: "Browse files" })), "from your computer or drag and drop here"] })), _jsxs(Typography, Object.assign({ sx: {
|
|
135
|
-
fontWeight: 600,
|
|
136
|
-
fontSize: '10px',
|
|
137
|
-
lineHeight: '16px',
|
|
138
|
-
color: palette.neutral.main
|
|
139
|
-
} }, { children: ["Supported File Formats: ", extensions === null || extensions === void 0 ? void 0 : extensions.join(', ')] }))] })] })), fileList.map((file, index) => {
|
|
140
|
-
return (_jsxs(Box, Object.assign({ "data-testid": "file-item", sx: {
|
|
141
|
-
height: '70px',
|
|
142
|
-
maxWidth: '500px',
|
|
143
|
-
display: 'flex',
|
|
144
|
-
alignItems: 'center',
|
|
145
|
-
gap: '10px',
|
|
146
|
-
padding: '10px',
|
|
147
|
-
boxSizing: 'border-box',
|
|
148
|
-
borderBottom: `1px solid rgba(42, 50, 60, 0.5)`
|
|
149
|
-
} }, { children: [_jsx(LinearProgress, { value: file.uploadProgress, itemLoading: file.file.name, isError: file.withError, feedbackText: file.feedbackText, isUploaded: file.isUploaded }), _jsx(IconButton, Object.assign({ "data-testid": "file-item-delete-button", "aria-label": "delete", sx: { padding: 0 }, onClick: () => handleDeleteFile(index) }, { children: _jsx(DeleteOutlineIcon, { sx: {
|
|
150
|
-
width: '18px',
|
|
151
|
-
height: '18px',
|
|
152
|
-
fill: palette.text.tertiary
|
|
153
|
-
} }) }))] }), index));
|
|
154
|
-
})] })));
|
|
209
|
+
})
|
|
210
|
+
})]
|
|
211
|
+
}, index);
|
|
212
|
+
})]
|
|
213
|
+
});
|
|
155
214
|
};
|
|
156
|
-
|
|
215
|
+
var _default = FileUploader;
|
|
216
|
+
exports.default = _default;
|
|
@@ -1,83 +1,71 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useUploadFile = exports.uploadFile = void 0;
|
|
7
|
+
var _axios = _interopRequireDefault(require("axios"));
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const useUploadFile = (setfileList, uploadUrl, onSuccess, onError) => {
|
|
11
|
+
const onDrop = (0, _react.useCallback)(async acceptedFiles => {
|
|
12
|
+
if (!uploadUrl) {
|
|
13
|
+
onError && onError(new Error('upload url is required'));
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
let newList = acceptedFiles.map(file => ({
|
|
17
|
+
file,
|
|
18
|
+
isUploaded: false,
|
|
19
|
+
uploadProgress: 0,
|
|
20
|
+
withError: false
|
|
21
|
+
}));
|
|
22
|
+
setfileList(newList);
|
|
23
|
+
for await (const [index, file] of newList.entries()) {
|
|
24
|
+
try {
|
|
25
|
+
await uploadFile(uploadUrl, file.file, progress => {
|
|
26
|
+
const nList = [...newList];
|
|
27
|
+
nList.splice(index, 1, {
|
|
28
|
+
...file,
|
|
29
|
+
isUploaded: progress === 100,
|
|
30
|
+
uploadProgress: progress
|
|
31
|
+
});
|
|
32
|
+
newList = nList;
|
|
33
|
+
setfileList(nList);
|
|
34
|
+
});
|
|
35
|
+
onSuccess && onSuccess(true);
|
|
36
|
+
} catch (error) {
|
|
37
|
+
const nList = [...newList];
|
|
38
|
+
nList.splice(index, 1, {
|
|
39
|
+
...file,
|
|
40
|
+
isUploaded: false,
|
|
41
|
+
uploadProgress: 0,
|
|
42
|
+
withError: true
|
|
43
|
+
});
|
|
44
|
+
newList = nList;
|
|
45
|
+
setfileList(nList);
|
|
46
|
+
onError && onError(error);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}, [onError, onSuccess, setfileList, uploadUrl]);
|
|
50
|
+
return {
|
|
51
|
+
onDrop
|
|
52
|
+
};
|
|
9
53
|
};
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
let newList = acceptedFiles.map((file) => ({
|
|
27
|
-
file,
|
|
28
|
-
isUploaded: false,
|
|
29
|
-
uploadProgress: 0,
|
|
30
|
-
withError: false
|
|
31
|
-
}));
|
|
32
|
-
setfileList(newList);
|
|
33
|
-
try {
|
|
34
|
-
for (var _d = true, _e = __asyncValues(newList.entries()), _f; _f = yield _e.next(), _a = _f.done, !_a;) {
|
|
35
|
-
_c = _f.value;
|
|
36
|
-
_d = false;
|
|
37
|
-
try {
|
|
38
|
-
const [index, file] = _c;
|
|
39
|
-
try {
|
|
40
|
-
yield uploadFile(uploadUrl, file.file, (progress) => {
|
|
41
|
-
const nList = [...newList];
|
|
42
|
-
nList.splice(index, 1, Object.assign(Object.assign({}, file), { isUploaded: progress === 100, uploadProgress: progress }));
|
|
43
|
-
newList = nList;
|
|
44
|
-
setfileList(nList);
|
|
45
|
-
});
|
|
46
|
-
onSuccess && onSuccess(true);
|
|
47
|
-
}
|
|
48
|
-
catch (error) {
|
|
49
|
-
const nList = [...newList];
|
|
50
|
-
nList.splice(index, 1, Object.assign(Object.assign({}, file), { isUploaded: false, uploadProgress: 0, withError: true }));
|
|
51
|
-
newList = nList;
|
|
52
|
-
setfileList(nList);
|
|
53
|
-
onError && onError(error);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
finally {
|
|
57
|
-
_d = true;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
62
|
-
finally {
|
|
63
|
-
try {
|
|
64
|
-
if (!_d && !_a && (_b = _e.return)) yield _b.call(_e);
|
|
65
|
-
}
|
|
66
|
-
finally { if (e_1) throw e_1.error; }
|
|
67
|
-
}
|
|
68
|
-
}), [onError, onSuccess, setfileList, uploadUrl]);
|
|
69
|
-
return { onDrop };
|
|
70
|
-
};
|
|
71
|
-
export const uploadFile = (uploadUrl, file, setProgress, method = 'POST') => {
|
|
72
|
-
const data = new FormData();
|
|
73
|
-
data.append('file', file);
|
|
74
|
-
return axios({
|
|
75
|
-
data,
|
|
76
|
-
method,
|
|
77
|
-
baseURL: uploadUrl,
|
|
78
|
-
onUploadProgress(progressEvent) {
|
|
79
|
-
const { loaded, total } = progressEvent;
|
|
80
|
-
total && setProgress(Math.round((loaded * 100) / total));
|
|
81
|
-
}
|
|
82
|
-
});
|
|
54
|
+
exports.useUploadFile = useUploadFile;
|
|
55
|
+
const uploadFile = (uploadUrl, file, setProgress, method = 'POST') => {
|
|
56
|
+
const data = new FormData();
|
|
57
|
+
data.append('file', file);
|
|
58
|
+
return (0, _axios.default)({
|
|
59
|
+
data,
|
|
60
|
+
method,
|
|
61
|
+
baseURL: uploadUrl,
|
|
62
|
+
onUploadProgress(progressEvent) {
|
|
63
|
+
const {
|
|
64
|
+
loaded,
|
|
65
|
+
total
|
|
66
|
+
} = progressEvent;
|
|
67
|
+
total && setProgress(Math.round(loaded * 100 / total));
|
|
68
|
+
}
|
|
69
|
+
});
|
|
83
70
|
};
|
|
71
|
+
exports.uploadFile = uploadFile;
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _helpers = require("../../../utils/tests/helpers");
|
|
4
|
+
var _react = require("@testing-library/react");
|
|
5
|
+
var _ = _interopRequireDefault(require(".."));
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
5
8
|
describe('<FormControlLabel />', () => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
it('should render the FormControlLabel component', () => {
|
|
10
|
+
(0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
11
|
+
"data-testid": "form-control-label",
|
|
12
|
+
control: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
13
|
+
children: "test"
|
|
14
|
+
}),
|
|
15
|
+
label: "test"
|
|
16
|
+
}));
|
|
17
|
+
expect(_react.screen.getByTestId('form-control-label')).toBeInTheDocument();
|
|
18
|
+
});
|
|
19
|
+
});
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _material = require("@mui/material");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
const FormControlLabel = ({
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
|
|
13
|
+
...props
|
|
14
|
+
});
|
|
11
15
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const FormControlLabel = (_a) => {
|
|
15
|
-
var props = __rest(_a, []);
|
|
16
|
-
return _jsx(MuiFormControlLabel, Object.assign({}, props));
|
|
17
|
-
};
|
|
18
|
-
export default FormControlLabel;
|
|
16
|
+
var _default = FormControlLabel;
|
|
17
|
+
exports.default = _default;
|
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
import HomeOutlinedIcon from '.';
|
|
14
|
-
export default {
|
|
15
|
-
title: 'Components/HomeOutlinedIcon',
|
|
16
|
-
component: HomeOutlinedIcon
|
|
17
|
-
};
|
|
18
|
-
export const Default = (_a) => {
|
|
19
|
-
var args = __rest(_a, []);
|
|
20
|
-
return _jsx(HomeOutlinedIcon, Object.assign({}, args));
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Default = void 0;
|
|
7
|
+
var _ = _interopRequireDefault(require("."));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
var _default = {
|
|
11
|
+
title: 'Components/HomeOutlinedIcon',
|
|
12
|
+
component: _.default
|
|
21
13
|
};
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
const Default = ({
|
|
16
|
+
...args
|
|
17
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
18
|
+
...args
|
|
19
|
+
});
|
|
20
|
+
exports.Default = Default;
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _helpers = require("../../../utils/tests/helpers");
|
|
4
|
+
var _react = require("@testing-library/react");
|
|
5
|
+
var _ = _interopRequireDefault(require(".."));
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
5
8
|
describe('<HomeOutlinedIcon />', () => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
});
|
|
10
|
-
|
|
9
|
+
it('should render the HomeOutlinedIcon component', () => {
|
|
10
|
+
(0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
11
|
+
"data-testid": "home-outlined-icon"
|
|
12
|
+
}));
|
|
13
|
+
expect(_react.screen.getByTestId('home-outlined-icon')).toBeInTheDocument();
|
|
14
|
+
});
|
|
15
|
+
});
|