@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.
Files changed (78) hide show
  1. package/dist/assets/theme.js +49 -63
  2. package/dist/components/Alert/index.d.ts +1 -1
  3. package/dist/components/Alert/index.js +20 -23
  4. package/dist/components/AudioSlider/index.js +7 -16
  5. package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts +1 -1
  6. package/dist/components/Breadcrumbs/breadcrumbs.theme.js +1 -8
  7. package/dist/components/Breadcrumbs/index.js +11 -19
  8. package/dist/components/Button/Indicator.js +6 -13
  9. package/dist/components/Button/button.theme.d.ts +1 -1
  10. package/dist/components/Button/button.theme.js +10 -22
  11. package/dist/components/Button/index.js +10 -21
  12. package/dist/components/Checkbox/checkbox.theme.d.ts +1 -1
  13. package/dist/components/Checkbox/checkbox.theme.js +1 -8
  14. package/dist/components/Checkbox/index.js +6 -14
  15. package/dist/components/Drawer/index.js +5 -15
  16. package/dist/components/FileUploader/index.js +40 -65
  17. package/dist/components/FileUploader/useUploadFile.d.ts +1 -1
  18. package/dist/components/FileUploader/useUploadFile.js +22 -44
  19. package/dist/components/FormControlLabel/index.d.ts +1 -1
  20. package/dist/components/FormControlLabel/index.js +5 -15
  21. package/dist/components/Input/index.js +7 -15
  22. package/dist/components/Input/input.theme.js +3 -10
  23. package/dist/components/LinearProgress/index.js +10 -16
  24. package/dist/components/LinearProgress/linearProgress.theme.d.ts +1 -2
  25. package/dist/components/LinearProgress/linearProgress.theme.js +2 -9
  26. package/dist/components/Link/index.js +7 -22
  27. package/dist/components/List/index.js +5 -15
  28. package/dist/components/ListItem/index.js +5 -15
  29. package/dist/components/ListItemButton/index.js +5 -15
  30. package/dist/components/ListItemText/index.js +5 -15
  31. package/dist/components/MenuFlyout/constants.js +3 -12
  32. package/dist/components/MenuFlyout/index.js +12 -19
  33. package/dist/components/MenuFlyout/menuFlyout.theme.d.ts +2 -2
  34. package/dist/components/MenuFlyout/menuFlyout.theme.js +3 -11
  35. package/dist/components/Modal/index.js +7 -14
  36. package/dist/components/Modal/modal.theme.js +2 -9
  37. package/dist/components/Panel/index.js +18 -25
  38. package/dist/components/ProgressIndicator/DefaultProgress.d.ts +1 -1
  39. package/dist/components/ProgressIndicator/DefaultProgress.js +8 -14
  40. package/dist/components/ProgressIndicator/MLProgress.d.ts +1 -1
  41. package/dist/components/ProgressIndicator/MLProgress.js +8 -14
  42. package/dist/components/ProgressIndicator/index.js +10 -23
  43. package/dist/components/RadioButton/RadioButton.theme.d.ts +1 -1
  44. package/dist/components/RadioButton/RadioButton.theme.js +4 -11
  45. package/dist/components/RadioButton/index.js +6 -14
  46. package/dist/components/RadioGroup/index.d.ts +2 -2
  47. package/dist/components/RadioGroup/index.js +5 -15
  48. package/dist/components/Select/index.js +20 -30
  49. package/dist/components/Select/select.theme.d.ts +1 -1
  50. package/dist/components/Select/select.theme.js +1 -8
  51. package/dist/components/StatusChip/constants.js +3 -12
  52. package/dist/components/StatusChip/index.js +6 -14
  53. package/dist/components/StatusChip/statusChip.theme.d.ts +1 -1
  54. package/dist/components/StatusChip/statusChip.theme.js +7 -19
  55. package/dist/components/Step/index.js +5 -13
  56. package/dist/components/StepLabel/index.js +5 -15
  57. package/dist/components/Stepper/index.js +5 -13
  58. package/dist/components/Stepper/stepper.theme.d.ts +1 -1
  59. package/dist/components/Stepper/stepper.theme.js +2 -9
  60. package/dist/components/Table/index.js +27 -49
  61. package/dist/components/Tabs/index.js +12 -21
  62. package/dist/components/Tabs/tabs.theme.d.ts +1 -1
  63. package/dist/components/Tabs/tabs.theme.js +1 -8
  64. package/dist/components/ThemeProvider/index.js +9 -18
  65. package/dist/components/Toast/index.d.ts +1 -1
  66. package/dist/components/Toast/index.js +8 -23
  67. package/dist/components/Typography/index.js +5 -13
  68. package/dist/components/UtilityRail/index.js +17 -25
  69. package/dist/components/UtilityRail/mock.d.ts +1 -1
  70. package/dist/components/UtilityRail/mock.js +2 -9
  71. package/dist/components/ZeroState/index.js +5 -12
  72. package/dist/components/icons/HomeOutlinedIcon/index.js +4 -11
  73. package/dist/components/icons/IconGroups/index.js +4 -12
  74. package/dist/components/icons/IconListItem/index.d.ts +1 -1
  75. package/dist/components/icons/IconListItem/index.js +4 -12
  76. package/dist/index.d.ts +70 -70
  77. package/dist/index.js +36 -304
  78. 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 ".concat(theme.palette.button.main)
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 ".concat(theme.palette.text.secondary),
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 ".concat(theme.palette.text.disabled)
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
- var _default = radioButtonTheme;
64
- exports["default"] = _default;
57
+ export default radioButtonTheme;
@@ -1,15 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
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__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
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__*/(0, _jsxRuntime.jsx)(_material.Radio, {
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
- var _default = RadioButton;
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?: any;
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?: any;
25
+ value?: unknown;
26
26
  sx?: SxProps<Theme>;
27
27
  className?: string;
28
28
  };
@@ -1,17 +1,8 @@
1
- "use strict";
2
-
3
- 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); }
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__*/(0, _jsxRuntime.jsx)(_material.RadioGroup, {
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
- var _default = RadioGroup;
25
- exports["default"] = _default;
15
+ export default RadioGroup;
@@ -1,24 +1,15 @@
1
- "use strict";
2
-
3
- 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); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
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__*/(0, _jsxRuntime.jsxs)(_material.Box, {
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__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
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__*/(0, _jsxRuntime.jsx)(_material.Box, {
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__*/(0, _jsxRuntime.jsxs)(_material.Select, {
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__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
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__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
51
+ return /*#__PURE__*/_jsx(MenuItem, {
61
52
  value: item.value,
62
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
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__*/(0, _jsxRuntime.jsx)(_material.Box, {
59
+ children: [/*#__PURE__*/_jsx(Box, {
69
60
  sx: {
70
61
  fontWeight: 700
71
62
  },
72
63
  children: item.title
73
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
64
+ }), /*#__PURE__*/_jsx(Box, {
74
65
  children: item.name
75
66
  })]
76
67
  })
77
- }, (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : index);
68
+ }, (_item$key = item.key) != null ? _item$key : index);
78
69
  })]
79
70
  })
80
- }), props.helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
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__*/(0, _jsxRuntime.jsxs)(_material.Box, {
79
+ }), props.error && /*#__PURE__*/_jsxs(Box, {
89
80
  sx: {
90
81
  display: 'flex',
91
82
  alignItems: 'center'
92
83
  },
93
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Lens["default"], {
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__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
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
- var _default = Select;
118
- exports["default"] = _default;
108
+ export default Select;
@@ -1,4 +1,4 @@
1
- import { Theme } from '../../assets/theme';
1
+ import { Theme } from '../../assets/theme.js';
2
2
  declare const selectTheme: (theme: Theme) => {
3
3
  defaultProps: {
4
4
  fullWidth: boolean;
@@ -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
- var _default = selectTheme;
63
- exports["default"] = _default;
56
+ export default selectTheme;
@@ -1,12 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
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
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
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__*/(0, _jsxRuntime.jsx)(_material.Box, {
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__*/(0, _jsxRuntime.jsx)(_material.Chip, {
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
- var _default = StatusChip;
40
- exports["default"] = _default;
32
+ export default StatusChip;
@@ -1,4 +1,4 @@
1
- import { Theme } from '../../assets/theme';
1
+ import { Theme } from '../../assets/theme.js';
2
2
  import { Components } from '@mui/material';
3
3
  declare const statusChipTheme: (theme: Theme) => Components['MuiChip'];
4
4
  export default statusChipTheme;
@@ -1,22 +1,11 @@
1
- "use strict";
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 _objectSpread({
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
- } : _objectSpread(_objectSpread(_objectSpread({}, ownerState.status === _constants.COMPLETE && {
20
+ } : _extends({}, ownerState.status === COMPLETE && {
32
21
  //@ts-ignore
33
22
  backgroundColor: theme.palette.success.main
34
- }), ownerState.status === _constants.PROCESSING && {
23
+ }, ownerState.status === PROCESSING && {
35
24
  //@ts-ignore
36
25
  backgroundColor: theme.palette.warning.main
37
- }), ownerState.status === _constants.ERROR && {
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
- var _default = statusChipTheme;
46
- exports["default"] = _default;
34
+ export default statusChipTheme;
@@ -1,15 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
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__*/(0, _jsxRuntime.jsx)(_material.Step, {
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
- var _default = Step;
23
- exports["default"] = _default;
15
+ export default Step;
@@ -1,22 +1,12 @@
1
- "use strict";
2
-
3
- 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); }
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__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
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
- var _default = StepLabel;
22
- exports["default"] = _default;
12
+ export default StepLabel;
@@ -1,19 +1,12 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
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__*/(0, _jsxRuntime.jsx)(_material.Stepper, {
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
- var _default = Stepper;
25
- exports["default"] = _default;
17
+ export default Stepper;
@@ -1,4 +1,4 @@
1
- import { Theme } from '../../assets/theme';
1
+ import { Theme } from '../../assets/theme.js';
2
2
  declare const stepperTheme: (theme: Theme) => {
3
3
  MuiStepConnector: {
4
4
  styleOverrides: {
@@ -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 ".concat(theme.palette.text.tertiary),
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
- var _default = stepperTheme;
58
- exports["default"] = _default;
51
+ export default stepperTheme;