@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.
Files changed (236) hide show
  1. package/dist/assets/theme.js +314 -261
  2. package/dist/components/Box/__tests__/Box.test.js +15 -9
  3. package/dist/components/Box/index.js +16 -17
  4. package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +34 -29
  5. package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.js +25 -14
  6. package/dist/components/Breadcrumbs/breadcrumbs.theme.js +16 -9
  7. package/dist/components/Breadcrumbs/index.js +50 -27
  8. package/dist/components/Button/Button.stories.js +89 -37
  9. package/dist/components/Button/Indicator.js +32 -17
  10. package/dist/components/Button/__tests__/Button.test.js +58 -33
  11. package/dist/components/Button/button.theme.js +121 -102
  12. package/dist/components/Button/index.js +44 -34
  13. package/dist/components/Button/useButtonProps.js +17 -15
  14. package/dist/components/Checkbox/Checkbox.stories.js +46 -16
  15. package/dist/components/Checkbox/__tests__/Checkbox.test.js +14 -9
  16. package/dist/components/Checkbox/checkbox.theme.js +23 -16
  17. package/dist/components/Checkbox/index.js +22 -17
  18. package/dist/components/CustomSlider/CustomSlider.stories.js +43 -24
  19. package/dist/components/CustomSlider/index.js +73 -55
  20. package/dist/components/Drawer/__tests__/Drawer.test.js +15 -9
  21. package/dist/components/Drawer/index.js +16 -17
  22. package/dist/components/FileUploader/FileUploader.stories.js +23 -24
  23. package/dist/components/FileUploader/__tests__/FileUploader.test.js +210 -220
  24. package/dist/components/FileUploader/index.js +211 -151
  25. package/dist/components/FileUploader/useUploadFile.js +69 -81
  26. package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.js +18 -9
  27. package/dist/components/FormControlLabel/index.js +16 -17
  28. package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.js +19 -20
  29. package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.js +14 -9
  30. package/dist/components/HomeOutlinedIcon/index.js +16 -17
  31. package/dist/components/IconGroups/IconGroups.stories.js +19 -20
  32. package/dist/components/IconGroups/__tests__/IconGroups.test.js +14 -9
  33. package/dist/components/IconGroups/index.js +17 -17
  34. package/dist/components/IconListItem/__tests__/IconListItem.test.js +14 -9
  35. package/dist/components/IconListItem/index.js +19 -17
  36. package/dist/components/Input/Input.stories.js +111 -51
  37. package/dist/components/Input/__tests__/Input.test.js +13 -9
  38. package/dist/components/Input/index.js +22 -19
  39. package/dist/components/Input/input.theme.js +104 -97
  40. package/dist/components/LinearProgress/LinearProgress.stories.js +42 -28
  41. package/dist/components/LinearProgress/__tests__/LinearProgress.test.js +39 -17
  42. package/dist/components/LinearProgress/index.js +71 -21
  43. package/dist/components/LinearProgress/linearProgress.theme.js +19 -12
  44. package/dist/components/Link/__tests__/Link.test.js +14 -9
  45. package/dist/components/Link/index.js +16 -17
  46. package/dist/components/List/__tests__/List.test.js +14 -9
  47. package/dist/components/List/index.js +16 -17
  48. package/dist/components/ListItem/__tests__/ListItem.test.js +14 -9
  49. package/dist/components/ListItem/index.js +16 -17
  50. package/dist/components/ListItemButton/__tests__/ListItemButton.test.js +14 -9
  51. package/dist/components/ListItemButton/index.js +16 -17
  52. package/dist/components/ListItemText/__tests__/ListItemText.test.js +14 -9
  53. package/dist/components/ListItemText/index.js +16 -17
  54. package/dist/components/MenuFlyout/MenuFlyout.stories.js +54 -32
  55. package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.js +41 -23
  56. package/dist/components/MenuFlyout/constants.js +12 -3
  57. package/dist/components/MenuFlyout/index.js +47 -26
  58. package/dist/components/MenuFlyout/menuFlyout.theme.js +46 -38
  59. package/dist/components/Modal/Modal.stories.js +190 -95
  60. package/dist/components/Modal/__tests__/Modal.test.js +16 -9
  61. package/dist/components/Modal/index.js +30 -17
  62. package/dist/components/Modal/modal.theme.js +30 -23
  63. package/dist/components/ModelGridView/ModelGridView.stories.js +40 -43
  64. package/dist/components/ModelGridView/__tests__/ModelGridView.test.js +47 -42
  65. package/dist/components/ModelGridView/index.js +258 -150
  66. package/dist/components/Panel/Panel.stories.js +61 -44
  67. package/dist/components/Panel/__tests__/Panel.test.js +73 -43
  68. package/dist/components/Panel/index.js +116 -78
  69. package/dist/components/ProgressIndicator/DefaultProgress.js +28 -20
  70. package/dist/components/ProgressIndicator/MLProgress.js +30 -24
  71. package/dist/components/ProgressIndicator/ProgressIndicator.stories.js +41 -38
  72. package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js +31 -17
  73. package/dist/components/ProgressIndicator/index.js +26 -18
  74. package/dist/components/RadioButton/RadioButton.stories.js +37 -28
  75. package/dist/components/RadioButton/RadioButton.theme.js +59 -52
  76. package/dist/components/RadioButton/__tests__/RadioButton.test.js +13 -9
  77. package/dist/components/RadioButton/index.js +37 -28
  78. package/dist/components/RadioGroup/__tests__/RadioGroup.test.js +14 -9
  79. package/dist/components/RadioGroup/index.js +16 -17
  80. package/dist/components/Select/Select.stories.js +82 -33
  81. package/dist/components/Select/__tests__/Select.test.js +39 -18
  82. package/dist/components/Select/index.js +99 -49
  83. package/dist/components/Select/select.theme.js +58 -51
  84. package/dist/components/StatusChip/StatusChip.stories.js +57 -43
  85. package/dist/components/StatusChip/__tests__/StatusChip.test.js +44 -27
  86. package/dist/components/StatusChip/constants.js +12 -3
  87. package/dist/components/StatusChip/index.js +28 -22
  88. package/dist/components/StatusChip/statusChip.theme.js +41 -22
  89. package/dist/components/Step/__tests__/Step.test.js +14 -9
  90. package/dist/components/Step/index.js +16 -17
  91. package/dist/components/StepLabel/__tests__/StepLabel.test.js +14 -9
  92. package/dist/components/StepLabel/index.js +16 -17
  93. package/dist/components/Stepper/Stepper.stories.js +37 -21
  94. package/dist/components/Stepper/__tests__/Stepper.test.js +14 -9
  95. package/dist/components/Stepper/index.js +15 -5
  96. package/dist/components/Stepper/stepper.theme.js +52 -45
  97. package/dist/components/Tabs/Badge.js +29 -10
  98. package/dist/components/Tabs/Tabs.stories.js +52 -33
  99. package/dist/components/Tabs/__tests__/Tabs.test.js +41 -14
  100. package/dist/components/Tabs/index.js +27 -18
  101. package/dist/components/Tabs/tabs.theme.js +34 -27
  102. package/dist/components/ThemeProvider/__tests__/Button.test.js +14 -9
  103. package/dist/components/ThemeProvider/index.js +19 -6
  104. package/dist/components/Toast/Toast.stories.js +103 -37
  105. package/dist/components/Toast/__tests__/Toast.test.js +47 -29
  106. package/dist/components/Toast/index.js +58 -38
  107. package/dist/components/Typography/Typography.stories.js +20 -20
  108. package/dist/components/Typography/__tests__/Typography.test.js +15 -9
  109. package/dist/components/Typography/index.js +16 -17
  110. package/dist/components/UtilityRail/UtilityRail.stories.js +22 -21
  111. package/dist/components/UtilityRail/__tests__/UtilityRail.test.js +17 -10
  112. package/dist/components/UtilityRail/index.js +75 -53
  113. package/dist/components/UtilityRail/mock.js +32 -32
  114. package/dist/index.js +223 -31
  115. package/dist/react-app-env.d.js +2 -0
  116. package/dist/reportWebVitals.js +26 -11
  117. package/dist/setupTests.js +3 -5
  118. package/dist/utils/tests/helpers.js +31 -20
  119. package/package.json +9 -4
  120. package/dist/assets/theme.d.ts +0 -59
  121. package/dist/components/Box/__tests__/Box.test.d.ts +0 -1
  122. package/dist/components/Box/index.d.ts +0 -6
  123. package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -11
  124. package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.d.ts +0 -1
  125. package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts +0 -11
  126. package/dist/components/Breadcrumbs/index.d.ts +0 -15
  127. package/dist/components/Button/Button.stories.d.ts +0 -7
  128. package/dist/components/Button/Indicator.d.ts +0 -2
  129. package/dist/components/Button/__tests__/Button.test.d.ts +0 -1
  130. package/dist/components/Button/button.theme.d.ts +0 -4
  131. package/dist/components/Button/index.d.ts +0 -10
  132. package/dist/components/Button/useButtonProps.d.ts +0 -3
  133. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -5
  134. package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts +0 -1
  135. package/dist/components/Checkbox/checkbox.theme.d.ts +0 -18
  136. package/dist/components/Checkbox/index.d.ts +0 -7
  137. package/dist/components/CustomSlider/CustomSlider.stories.d.ts +0 -5
  138. package/dist/components/CustomSlider/index.d.ts +0 -12
  139. package/dist/components/Drawer/__tests__/Drawer.test.d.ts +0 -1
  140. package/dist/components/Drawer/index.d.ts +0 -6
  141. package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -15
  142. package/dist/components/FileUploader/__tests__/FileUploader.test.d.ts +0 -1
  143. package/dist/components/FileUploader/index.d.ts +0 -21
  144. package/dist/components/FileUploader/useUploadFile.d.ts +0 -5
  145. package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.d.ts +0 -1
  146. package/dist/components/FormControlLabel/index.d.ts +0 -6
  147. package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.d.ts +0 -7
  148. package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.d.ts +0 -1
  149. package/dist/components/HomeOutlinedIcon/index.d.ts +0 -5
  150. package/dist/components/IconGroups/IconGroups.stories.d.ts +0 -7
  151. package/dist/components/IconGroups/__tests__/IconGroups.test.d.ts +0 -1
  152. package/dist/components/IconGroups/index.d.ts +0 -5
  153. package/dist/components/IconListItem/__tests__/IconListItem.test.d.ts +0 -1
  154. package/dist/components/IconListItem/index.d.ts +0 -7
  155. package/dist/components/Input/Input.stories.d.ts +0 -11
  156. package/dist/components/Input/__tests__/Input.test.d.ts +0 -1
  157. package/dist/components/Input/index.d.ts +0 -6
  158. package/dist/components/Input/input.theme.d.ts +0 -3
  159. package/dist/components/LinearProgress/LinearProgress.stories.d.ts +0 -14
  160. package/dist/components/LinearProgress/__tests__/LinearProgress.test.d.ts +0 -1
  161. package/dist/components/LinearProgress/index.d.ts +0 -27
  162. package/dist/components/LinearProgress/linearProgress.theme.d.ts +0 -14
  163. package/dist/components/Link/__tests__/Link.test.d.ts +0 -1
  164. package/dist/components/Link/index.d.ts +0 -6
  165. package/dist/components/List/__tests__/List.test.d.ts +0 -1
  166. package/dist/components/List/index.d.ts +0 -6
  167. package/dist/components/ListItem/__tests__/ListItem.test.d.ts +0 -1
  168. package/dist/components/ListItem/index.d.ts +0 -6
  169. package/dist/components/ListItemButton/__tests__/ListItemButton.test.d.ts +0 -1
  170. package/dist/components/ListItemButton/index.d.ts +0 -6
  171. package/dist/components/ListItemText/__tests__/ListItemText.test.d.ts +0 -1
  172. package/dist/components/ListItemText/index.d.ts +0 -6
  173. package/dist/components/MenuFlyout/MenuFlyout.stories.d.ts +0 -31
  174. package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.d.ts +0 -1
  175. package/dist/components/MenuFlyout/constants.d.ts +0 -3
  176. package/dist/components/MenuFlyout/index.d.ts +0 -15
  177. package/dist/components/MenuFlyout/menuFlyout.theme.d.ts +0 -41
  178. package/dist/components/Modal/Modal.stories.d.ts +0 -15
  179. package/dist/components/Modal/__tests__/Modal.test.d.ts +0 -1
  180. package/dist/components/Modal/index.d.ts +0 -11
  181. package/dist/components/Modal/modal.theme.d.ts +0 -3
  182. package/dist/components/ModelGridView/ModelGridView.stories.d.ts +0 -5
  183. package/dist/components/ModelGridView/__tests__/ModelGridView.test.d.ts +0 -1
  184. package/dist/components/ModelGridView/index.d.ts +0 -13
  185. package/dist/components/Panel/Panel.stories.d.ts +0 -14
  186. package/dist/components/Panel/__tests__/Panel.test.d.ts +0 -1
  187. package/dist/components/Panel/index.d.ts +0 -11
  188. package/dist/components/ProgressIndicator/DefaultProgress.d.ts +0 -3
  189. package/dist/components/ProgressIndicator/MLProgress.d.ts +0 -3
  190. package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
  191. package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.d.ts +0 -1
  192. package/dist/components/ProgressIndicator/index.d.ts +0 -11
  193. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -10
  194. package/dist/components/RadioButton/RadioButton.theme.d.ts +0 -4
  195. package/dist/components/RadioButton/__tests__/RadioButton.test.d.ts +0 -1
  196. package/dist/components/RadioButton/index.d.ts +0 -7
  197. package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts +0 -1
  198. package/dist/components/RadioGroup/index.d.ts +0 -6
  199. package/dist/components/Select/Select.stories.d.ts +0 -5
  200. package/dist/components/Select/__tests__/Select.test.d.ts +0 -1
  201. package/dist/components/Select/index.d.ts +0 -15
  202. package/dist/components/Select/select.theme.d.ts +0 -53
  203. package/dist/components/StatusChip/StatusChip.stories.d.ts +0 -51
  204. package/dist/components/StatusChip/__tests__/StatusChip.test.d.ts +0 -1
  205. package/dist/components/StatusChip/constants.d.ts +0 -3
  206. package/dist/components/StatusChip/index.d.ts +0 -28
  207. package/dist/components/StatusChip/statusChip.theme.d.ts +0 -4
  208. package/dist/components/Step/__tests__/Step.test.d.ts +0 -1
  209. package/dist/components/Step/index.d.ts +0 -6
  210. package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts +0 -1
  211. package/dist/components/StepLabel/index.d.ts +0 -6
  212. package/dist/components/Stepper/Stepper.stories.d.ts +0 -21
  213. package/dist/components/Stepper/__tests__/Stepper.test.d.ts +0 -1
  214. package/dist/components/Stepper/index.d.ts +0 -13
  215. package/dist/components/Stepper/stepper.theme.d.ts +0 -50
  216. package/dist/components/Tabs/Badge.d.ts +0 -7
  217. package/dist/components/Tabs/Tabs.stories.d.ts +0 -6
  218. package/dist/components/Tabs/__tests__/Tabs.test.d.ts +0 -1
  219. package/dist/components/Tabs/index.d.ts +0 -14
  220. package/dist/components/Tabs/tabs.theme.d.ts +0 -4
  221. package/dist/components/ThemeProvider/__tests__/Button.test.d.ts +0 -1
  222. package/dist/components/ThemeProvider/index.d.ts +0 -3
  223. package/dist/components/Toast/Toast.stories.d.ts +0 -14
  224. package/dist/components/Toast/__tests__/Toast.test.d.ts +0 -1
  225. package/dist/components/Toast/index.d.ts +0 -23
  226. package/dist/components/Typography/Typography.stories.d.ts +0 -20
  227. package/dist/components/Typography/__tests__/Typography.test.d.ts +0 -1
  228. package/dist/components/Typography/index.d.ts +0 -6
  229. package/dist/components/UtilityRail/UtilityRail.stories.d.ts +0 -8
  230. package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts +0 -1
  231. package/dist/components/UtilityRail/index.d.ts +0 -11
  232. package/dist/components/UtilityRail/mock.d.ts +0 -2
  233. package/dist/index.d.ts +0 -31
  234. package/dist/reportWebVitals.d.ts +0 -3
  235. package/dist/setupTests.d.ts +0 -1
  236. package/dist/utils/tests/helpers.d.ts +0 -6
@@ -1,156 +1,216 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
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
- import { useCallback, useEffect, useState } from 'react';
15
- import { Box } from '@mui/system';
16
- import { IconButton, Typography } from '@mui/material';
17
- import { useTheme } from '@mui/material/styles';
18
- import CloudUploadOutlinedIcon from '@mui/icons-material/CloudUploadOutlined';
19
- import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
20
- import { useDropzone } from 'react-dropzone';
21
- import { useUploadFile } from './useUploadFile';
22
- import LinearProgress from '../LinearProgress';
23
- const FileUploader = (_a) => {
24
- var { uploadUrl, files, accept, multiple, onSuccess, onError, extensions = ['[format]', '[format]', '[format]'] } = _a, props = __rest(_a, ["uploadUrl", "files", "accept", "multiple", "onSuccess", "onError", "extensions"]);
25
- const { palette } = useTheme();
26
- const fileData = [
27
- {
28
- feedbackText: `Feedback text`,
29
- uploadProgress: 60,
30
- isUploaded: false,
31
- withError: false,
32
- file: {
33
- lastModified: 1527053530715,
34
- name: 'test-consent.pdf',
35
- size: 0,
36
- type: 'image/jpg',
37
- webkitRelativePath: '',
38
- slice: ``,
39
- // arrayBuffer: // need to mock this
40
- stream: ``,
41
- text: ``
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
- feedbackText: ``,
46
- uploadProgress: 100,
47
- isUploaded: true,
48
- withError: false,
49
- file: {
50
- lastModified: 1527053530715,
51
- name: 'test-consent.pdf',
52
- size: 0,
53
- type: 'image/jpg',
54
- webkitRelativePath: '',
55
- slice: ``,
56
- // arrayBuffer: // need to mock this
57
- stream: ``,
58
- text: ``
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
- feedbackText: `File upload error. Please try again.`,
63
- uploadProgress: 70,
64
- isUploaded: false,
65
- withError: true,
66
- file: {
67
- lastModified: 1527053530715,
68
- name: 'test-consent.pdf',
69
- size: 0,
70
- type: 'image/jpg',
71
- webkitRelativePath: '',
72
- slice: ``,
73
- // arrayBuffer: // need to mock this
74
- stream: ``,
75
- text: ``
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
- const [fileList, setfileList] = useState(fileData);
80
- const { onDrop } = useUploadFile(setfileList, uploadUrl, onSuccess, onError);
81
- const { getRootProps, getInputProps, acceptedFiles } = useDropzone({
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
- export default FileUploader;
215
+ var _default = FileUploader;
216
+ exports.default = _default;
@@ -1,83 +1,71 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
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
- var __asyncValues = (this && this.__asyncValues) || function (o) {
11
- if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
12
- var m = o[Symbol.asyncIterator], i;
13
- return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
14
- function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
15
- function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
16
- };
17
- import axios from 'axios';
18
- import { useCallback } from 'react';
19
- export const useUploadFile = (setfileList, uploadUrl, onSuccess, onError) => {
20
- const onDrop = useCallback((acceptedFiles) => __awaiter(void 0, void 0, void 0, function* () {
21
- var _a, e_1, _b, _c;
22
- if (!uploadUrl) {
23
- onError && onError(new Error('upload url is required'));
24
- return;
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render } from '../../../utils/tests/helpers';
3
- import { screen } from '@testing-library/react';
4
- import FormControlLabel from '..';
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
- it('should render the FormControlLabel component', () => {
7
- render(_jsx(FormControlLabel, { "data-testid": "form-control-label", control: _jsx("div", { children: "test" }), label: "test" }));
8
- expect(screen.getByTestId('form-control-label')).toBeInTheDocument();
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
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
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
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { FormControlLabel as MuiFormControlLabel } from '@mui/material';
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
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render } from '../../../utils/tests/helpers';
3
- import { screen } from '@testing-library/react';
4
- import HomeOutlinedIcon from '..';
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
- it('should render the HomeOutlinedIcon component', () => {
7
- render(_jsx(HomeOutlinedIcon, { "data-testid": "home-outlined-icon" }));
8
- expect(screen.getByTestId('home-outlined-icon')).toBeInTheDocument();
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
+ });