@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,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('<Link />', () => {
9
- it('should render the Link component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "link"
12
- }));
13
- expect(_react.screen.getByTestId('link')).toBeInTheDocument();
14
- });
15
- });
@@ -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('<List />', () => {
9
- it('should render the List component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "list"
12
- }));
13
- expect(_react.screen.getByTestId('list')).toBeInTheDocument();
14
- });
15
- });
@@ -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('<ListItem />', () => {
9
- it('should render the ListItem component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "list-item"
12
- }));
13
- expect(_react.screen.getByTestId('list-item')).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('<ListItemButton />', () => {
9
- it('should render the ListItemButton component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "list-item-button"
12
- }));
13
- expect(_react.screen.getByTestId('list-item-button')).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('<ListItemText />', () => {
9
- it('should render the ListItemText component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "list-item-text"
12
- }));
13
- expect(_react.screen.getByTestId('list-item-text')).toBeInTheDocument();
14
- });
15
- });
@@ -1,31 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ menuOptions, open, ...props }: {
4
- 'data-testid'?: string | undefined;
5
- menuOptions: {
6
- label: string;
7
- icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
8
- }[];
9
- } & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;
10
- export default _default;
11
- export declare const Default: ComponentStory<({ menuOptions, open, ...props }: {
12
- 'data-testid'?: string | undefined;
13
- menuOptions: {
14
- label: string;
15
- icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
16
- }[];
17
- } & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;
18
- export declare const WithIcons: ComponentStory<({ menuOptions, open, ...props }: {
19
- 'data-testid'?: string | undefined;
20
- menuOptions: {
21
- label: string;
22
- icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
23
- }[];
24
- } & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;
25
- export declare const WithoutIcons: ComponentStory<({ menuOptions, open, ...props }: {
26
- 'data-testid'?: string | undefined;
27
- menuOptions: {
28
- label: string;
29
- icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
30
- }[];
31
- } & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.WithoutIcons = exports.WithIcons = exports.Default = void 0;
7
- var _EditOutlined = _interopRequireDefault(require("@mui/icons-material/EditOutlined"));
8
- var _PersonAddAltOutlined = _interopRequireDefault(require("@mui/icons-material/PersonAddAltOutlined"));
9
- var _DeleteOutlined = _interopRequireDefault(require("@mui/icons-material/DeleteOutlined"));
10
- var _constants = require("./constants");
11
- var _ = _interopRequireDefault(require("."));
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- var _default = {
15
- title: 'Components/MenuFlyout',
16
- component: _.default
17
- };
18
- exports.default = _default;
19
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
20
- ...args
21
- });
22
- const Default = Template.bind({});
23
- exports.Default = Default;
24
- Default.args = {
25
- menuOptions: [{
26
- label: 'This is an example of a 2 line item',
27
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditOutlined.default, {})
28
- }, {
29
- label: '1 Line Item',
30
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditOutlined.default, {})
31
- }, {
32
- label: '2 Line Item',
33
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditOutlined.default, {})
34
- }]
35
- };
36
- const WithIcons = Template.bind({});
37
- exports.WithIcons = WithIcons;
38
- WithIcons.args = {
39
- menuOptions: [{
40
- label: _constants.editLabel,
41
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditOutlined.default, {})
42
- }, {
43
- label: _constants.shareWithLabel,
44
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PersonAddAltOutlined.default, {})
45
- }, {
46
- label: _constants.deleteLabel,
47
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutlined.default, {})
48
- }]
49
- };
50
- const WithoutIcons = Template.bind({});
51
- exports.WithoutIcons = WithoutIcons;
52
- WithoutIcons.args = {
53
- menuOptions: [{
54
- label: _constants.editLabel
55
- }, {
56
- label: _constants.shareWithLabel
57
- }, {
58
- label: _constants.deleteLabel
59
- }]
60
- };
@@ -1,42 +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 _EditOutlined = _interopRequireDefault(require("@mui/icons-material/EditOutlined"));
7
- var _ = _interopRequireDefault(require(".."));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- describe('<MenuFlyout />', () => {
11
- const mockMenuOptions = [{
12
- label: _constants.editLabel
13
- }, {
14
- label: _constants.shareWithLabel
15
- }];
16
- const mockMenuIconOptions = [{
17
- label: _constants.editLabel,
18
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditOutlined.default, {})
19
- }];
20
- it('should render the MenuFlyout component, multi item list without icons', () => {
21
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
22
- "data-testid": "menu-flyout",
23
- open: true,
24
- menuOptions: mockMenuOptions
25
- }));
26
- expect(_react.screen.getByTestId('menu-flyout')).toBeInTheDocument();
27
- expect(_react.screen.getByText(_constants.editLabel)).toBeInTheDocument();
28
- expect(_react.screen.getByText(_constants.shareWithLabel)).toBeInTheDocument();
29
- expect(_react.screen.getByRole('menu').children).toHaveLength(2);
30
- });
31
- it('should render MenuFlyout component, single item list with icon', () => {
32
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
33
- "data-testid": "menu-flyout",
34
- open: true,
35
- menuOptions: mockMenuIconOptions
36
- }));
37
- expect(_react.screen.getByTestId('menu-flyout')).toBeInTheDocument();
38
- expect(_react.screen.getByText(_constants.editLabel)).toBeInTheDocument();
39
- expect(_react.screen.getByTestId('EditOutlinedIcon')).toBeVisible();
40
- expect(_react.screen.getByRole('menu').children).toHaveLength(1);
41
- });
42
- });
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
3
- import Modal from '.';
4
- declare const _default: ComponentMeta<({ handleClose, isOpen, title, children, ...props }: {
5
- 'data-testid'?: string | undefined;
6
- handleClose?: (() => void) | undefined;
7
- isOpen: boolean;
8
- title?: string | undefined;
9
- height?: string | undefined;
10
- children?: import("react").ReactNode;
11
- }) => import("react/jsx-runtime").JSX.Element>;
12
- export default _default;
13
- export declare const Primary: ComponentStory<typeof Modal> | Story;
14
- export declare const Destructive: ComponentStory<typeof Modal> | Story;
15
- export declare const Disabled: ComponentStory<typeof Modal> | Story;
@@ -1,195 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Primary = exports.Disabled = exports.Destructive = void 0;
7
- var _ = _interopRequireDefault(require("."));
8
- var _Button = _interopRequireDefault(require("../Button"));
9
- var _Input = _interopRequireDefault(require("../Input"));
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/Modal',
15
- component: _.default,
16
- argTypes: {
17
- isOpen: {
18
- control: 'boolean',
19
- defaultValue: true
20
- },
21
- title: {
22
- control: 'text',
23
- defaultValue: 'Modal Title'
24
- }
25
- }
26
- };
27
- exports.default = _default;
28
- const Primary = ({
29
- ...args
30
- }) => {
31
- const {
32
- palette
33
- } = (0, _material.useTheme)();
34
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
35
- isOpen: true,
36
- title: "Modal Title",
37
- ...args,
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContent, {
39
- sx: {
40
- paddingBottom: '20px'
41
- },
42
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
43
- id: "alert-dialog-description",
44
- sx: {
45
- fontSize: '14px',
46
- fontWeight: '400',
47
- lineHeight: '20px',
48
- color: palette.text.primary
49
- },
50
- children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat id tortor et feugiat. Nulla facilisi. Quisque a dui sit amet tellus scelerisque laoreet."
51
- })
52
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogActions, {
53
- sx: {
54
- padding: '30px'
55
- },
56
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
57
- variant: "tertiary",
58
- children: "Cancel"
59
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
60
- children: "Action"
61
- })]
62
- })]
63
- });
64
- };
65
- exports.Primary = Primary;
66
- const Destructive = ({
67
- ...args
68
- }) => {
69
- const {
70
- palette
71
- } = (0, _material.useTheme)();
72
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
73
- isOpen: true,
74
- title: "Modal Title",
75
- ...args,
76
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContent, {
77
- sx: {
78
- paddingBottom: '5px'
79
- },
80
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
81
- id: "alert-dialog-description",
82
- sx: {
83
- fontSize: '14px',
84
- fontWeight: '400',
85
- lineHeight: '20px',
86
- color: palette.text.primary
87
- },
88
- children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat id tortor et feugiat.."
89
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContentText, {
90
- id: "alert-dialog-description",
91
- sx: {
92
- fontSize: '14px',
93
- fontWeight: '400',
94
- lineHeight: '20px',
95
- color: palette.text.primary,
96
- marginTop: '15px'
97
- },
98
- children: ["To continue, type ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
99
- children: "DELETE"
100
- }), " in the box to confirm."]
101
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
102
- value: "DELETE",
103
- sx: {
104
- '& .MuiOutlinedInput-root': {
105
- width: '157px',
106
- marginTop: '10px'
107
- },
108
- '& .MuiInputBase-root input': {
109
- fontSize: '14px',
110
- fontWeight: 700,
111
- lineHeight: '20px',
112
- color: '#5C6269'
113
- }
114
- }
115
- })]
116
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogActions, {
117
- sx: {
118
- padding: '14px 30px 20px'
119
- },
120
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
121
- variant: "tertiary",
122
- children: "Cancel"
123
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
124
- color: "error",
125
- children: "Delete"
126
- })]
127
- })]
128
- });
129
- };
130
- exports.Destructive = Destructive;
131
- const Disabled = ({
132
- ...args
133
- }) => {
134
- const {
135
- palette
136
- } = (0, _material.useTheme)();
137
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
138
- isOpen: true,
139
- title: "Modal Title",
140
- ...args,
141
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContent, {
142
- sx: {
143
- paddingBottom: '5px'
144
- },
145
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
146
- id: "alert-dialog-description",
147
- sx: {
148
- fontSize: '14px',
149
- fontWeight: '400',
150
- lineHeight: '20px',
151
- color: palette.text.primary
152
- },
153
- children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat id tortor et feugiat.."
154
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContentText, {
155
- id: "alert-dialog-description",
156
- sx: {
157
- fontSize: '14px',
158
- fontWeight: '400',
159
- lineHeight: '20px',
160
- color: palette.text.primary,
161
- marginTop: '15px'
162
- },
163
- children: ["To continue, type ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
164
- children: "DELETE"
165
- }), " in the box to confirm."]
166
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
167
- sx: {
168
- '& .MuiOutlinedInput-root': {
169
- width: '157px',
170
- marginTop: '10px'
171
- },
172
- '& .MuiInputBase-root input': {
173
- fontSize: '14px',
174
- fontWeight: 700,
175
- lineHeight: '20px',
176
- color: palette.neutral.main
177
- }
178
- }
179
- })]
180
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogActions, {
181
- sx: {
182
- padding: '14px 30px 20px'
183
- },
184
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
185
- variant: "tertiary",
186
- children: "Cancel"
187
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
188
- color: "error",
189
- disabled: true,
190
- children: "Delete"
191
- })]
192
- })]
193
- });
194
- };
195
- exports.Disabled = Disabled;
@@ -1 +0,0 @@
1
- export {};
@@ -1,17 +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('<Modal />', () => {
10
- it('should render the Modal component', () => {
11
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
12
- "data-testid": "modal",
13
- isOpen: true
14
- }));
15
- expect(_react2.screen.getByTestId('modal')).toBeInTheDocument();
16
- });
17
- });
@@ -1,5 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import ModelGridView from '.';
3
- declare const _default: ComponentMeta<({ rows }: import(".").ModelGridViewProps) => import("react/jsx-runtime").JSX.Element>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof ModelGridView> | Story;
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Default = 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
- const mockData = [{
12
- modelName: 'Lebron James',
13
- lastModified: 'MM/DD/YYYY HH:MM',
14
- consentForm: 'Complete',
15
- versions: 2,
16
- deployed: 2
17
- }, {
18
- modelName: 'John Madden',
19
- lastModified: 'MM/DD/YYYY HH:MM',
20
- consentForm: 'Complete',
21
- versions: 2,
22
- deployed: 0
23
- }, {
24
- modelName: 'Ryan Seacrest',
25
- lastModified: 'MM/DD/YYYY HH:MM',
26
- consentForm: 'Complete',
27
- versions: 2,
28
- deployed: 0
29
- }];
30
- var _default = {
31
- title: 'Components/ModelGridView',
32
- component: _.default
33
- };
34
- exports.default = _default;
35
- const Default = ({
36
- ...args
37
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
38
- rows: mockData,
39
- ...args
40
- });
41
- exports.Default = Default;
@@ -1,48 +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 mockData = [{
9
- modelName: 'Lebron James',
10
- lastModified: 'MM/DD/YYYY HH:MM',
11
- consentForm: 'Complete',
12
- versions: 2,
13
- deployed: 2
14
- }, {
15
- modelName: 'John Madden',
16
- lastModified: 'MM/DD/YYYY HH:MM',
17
- consentForm: 'Complete',
18
- versions: 2,
19
- deployed: 0
20
- }, {
21
- modelName: 'Ryan Seacrest',
22
- lastModified: 'MM/DD/YYYY HH:MM',
23
- consentForm: 'Complete',
24
- versions: 2,
25
- deployed: 0
26
- }];
27
- describe('<ModelGridView />', () => {
28
- it('should render the ModelGridView component', () => {
29
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
30
- rows: mockData
31
- }));
32
- expect(_react.screen.getByText('Model Name')).toBeInTheDocument();
33
- });
34
- it('should change order of lines', () => {
35
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
36
- rows: mockData
37
- }));
38
- expect(_react.fireEvent.click(_react.screen.getAllByTestId('ArrowDownwardIcon')[0]));
39
- expect(_react.fireEvent.click(_react.screen.getAllByTestId('ArrowDownwardIcon')[0]));
40
- });
41
- it('should select item', () => {
42
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
43
- rows: mockData
44
- }));
45
- expect(_react.fireEvent.click(_react.screen.getAllByTestId('MoreVertIcon')[0]));
46
- expect(_react.fireEvent.click(_react.screen.getAllByText('Edit Model')[0]));
47
- });
48
- });
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import { Story, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ title, isOpen, children, size, handleClose, ...props }: {
4
- title: string;
5
- isOpen: boolean;
6
- size?: "big" | "small" | "medium" | undefined;
7
- children?: import("react").ReactNode;
8
- handleClose?: (() => void) | undefined;
9
- 'data-testid'?: string | undefined;
10
- }) => import("react/jsx-runtime").JSX.Element>;
11
- export default _default;
12
- export declare const Big: Story;
13
- export declare const Medium: Story;
14
- export declare const Small: Story;
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Small = exports.Medium = exports.Big = 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/Panel',
12
- component: _.default,
13
- argTypes: {
14
- title: {
15
- defaultValue: 'Panel',
16
- control: {
17
- type: 'text'
18
- }
19
- },
20
- isOpen: {
21
- control: {
22
- type: 'boolean'
23
- },
24
- defaultValue: true
25
- },
26
- handleClose: {
27
- control: false
28
- },
29
- 'data-testid': {
30
- control: false
31
- },
32
- size: {
33
- control: false
34
- }
35
- }
36
- };
37
- exports.default = _default;
38
- const Big = ({
39
- ...args
40
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
41
- title: "Big Panel",
42
- isOpen: true,
43
- ...args
44
- });
45
- exports.Big = Big;
46
- const Medium = ({
47
- ...args
48
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
49
- title: "Medium Panel",
50
- isOpen: true,
51
- size: "medium",
52
- ...args
53
- });
54
- exports.Medium = Medium;
55
- const Small = ({
56
- ...args
57
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
58
- title: "Small Panel",
59
- size: "small",
60
- isOpen: true,
61
- ...args
62
- });
63
- exports.Small = Small;
@@ -1 +0,0 @@
1
- export {};