@veritone-ce/design-system 1.12.35 → 1.12.36
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 +49 -63
- package/dist/components/Alert/index.d.ts +1 -1
- package/dist/components/Alert/index.js +20 -23
- package/dist/components/AudioSlider/index.js +7 -16
- package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts +1 -1
- package/dist/components/Breadcrumbs/breadcrumbs.theme.js +1 -8
- package/dist/components/Breadcrumbs/index.js +11 -19
- package/dist/components/Button/Indicator.js +6 -13
- package/dist/components/Button/button.theme.d.ts +1 -1
- package/dist/components/Button/button.theme.js +10 -22
- package/dist/components/Button/index.js +10 -21
- package/dist/components/Checkbox/checkbox.theme.d.ts +1 -1
- package/dist/components/Checkbox/checkbox.theme.js +1 -8
- package/dist/components/Checkbox/index.js +6 -14
- package/dist/components/Drawer/index.js +5 -15
- package/dist/components/FileUploader/index.js +40 -65
- package/dist/components/FileUploader/useUploadFile.d.ts +1 -1
- package/dist/components/FileUploader/useUploadFile.js +22 -44
- package/dist/components/FormControlLabel/index.d.ts +1 -1
- package/dist/components/FormControlLabel/index.js +5 -15
- package/dist/components/Input/index.js +7 -15
- package/dist/components/Input/input.theme.js +3 -10
- package/dist/components/LinearProgress/index.js +10 -16
- package/dist/components/LinearProgress/linearProgress.theme.d.ts +1 -2
- package/dist/components/LinearProgress/linearProgress.theme.js +2 -9
- package/dist/components/Link/index.js +7 -22
- package/dist/components/List/index.js +5 -15
- package/dist/components/ListItem/index.js +5 -15
- package/dist/components/ListItemButton/index.js +5 -15
- package/dist/components/ListItemText/index.js +5 -15
- package/dist/components/MenuFlyout/constants.js +3 -12
- package/dist/components/MenuFlyout/index.js +12 -19
- package/dist/components/MenuFlyout/menuFlyout.theme.d.ts +2 -2
- package/dist/components/MenuFlyout/menuFlyout.theme.js +3 -11
- package/dist/components/Modal/index.js +7 -14
- package/dist/components/Modal/modal.theme.js +2 -9
- package/dist/components/Panel/index.js +18 -25
- package/dist/components/ProgressIndicator/DefaultProgress.d.ts +1 -1
- package/dist/components/ProgressIndicator/DefaultProgress.js +8 -14
- package/dist/components/ProgressIndicator/MLProgress.d.ts +1 -1
- package/dist/components/ProgressIndicator/MLProgress.js +8 -14
- package/dist/components/ProgressIndicator/index.js +10 -23
- package/dist/components/RadioButton/RadioButton.theme.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.theme.js +4 -11
- package/dist/components/RadioButton/index.js +6 -14
- package/dist/components/RadioGroup/index.d.ts +2 -2
- package/dist/components/RadioGroup/index.js +5 -15
- package/dist/components/Select/index.js +20 -30
- package/dist/components/Select/select.theme.d.ts +1 -1
- package/dist/components/Select/select.theme.js +1 -8
- package/dist/components/StatusChip/constants.js +3 -12
- package/dist/components/StatusChip/index.js +6 -14
- package/dist/components/StatusChip/statusChip.theme.d.ts +1 -1
- package/dist/components/StatusChip/statusChip.theme.js +7 -19
- package/dist/components/Step/index.js +5 -13
- package/dist/components/StepLabel/index.js +5 -15
- package/dist/components/Stepper/index.js +5 -13
- package/dist/components/Stepper/stepper.theme.d.ts +1 -1
- package/dist/components/Stepper/stepper.theme.js +2 -9
- package/dist/components/Table/index.js +27 -49
- package/dist/components/Tabs/index.js +12 -21
- package/dist/components/Tabs/tabs.theme.d.ts +1 -1
- package/dist/components/Tabs/tabs.theme.js +1 -8
- package/dist/components/ThemeProvider/index.js +9 -18
- package/dist/components/Toast/index.d.ts +1 -1
- package/dist/components/Toast/index.js +8 -23
- package/dist/components/Typography/index.js +5 -13
- package/dist/components/UtilityRail/index.js +17 -25
- package/dist/components/UtilityRail/mock.d.ts +1 -1
- package/dist/components/UtilityRail/mock.js +2 -9
- package/dist/components/ZeroState/index.js +5 -12
- package/dist/components/icons/HomeOutlinedIcon/index.js +4 -11
- package/dist/components/icons/IconGroups/index.js +4 -12
- package/dist/components/icons/IconListItem/index.d.ts +1 -1
- package/dist/components/icons/IconListItem/index.js +4 -12
- package/dist/index.d.ts +70 -70
- package/dist/index.js +36 -304
- package/package.json +33 -31
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
1
|
var radioButtonTheme = function radioButtonTheme(theme) {
|
|
8
2
|
return {
|
|
9
3
|
defaultProps: {
|
|
@@ -27,14 +21,14 @@ var radioButtonTheme = function radioButtonTheme(theme) {
|
|
|
27
21
|
},
|
|
28
22
|
'&.Mui-checked': {
|
|
29
23
|
'& .MuiSvgIcon-root:nth-of-type(1)': {
|
|
30
|
-
border: "1px solid "
|
|
24
|
+
border: "1px solid " + theme.palette.button.main
|
|
31
25
|
}
|
|
32
26
|
},
|
|
33
27
|
'& .MuiSvgIcon-root:nth-of-type(1)': {
|
|
34
28
|
boxSizing: 'border-box',
|
|
35
29
|
fontSize: 18,
|
|
36
30
|
color: 'transparent',
|
|
37
|
-
border: "1px solid "
|
|
31
|
+
border: "1px solid " + theme.palette.text.secondary,
|
|
38
32
|
transition: 'border-color 0.2s'
|
|
39
33
|
},
|
|
40
34
|
'& .MuiSvgIcon-root:nth-of-type(2)': {
|
|
@@ -48,7 +42,7 @@ var radioButtonTheme = function radioButtonTheme(theme) {
|
|
|
48
42
|
},
|
|
49
43
|
'&.Mui-disabled': {
|
|
50
44
|
'& .MuiSvgIcon-root:nth-of-type(1)': {
|
|
51
|
-
border: "1px solid "
|
|
45
|
+
border: "1px solid " + theme.palette.text.disabled
|
|
52
46
|
},
|
|
53
47
|
'& .MuiSvgIcon-root:nth-of-type(2)': {
|
|
54
48
|
transform: 'scale(1)',
|
|
@@ -60,5 +54,4 @@ var radioButtonTheme = function radioButtonTheme(theme) {
|
|
|
60
54
|
}
|
|
61
55
|
};
|
|
62
56
|
};
|
|
63
|
-
|
|
64
|
-
exports["default"] = _default;
|
|
57
|
+
export default radioButtonTheme;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormControlLabel, Radio as MuiRadio } from '@mui/material';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
4
|
var RadioButton = function RadioButton(props) {
|
|
12
|
-
return /*#__PURE__*/(
|
|
5
|
+
return /*#__PURE__*/_jsx(FormControlLabel, {
|
|
13
6
|
label: props.label,
|
|
14
7
|
sx: {
|
|
15
8
|
margin: 0,
|
|
@@ -29,7 +22,7 @@ var RadioButton = function RadioButton(props) {
|
|
|
29
22
|
}
|
|
30
23
|
},
|
|
31
24
|
className: props.className,
|
|
32
|
-
control: /*#__PURE__*/(
|
|
25
|
+
control: /*#__PURE__*/_jsx(MuiRadio, {
|
|
33
26
|
"data-testid": props['data-testid'],
|
|
34
27
|
name: props.name,
|
|
35
28
|
checked: props.checked,
|
|
@@ -40,5 +33,4 @@ var RadioButton = function RadioButton(props) {
|
|
|
40
33
|
})
|
|
41
34
|
});
|
|
42
35
|
};
|
|
43
|
-
|
|
44
|
-
exports["default"] = _default;
|
|
36
|
+
export default RadioButton;
|
|
@@ -5,7 +5,7 @@ export type RadioGroupProps = {
|
|
|
5
5
|
/**
|
|
6
6
|
* The default value. Use when the component is not controlled.
|
|
7
7
|
*/
|
|
8
|
-
defaultValue?:
|
|
8
|
+
defaultValue?: unknown;
|
|
9
9
|
/**
|
|
10
10
|
* The name used to reference the value of the control.
|
|
11
11
|
* If you don't provide this prop, it falls back to a randomly generated name.
|
|
@@ -22,7 +22,7 @@ export type RadioGroupProps = {
|
|
|
22
22
|
/**
|
|
23
23
|
* Value of the selected radio button. The DOM API casts this to a string.
|
|
24
24
|
*/
|
|
25
|
-
value?:
|
|
25
|
+
value?: unknown;
|
|
26
26
|
sx?: SxProps<Theme>;
|
|
27
27
|
className?: string;
|
|
28
28
|
};
|
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
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; }
|
|
1
|
+
import { RadioGroup as MuiRadioGroup } from '@mui/material';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
4
|
var RadioGroup = function RadioGroup(props) {
|
|
14
|
-
return /*#__PURE__*/(
|
|
5
|
+
return /*#__PURE__*/_jsx(MuiRadioGroup, {
|
|
15
6
|
"data-testid": props['data-testid'],
|
|
16
7
|
defaultValue: props.defaultValue,
|
|
17
8
|
name: props.name,
|
|
@@ -21,5 +12,4 @@ var RadioGroup = function RadioGroup(props) {
|
|
|
21
12
|
className: props.className
|
|
22
13
|
});
|
|
23
14
|
};
|
|
24
|
-
|
|
25
|
-
exports["default"] = _default;
|
|
15
|
+
export default RadioGroup;
|
|
@@ -1,24 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _Lens = _interopRequireDefault(require("@mui/icons-material/Lens"));
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
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; }
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { Box, FormHelperText, InputLabel, MenuItem, Select as MuiSelect } from '@mui/material';
|
|
2
|
+
import { Lens as Circle } from '@mui/icons-material';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
6
|
function Select(props) {
|
|
16
|
-
return /*#__PURE__*/(
|
|
7
|
+
return /*#__PURE__*/_jsxs(Box, {
|
|
17
8
|
sx: {
|
|
18
9
|
maxHeight: props.helperText ? '77px' : '56px'
|
|
19
10
|
},
|
|
20
11
|
className: props.className,
|
|
21
|
-
children: [/*#__PURE__*/(
|
|
12
|
+
children: [/*#__PURE__*/_jsx(InputLabel, {
|
|
22
13
|
sx: {
|
|
23
14
|
display: 'flex',
|
|
24
15
|
alignItems: 'flex-end',
|
|
@@ -26,7 +17,7 @@ function Select(props) {
|
|
|
26
17
|
marginBottom: '3px'
|
|
27
18
|
},
|
|
28
19
|
children: props.label
|
|
29
|
-
}), /*#__PURE__*/(
|
|
20
|
+
}), /*#__PURE__*/_jsx(Box, {
|
|
30
21
|
sx: {
|
|
31
22
|
display: 'flex',
|
|
32
23
|
'& .MuiOutlinedInput-root': {
|
|
@@ -42,7 +33,7 @@ function Select(props) {
|
|
|
42
33
|
}
|
|
43
34
|
}
|
|
44
35
|
},
|
|
45
|
-
children: /*#__PURE__*/(
|
|
36
|
+
children: /*#__PURE__*/_jsxs(MuiSelect, {
|
|
46
37
|
"data-testid": props['data-testid'],
|
|
47
38
|
fullWidth: props.fullWidth,
|
|
48
39
|
displayEmpty: true,
|
|
@@ -52,32 +43,32 @@ function Select(props) {
|
|
|
52
43
|
defaultValue: props.defaultValue,
|
|
53
44
|
onChange: props.onChange,
|
|
54
45
|
onClose: props.onClose,
|
|
55
|
-
children: [/*#__PURE__*/(
|
|
46
|
+
children: [/*#__PURE__*/_jsx(MenuItem, {
|
|
56
47
|
value: "",
|
|
57
48
|
children: "Select"
|
|
58
49
|
}), props.items.map(function (item, index) {
|
|
59
50
|
var _item$key;
|
|
60
|
-
return /*#__PURE__*/(
|
|
51
|
+
return /*#__PURE__*/_jsx(MenuItem, {
|
|
61
52
|
value: item.value,
|
|
62
|
-
children: /*#__PURE__*/(
|
|
53
|
+
children: /*#__PURE__*/_jsxs(Box, {
|
|
63
54
|
sx: {
|
|
64
55
|
lineHeight: '20px',
|
|
65
56
|
fontSize: '14px',
|
|
66
57
|
opacity: 0.9
|
|
67
58
|
},
|
|
68
|
-
children: [/*#__PURE__*/(
|
|
59
|
+
children: [/*#__PURE__*/_jsx(Box, {
|
|
69
60
|
sx: {
|
|
70
61
|
fontWeight: 700
|
|
71
62
|
},
|
|
72
63
|
children: item.title
|
|
73
|
-
}), /*#__PURE__*/(
|
|
64
|
+
}), /*#__PURE__*/_jsx(Box, {
|
|
74
65
|
children: item.name
|
|
75
66
|
})]
|
|
76
67
|
})
|
|
77
|
-
}, (_item$key = item.key)
|
|
68
|
+
}, (_item$key = item.key) != null ? _item$key : index);
|
|
78
69
|
})]
|
|
79
70
|
})
|
|
80
|
-
}), props.helperText && /*#__PURE__*/(
|
|
71
|
+
}), props.helperText && /*#__PURE__*/_jsx(FormHelperText, {
|
|
81
72
|
sx: {
|
|
82
73
|
lineHeight: '18px',
|
|
83
74
|
color: function color(theme) {
|
|
@@ -85,12 +76,12 @@ function Select(props) {
|
|
|
85
76
|
}
|
|
86
77
|
},
|
|
87
78
|
children: props.helperText
|
|
88
|
-
}), props.error && /*#__PURE__*/(
|
|
79
|
+
}), props.error && /*#__PURE__*/_jsxs(Box, {
|
|
89
80
|
sx: {
|
|
90
81
|
display: 'flex',
|
|
91
82
|
alignItems: 'center'
|
|
92
83
|
},
|
|
93
|
-
children: [/*#__PURE__*/(
|
|
84
|
+
children: [/*#__PURE__*/_jsx(Circle, {
|
|
94
85
|
sx: {
|
|
95
86
|
width: '14px',
|
|
96
87
|
height: '14px',
|
|
@@ -99,7 +90,7 @@ function Select(props) {
|
|
|
99
90
|
return theme.palette.error.main;
|
|
100
91
|
}
|
|
101
92
|
}
|
|
102
|
-
}), /*#__PURE__*/(
|
|
93
|
+
}), /*#__PURE__*/_jsx(FormHelperText, {
|
|
103
94
|
sx: {
|
|
104
95
|
color: function color(theme) {
|
|
105
96
|
return theme.palette.error.main;
|
|
@@ -114,5 +105,4 @@ function Select(props) {
|
|
|
114
105
|
})]
|
|
115
106
|
});
|
|
116
107
|
}
|
|
117
|
-
|
|
118
|
-
exports["default"] = _default;
|
|
108
|
+
export default Select;
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
1
|
var selectTheme = function selectTheme(theme) {
|
|
8
2
|
return {
|
|
9
3
|
defaultProps: {
|
|
@@ -59,5 +53,4 @@ var selectTheme = function selectTheme(theme) {
|
|
|
59
53
|
}
|
|
60
54
|
};
|
|
61
55
|
};
|
|
62
|
-
|
|
63
|
-
exports["default"] = _default;
|
|
56
|
+
export default selectTheme;
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.PROCESSING = exports.ERROR = exports.COMPLETE = void 0;
|
|
7
|
-
var COMPLETE = 'complete';
|
|
8
|
-
exports.COMPLETE = COMPLETE;
|
|
9
|
-
var PROCESSING = 'processing';
|
|
10
|
-
exports.PROCESSING = PROCESSING;
|
|
11
|
-
var ERROR = 'error';
|
|
12
|
-
exports.ERROR = ERROR;
|
|
1
|
+
export var COMPLETE = 'complete';
|
|
2
|
+
export var PROCESSING = 'processing';
|
|
3
|
+
export var ERROR = 'error';
|
|
@@ -1,13 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { Chip as MuiChip, Box } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
4
|
/**
|
|
12
5
|
- Use a StatusChip to display the status of some action to the user.
|
|
13
6
|
- Veritone stock options derive from the required `status` prop and include Complete, Processing, or Error. Their corresponding colors derive from Veritone's Design System guidelines.
|
|
@@ -20,13 +13,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
20
13
|
**/
|
|
21
14
|
|
|
22
15
|
var StatusChip = function StatusChip(props) {
|
|
23
|
-
return /*#__PURE__*/(
|
|
16
|
+
return /*#__PURE__*/_jsx(Box, {
|
|
24
17
|
sx: {
|
|
25
18
|
display: "inline-flex",
|
|
26
19
|
position: "relative"
|
|
27
20
|
},
|
|
28
21
|
className: props.className,
|
|
29
|
-
children: /*#__PURE__*/(
|
|
22
|
+
children: /*#__PURE__*/_jsx(MuiChip, {
|
|
30
23
|
"data-testid": props['data-testid'],
|
|
31
24
|
label: props.label ? props.label : props.status,
|
|
32
25
|
color: props.color,
|
|
@@ -36,5 +29,4 @@ var StatusChip = function StatusChip(props) {
|
|
|
36
29
|
})
|
|
37
30
|
});
|
|
38
31
|
};
|
|
39
|
-
|
|
40
|
-
exports["default"] = _default;
|
|
32
|
+
export default StatusChip;
|
|
@@ -1,22 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _constants = require("./constants");
|
|
8
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
9
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { COMPLETE, PROCESSING, ERROR } from './constants.js';
|
|
14
3
|
var statusChipTheme = function statusChipTheme(theme) {
|
|
15
4
|
return {
|
|
16
5
|
styleOverrides: {
|
|
17
6
|
root: function root(_ref) {
|
|
18
7
|
var ownerState = _ref.ownerState;
|
|
19
|
-
return
|
|
8
|
+
return _extends({
|
|
20
9
|
height: '18px',
|
|
21
10
|
width: '86px',
|
|
22
11
|
fontSize: '9px',
|
|
@@ -28,13 +17,13 @@ var statusChipTheme = function statusChipTheme(theme) {
|
|
|
28
17
|
color: theme.palette.common.white
|
|
29
18
|
}, ownerState.coloroverride ? {
|
|
30
19
|
backgroundColor: ownerState.coloroverride
|
|
31
|
-
} :
|
|
20
|
+
} : _extends({}, ownerState.status === COMPLETE && {
|
|
32
21
|
//@ts-ignore
|
|
33
22
|
backgroundColor: theme.palette.success.main
|
|
34
|
-
}
|
|
23
|
+
}, ownerState.status === PROCESSING && {
|
|
35
24
|
//@ts-ignore
|
|
36
25
|
backgroundColor: theme.palette.warning.main
|
|
37
|
-
}
|
|
26
|
+
}, ownerState.status === ERROR && {
|
|
38
27
|
//@ts-ignore
|
|
39
28
|
backgroundColor: theme.palette.error.main
|
|
40
29
|
}));
|
|
@@ -42,5 +31,4 @@ var statusChipTheme = function statusChipTheme(theme) {
|
|
|
42
31
|
}
|
|
43
32
|
};
|
|
44
33
|
};
|
|
45
|
-
|
|
46
|
-
exports["default"] = _default;
|
|
34
|
+
export default statusChipTheme;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { Step as MuiStep } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
4
|
var Step = function Step(props) {
|
|
12
|
-
return /*#__PURE__*/(
|
|
5
|
+
return /*#__PURE__*/_jsx(MuiStep, {
|
|
13
6
|
"data-testid": props['data-testid'],
|
|
14
7
|
active: props.active,
|
|
15
8
|
completed: props.completed,
|
|
@@ -19,5 +12,4 @@ var Step = function Step(props) {
|
|
|
19
12
|
children: props.children
|
|
20
13
|
});
|
|
21
14
|
};
|
|
22
|
-
|
|
23
|
-
exports["default"] = _default;
|
|
15
|
+
export default Step;
|
|
@@ -1,22 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
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; }
|
|
1
|
+
import { StepLabel as MuiStepLabel } from '@mui/material';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
4
|
var StepLabel = function StepLabel(props) {
|
|
14
|
-
return /*#__PURE__*/(
|
|
5
|
+
return /*#__PURE__*/_jsx(MuiStepLabel, {
|
|
15
6
|
"data-testid": props['data-testid'],
|
|
16
7
|
sx: props.sx,
|
|
17
8
|
className: props.className,
|
|
18
9
|
children: props.children
|
|
19
10
|
});
|
|
20
11
|
};
|
|
21
|
-
|
|
22
|
-
exports["default"] = _default;
|
|
12
|
+
export default StepLabel;
|
|
@@ -1,19 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { Stepper as MuiStepper } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
4
|
/**
|
|
12
5
|
The Stepper is used for highlighting where a user is in a progression of steps.
|
|
13
6
|
**/
|
|
14
7
|
|
|
15
8
|
var Stepper = function Stepper(props) {
|
|
16
|
-
return /*#__PURE__*/(
|
|
9
|
+
return /*#__PURE__*/_jsx(MuiStepper, {
|
|
17
10
|
"data-testid": props['data-testid'],
|
|
18
11
|
activeStep: props.activeStep,
|
|
19
12
|
sx: props.sx,
|
|
@@ -21,5 +14,4 @@ var Stepper = function Stepper(props) {
|
|
|
21
14
|
children: props.children
|
|
22
15
|
});
|
|
23
16
|
};
|
|
24
|
-
|
|
25
|
-
exports["default"] = _default;
|
|
17
|
+
export default Stepper;
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
1
|
var stepperTheme = function stepperTheme(theme) {
|
|
8
2
|
return {
|
|
9
3
|
MuiStepConnector: {
|
|
@@ -24,7 +18,7 @@ var stepperTheme = function stepperTheme(theme) {
|
|
|
24
18
|
borderRadius: "100%",
|
|
25
19
|
height: "35px",
|
|
26
20
|
width: "35px",
|
|
27
|
-
outline: "1px solid "
|
|
21
|
+
outline: "1px solid " + theme.palette.text.tertiary,
|
|
28
22
|
color: "white",
|
|
29
23
|
text: {
|
|
30
24
|
fill: theme.palette.text.tertiary
|
|
@@ -54,5 +48,4 @@ var stepperTheme = function stepperTheme(theme) {
|
|
|
54
48
|
}
|
|
55
49
|
};
|
|
56
50
|
};
|
|
57
|
-
|
|
58
|
-
exports["default"] = _default;
|
|
51
|
+
export default stepperTheme;
|