@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,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 {};
@@ -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('<Stepper />', () => {
9
- it('should render the Stepper component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "stepper"
12
- }));
13
- expect(_react.screen.getByTestId('stepper')).toBeInTheDocument();
14
- });
15
- });
@@ -1,6 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import BasicTabs from '.';
3
- declare const _default: ComponentMeta<({ tabs, ...props }: import(".").BasicTabsProps) => import("react/jsx-runtime").JSX.Element>;
4
- export default _default;
5
- export declare const OnOffState: ComponentStory<typeof BasicTabs> | Story;
6
- export declare const OnOffWithCount: Story<import("@storybook/react").Args> | ComponentStory<({ tabs, ...props }: import(".").BasicTabsProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.OnOffWithCount = exports.OnOffState = 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/Tabs',
14
- component: _.default
15
- };
16
- exports.default = _default;
17
- const tabs = [{
18
- label: 'Item One',
19
- 'data-testid': 'tab-0'
20
- }, {
21
- label: 'Item Two',
22
- 'data-testid': 'tab-1'
23
- }, {
24
- label: 'Item Three',
25
- 'data-testid': 'tab-3'
26
- }];
27
- const OnOffState = () => {
28
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
29
- sx: {
30
- borderBottom: 1,
31
- borderColor: 'divider'
32
- },
33
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
34
- tabs: tabs,
35
- "aria-label": "basic tabs example"
36
- })
37
- });
38
- };
39
- exports.OnOffState = OnOffState;
40
- const OnOffWithCount = OnOffState.bind({});
41
- exports.OnOffWithCount = OnOffWithCount;
42
- OnOffWithCount.args = {
43
- tabs: [{
44
- label: 'Item One',
45
- 'data-testid': 'tab-0',
46
- count: 1
47
- }, {
48
- label: 'Item Two',
49
- 'data-testid': 'tab-1',
50
- count: 2
51
- }, {
52
- label: 'Item Three',
53
- 'data-testid': 'tab-3',
54
- count: 3
55
- }]
56
- };
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- var _react = require("@testing-library/react");
4
- require("@testing-library/jest-dom");
5
- var _Tabs = _interopRequireDefault(require("../../Tabs"));
6
- var _jsxRuntime = require("react/jsx-runtime");
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
- describe('BasicTabs component', () => {
9
- const tabs = [{
10
- label: 'Tab 1',
11
- count: 5,
12
- content: 'Content 1'
13
- }, {
14
- label: 'Tab 2',
15
- count: 10,
16
- content: 'Content 2'
17
- }, {
18
- label: 'Tab 3',
19
- content: 'Content 3'
20
- }];
21
- it('should render the correct number of tabs', () => {
22
- const {
23
- getAllByRole
24
- } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
25
- tabs: tabs
26
- }));
27
- const tabElements = getAllByRole('tab');
28
- expect(tabElements).toHaveLength(tabs.length);
29
- });
30
- it('should display correct labels and optionally counts', () => {
31
- const {
32
- getByText
33
- } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
34
- tabs: tabs
35
- }));
36
- tabs.forEach(tab => {
37
- expect(getByText(tab.label)).toBeInTheDocument();
38
- if (tab.count !== undefined) {
39
- expect(getByText(tab.count.toString())).toBeInTheDocument();
40
- }
41
- });
42
- });
43
- it('should set the correct tab as active when clicked', () => {
44
- const {
45
- getAllByRole
46
- } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
47
- tabs: tabs
48
- }));
49
- const tabElements = getAllByRole('tab');
50
- _react.fireEvent.click(tabElements[1]);
51
- expect(tabElements[1]).toHaveClass('Mui-selected');
52
- });
53
- });
@@ -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('<ThemeProvider />', () => {
9
- it('should render the ThemeProvider component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- children: "ThemeProvider"
12
- }));
13
- expect(_react.screen.getByText('ThemeProvider')).toBeInTheDocument();
14
- });
15
- });
@@ -1,14 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import Toast from '.';
3
- declare const _default: ComponentMeta<({ severity, messageLabel, messageText, linkText, handleClose, open, ...props }: {
4
- 'data-testid'?: string | undefined;
5
- messageLabel?: string | undefined;
6
- messageText?: string | undefined;
7
- linkText?: string | undefined;
8
- handleClose?: (() => void) | undefined;
9
- open?: boolean | undefined;
10
- } & import("@mui/material").SnackbarProps & import("@mui/material").AlertProps) => import("react/jsx-runtime").JSX.Element>;
11
- export default _default;
12
- export declare const DefaultAutoHide: ComponentStory<typeof Toast> | Story;
13
- export declare const onClose: ComponentStory<typeof Toast> | Story;
14
- export declare const onCloseWithLink: ComponentStory<typeof Toast> | Story;
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.onCloseWithLink = exports.onClose = exports.default = exports.DefaultAutoHide = 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/Toast',
13
- component: _.default,
14
- argTypes: {
15
- severity: {
16
- options: ['success', 'info', 'warning', 'error'],
17
- control: {
18
- type: 'radio'
19
- }
20
- }
21
- }
22
- };
23
- exports.default = _default;
24
- const handleClose = () => {
25
- /**
26
- * - This is a dummy function to demonstrate passing in a handleClose prop
27
- * - It adds a close button
28
- **/
29
- };
30
- const DefaultAutoHide = ({
31
- ...args
32
- }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
33
- spacing: 2,
34
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
35
- severity: "success",
36
- ...args
37
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
38
- severity: "info",
39
- ...args
40
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
41
- severity: "warning",
42
- ...args
43
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
44
- severity: "error",
45
- ...args
46
- })]
47
- });
48
- exports.DefaultAutoHide = DefaultAutoHide;
49
- const onClose = ({
50
- ...args
51
- }) => {
52
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
53
- spacing: 2,
54
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
55
- severity: "success",
56
- autoHideDuration: 15000,
57
- handleClose: handleClose,
58
- ...args
59
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
60
- severity: "info",
61
- autoHideDuration: 15000,
62
- handleClose: handleClose,
63
- ...args
64
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
65
- severity: "warning",
66
- autoHideDuration: 15000,
67
- handleClose: handleClose,
68
- ...args
69
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
70
- severity: "error",
71
- autoHideDuration: 15000,
72
- handleClose: handleClose,
73
- ...args
74
- })]
75
- });
76
- };
77
- exports.onClose = onClose;
78
- const onCloseWithLink = ({
79
- ...args
80
- }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
81
- spacing: 2,
82
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
83
- severity: "success",
84
- linkText: "See Action Result",
85
- autoHideDuration: 15000,
86
- handleClose: handleClose,
87
- ...args
88
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
89
- severity: "info",
90
- linkText: "Link",
91
- autoHideDuration: 15000,
92
- handleClose: handleClose,
93
- ...args
94
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
95
- severity: "warning",
96
- linkText: "Action Link",
97
- autoHideDuration: 15000,
98
- handleClose: handleClose,
99
- ...args
100
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
101
- severity: "error",
102
- linkText: "Correction Link",
103
- autoHideDuration: 15000,
104
- handleClose: handleClose,
105
- ...args
106
- })]
107
- });
108
- exports.onCloseWithLink = onCloseWithLink;
@@ -1 +0,0 @@
1
- export {};
@@ -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
- describe('<Toast />', () => {
9
- it('should render the Success Toast component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "success",
12
- severity: "success"
13
- }));
14
- expect(_react.screen.getByText('Success:')).toBeInTheDocument();
15
- expect(_react.screen.getByText('Your action was completed.')).toBeInTheDocument();
16
- });
17
- it('should render the Info Toast component', () => {
18
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
19
- "data-testid": "info",
20
- severity: "info"
21
- }));
22
- expect(_react.screen.getByText('Info:')).toBeInTheDocument();
23
- expect(_react.screen.getByText('General information.')).toBeInTheDocument();
24
- });
25
- it('should render the Warning Toast component', () => {
26
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
27
- "data-testid": "warning",
28
- severity: "warning"
29
- }));
30
- expect(_react.screen.getByText('Alert:')).toBeInTheDocument();
31
- expect(_react.screen.getByText('Your action is required.')).toBeInTheDocument();
32
- });
33
- it('should render the Error Toast component', () => {
34
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
35
- "data-testid": "error",
36
- severity: "error"
37
- }));
38
- expect(_react.screen.getByText('Error:')).toBeInTheDocument();
39
- expect(_react.screen.getByText('An error has occured.')).toBeInTheDocument();
40
- });
41
- it('should render linkText in Toast component when provided', () => {
42
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
43
- "data-testid": "link",
44
- linkText: "Click link for more information"
45
- }));
46
- expect(_react.screen.getByText('Click link for more information')).toBeInTheDocument();
47
- });
48
- });
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
3
- import Typography from '.';
4
- declare const _default: ComponentMeta<({ ...props }: {
5
- 'data-testid'?: string | undefined;
6
- } & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
7
- align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
8
- children?: import("react").ReactNode;
9
- classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
10
- gutterBottom?: boolean | undefined;
11
- noWrap?: boolean | undefined;
12
- paragraph?: boolean | undefined;
13
- sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
14
- variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | undefined;
15
- variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2", string>> | undefined;
16
- } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
17
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
18
- }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | ("color" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">) => import("react/jsx-runtime").JSX.Element>;
19
- export default _default;
20
- export declare const Default: ComponentStory<typeof Typography> | Story;
@@ -1,21 +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/Typography',
12
- component: _.default
13
- };
14
- exports.default = _default;
15
- const Default = ({
16
- ...args
17
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
18
- ...args,
19
- children: "Typography"
20
- });
21
- exports.Default = Default;
@@ -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('<Typography />', () => {
9
- it('should render the Typography component', () => {
10
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
11
- "data-testid": "typography",
12
- children: "Typography"
13
- }));
14
- expect(_react.screen.getByTestId('typography')).toBeInTheDocument();
15
- });
16
- });
@@ -1,8 +0,0 @@
1
- import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
2
- import UtilityRail from '.';
3
- declare const _default: ComponentMeta<({ items, ...props }: {
4
- items: import(".").Item[];
5
- 'data-testid'?: string | undefined;
6
- }) => import("react/jsx-runtime").JSX.Element>;
7
- export default _default;
8
- export declare const Default: ComponentStory<typeof UtilityRail> | Story;
@@ -1,23 +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 _mock = require("./mock");
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/UtilityRail',
14
- component: _.default
15
- };
16
- exports.default = _default;
17
- const Default = ({
18
- ...args
19
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
20
- items: _mock.mock,
21
- ...args
22
- });
23
- exports.Default = Default;
@@ -1,18 +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 _mock = require("../mock");
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- describe('<UtilityRail />', () => {
11
- it('should render the UtilityRail component', () => {
12
- (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
13
- items: _mock.mock,
14
- "data-testid": "UtilityRail"
15
- }));
16
- expect(_react2.screen.getByTestId('UtilityRail')).toBeInTheDocument();
17
- });
18
- });
@@ -1,2 +0,0 @@
1
- /// <reference types="react-scripts" />
2
- "use strict";
@@ -1,3 +0,0 @@
1
- import { ReportHandler } from 'web-vitals';
2
- declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
3
- export default reportWebVitals;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- 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); }
8
- 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; }
9
- const reportWebVitals = onPerfEntry => {
10
- if (onPerfEntry && onPerfEntry instanceof Function) {
11
- Promise.resolve().then(() => _interopRequireWildcard(require('web-vitals'))).then(({
12
- getCLS,
13
- getFID,
14
- getFCP,
15
- getLCP,
16
- getTTFB
17
- }) => {
18
- getCLS(onPerfEntry);
19
- getFID(onPerfEntry);
20
- getFCP(onPerfEntry);
21
- getLCP(onPerfEntry);
22
- getTTFB(onPerfEntry);
23
- });
24
- }
25
- };
26
- var _default = reportWebVitals;
27
- exports.default = _default;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,3 +0,0 @@
1
- "use strict";
2
-
3
- require("@testing-library/jest-dom");
@@ -1,6 +0,0 @@
1
- import { RenderOptions } from '@testing-library/react';
2
- import { ReactElement } from 'react';
3
- export type CustomRenderProps = Omit<RenderOptions, 'queries'>;
4
- declare const customRender: (ui: ReactElement, { ...renderOptions }?: CustomRenderProps) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
5
- export * from '@testing-library/react';
6
- export { customRender as render };
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _exportNames = {
7
- render: true
8
- };
9
- exports.render = void 0;
10
- var _material = require("@mui/material");
11
- var _react = require("@testing-library/react");
12
- Object.keys(_react).forEach(function (key) {
13
- if (key === "default" || key === "__esModule") return;
14
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
15
- if (key in exports && exports[key] === _react[key]) return;
16
- Object.defineProperty(exports, key, {
17
- enumerable: true,
18
- get: function () {
19
- return _react[key];
20
- }
21
- });
22
- });
23
- var _theme = _interopRequireDefault(require("../../assets/theme"));
24
- var _jsxRuntime = require("react/jsx-runtime");
25
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
26
- const customRender = (ui, {
27
- ...renderOptions
28
- } = {}) => (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ThemeProvider, {
29
- theme: _theme.default,
30
- children: ui
31
- }), renderOptions);
32
- exports.render = customRender;