@veritone-ce/design-system 1.12.21 → 1.12.23

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 (180) hide show
  1. package/dist/assets/theme.js +70 -72
  2. package/dist/components/Box/index.js +13 -8
  3. package/dist/components/Breadcrumbs/breadcrumbs.theme.js +14 -10
  4. package/dist/components/Breadcrumbs/index.js +9 -9
  5. package/dist/components/Button/Indicator.js +10 -10
  6. package/dist/components/Button/button.theme.js +107 -105
  7. package/dist/components/Button/index.js +26 -18
  8. package/dist/components/Button/useButtonProps.js +18 -10
  9. package/dist/components/Checkbox/checkbox.theme.js +21 -17
  10. package/dist/components/Checkbox/index.js +16 -10
  11. package/dist/components/CustomSlider/index.js +28 -18
  12. package/dist/components/Drawer/index.js +13 -8
  13. package/dist/components/FileUploader/index.js +88 -69
  14. package/dist/components/FileUploader/useUploadFile.js +148 -51
  15. package/dist/components/FormControlLabel/index.js +13 -8
  16. package/dist/components/HomeOutlinedIcon/index.js +13 -8
  17. package/dist/components/IconGroups/index.js +14 -9
  18. package/dist/components/IconListItem/index.js +17 -10
  19. package/dist/components/Input/index.js +16 -10
  20. package/dist/components/Input/input.theme.js +99 -95
  21. package/dist/components/LinearProgress/index.js +40 -33
  22. package/dist/components/LinearProgress/linearProgress.theme.js +17 -13
  23. package/dist/components/Link/index.js +13 -8
  24. package/dist/components/List/index.js +13 -8
  25. package/dist/components/ListItem/index.js +13 -8
  26. package/dist/components/ListItemButton/index.js +13 -8
  27. package/dist/components/ListItemText/index.js +13 -8
  28. package/dist/components/MenuFlyout/constants.js +3 -3
  29. package/dist/components/MenuFlyout/index.js +21 -13
  30. package/dist/components/MenuFlyout/menuFlyout.theme.js +47 -39
  31. package/dist/components/Modal/index.js +20 -13
  32. package/dist/components/Modal/modal.theme.js +28 -26
  33. package/dist/components/ModelGridView/index.js +109 -72
  34. package/dist/components/Panel/index.js +21 -19
  35. package/dist/components/ProgressIndicator/DefaultProgress.js +16 -10
  36. package/dist/components/ProgressIndicator/MLProgress.js +16 -10
  37. package/dist/components/ProgressIndicator/index.js +17 -14
  38. package/dist/components/RadioButton/RadioButton.theme.js +57 -53
  39. package/dist/components/RadioButton/index.js +24 -14
  40. package/dist/components/RadioGroup/index.js +13 -8
  41. package/dist/components/Select/index.js +48 -33
  42. package/dist/components/Select/select.theme.js +55 -51
  43. package/dist/components/StatusChip/constants.js +3 -3
  44. package/dist/components/StatusChip/index.js +19 -12
  45. package/dist/components/StatusChip/statusChip.theme.js +33 -29
  46. package/dist/components/Step/index.js +13 -8
  47. package/dist/components/StepLabel/index.js +13 -8
  48. package/dist/components/Stepper/index.js +10 -6
  49. package/dist/components/Stepper/stepper.theme.js +44 -42
  50. package/dist/components/Tabs/Badge.js +5 -6
  51. package/dist/components/Tabs/index.js +42 -23
  52. package/dist/components/Tabs/tabs.theme.js +32 -28
  53. package/dist/components/ThemeProvider/index.js +6 -7
  54. package/dist/components/Toast/index.js +41 -32
  55. package/dist/components/Typography/index.js +13 -8
  56. package/dist/components/UtilityRail/index.js +65 -57
  57. package/dist/components/UtilityRail/mock.js +1 -1
  58. package/dist/index.js +72 -72
  59. package/package.json +84 -95
  60. package/dist/assets/information.svg +0 -3
  61. package/dist/assets/warning.svg +0 -3
  62. package/dist/components/Box/__tests__/Box.test.d.ts +0 -1
  63. package/dist/components/Box/__tests__/Box.test.js +0 -16
  64. package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -11
  65. package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +0 -36
  66. package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.d.ts +0 -1
  67. package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.js +0 -26
  68. package/dist/components/Button/Button.stories.d.ts +0 -7
  69. package/dist/components/Button/Button.stories.js +0 -99
  70. package/dist/components/Button/__tests__/Button.test.d.ts +0 -1
  71. package/dist/components/Button/__tests__/Button.test.js +0 -59
  72. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -5
  73. package/dist/components/Checkbox/Checkbox.stories.js +0 -49
  74. package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts +0 -1
  75. package/dist/components/Checkbox/__tests__/Checkbox.test.js +0 -15
  76. package/dist/components/CustomSlider/CustomSlider.stories.d.ts +0 -5
  77. package/dist/components/CustomSlider/CustomSlider.stories.js +0 -48
  78. package/dist/components/Drawer/__tests__/Drawer.test.d.ts +0 -1
  79. package/dist/components/Drawer/__tests__/Drawer.test.js +0 -16
  80. package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -15
  81. package/dist/components/FileUploader/FileUploader.stories.js +0 -25
  82. package/dist/components/FileUploader/__tests__/FileUploader.test.d.ts +0 -1
  83. package/dist/components/FileUploader/__tests__/FileUploader.test.js +0 -226
  84. package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.d.ts +0 -1
  85. package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.js +0 -19
  86. package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.d.ts +0 -7
  87. package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.js +0 -20
  88. package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.d.ts +0 -1
  89. package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.js +0 -15
  90. package/dist/components/IconGroups/IconGroups.stories.d.ts +0 -7
  91. package/dist/components/IconGroups/IconGroups.stories.js +0 -20
  92. package/dist/components/IconGroups/__tests__/IconGroups.test.d.ts +0 -1
  93. package/dist/components/IconGroups/__tests__/IconGroups.test.js +0 -15
  94. package/dist/components/IconListItem/__tests__/IconListItem.test.d.ts +0 -1
  95. package/dist/components/IconListItem/__tests__/IconListItem.test.js +0 -15
  96. package/dist/components/Input/Input.stories.d.ts +0 -11
  97. package/dist/components/Input/Input.stories.js +0 -113
  98. package/dist/components/Input/__tests__/Input.test.d.ts +0 -1
  99. package/dist/components/Input/__tests__/Input.test.js +0 -14
  100. package/dist/components/LinearProgress/LinearProgress.stories.d.ts +0 -14
  101. package/dist/components/LinearProgress/LinearProgress.stories.js +0 -43
  102. package/dist/components/LinearProgress/__tests__/LinearProgress.test.d.ts +0 -1
  103. package/dist/components/LinearProgress/__tests__/LinearProgress.test.js +0 -40
  104. package/dist/components/Link/__tests__/Link.test.d.ts +0 -1
  105. package/dist/components/Link/__tests__/Link.test.js +0 -15
  106. package/dist/components/List/__tests__/List.test.d.ts +0 -1
  107. package/dist/components/List/__tests__/List.test.js +0 -15
  108. package/dist/components/ListItem/__tests__/ListItem.test.d.ts +0 -1
  109. package/dist/components/ListItem/__tests__/ListItem.test.js +0 -15
  110. package/dist/components/ListItemButton/__tests__/ListItemButton.test.d.ts +0 -1
  111. package/dist/components/ListItemButton/__tests__/ListItemButton.test.js +0 -15
  112. package/dist/components/ListItemText/__tests__/ListItemText.test.d.ts +0 -1
  113. package/dist/components/ListItemText/__tests__/ListItemText.test.js +0 -15
  114. package/dist/components/MenuFlyout/MenuFlyout.stories.d.ts +0 -31
  115. package/dist/components/MenuFlyout/MenuFlyout.stories.js +0 -60
  116. package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.d.ts +0 -1
  117. package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.js +0 -42
  118. package/dist/components/Modal/Modal.stories.d.ts +0 -15
  119. package/dist/components/Modal/Modal.stories.js +0 -195
  120. package/dist/components/Modal/__tests__/Modal.test.d.ts +0 -1
  121. package/dist/components/Modal/__tests__/Modal.test.js +0 -17
  122. package/dist/components/ModelGridView/ModelGridView.stories.d.ts +0 -5
  123. package/dist/components/ModelGridView/ModelGridView.stories.js +0 -41
  124. package/dist/components/ModelGridView/__tests__/ModelGridView.test.d.ts +0 -1
  125. package/dist/components/ModelGridView/__tests__/ModelGridView.test.js +0 -48
  126. package/dist/components/Panel/Panel.stories.d.ts +0 -14
  127. package/dist/components/Panel/Panel.stories.js +0 -63
  128. package/dist/components/Panel/__tests__/Panel.test.d.ts +0 -1
  129. package/dist/components/Panel/__tests__/Panel.test.js +0 -74
  130. package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
  131. package/dist/components/ProgressIndicator/ProgressIndicator.stories.js +0 -45
  132. package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.d.ts +0 -1
  133. package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js +0 -32
  134. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -10
  135. package/dist/components/RadioButton/RadioButton.stories.js +0 -38
  136. package/dist/components/RadioButton/__tests__/RadioButton.test.d.ts +0 -1
  137. package/dist/components/RadioButton/__tests__/RadioButton.test.js +0 -14
  138. package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts +0 -1
  139. package/dist/components/RadioGroup/__tests__/RadioGroup.test.js +0 -15
  140. package/dist/components/Select/Select.stories.d.ts +0 -5
  141. package/dist/components/Select/Select.stories.js +0 -86
  142. package/dist/components/Select/__tests__/Select.test.d.ts +0 -1
  143. package/dist/components/Select/__tests__/Select.test.js +0 -40
  144. package/dist/components/StatusChip/StatusChip.stories.d.ts +0 -51
  145. package/dist/components/StatusChip/StatusChip.stories.js +0 -59
  146. package/dist/components/StatusChip/__tests__/StatusChip.test.d.ts +0 -1
  147. package/dist/components/StatusChip/__tests__/StatusChip.test.js +0 -45
  148. package/dist/components/Step/__tests__/Step.test.d.ts +0 -1
  149. package/dist/components/Step/__tests__/Step.test.js +0 -15
  150. package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts +0 -1
  151. package/dist/components/StepLabel/__tests__/StepLabel.test.js +0 -15
  152. package/dist/components/Stepper/Stepper.stories.d.ts +0 -21
  153. package/dist/components/Stepper/Stepper.stories.js +0 -38
  154. package/dist/components/Stepper/__tests__/Stepper.test.d.ts +0 -1
  155. package/dist/components/Stepper/__tests__/Stepper.test.js +0 -15
  156. package/dist/components/Tabs/Tabs.stories.d.ts +0 -6
  157. package/dist/components/Tabs/Tabs.stories.js +0 -56
  158. package/dist/components/Tabs/__tests__/Tabs.test.d.ts +0 -1
  159. package/dist/components/Tabs/__tests__/Tabs.test.js +0 -53
  160. package/dist/components/ThemeProvider/__tests__/Button.test.d.ts +0 -1
  161. package/dist/components/ThemeProvider/__tests__/Button.test.js +0 -15
  162. package/dist/components/Toast/Toast.stories.d.ts +0 -14
  163. package/dist/components/Toast/Toast.stories.js +0 -108
  164. package/dist/components/Toast/__tests__/Toast.test.d.ts +0 -1
  165. package/dist/components/Toast/__tests__/Toast.test.js +0 -48
  166. package/dist/components/Typography/Typography.stories.d.ts +0 -20
  167. package/dist/components/Typography/Typography.stories.js +0 -21
  168. package/dist/components/Typography/__tests__/Typography.test.d.ts +0 -1
  169. package/dist/components/Typography/__tests__/Typography.test.js +0 -16
  170. package/dist/components/UtilityRail/UtilityRail.stories.d.ts +0 -8
  171. package/dist/components/UtilityRail/UtilityRail.stories.js +0 -23
  172. package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts +0 -1
  173. package/dist/components/UtilityRail/__tests__/UtilityRail.test.js +0 -18
  174. package/dist/react-app-env.d.js +0 -2
  175. package/dist/reportWebVitals.d.ts +0 -3
  176. package/dist/reportWebVitals.js +0 -27
  177. package/dist/setupTests.d.ts +0 -1
  178. package/dist/setupTests.js +0 -3
  179. package/dist/utils/tests/helpers.d.ts +0 -6
  180. package/dist/utils/tests/helpers.js +0 -32
@@ -1,16 +0,0 @@
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 }; }
8
- describe('<Drawer />', () => {
9
- it('should render the Drawer component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "drawer",
12
- open: true
13
- }));
14
- expect(_react.screen.getByTestId('drawer')).toBeInTheDocument();
15
- });
16
- });
@@ -1,15 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import FileUploader from '.';
3
- declare const _default: ComponentMeta<({ uploadUrl, files, accept, multiple, onSuccess, onError, extensions, ...props }: {
4
- 'data-testid'?: string | undefined;
5
- accept?: import("react-dropzone").Accept | undefined;
6
- multiple?: boolean | undefined;
7
- chunking?: boolean | undefined;
8
- uploadUrl?: string | undefined;
9
- extensions?: string[] | undefined;
10
- files?: ((v: File[]) => void) | undefined;
11
- onError?: ((v: Error) => void) | undefined;
12
- onSuccess?: ((v: boolean) => void) | undefined;
13
- }) => import("react/jsx-runtime").JSX.Element>;
14
- export default _default;
15
- export declare const Default: ComponentStory<typeof FileUploader> | Story;
@@ -1,25 +0,0 @@
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/FileUploader',
12
- component: _.default,
13
- argTypes: {
14
- extensions: {
15
- defaultValue: ['.pdf', '.format']
16
- }
17
- }
18
- };
19
- exports.default = _default;
20
- const Default = ({
21
- ...args
22
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
23
- ...args
24
- });
25
- exports.Default = Default;
@@ -1,226 +0,0 @@
1
- "use strict";
2
-
3
- var _helpers = require("../../../utils/tests/helpers");
4
- var _react = require("@testing-library/react");
5
- var axios = _interopRequireWildcard(require("axios"));
6
- var _ = _interopRequireDefault(require(".."));
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
10
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
- /* eslint-disable @typescript-eslint/ban-ts-comment */
12
-
13
- jest.mock('axios');
14
- const mockedAxios = axios;
15
- describe('<FileUploader />', () => {
16
- it('should render the FileUploader component', () => {
17
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
18
- expect(_react.screen.getByTestId('file-uploader')).toBeInTheDocument();
19
- });
20
- it('should simulate a drop a file without upload link', async () => {
21
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
22
- const dropzone = _react.screen.getByTestId('dropzone');
23
- const exampleFile = new File(['file'], 'image.png', {
24
- type: 'image/png'
25
- });
26
- Object.defineProperty(dropzone, 'files', {
27
- value: [exampleFile]
28
- });
29
- await (0, _react.act)(async () => {
30
- _react.fireEvent.drop(dropzone);
31
- });
32
- });
33
- it('should simulate a drop a file with upload link and upload error', async () => {
34
- const onError = jest.fn();
35
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
36
- uploadUrl: "testing",
37
- onError: onError
38
- }));
39
- const dropzone = _react.screen.getByTestId('dropzone');
40
- const exampleFile = new File(['file'], 'image.png', {
41
- type: 'image/png'
42
- });
43
- Object.defineProperty(dropzone, 'files', {
44
- value: [exampleFile]
45
- });
46
- mockedAxios.default.mockImplementation(() => Promise.reject({}));
47
- await (0, _react.act)(async () => {
48
- _react.fireEvent.drop(dropzone);
49
- });
50
- await (0, _react.waitFor)(() => expect(_react.screen.getAllByTestId('file-item')[0]).toBeInTheDocument());
51
- expect(onError).toBeCalled();
52
- });
53
- it('should simulate a drop a file without upload link and upload error', async () => {
54
- const onError = jest.fn();
55
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
56
- onError: onError
57
- }));
58
- const dropzone = _react.screen.getByTestId('dropzone');
59
- const exampleFile = new File(['file'], 'image.png', {
60
- type: 'image/png'
61
- });
62
- Object.defineProperty(dropzone, 'files', {
63
- value: [exampleFile]
64
- });
65
- mockedAxios.default.mockImplementation(() => Promise.reject({}));
66
- await (0, _react.act)(async () => {
67
- _react.fireEvent.drop(dropzone);
68
- });
69
- expect(onError).toBeCalled();
70
- });
71
- it('should call onUploadProgress', async () => {
72
- const onSuccess = jest.fn();
73
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
74
- uploadUrl: "testing",
75
- onSuccess: onSuccess
76
- }));
77
- const dropzone = _react.screen.getByTestId('dropzone');
78
- const exampleFile = new File(['file'], 'image.png', {
79
- type: 'image/png'
80
- });
81
- Object.defineProperty(dropzone, 'files', {
82
- value: [exampleFile]
83
- });
84
- mockedAxios.default.mockImplementation(({
85
- //@ts-ignore
86
- onUploadProgress
87
- }) => {
88
- onUploadProgress({
89
- loaded: 100,
90
- total: 100
91
- });
92
- return Promise.resolve({});
93
- });
94
- await (0, _react.act)(async () => {
95
- _react.fireEvent.drop(dropzone);
96
- });
97
- await (0, _react.waitFor)(() => {
98
- expect(_react.screen.getAllByTestId('file-item')[0]).toBeInTheDocument();
99
- });
100
- expect(onSuccess).toBeCalled();
101
- });
102
-
103
- /* it('should simulate a drop a file with upload link and upload success', async () => {
104
- const onSuccess = jest.fn()
105
- render(<FileUploader uploadUrl="testing" onSuccess={onSuccess} />)
106
- const dropzone = screen.getByTestId('dropzone')
107
- const exampleFile = new File(['file'], 'image.png', {
108
- type: 'image/png'
109
- })
110
- Object.defineProperty(dropzone, 'files', {
111
- value: [exampleFile]
112
- })
113
- jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
114
- jest.fn((_a, _b, setProgress) => {
115
- setProgress(43)
116
- return new Promise((resolve) => resolve({} as axios.AxiosResponse))
117
- })
118
- )
119
- await act(async () => {
120
- fireEvent.drop(dropzone)
121
- })
122
- await waitFor(() => {
123
- expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
124
- expect(screen.getAllByTestId('file-progress-bar')[0]).toBeInTheDocument()
125
- })
126
- await waitFor(() => {
127
- const progressStyles = getComputedStyle(
128
- screen.getAllByTestId('file-progress-bar')[0]
129
- )
130
- expect(progressStyles.width).toBe('43%')
131
- })
132
- expect(onSuccess).toBeCalled()
133
- })
134
- it('should call files function after drop files', async () => {
135
- const files = jest.fn()
136
- render(<FileUploader uploadUrl="testing" files={files} />)
137
- const dropzone = screen.getByTestId('dropzone')
138
- const exampleFile = new File(['file'], 'image.png', {
139
- type: 'image/png'
140
- })
141
- Object.defineProperty(dropzone, 'files', {
142
- value: [exampleFile]
143
- })
144
- jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
145
- jest.fn((_a, _b, setProgress) => {
146
- setProgress(43)
147
- return new Promise((resolve) => resolve({} as axios.AxiosResponse))
148
- })
149
- )
150
- await act(async () => {
151
- fireEvent.drop(dropzone)
152
- })
153
- await waitFor(() => {
154
- expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
155
- expect(screen.getAllByTestId('file-progress-bar')[0]).toBeInTheDocument()
156
- })
157
- await waitFor(() => {
158
- const progressStyles = getComputedStyle(
159
- screen.getAllByTestId('file-progress-bar')[0]
160
- )
161
- expect(progressStyles.width).toBe('43%')
162
- })
163
- expect(files).toBeCalled()
164
- })
165
- it('should list a uploaded file', async () => {
166
- const files = jest.fn()
167
- render(<FileUploader uploadUrl="testing" files={files} />)
168
- const dropzone = screen.getByTestId('dropzone')
169
- const exampleFile = new File(['file'], 'image.png', {
170
- type: 'image/png'
171
- })
172
- Object.defineProperty(dropzone, 'files', {
173
- value: [exampleFile]
174
- })
175
- jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
176
- jest.fn((_a, _b, setProgress) => {
177
- setProgress(100)
178
- return new Promise((resolve) => resolve({} as axios.AxiosResponse))
179
- })
180
- )
181
- await act(async () => {
182
- fireEvent.drop(dropzone)
183
- })
184
- await waitFor(() => {
185
- expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
186
- expect(screen.getAllByTestId('file-item-size')[0]).toBeInTheDocument()
187
- })
188
- expect(files).toBeCalled()
189
- })
190
- */
191
-
192
- it('should delete a file on list', async () => {
193
- const files = jest.fn();
194
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
195
- uploadUrl: "testing",
196
- files: files
197
- }));
198
- const dropzone = _react.screen.getByTestId('dropzone');
199
- const exampleFile = new File(['file'], 'image.png', {
200
- type: 'image/png'
201
- });
202
- Object.defineProperty(dropzone, 'files', {
203
- value: [exampleFile]
204
- });
205
- mockedAxios.default.mockImplementation(({
206
- //@ts-ignore
207
- onUploadProgress
208
- }) => {
209
- onUploadProgress({
210
- loaded: 0,
211
- total: 100
212
- });
213
- return Promise.resolve({});
214
- });
215
- await (0, _react.act)(async () => {
216
- _react.fireEvent.drop(dropzone);
217
- });
218
- expect(files).toBeCalled();
219
- await (0, _react.act)(async () => {
220
- _react.fireEvent.click(_react.screen.getAllByTestId('file-item-delete-button')[0]);
221
- });
222
- await (0, _react.waitFor)(() => {
223
- expect(_react.screen.queryAllByTestId('file-item')).toHaveLength(0);
224
- });
225
- });
226
- });
@@ -1,19 +0,0 @@
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 }; }
8
- describe('<FormControlLabel />', () => {
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,7 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import HomeOutlinedIcon from '.';
3
- declare const _default: ComponentMeta<({ ...props }: {
4
- 'data-testid'?: string | undefined;
5
- }) => import("react/jsx-runtime").JSX.Element>;
6
- export default _default;
7
- export declare const Default: ComponentStory<typeof HomeOutlinedIcon> | Story;
@@ -1,20 +0,0 @@
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
13
- };
14
- exports.default = _default;
15
- const Default = ({
16
- ...args
17
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
18
- ...args
19
- });
20
- exports.Default = Default;
@@ -1,15 +0,0 @@
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 }; }
8
- describe('<HomeOutlinedIcon />', () => {
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
- });
@@ -1,7 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import IconGroups from '.';
3
- declare const _default: ComponentMeta<({ ...props }: {
4
- 'data-testid'?: string | undefined;
5
- }) => import("react/jsx-runtime").JSX.Element>;
6
- export default _default;
7
- export declare const Default: ComponentStory<typeof IconGroups> | Story;
@@ -1,20 +0,0 @@
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/IconGroups',
12
- component: _.default
13
- };
14
- exports.default = _default;
15
- const Default = ({
16
- ...args
17
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
18
- ...args
19
- });
20
- exports.Default = Default;
@@ -1,15 +0,0 @@
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 }; }
8
- describe('<IconGroups />', () => {
9
- it('should render the IconGroups component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "groups-icon"
12
- }));
13
- expect(_react.screen.getByTestId('groups-icon')).toBeInTheDocument();
14
- });
15
- });
@@ -1,15 +0,0 @@
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 }; }
8
- describe('<IconListItem />', () => {
9
- it('should render the IconListItem component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "list-item-icon"
12
- }));
13
- expect(_react.screen.getByTestId('list-item-icon')).toBeInTheDocument();
14
- });
15
- });
@@ -1,11 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import Input from '.';
3
- declare const _default: ComponentMeta<({ ...TextFieldProps }: {
4
- 'data-testid'?: string | undefined;
5
- } & import("@mui/material").TextFieldProps) => import("react/jsx-runtime").JSX.Element>;
6
- export default _default;
7
- export declare const Default: ComponentStory<typeof Input> | Story;
8
- export declare const Disabled: ComponentStory<typeof Input> | Story;
9
- export declare const Error: ComponentStory<typeof Input> | Story;
10
- export declare const Search: ComponentStory<typeof Input> | Story;
11
- export declare const MultiLine: ComponentStory<typeof Input> | Story;
@@ -1,113 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Search = exports.MultiLine = exports.Error = exports.Disabled = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
9
- var _ = _interopRequireDefault(require("."));
10
- var _material = require("@mui/material");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- var _default = {
14
- title: 'Components/Input',
15
- component: _.default,
16
- argTypes: {
17
- label: {
18
- control: 'text'
19
- },
20
- helperText: {
21
- control: 'text'
22
- },
23
- disabled: {
24
- control: 'boolean'
25
- },
26
- error: {
27
- control: 'boolean'
28
- },
29
- InputProps: {
30
- control: false
31
- },
32
- margin: {
33
- control: false
34
- },
35
- focused: {
36
- control: false
37
- },
38
- ref: {
39
- control: false
40
- },
41
- hiddenLabel: {
42
- control: false
43
- },
44
- 'data-testid': {
45
- control: false
46
- }
47
- }
48
- };
49
- exports.default = _default;
50
- const Default = ({
51
- ...args
52
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
53
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
54
- value: "Input Text .paragraph1",
55
- label: "label.semibold 14/17",
56
- helperText: "Helper Text .paragraph3 (Optional)",
57
- ...args
58
- })
59
- });
60
- exports.Default = Default;
61
- const Disabled = ({
62
- ...args
63
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
64
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
65
- value: "Input Text .paragraph1",
66
- label: "label.semibold 14/17",
67
- disabled: true,
68
- ...args
69
- })
70
- });
71
- exports.Disabled = Disabled;
72
- const Error = ({
73
- ...args
74
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
75
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
76
- value: "Input Text .paragraph1",
77
- label: "label.semibold 14/17",
78
- helperText: "Error Message",
79
- error: true,
80
- ...args
81
- })
82
- });
83
- exports.Error = Error;
84
- const Search = ({
85
- ...args
86
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
87
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
88
- placeholder: "Search",
89
- label: "label.semibold 14/17",
90
- InputLabelProps: {
91
- shrink: true
92
- },
93
- InputProps: {
94
- startAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
95
- position: "start",
96
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.default, {})
97
- })
98
- },
99
- ...args
100
- })
101
- });
102
- exports.Search = Search;
103
- const MultiLine = ({
104
- ...args
105
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
106
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
107
- label: "label.semibold 14/17",
108
- multiline: true,
109
- rows: 4,
110
- ...args
111
- })
112
- });
113
- exports.MultiLine = MultiLine;
@@ -1 +0,0 @@
1
- export {};
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
- var _helpers = require("../../../utils/tests/helpers");
5
- var _react2 = require("@testing-library/react");
6
- var _ = _interopRequireDefault(require("../"));
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
- describe('<Input />', () => {
10
- it('should render the Input component', () => {
11
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
12
- expect(_react2.screen.getByTestId('input-component')).toBeInTheDocument();
13
- });
14
- });
@@ -1,14 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import LinearProgress from '.';
3
- declare const _default: ComponentMeta<({ value, itemLoading, isError, feedbackText, isUploaded, ...props }: {
4
- 'data-testid'?: string | undefined;
5
- value: number;
6
- itemLoading: string;
7
- isError?: boolean | undefined;
8
- feedbackText?: string | undefined;
9
- isUploaded: boolean;
10
- } & import("@mui/material").LinearProgressProps) => import("react/jsx-runtime").JSX.Element>;
11
- export default _default;
12
- export declare const Default: ComponentStory<typeof LinearProgress> | Story;
13
- export declare const FullProgress: ComponentStory<typeof LinearProgress> | Story;
14
- export declare const ProgressError: ComponentStory<typeof LinearProgress> | Story;
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ProgressError = exports.FullProgress = 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/LinearProgress',
12
- component: _.default
13
- };
14
- exports.default = _default;
15
- const Default = ({
16
- ...args
17
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
18
- value: 60,
19
- itemLoading: 'image-file-name.png',
20
- isUploaded: false,
21
- ...args
22
- });
23
- exports.Default = Default;
24
- const FullProgress = ({
25
- ...args
26
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
27
- value: 100,
28
- itemLoading: 'image-file-name.png',
29
- isUploaded: true,
30
- ...args
31
- });
32
- exports.FullProgress = FullProgress;
33
- const ProgressError = ({
34
- ...args
35
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
36
- value: 70,
37
- itemLoading: 'image-file-name.png',
38
- isError: true,
39
- feedbackText: 'Error messaging',
40
- isUploaded: false,
41
- ...args
42
- });
43
- exports.ProgressError = ProgressError;