@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.
- package/dist/assets/theme.js +70 -70
- package/dist/components/Box/index.js +13 -8
- package/dist/components/Breadcrumbs/breadcrumbs.theme.js +14 -10
- package/dist/components/Breadcrumbs/index.js +9 -9
- package/dist/components/Button/Indicator.js +10 -10
- package/dist/components/Button/button.theme.js +107 -105
- package/dist/components/Button/index.js +26 -18
- package/dist/components/Button/useButtonProps.js +18 -10
- package/dist/components/Checkbox/checkbox.theme.js +21 -17
- package/dist/components/Checkbox/index.js +16 -10
- package/dist/components/CustomSlider/index.js +28 -18
- package/dist/components/Drawer/index.js +13 -8
- package/dist/components/FileUploader/index.js +88 -69
- package/dist/components/FileUploader/useUploadFile.js +148 -51
- package/dist/components/FormControlLabel/index.js +13 -8
- package/dist/components/HomeOutlinedIcon/index.js +13 -8
- package/dist/components/IconGroups/index.js +14 -9
- package/dist/components/IconListItem/index.js +17 -10
- package/dist/components/Input/index.js +16 -10
- package/dist/components/Input/input.theme.js +99 -95
- package/dist/components/LinearProgress/index.js +40 -33
- package/dist/components/LinearProgress/linearProgress.theme.js +17 -13
- package/dist/components/Link/index.js +13 -8
- package/dist/components/List/index.js +13 -8
- package/dist/components/ListItem/index.js +13 -8
- package/dist/components/ListItemButton/index.js +13 -8
- package/dist/components/ListItemText/index.js +13 -8
- package/dist/components/MenuFlyout/constants.js +3 -3
- package/dist/components/MenuFlyout/index.js +21 -13
- package/dist/components/MenuFlyout/menuFlyout.theme.js +47 -39
- package/dist/components/Modal/index.js +20 -13
- package/dist/components/Modal/modal.theme.js +28 -26
- package/dist/components/ModelGridView/index.js +109 -72
- package/dist/components/Panel/index.js +21 -19
- package/dist/components/ProgressIndicator/DefaultProgress.js +16 -10
- package/dist/components/ProgressIndicator/MLProgress.js +16 -10
- package/dist/components/ProgressIndicator/index.js +17 -14
- package/dist/components/RadioButton/RadioButton.theme.js +57 -53
- package/dist/components/RadioButton/index.js +24 -14
- package/dist/components/RadioGroup/index.js +13 -8
- package/dist/components/Select/index.js +48 -33
- package/dist/components/Select/select.theme.js +55 -51
- package/dist/components/StatusChip/constants.js +3 -3
- package/dist/components/StatusChip/index.js +19 -12
- package/dist/components/StatusChip/statusChip.theme.js +33 -29
- package/dist/components/Step/index.js +13 -8
- package/dist/components/StepLabel/index.js +13 -8
- package/dist/components/Stepper/index.js +10 -6
- package/dist/components/Stepper/stepper.theme.js +44 -42
- package/dist/components/Tabs/Badge.js +5 -6
- package/dist/components/Tabs/index.js +42 -23
- package/dist/components/Tabs/tabs.theme.js +32 -28
- package/dist/components/ThemeProvider/index.js +6 -7
- package/dist/components/Toast/index.js +41 -32
- package/dist/components/Typography/index.js +13 -8
- package/dist/components/UtilityRail/index.js +65 -57
- package/dist/components/UtilityRail/mock.js +1 -1
- package/dist/index.js +72 -72
- package/package.json +70 -82
- package/dist/assets/information.svg +0 -3
- package/dist/assets/warning.svg +0 -3
- package/dist/components/Box/__tests__/Box.test.d.ts +0 -1
- package/dist/components/Box/__tests__/Box.test.js +0 -16
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -11
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +0 -36
- package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.d.ts +0 -1
- package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.js +0 -26
- package/dist/components/Button/Button.stories.d.ts +0 -7
- package/dist/components/Button/Button.stories.js +0 -99
- package/dist/components/Button/__tests__/Button.test.d.ts +0 -1
- package/dist/components/Button/__tests__/Button.test.js +0 -59
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -5
- package/dist/components/Checkbox/Checkbox.stories.js +0 -49
- package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts +0 -1
- package/dist/components/Checkbox/__tests__/Checkbox.test.js +0 -15
- package/dist/components/CustomSlider/CustomSlider.stories.d.ts +0 -5
- package/dist/components/CustomSlider/CustomSlider.stories.js +0 -48
- package/dist/components/Drawer/__tests__/Drawer.test.d.ts +0 -1
- package/dist/components/Drawer/__tests__/Drawer.test.js +0 -16
- package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -15
- package/dist/components/FileUploader/FileUploader.stories.js +0 -25
- package/dist/components/FileUploader/__tests__/FileUploader.test.d.ts +0 -1
- package/dist/components/FileUploader/__tests__/FileUploader.test.js +0 -226
- package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.d.ts +0 -1
- package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.js +0 -19
- package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.d.ts +0 -7
- package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.js +0 -20
- package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.d.ts +0 -1
- package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.js +0 -15
- package/dist/components/IconGroups/IconGroups.stories.d.ts +0 -7
- package/dist/components/IconGroups/IconGroups.stories.js +0 -20
- package/dist/components/IconGroups/__tests__/IconGroups.test.d.ts +0 -1
- package/dist/components/IconGroups/__tests__/IconGroups.test.js +0 -15
- package/dist/components/IconListItem/__tests__/IconListItem.test.d.ts +0 -1
- package/dist/components/IconListItem/__tests__/IconListItem.test.js +0 -15
- package/dist/components/Input/Input.stories.d.ts +0 -11
- package/dist/components/Input/Input.stories.js +0 -113
- package/dist/components/Input/__tests__/Input.test.d.ts +0 -1
- package/dist/components/Input/__tests__/Input.test.js +0 -14
- package/dist/components/LinearProgress/LinearProgress.stories.d.ts +0 -14
- package/dist/components/LinearProgress/LinearProgress.stories.js +0 -43
- package/dist/components/LinearProgress/__tests__/LinearProgress.test.d.ts +0 -1
- package/dist/components/LinearProgress/__tests__/LinearProgress.test.js +0 -40
- package/dist/components/Link/__tests__/Link.test.d.ts +0 -1
- package/dist/components/Link/__tests__/Link.test.js +0 -15
- package/dist/components/List/__tests__/List.test.d.ts +0 -1
- package/dist/components/List/__tests__/List.test.js +0 -15
- package/dist/components/ListItem/__tests__/ListItem.test.d.ts +0 -1
- package/dist/components/ListItem/__tests__/ListItem.test.js +0 -15
- package/dist/components/ListItemButton/__tests__/ListItemButton.test.d.ts +0 -1
- package/dist/components/ListItemButton/__tests__/ListItemButton.test.js +0 -15
- package/dist/components/ListItemText/__tests__/ListItemText.test.d.ts +0 -1
- package/dist/components/ListItemText/__tests__/ListItemText.test.js +0 -15
- package/dist/components/MenuFlyout/MenuFlyout.stories.d.ts +0 -31
- package/dist/components/MenuFlyout/MenuFlyout.stories.js +0 -60
- package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.d.ts +0 -1
- package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.js +0 -42
- package/dist/components/Modal/Modal.stories.d.ts +0 -15
- package/dist/components/Modal/Modal.stories.js +0 -195
- package/dist/components/Modal/__tests__/Modal.test.d.ts +0 -1
- package/dist/components/Modal/__tests__/Modal.test.js +0 -17
- package/dist/components/ModelGridView/ModelGridView.stories.d.ts +0 -5
- package/dist/components/ModelGridView/ModelGridView.stories.js +0 -41
- package/dist/components/ModelGridView/__tests__/ModelGridView.test.d.ts +0 -1
- package/dist/components/ModelGridView/__tests__/ModelGridView.test.js +0 -48
- package/dist/components/Panel/Panel.stories.d.ts +0 -14
- package/dist/components/Panel/Panel.stories.js +0 -63
- package/dist/components/Panel/__tests__/Panel.test.d.ts +0 -1
- package/dist/components/Panel/__tests__/Panel.test.js +0 -74
- package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
- package/dist/components/ProgressIndicator/ProgressIndicator.stories.js +0 -45
- package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.d.ts +0 -1
- package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js +0 -32
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -10
- package/dist/components/RadioButton/RadioButton.stories.js +0 -38
- package/dist/components/RadioButton/__tests__/RadioButton.test.d.ts +0 -1
- package/dist/components/RadioButton/__tests__/RadioButton.test.js +0 -14
- package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts +0 -1
- package/dist/components/RadioGroup/__tests__/RadioGroup.test.js +0 -15
- package/dist/components/Select/Select.stories.d.ts +0 -5
- package/dist/components/Select/Select.stories.js +0 -86
- package/dist/components/Select/__tests__/Select.test.d.ts +0 -1
- package/dist/components/Select/__tests__/Select.test.js +0 -40
- package/dist/components/StatusChip/StatusChip.stories.d.ts +0 -51
- package/dist/components/StatusChip/StatusChip.stories.js +0 -59
- package/dist/components/StatusChip/__tests__/StatusChip.test.d.ts +0 -1
- package/dist/components/StatusChip/__tests__/StatusChip.test.js +0 -45
- package/dist/components/Step/__tests__/Step.test.d.ts +0 -1
- package/dist/components/Step/__tests__/Step.test.js +0 -15
- package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts +0 -1
- package/dist/components/StepLabel/__tests__/StepLabel.test.js +0 -15
- package/dist/components/Stepper/Stepper.stories.d.ts +0 -21
- package/dist/components/Stepper/Stepper.stories.js +0 -38
- package/dist/components/Stepper/__tests__/Stepper.test.d.ts +0 -1
- package/dist/components/Stepper/__tests__/Stepper.test.js +0 -15
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -6
- package/dist/components/Tabs/Tabs.stories.js +0 -56
- package/dist/components/Tabs/__tests__/Tabs.test.d.ts +0 -1
- package/dist/components/Tabs/__tests__/Tabs.test.js +0 -53
- package/dist/components/ThemeProvider/__tests__/Button.test.d.ts +0 -1
- package/dist/components/ThemeProvider/__tests__/Button.test.js +0 -15
- package/dist/components/Toast/Toast.stories.d.ts +0 -14
- package/dist/components/Toast/Toast.stories.js +0 -108
- package/dist/components/Toast/__tests__/Toast.test.d.ts +0 -1
- package/dist/components/Toast/__tests__/Toast.test.js +0 -48
- package/dist/components/Typography/Typography.stories.d.ts +0 -20
- package/dist/components/Typography/Typography.stories.js +0 -21
- package/dist/components/Typography/__tests__/Typography.test.d.ts +0 -1
- package/dist/components/Typography/__tests__/Typography.test.js +0 -16
- package/dist/components/UtilityRail/UtilityRail.stories.d.ts +0 -8
- package/dist/components/UtilityRail/UtilityRail.stories.js +0 -23
- package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts +0 -1
- package/dist/components/UtilityRail/__tests__/UtilityRail.test.js +0 -18
- package/dist/modules.d.js +0 -1
- package/dist/setupTests.d.ts +0 -1
- package/dist/setupTests.js +0 -3
- package/dist/utils/tests/helpers.d.ts +0 -6
- 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 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
var _helpers = require("../../../utils/tests/helpers");
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
var _ = _interopRequireDefault(require("../"));
|
|
7
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
describe('<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 +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('<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 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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 +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('<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 {};
|