@veritone-ce/design-system 1.12.22 → 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 (178) hide show
  1. package/dist/assets/theme.js +70 -70
  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 +70 -82
  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/modules.d.js +0 -1
  175. package/dist/setupTests.d.ts +0 -1
  176. package/dist/setupTests.js +0 -3
  177. package/dist/utils/tests/helpers.d.ts +0 -6
  178. package/dist/utils/tests/helpers.js +0 -32
@@ -1,74 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
- var _react2 = 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('<Panel />', () => {
9
- it('should render the Panel component with primary variant', () => {
10
- (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- title: "Panel title",
12
- isOpen: false,
13
- children: "With some children"
14
- }));
15
- expect(_react2.screen.getByText('Panel title')).toBeInTheDocument();
16
- expect(_react2.screen.getByTestId('wrapper-panel')).toBeInTheDocument();
17
- expect(_react2.screen.getByTestId('panel-close-icon')).toBeInTheDocument();
18
- const header = _react2.screen.getByTestId('header-panel');
19
- const style = getComputedStyle(header);
20
- expect(style.background).toBe('rgb(156, 39, 176)');
21
- });
22
- it('should render the Panel component with big size', () => {
23
- (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
24
- title: "Panel title",
25
- isOpen: true,
26
- children: "With some children"
27
- }));
28
- const wrapper = _react2.screen.getByTestId('wrapper-panel');
29
- const style = getComputedStyle(wrapper);
30
- expect(style.maxWidth).toBe('720px');
31
- });
32
- it('should render the Panel component with medium size', () => {
33
- (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
34
- size: "medium",
35
- title: "Panel title",
36
- isOpen: true,
37
- children: "With some children"
38
- }));
39
- const wrapper = _react2.screen.getByTestId('wrapper-panel');
40
- const style = getComputedStyle(wrapper);
41
- expect(style.maxWidth).toBe('560px');
42
- });
43
- it('should render the Panel component with small size', () => {
44
- (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
45
- size: "small",
46
- title: "Panel title",
47
- isOpen: true,
48
- children: "With some children"
49
- }));
50
- const wrapper = _react2.screen.getByTestId('wrapper-panel');
51
- const style = getComputedStyle(wrapper);
52
- expect(style.maxWidth).toBe('380px');
53
- });
54
- it('should close the Panel component', () => {
55
- const handleClose = jest.fn();
56
- (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
57
- title: "Panel title",
58
- isOpen: true,
59
- handleClose: handleClose
60
- }));
61
- const buttonClose = _react2.screen.getByTestId('close-button-wrapper-panel');
62
- _react2.fireEvent.click(buttonClose);
63
- expect(handleClose).toBeCalled();
64
- });
65
- it('should creates data test id in props', () => {
66
- (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
67
- title: "Panel title",
68
- isOpen: true,
69
- "data-testid": "panel-test"
70
- }));
71
- expect(_react2.screen.getByTestId('overlay-panel-test')).toBeInTheDocument();
72
- expect(_react2.screen.getByTestId('close-button-panel-test')).toBeInTheDocument();
73
- });
74
- });
@@ -1,7 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import ProgressIndicator, { ProgressIndicatorProps } from '.';
3
- declare const _default: ComponentMeta<({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof ProgressIndicator> | Story;
6
- export declare const Medium: Story<import("@storybook/react").Args> | ComponentStory<({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
7
- export declare const Large: Story<import("@storybook/react").Args> | ComponentStory<({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,45 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Medium = exports.Large = exports.Default = void 0;
7
- var _material = require("@mui/material");
8
- var _ = _interopRequireDefault(require("."));
9
- var _react = require("react");
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- var _default = {
13
- title: 'Components/ProgressIndicator',
14
- component: _.default
15
- };
16
- exports.default = _default;
17
- const previewProps = [{
18
- itemLoading: 'default',
19
- type: 'default',
20
- size: 18
21
- }];
22
- const Default = ({
23
- ...args
24
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
25
- children: previewProps.map((props, index) => /*#__PURE__*/(0, _react.createElement)(_.default, {
26
- ...props,
27
- ...args,
28
- key: index
29
- }))
30
- });
31
- exports.Default = Default;
32
- const Medium = Default.bind({});
33
- exports.Medium = Medium;
34
- Medium.args = {
35
- itemLoading: 'medium',
36
- size: 30,
37
- type: 'medium'
38
- };
39
- const Large = Default.bind({});
40
- exports.Large = Large;
41
- Large.args = {
42
- itemLoading: 'large',
43
- size: 50,
44
- type: 'large'
45
- };
@@ -1,32 +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('<ProgressIndicator />', () => {
9
- it('should render the ProgressIndicator component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "progress-indicator",
12
- itemLoading: "true"
13
- }));
14
- expect(_react.screen.getByTestId('progress-indicator')).toBeInTheDocument();
15
- });
16
- it('should render component ProgressIndicator type medium', () => {
17
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
18
- "data-testid": "progress-indicator",
19
- type: "medium",
20
- itemLoading: "true"
21
- }));
22
- expect(_react.screen.getByTestId('progress-indicator')).toBeInTheDocument();
23
- });
24
- it('should render component ProgressIndicator type large', () => {
25
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
26
- "data-testid": "progress-indicator",
27
- type: "large",
28
- itemLoading: "true"
29
- }));
30
- expect(_react.screen.getByTestId('progress-indicator')).toBeInTheDocument();
31
- });
32
- });
@@ -1,10 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import RadioButton from '.';
3
- declare const _default: ComponentMeta<({ label, ...props }: {
4
- 'data-testid'?: string | undefined;
5
- label?: string | undefined;
6
- } & import("@mui/material").RadioProps) => import("react/jsx-runtime").JSX.Element>;
7
- export default _default;
8
- export declare const Default: ComponentStory<typeof RadioButton> | Story;
9
- export declare const Checked: ComponentStory<typeof RadioButton> | Story;
10
- export declare const Disabled: ComponentStory<typeof RadioButton> | Story;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Disabled = exports.Default = exports.Checked = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ = _interopRequireDefault(require("."));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- var _default = {
12
- title: 'Components/RadioButton',
13
- component: _.default
14
- };
15
- exports.default = _default;
16
- const Default = ({
17
- ...args
18
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
19
- label: "Label",
20
- ...args
21
- });
22
- exports.Default = Default;
23
- const Checked = ({
24
- ...args
25
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
26
- label: "Label",
27
- checked: true,
28
- ...args
29
- });
30
- exports.Checked = Checked;
31
- const Disabled = ({
32
- ...args
33
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
34
- label: "Label",
35
- disabled: true,
36
- ...args
37
- });
38
- exports.Disabled = Disabled;
@@ -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('<RadioButton />', () => {
10
- it('should render the RadioButton component', () => {
11
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
12
- expect(_react2.screen.getByTestId('radio-button')).toBeInTheDocument();
13
- });
14
- });
@@ -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('<RadioGroup />', () => {
9
- it('should render the RadioGroup component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "radio-group"
12
- }));
13
- expect(_react.screen.getByTestId('radio-group')).toBeInTheDocument();
14
- });
15
- });
@@ -1,5 +0,0 @@
1
- import { ComponentStory, ComponentMeta } from '@storybook/react';
2
- declare const _default: ComponentMeta<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => import("react/jsx-runtime").JSX.Element>;
3
- export default _default;
4
- export declare const Default: ComponentStory<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => import("react/jsx-runtime").JSX.Element>;
5
- export declare const MultiLine: ComponentStory<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,86 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.MultiLine = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _material = require("@mui/material");
9
- var _ = _interopRequireDefault(require("."));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- var _default = {
13
- title: 'Components/Select',
14
- component: _.default
15
- };
16
- exports.default = _default;
17
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
18
- sx: {
19
- display: `grid`,
20
- gridTemplateColumns: `repeat(2, 300px)`,
21
- gap: 2
22
- },
23
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
24
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
25
- ...args
26
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
27
- ...args,
28
- helperText: "Helper Text"
29
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
30
- ...args,
31
- disabled: true
32
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
33
- ...args,
34
- disabled: true,
35
- helperText: "Helper Text"
36
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
37
- ...args,
38
- error: true,
39
- errorMessage: "Error Message"
40
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
41
- ...args,
42
- error: true,
43
- errorMessage: "Error Message",
44
- helperText: "Helper Text"
45
- })]
46
- })
47
- });
48
- const Default = Template.bind({});
49
- exports.Default = Default;
50
- Default.args = {
51
- label: 'Label',
52
- value: '',
53
- items: [{
54
- name: 'One',
55
- value: 1
56
- }, {
57
- name: 'Two',
58
- value: 2
59
- }, {
60
- name: 'Three',
61
- value: 3
62
- }],
63
- fullWidth: true,
64
- displayEmpty: true
65
- };
66
- const MultiLine = Template.bind({});
67
- exports.MultiLine = MultiLine;
68
- MultiLine.args = {
69
- label: 'Label',
70
- value: '',
71
- items: [{
72
- name: 'UA-12234566',
73
- value: 4,
74
- title: 'Google Analytics'
75
- }, {
76
- name: 'UA-12234567',
77
- value: 4,
78
- title: 'Source'
79
- }, {
80
- name: 'UA-12234568',
81
- value: 4,
82
- title: 'Source'
83
- }],
84
- fullWidth: true,
85
- displayEmpty: true
86
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,40 +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
- const items = [{
9
- name: 'One',
10
- value: 1
11
- }, {
12
- name: 'Two',
13
- value: 2
14
- }, {
15
- name: 'Three',
16
- value: 3
17
- }];
18
- describe('<Select />', () => {
19
- it('should render the Select component', () => {
20
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
21
- "data-testid": "select",
22
- label: 'Select',
23
- value: '',
24
- items: items
25
- }));
26
- expect(_react.screen.getByTestId('select')).toBeInTheDocument();
27
- });
28
- it('should render Select component with all properties', () => {
29
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
30
- "data-testid": "select",
31
- label: 'Select',
32
- value: '',
33
- helperText: "Helper Text",
34
- error: true,
35
- errorMessage: "Error Message",
36
- items: items
37
- }));
38
- expect(_react.screen.getByTestId('select')).toBeInTheDocument();
39
- });
40
- });
@@ -1,51 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ label, ...props }: {
4
- 'data-testid'?: string | undefined;
5
- status: "error" | "complete" | "processing" | "custom";
6
- label?: string | undefined;
7
- coloroverride?: string | undefined;
8
- } & {
9
- avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
10
- children?: null | undefined;
11
- classes?: Partial<import("@mui/material").ChipClasses> | undefined;
12
- clickable?: boolean | undefined;
13
- color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
14
- deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
15
- disabled?: boolean | undefined;
16
- icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
17
- label?: import("react").ReactNode;
18
- onDelete?: ((event: any) => void) | undefined;
19
- size?: "small" | "medium" | undefined;
20
- skipFocusWhenDisabled?: boolean | undefined;
21
- sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
22
- tabIndex?: number | undefined;
23
- variant?: "outlined" | "filled" | undefined;
24
- } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
25
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
26
- }, "color" | "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "disabled" | "sx" | "size" | "variant" | "clickable" | "avatar" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">) => import("react/jsx-runtime").JSX.Element>;
27
- export default _default;
28
- export declare const Options: ComponentStory<({ label, ...props }: {
29
- 'data-testid'?: string | undefined;
30
- status: "error" | "complete" | "processing" | "custom";
31
- label?: string | undefined;
32
- coloroverride?: string | undefined;
33
- } & {
34
- avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
35
- children?: null | undefined;
36
- classes?: Partial<import("@mui/material").ChipClasses> | undefined;
37
- clickable?: boolean | undefined;
38
- color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
39
- deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
40
- disabled?: boolean | undefined;
41
- icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
42
- label?: import("react").ReactNode;
43
- onDelete?: ((event: any) => void) | undefined;
44
- size?: "small" | "medium" | undefined;
45
- skipFocusWhenDisabled?: boolean | undefined;
46
- sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
47
- tabIndex?: number | undefined;
48
- variant?: "outlined" | "filled" | undefined;
49
- } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
50
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
51
- }, "color" | "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "disabled" | "sx" | "size" | "variant" | "clickable" | "avatar" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">) => import("react/jsx-runtime").JSX.Element>;
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Options = void 0;
7
- var _material = require("@mui/material");
8
- var _constants = require("./constants");
9
- var _ = _interopRequireDefault(require("."));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- var _default = {
13
- title: 'Components/StatusChip',
14
- component: _.default,
15
- argTypes: {
16
- status: {
17
- options: [_constants.COMPLETE, _constants.PROCESSING, _constants.ERROR, 'custom'],
18
- control: {
19
- type: 'radio'
20
- }
21
- },
22
- label: {
23
- control: {
24
- type: 'text'
25
- }
26
- },
27
- children: {
28
- control: 'none'
29
- },
30
- color: {
31
- options: ['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning', undefined]
32
- }
33
- }
34
- };
35
- exports.default = _default;
36
- const previewProps = [{
37
- status: _constants.COMPLETE
38
- }, {
39
- status: _constants.PROCESSING
40
- }, {
41
- status: _constants.ERROR
42
- }];
43
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
44
- sx: {
45
- display: `grid`,
46
- gridTemplateRows: `repeat(4, min-content)`,
47
- justifyItems: `flex-start`,
48
- gap: 2
49
- },
50
- children: previewProps.map((props, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
51
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
52
- ...props,
53
- ...args
54
- })
55
- }, index))
56
- });
57
- const Options = Template.bind({});
58
- exports.Options = Options;
59
- Options.args = {};
@@ -1,45 +0,0 @@
1
- "use strict";
2
-
3
- var _helpers = require("../../../utils/tests/helpers");
4
- var _react = require("@testing-library/react");
5
- var _constants = require("../constants");
6
- var _theme = require("../../../assets/theme");
7
- var _ = _interopRequireDefault(require(".."));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- describe('<StatusChip />', () => {
11
- it('should render the Default StatusChip Complete component', () => {
12
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
13
- "data-testid": _constants.COMPLETE,
14
- status: _constants.COMPLETE
15
- }));
16
- expect(_react.screen.getByText(_constants.COMPLETE)).toBeInTheDocument();
17
- expect(_react.screen.getByTestId(_constants.COMPLETE)).toHaveStyle(`background-color: ${_theme.colors.brand.success}`);
18
- });
19
- it('should render the Default StatusChip Processing component', () => {
20
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
21
- "data-testid": _constants.PROCESSING,
22
- status: _constants.PROCESSING
23
- }));
24
- expect(_react.screen.getByText(_constants.PROCESSING)).toBeInTheDocument();
25
- expect(_react.screen.getByTestId(_constants.PROCESSING)).toHaveStyle(`background-color: ${_theme.colors.brand.warning}`);
26
- });
27
- it('should render the Default StatusChip Error component', () => {
28
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
29
- "data-testid": _constants.ERROR,
30
- status: _constants.ERROR
31
- }));
32
- expect(_react.screen.getByText('error')).toBeInTheDocument();
33
- expect(_react.screen.getByTestId(_constants.ERROR)).toHaveStyle(`background-color: ${_theme.colors.brand.error}`);
34
- });
35
- it('should render a customized StatusChip component', () => {
36
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
37
- "data-testid": 'test',
38
- status: 'custom',
39
- label: 'customized',
40
- coloroverride: '#000'
41
- }));
42
- expect(_react.screen.getByText('customized')).toBeInTheDocument();
43
- expect(_react.screen.getByTestId('test')).toHaveStyle(`background-color: #000`);
44
- });
45
- });
@@ -1 +0,0 @@
1
- export {};
@@ -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('<Step />', () => {
9
- it('should render the Step component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "step"
12
- }));
13
- expect(_react.screen.getByTestId('step')).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('<StepLabel />', () => {
9
- it('should render the StepLabel component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "step-label"
12
- }));
13
- expect(_react.screen.getByTestId('step-label')).toBeInTheDocument();
14
- });
15
- });
@@ -1,21 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
3
- import Stepper from '.';
4
- declare const _default: ComponentMeta<(props: {
5
- 'data-testid'?: string | undefined;
6
- } & {
7
- component?: import("react").ElementType<any> | undefined;
8
- } & Pick<import("@mui/material").PaperProps<"div", {}>, "variant" | "square" | "elevation"> & {
9
- activeStep?: number | undefined;
10
- alternativeLabel?: boolean | undefined;
11
- children?: import("react").ReactNode;
12
- classes?: Partial<import("@mui/material").StepperClasses> | undefined;
13
- connector?: import("react").ReactElement<any, any> | null | undefined;
14
- nonLinear?: boolean | undefined;
15
- orientation?: import("@mui/material").Orientation | undefined;
16
- sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
17
- } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
18
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
19
- }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "square" | "elevation" | "orientation" | "component" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear">) => import("react/jsx-runtime").JSX.Element>;
20
- export default _default;
21
- export declare const Default: ComponentStory<typeof Stepper> | Story;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Default = void 0;
7
- var _material = require("@mui/material");
8
- var _ = _interopRequireDefault(require("."));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- var _default = {
12
- title: 'Components/Stepper',
13
- component: _.default
14
- };
15
- exports.default = _default;
16
- const Default = ({
17
- ...args
18
- }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
19
- ...args,
20
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
21
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
22
- children: "This is a label"
23
- })
24
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
25
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
26
- children: "This is another label"
27
- })
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
29
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
30
- children: "This is a third label"
31
- })
32
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
33
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
34
- children: "This is a fourth label"
35
- })
36
- })]
37
- });
38
- exports.Default = Default;
@@ -1 +0,0 @@
1
- export {};