@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,25 +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.TableSortLabel = exports.TableRow = exports.TablePagination = exports.TableHead = exports.TableFooter = exports.TableContainer = exports.TableCell = exports.TableBody = exports.Table = void 0;
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _styles = require("@mui/material/styles");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
1
|
var _excluded = ["variant"];
|
|
13
|
-
function
|
|
14
|
-
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; }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
-
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); }
|
|
19
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
2
|
+
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); }
|
|
20
3
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
21
|
-
|
|
22
|
-
|
|
4
|
+
import { Table as MuiTable, TableBody as MuiTableBody, TableCell as MuiTableCell, TableContainer as MuiTableContainer, TableFooter as MuiTableFooter, TableHead as MuiTableHead, TablePagination as MuiTablePagination, TableRow as MuiTableRow, TableSortLabel as MuiTableSortLabel } from '@mui/material';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { styled } from '@mui/material/styles';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export var Table = function Table(props) {
|
|
9
|
+
return /*#__PURE__*/_jsx(MuiTable, {
|
|
23
10
|
"data-testid": props['data-testid'],
|
|
24
11
|
stickyHeader: props.stickyHeader,
|
|
25
12
|
sx: props.sx,
|
|
@@ -27,21 +14,19 @@ var Table = function Table(props) {
|
|
|
27
14
|
children: props.children
|
|
28
15
|
});
|
|
29
16
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableBody, {
|
|
17
|
+
export var TableBody = function TableBody(props) {
|
|
18
|
+
return /*#__PURE__*/_jsx(MuiTableBody, {
|
|
33
19
|
"data-testid": props['data-testid'],
|
|
34
20
|
sx: props.sx,
|
|
35
21
|
className: props.className,
|
|
36
22
|
children: props.children
|
|
37
23
|
});
|
|
38
24
|
};
|
|
39
|
-
|
|
40
|
-
var TableCell = function TableCell(_ref) {
|
|
25
|
+
export var TableCell = function TableCell(_ref) {
|
|
41
26
|
var _ref$variant = _ref.variant,
|
|
42
27
|
variant = _ref$variant === void 0 ? 'data' : _ref$variant,
|
|
43
|
-
props =
|
|
44
|
-
return /*#__PURE__*/(
|
|
28
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
29
|
+
return /*#__PURE__*/_jsx(MuiTableCell, {
|
|
45
30
|
"data-testid": props['data-testid'],
|
|
46
31
|
component: variant === 'header' ? 'th' : 'td',
|
|
47
32
|
align: props.align,
|
|
@@ -56,45 +41,40 @@ var TableCell = function TableCell(_ref) {
|
|
|
56
41
|
children: props.children
|
|
57
42
|
});
|
|
58
43
|
};
|
|
59
|
-
|
|
60
|
-
var StyledMuiTableContainer = (0, _styles.styled)(_material.TableContainer)({
|
|
44
|
+
var StyledMuiTableContainer = styled(MuiTableContainer)({
|
|
61
45
|
'& .MuiTableCell-root': {
|
|
62
46
|
lineHeight: '21px',
|
|
63
47
|
fontWeight: 400
|
|
64
48
|
}
|
|
65
49
|
});
|
|
66
|
-
var TableContainer = function TableContainer(props) {
|
|
67
|
-
return /*#__PURE__*/(
|
|
50
|
+
export var TableContainer = function TableContainer(props) {
|
|
51
|
+
return /*#__PURE__*/_jsx(StyledMuiTableContainer, {
|
|
68
52
|
"data-testid": props['data-testid'],
|
|
69
53
|
sx: props.sx,
|
|
70
54
|
className: props.className,
|
|
71
55
|
children: props.children
|
|
72
56
|
});
|
|
73
57
|
};
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableFooter, {
|
|
58
|
+
export var TableFooter = function TableFooter(props) {
|
|
59
|
+
return /*#__PURE__*/_jsx(MuiTableFooter, {
|
|
77
60
|
"data-testid": props['data-testid'],
|
|
78
61
|
sx: props.sx,
|
|
79
62
|
className: props.className,
|
|
80
63
|
children: props.children
|
|
81
64
|
});
|
|
82
65
|
};
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableHead, {
|
|
66
|
+
export var TableHead = function TableHead(props) {
|
|
67
|
+
return /*#__PURE__*/_jsx(MuiTableHead, {
|
|
86
68
|
"data-testid": props['data-testid'],
|
|
87
69
|
sx: props.sx,
|
|
88
70
|
className: props.className,
|
|
89
71
|
children: props.children
|
|
90
72
|
});
|
|
91
73
|
};
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TablePagination, _objectSpread({}, props));
|
|
74
|
+
export var TablePagination = function TablePagination(props) {
|
|
75
|
+
return /*#__PURE__*/_jsx(MuiTablePagination, _extends({}, props));
|
|
95
76
|
};
|
|
96
|
-
|
|
97
|
-
var StyledMuiTableRow = (0, _styles.styled)(_material.TableRow)(function (_ref2) {
|
|
77
|
+
var StyledMuiTableRow = styled(MuiTableRow)(function (_ref2) {
|
|
98
78
|
var theme = _ref2.theme;
|
|
99
79
|
return {
|
|
100
80
|
'& .MuiTableCell-root': {
|
|
@@ -106,8 +86,8 @@ var StyledMuiTableRow = (0, _styles.styled)(_material.TableRow)(function (_ref2)
|
|
|
106
86
|
}
|
|
107
87
|
};
|
|
108
88
|
});
|
|
109
|
-
var TableRow = function TableRow(props) {
|
|
110
|
-
return /*#__PURE__*/(
|
|
89
|
+
export var TableRow = function TableRow(props) {
|
|
90
|
+
return /*#__PURE__*/_jsx(StyledMuiTableRow, {
|
|
111
91
|
"data-testid": props['data-testid'],
|
|
112
92
|
hover: props.hover,
|
|
113
93
|
selected: props.selected,
|
|
@@ -116,8 +96,6 @@ var TableRow = function TableRow(props) {
|
|
|
116
96
|
children: props.children
|
|
117
97
|
});
|
|
118
98
|
};
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
};
|
|
123
|
-
exports.TableSortLabel = TableSortLabel;
|
|
99
|
+
export var TableSortLabel = function TableSortLabel(props) {
|
|
100
|
+
return /*#__PURE__*/_jsx(MuiTableSortLabel, _extends({}, props));
|
|
101
|
+
};
|
|
@@ -1,27 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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 { Tabs as MuiTabs, Tab as MuiTab, Box, Typography, Badge } from '@mui/material';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
5
|
function Tabs(props) {
|
|
14
|
-
return /*#__PURE__*/(
|
|
6
|
+
return /*#__PURE__*/_jsx(MuiTabs, {
|
|
15
7
|
value: props.value,
|
|
16
8
|
onChange: props.onChange,
|
|
17
9
|
sx: props.sx,
|
|
18
10
|
className: props.className,
|
|
19
11
|
children: props.tabs.map(function (tab, index) {
|
|
20
12
|
var _tab$count;
|
|
21
|
-
return /*#__PURE__*/(
|
|
13
|
+
return /*#__PURE__*/_jsx(MuiTab, {
|
|
22
14
|
value: index,
|
|
23
|
-
label: /*#__PURE__*/(
|
|
24
|
-
count: (_tab$count = tab.count)
|
|
15
|
+
label: /*#__PURE__*/_jsx(BadgeLabel, {
|
|
16
|
+
count: (_tab$count = tab.count) != null ? _tab$count : 0,
|
|
25
17
|
label: tab.label
|
|
26
18
|
}),
|
|
27
19
|
disableRipple: true
|
|
@@ -29,20 +21,19 @@ function Tabs(props) {
|
|
|
29
21
|
})
|
|
30
22
|
});
|
|
31
23
|
}
|
|
32
|
-
|
|
33
|
-
exports["default"] = _default;
|
|
24
|
+
export default Tabs;
|
|
34
25
|
function BadgeLabel(props) {
|
|
35
|
-
return /*#__PURE__*/(
|
|
26
|
+
return /*#__PURE__*/_jsxs(Box, {
|
|
36
27
|
sx: {
|
|
37
28
|
display: 'flex',
|
|
38
29
|
alignItems: 'center',
|
|
39
30
|
justifyContent: 'center',
|
|
40
31
|
gap: 1.5
|
|
41
32
|
},
|
|
42
|
-
children: [/*#__PURE__*/(
|
|
33
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
43
34
|
variant: "body2",
|
|
44
35
|
children: props.label
|
|
45
|
-
}), /*#__PURE__*/(
|
|
36
|
+
}), /*#__PURE__*/_jsx(Badge, {
|
|
46
37
|
badgeContent: props.count,
|
|
47
38
|
color: "primary"
|
|
48
39
|
})]
|
|
@@ -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 tabsTheme = function tabsTheme(theme) {
|
|
8
2
|
return {
|
|
9
3
|
styleOverrides: {
|
|
@@ -35,5 +29,4 @@ var tabsTheme = function tabsTheme(theme) {
|
|
|
35
29
|
}
|
|
36
30
|
};
|
|
37
31
|
};
|
|
38
|
-
|
|
39
|
-
exports["default"] = _default;
|
|
32
|
+
export default tabsTheme;
|
|
@@ -1,25 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports.defaultTheme = exports["default"] = void 0;
|
|
7
|
-
var _styles = require("@mui/material/styles");
|
|
8
|
-
var _theme = require("../../assets/theme");
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
var defaultTheme = (0, _theme.createDesignSystemTheme)();
|
|
13
|
-
exports.defaultTheme = defaultTheme;
|
|
1
|
+
import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
|
|
2
|
+
import { createDesignSystemTheme } from '../../assets/theme.js';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
export var defaultTheme = createDesignSystemTheme();
|
|
14
6
|
var ThemeProvider = function ThemeProvider(props) {
|
|
15
|
-
var theme =
|
|
7
|
+
var theme = React.useMemo(function () {
|
|
16
8
|
var _props$theme;
|
|
17
|
-
return (_props$theme = props.theme)
|
|
9
|
+
return (_props$theme = props.theme) != null ? _props$theme : defaultTheme;
|
|
18
10
|
}, [props.theme]);
|
|
19
|
-
return /*#__PURE__*/(
|
|
11
|
+
return /*#__PURE__*/_jsx(MuiThemeProvider, {
|
|
20
12
|
theme: theme,
|
|
21
13
|
children: props.children
|
|
22
14
|
});
|
|
23
15
|
};
|
|
24
|
-
|
|
25
|
-
exports["default"] = _default;
|
|
16
|
+
export default ThemeProvider;
|
|
@@ -1,38 +1,23 @@
|
|
|
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 = _interopRequireDefault(require("react"));
|
|
10
|
-
var _Alert = _interopRequireDefault(require("../Alert"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
1
|
var _excluded = ["open", "onClose", "sx", "className"];
|
|
13
|
-
function
|
|
14
|
-
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; }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
-
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); }
|
|
19
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
2
|
+
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); }
|
|
20
3
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
4
|
+
import { Snackbar as MuiSnackbar } from '@mui/material';
|
|
5
|
+
import Alert from '../Alert/index.js';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
7
|
var Toast = function Toast(_ref) {
|
|
22
8
|
var open = _ref.open,
|
|
23
9
|
onClose = _ref.onClose,
|
|
24
10
|
sx = _ref.sx,
|
|
25
11
|
className = _ref.className,
|
|
26
|
-
alertProps =
|
|
27
|
-
return /*#__PURE__*/(
|
|
12
|
+
alertProps = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
13
|
+
return /*#__PURE__*/_jsx(MuiSnackbar, {
|
|
28
14
|
open: open,
|
|
29
15
|
onClose: onClose,
|
|
30
16
|
sx: sx,
|
|
31
17
|
className: className,
|
|
32
|
-
children: /*#__PURE__*/(
|
|
18
|
+
children: /*#__PURE__*/_jsx(Alert, _extends({
|
|
33
19
|
onClose: onClose
|
|
34
20
|
}, alertProps))
|
|
35
21
|
});
|
|
36
22
|
};
|
|
37
|
-
|
|
38
|
-
exports["default"] = _default;
|
|
23
|
+
export default Toast;
|
|
@@ -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 { Typography as MuiTypography } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
4
|
var Typography = function Typography(props) {
|
|
12
|
-
return /*#__PURE__*/(
|
|
5
|
+
return /*#__PURE__*/_jsx(MuiTypography, {
|
|
13
6
|
"data-testid": props['data-testid'],
|
|
14
7
|
variant: props.variant,
|
|
15
8
|
sx: props.sx,
|
|
@@ -17,5 +10,4 @@ var Typography = function Typography(props) {
|
|
|
17
10
|
children: props.children
|
|
18
11
|
});
|
|
19
12
|
};
|
|
20
|
-
|
|
21
|
-
exports["default"] = _default;
|
|
13
|
+
export default Typography;
|
|
@@ -1,19 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _styles = require("@mui/material/styles");
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { useTheme } from '@mui/material/styles';
|
|
2
|
+
import { Box } from '@mui/material';
|
|
3
|
+
import Typography from '../Typography/index.js';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
6
|
var UtilityRail = function UtilityRail(props) {
|
|
14
|
-
var _useTheme =
|
|
7
|
+
var _useTheme = useTheme(),
|
|
15
8
|
palette = _useTheme.palette;
|
|
16
|
-
return /*#__PURE__*/(
|
|
9
|
+
return /*#__PURE__*/_jsx(Box, {
|
|
17
10
|
"data-testid": props['data-testid'],
|
|
18
11
|
sx: {
|
|
19
12
|
'div:last-of-type': {
|
|
@@ -22,8 +15,8 @@ var UtilityRail = function UtilityRail(props) {
|
|
|
22
15
|
},
|
|
23
16
|
className: props.className,
|
|
24
17
|
children: props.items.map(function (item, index) {
|
|
25
|
-
return /*#__PURE__*/(
|
|
26
|
-
"data-testid": "item-"
|
|
18
|
+
return /*#__PURE__*/_jsx(Box, {
|
|
19
|
+
"data-testid": "item-" + index,
|
|
27
20
|
sx: {
|
|
28
21
|
'&::before': {
|
|
29
22
|
content: '""',
|
|
@@ -32,17 +25,17 @@ var UtilityRail = function UtilityRail(props) {
|
|
|
32
25
|
width: '0.625rem',
|
|
33
26
|
marginLeft: '-0.5rem',
|
|
34
27
|
borderRadius: '50%',
|
|
35
|
-
border: "0.125rem "
|
|
36
|
-
backgroundColor: ""
|
|
28
|
+
border: "0.125rem " + palette.secondary.main + " solid",
|
|
29
|
+
backgroundColor: "" + palette.common.white
|
|
37
30
|
},
|
|
38
|
-
borderLeft: "0.125rem "
|
|
31
|
+
borderLeft: "0.125rem " + palette.secondary.main + " solid",
|
|
39
32
|
display: 'flex'
|
|
40
33
|
},
|
|
41
|
-
children: /*#__PURE__*/(
|
|
34
|
+
children: /*#__PURE__*/_jsxs(Box, {
|
|
42
35
|
sx: {
|
|
43
36
|
padding: '0 1.25rem 1.25rem'
|
|
44
37
|
},
|
|
45
|
-
children: [/*#__PURE__*/(
|
|
38
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
46
39
|
sx: {
|
|
47
40
|
fontSize: '0.625rem',
|
|
48
41
|
fontWeight: 400,
|
|
@@ -50,7 +43,7 @@ var UtilityRail = function UtilityRail(props) {
|
|
|
50
43
|
color: palette.text.secondary
|
|
51
44
|
},
|
|
52
45
|
children: item.subtitle
|
|
53
|
-
}), /*#__PURE__*/(
|
|
46
|
+
}), /*#__PURE__*/_jsx(Typography, {
|
|
54
47
|
sx: {
|
|
55
48
|
fontSize: '0.75rem',
|
|
56
49
|
fontWeight: 400,
|
|
@@ -58,7 +51,7 @@ var UtilityRail = function UtilityRail(props) {
|
|
|
58
51
|
color: palette.text.primary
|
|
59
52
|
},
|
|
60
53
|
children: item.title
|
|
61
|
-
}), /*#__PURE__*/(
|
|
54
|
+
}), /*#__PURE__*/_jsx(Typography, {
|
|
62
55
|
sx: {
|
|
63
56
|
fontSize: '0.625rem',
|
|
64
57
|
fontWeight: 400,
|
|
@@ -72,5 +65,4 @@ var UtilityRail = function UtilityRail(props) {
|
|
|
72
65
|
})
|
|
73
66
|
});
|
|
74
67
|
};
|
|
75
|
-
|
|
76
|
-
exports["default"] = _default;
|
|
68
|
+
export default UtilityRail;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Item } from '.';
|
|
1
|
+
import { type Item } from './index.js';
|
|
2
2
|
export declare const mock: Item[];
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.mock = void 0;
|
|
7
|
-
var mock = [{
|
|
1
|
+
export var mock = [{
|
|
8
2
|
title: 'Variant Exported by user567',
|
|
9
3
|
subtitle: '1.2.21_01:10:00',
|
|
10
4
|
description: 'Language: Spanish • Voice: Anna'
|
|
@@ -28,5 +22,4 @@ var mock = [{
|
|
|
28
22
|
title: 'Variant Exported by user567',
|
|
29
23
|
subtitle: '1.2.21_01:10:00',
|
|
30
24
|
description: 'Language: Spanish • Voice: Anna'
|
|
31
|
-
}];
|
|
32
|
-
exports.mock = mock;
|
|
25
|
+
}];
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
|
+
import { Box, Typography } from '@mui/material';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
3
|
function ZeroState() {
|
|
10
|
-
return /*#__PURE__*/(
|
|
4
|
+
return /*#__PURE__*/_jsx(Box, {
|
|
11
5
|
sx: {
|
|
12
6
|
width: '100%',
|
|
13
7
|
height: '100%',
|
|
@@ -16,10 +10,9 @@ function ZeroState() {
|
|
|
16
10
|
alignItems: 'center',
|
|
17
11
|
backgroundColor: 'rgba(224, 232, 240, 1)'
|
|
18
12
|
},
|
|
19
|
-
children: /*#__PURE__*/(
|
|
13
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
|
20
14
|
children: "No data to display"
|
|
21
15
|
})
|
|
22
16
|
});
|
|
23
17
|
}
|
|
24
|
-
|
|
25
|
-
exports["default"] = _default;
|
|
18
|
+
export default ZeroState;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _iconsMaterial = require("@mui/icons-material");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
|
+
import { HomeOutlined as MuiHomeOutlinedIcon } from '@mui/icons-material';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
3
|
var HomeOutlinedIcon = function HomeOutlinedIcon(props) {
|
|
10
|
-
return /*#__PURE__*/(
|
|
4
|
+
return /*#__PURE__*/_jsx(MuiHomeOutlinedIcon, {
|
|
11
5
|
"data-testid": props['data-testid']
|
|
12
6
|
});
|
|
13
7
|
};
|
|
14
|
-
|
|
15
|
-
exports["default"] = _default;
|
|
8
|
+
export default HomeOutlinedIcon;
|
|
@@ -1,16 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _Groups = _interopRequireDefault(require("@mui/icons-material/Groups"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { Groups } from '@mui/icons-material';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
3
|
var IconGroups = function IconGroups(props) {
|
|
11
|
-
return /*#__PURE__*/(
|
|
4
|
+
return /*#__PURE__*/_jsx(Groups, {
|
|
12
5
|
"data-testid": props['data-testid']
|
|
13
6
|
});
|
|
14
7
|
};
|
|
15
|
-
|
|
16
|
-
exports["default"] = _default;
|
|
8
|
+
export default IconGroups;
|
|
@@ -1,17 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { ListItemIcon } from '@mui/material';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
3
|
var IconListItem = function IconListItem(props) {
|
|
11
|
-
return /*#__PURE__*/(
|
|
4
|
+
return /*#__PURE__*/_jsx(ListItemIcon, {
|
|
12
5
|
"data-testid": props['data-testid'],
|
|
13
6
|
children: props.children
|
|
14
7
|
});
|
|
15
8
|
};
|
|
16
|
-
|
|
17
|
-
exports["default"] = _default;
|
|
9
|
+
export default IconListItem;
|