@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,56 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
7
8
|
var _material = require("@mui/material");
|
|
8
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
var _excluded = ["severity", "messageLabel", "messageText", "linkText", "handleClose", "open"];
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
13
|
+
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; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
18
|
+
var defaultMessageLabel = {
|
|
19
|
+
success: "Success",
|
|
20
|
+
info: "Info",
|
|
21
|
+
warning: "Alert",
|
|
22
|
+
error: "Error"
|
|
14
23
|
};
|
|
15
|
-
|
|
16
|
-
success:
|
|
17
|
-
info:
|
|
18
|
-
warning:
|
|
19
|
-
error:
|
|
24
|
+
var defaultMessageText = {
|
|
25
|
+
success: "Your action was completed. ",
|
|
26
|
+
info: "General information. ",
|
|
27
|
+
warning: "Your action is required. ",
|
|
28
|
+
error: "An error has occured. "
|
|
20
29
|
};
|
|
21
|
-
|
|
22
|
-
severity =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
+
var Toast = function Toast(_ref) {
|
|
31
|
+
var _ref$severity = _ref.severity,
|
|
32
|
+
severity = _ref$severity === void 0 ? "success" : _ref$severity,
|
|
33
|
+
messageLabel = _ref.messageLabel,
|
|
34
|
+
messageText = _ref.messageText,
|
|
35
|
+
_ref$linkText = _ref.linkText,
|
|
36
|
+
linkText = _ref$linkText === void 0 ? "" : _ref$linkText,
|
|
37
|
+
handleClose = _ref.handleClose,
|
|
38
|
+
open = _ref.open,
|
|
39
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
30
40
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
31
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
|
|
32
|
-
...props,
|
|
41
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, _objectSpread(_objectSpread({}, props), {}, {
|
|
33
42
|
open: open
|
|
34
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Alert, {
|
|
43
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Alert, {
|
|
35
44
|
onClose: handleClose,
|
|
36
45
|
severity: severity,
|
|
37
46
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
38
47
|
sx: {
|
|
39
|
-
display:
|
|
40
|
-
alignItems:
|
|
48
|
+
display: "flex",
|
|
49
|
+
alignItems: "center"
|
|
41
50
|
},
|
|
42
51
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
43
52
|
sx: {
|
|
44
|
-
fontSize:
|
|
45
|
-
fontWeight:
|
|
46
|
-
marginRight:
|
|
53
|
+
fontSize: "12px",
|
|
54
|
+
fontWeight: "bold",
|
|
55
|
+
marginRight: "2px"
|
|
47
56
|
},
|
|
48
|
-
children: messageLabel ?
|
|
57
|
+
children: messageLabel ? "".concat(messageLabel + " ", ": ") : "".concat(defaultMessageLabel[severity], ": ")
|
|
49
58
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
50
59
|
sx: {
|
|
51
|
-
fontSize:
|
|
60
|
+
fontSize: "12px"
|
|
52
61
|
},
|
|
53
|
-
children: messageText ?
|
|
62
|
+
children: messageText ? "".concat(messageText + " ", " ") : defaultMessageText[severity]
|
|
54
63
|
}), linkText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
|
|
55
64
|
href: "#",
|
|
56
65
|
children: linkText
|
|
@@ -60,4 +69,4 @@ const Toast = ({
|
|
|
60
69
|
});
|
|
61
70
|
};
|
|
62
71
|
var _default = Toast;
|
|
63
|
-
exports
|
|
72
|
+
exports["default"] = _default;
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
7
8
|
var _material = require("@mui/material");
|
|
8
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
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; }
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
+
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); }
|
|
15
|
+
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
16
|
+
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); }
|
|
17
|
+
var Typography = function Typography(_ref) {
|
|
18
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
19
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, _objectSpread({}, props));
|
|
15
20
|
};
|
|
16
21
|
var _default = Typography;
|
|
17
|
-
exports
|
|
22
|
+
exports["default"] = _default;
|
|
@@ -1,76 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var _styles = require("@mui/material/styles");
|
|
9
10
|
var _material = require("@mui/material");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
var _excluded = ["items"];
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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; }
|
|
20
|
+
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
|
+
var UtilityRail = function UtilityRail(_ref) {
|
|
22
|
+
var items = _ref.items,
|
|
23
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
var _useTheme = (0, _styles.useTheme)(),
|
|
25
|
+
palette = _useTheme.palette;
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({}, props), {}, {
|
|
21
27
|
sx: {
|
|
22
28
|
'div:last-of-type': {
|
|
23
|
-
borderLeft:
|
|
29
|
+
borderLeft: "0.125rem transparent solid"
|
|
24
30
|
}
|
|
25
31
|
},
|
|
26
|
-
children: items.map((item, index)
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
'&::before': {
|
|
30
|
-
content: '""',
|
|
31
|
-
display: 'block',
|
|
32
|
-
height: '0.625rem',
|
|
33
|
-
width: '0.625rem',
|
|
34
|
-
marginLeft: '-0.5rem',
|
|
35
|
-
borderRadius: '50%',
|
|
36
|
-
border: `0.125rem ${palette.secondary.main} solid`,
|
|
37
|
-
backgroundColor: `${palette.common.white}`
|
|
38
|
-
},
|
|
39
|
-
borderLeft: `0.125rem ${palette.secondary.main} solid`,
|
|
40
|
-
display: 'flex'
|
|
41
|
-
},
|
|
42
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
32
|
+
children: items.map(function (item, index) {
|
|
33
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
34
|
+
"data-testid": "item-".concat(index),
|
|
43
35
|
sx: {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
36
|
+
'&::before': {
|
|
37
|
+
content: '""',
|
|
38
|
+
display: 'block',
|
|
39
|
+
height: '0.625rem',
|
|
40
|
+
width: '0.625rem',
|
|
41
|
+
marginLeft: '-0.5rem',
|
|
42
|
+
borderRadius: '50%',
|
|
43
|
+
border: "0.125rem ".concat(palette.secondary.main, " solid"),
|
|
44
|
+
backgroundColor: "".concat(palette.common.white)
|
|
52
45
|
},
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
fontWeight: 400,
|
|
58
|
-
lineHeight: '1rem',
|
|
59
|
-
color: palette.text.primary
|
|
60
|
-
},
|
|
61
|
-
children: item.title
|
|
62
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
46
|
+
borderLeft: "0.125rem ".concat(palette.secondary.main, " solid"),
|
|
47
|
+
display: 'flex'
|
|
48
|
+
},
|
|
49
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
63
50
|
sx: {
|
|
64
|
-
|
|
65
|
-
fontWeight: 400,
|
|
66
|
-
lineHeight: '1rem',
|
|
67
|
-
color: palette.text.secondary
|
|
51
|
+
padding: '0 1.25rem 1.25rem'
|
|
68
52
|
},
|
|
69
|
-
children:
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
53
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
54
|
+
sx: {
|
|
55
|
+
fontSize: '0.625rem',
|
|
56
|
+
fontWeight: 400,
|
|
57
|
+
lineHeight: '1rem',
|
|
58
|
+
color: palette.text.secondary
|
|
59
|
+
},
|
|
60
|
+
children: item.subtitle
|
|
61
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
62
|
+
sx: {
|
|
63
|
+
fontSize: '0.75rem',
|
|
64
|
+
fontWeight: 400,
|
|
65
|
+
lineHeight: '1rem',
|
|
66
|
+
color: palette.text.primary
|
|
67
|
+
},
|
|
68
|
+
children: item.title
|
|
69
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
70
|
+
sx: {
|
|
71
|
+
fontSize: '0.625rem',
|
|
72
|
+
fontWeight: 400,
|
|
73
|
+
lineHeight: '1rem',
|
|
74
|
+
color: palette.text.secondary
|
|
75
|
+
},
|
|
76
|
+
children: item.description
|
|
77
|
+
})]
|
|
78
|
+
})
|
|
79
|
+
}, index);
|
|
80
|
+
})
|
|
81
|
+
}));
|
|
74
82
|
};
|
|
75
83
|
var _default = UtilityRail;
|
|
76
|
-
exports
|
|
84
|
+
exports["default"] = _default;
|
package/dist/index.js
CHANGED
|
@@ -5,217 +5,217 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Box", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Box
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Box["default"];
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Breadcrumbs", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _Breadcrumbs
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Breadcrumbs["default"];
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "Button", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _Button
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _Button["default"];
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "Checkbox", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _Checkbox
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _Checkbox["default"];
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "CustomSlider", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _CustomSlider
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _CustomSlider["default"];
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "Drawer", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _Drawer
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _Drawer["default"];
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "FileUploader", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function () {
|
|
45
|
-
return _FileUploader
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _FileUploader["default"];
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "FormControlLabel", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function () {
|
|
51
|
-
return _FormControlLabel
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _FormControlLabel["default"];
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
Object.defineProperty(exports, "HomeOutlinedIcon", {
|
|
55
55
|
enumerable: true,
|
|
56
|
-
get: function () {
|
|
57
|
-
return _HomeOutlinedIcon
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _HomeOutlinedIcon["default"];
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
Object.defineProperty(exports, "IconGroups", {
|
|
61
61
|
enumerable: true,
|
|
62
|
-
get: function () {
|
|
63
|
-
return _IconGroups
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _IconGroups["default"];
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
66
|
Object.defineProperty(exports, "IconListItem", {
|
|
67
67
|
enumerable: true,
|
|
68
|
-
get: function () {
|
|
69
|
-
return _IconListItem
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _IconListItem["default"];
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
Object.defineProperty(exports, "Input", {
|
|
73
73
|
enumerable: true,
|
|
74
|
-
get: function () {
|
|
75
|
-
return _Input
|
|
74
|
+
get: function get() {
|
|
75
|
+
return _Input["default"];
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
78
|
Object.defineProperty(exports, "LinearProgress", {
|
|
79
79
|
enumerable: true,
|
|
80
|
-
get: function () {
|
|
81
|
-
return _LinearProgress
|
|
80
|
+
get: function get() {
|
|
81
|
+
return _LinearProgress["default"];
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
84
|
Object.defineProperty(exports, "Link", {
|
|
85
85
|
enumerable: true,
|
|
86
|
-
get: function () {
|
|
87
|
-
return _Link
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _Link["default"];
|
|
88
88
|
}
|
|
89
89
|
});
|
|
90
90
|
Object.defineProperty(exports, "List", {
|
|
91
91
|
enumerable: true,
|
|
92
|
-
get: function () {
|
|
93
|
-
return _List
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _List["default"];
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
Object.defineProperty(exports, "ListItem", {
|
|
97
97
|
enumerable: true,
|
|
98
|
-
get: function () {
|
|
99
|
-
return _ListItem
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _ListItem["default"];
|
|
100
100
|
}
|
|
101
101
|
});
|
|
102
102
|
Object.defineProperty(exports, "ListItemButton", {
|
|
103
103
|
enumerable: true,
|
|
104
|
-
get: function () {
|
|
105
|
-
return _ListItemButton
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _ListItemButton["default"];
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
108
|
Object.defineProperty(exports, "ListItemText", {
|
|
109
109
|
enumerable: true,
|
|
110
|
-
get: function () {
|
|
111
|
-
return _ListItemText
|
|
110
|
+
get: function get() {
|
|
111
|
+
return _ListItemText["default"];
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
Object.defineProperty(exports, "MenuFlyout", {
|
|
115
115
|
enumerable: true,
|
|
116
|
-
get: function () {
|
|
117
|
-
return _MenuFlyout
|
|
116
|
+
get: function get() {
|
|
117
|
+
return _MenuFlyout["default"];
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
120
|
Object.defineProperty(exports, "Modal", {
|
|
121
121
|
enumerable: true,
|
|
122
|
-
get: function () {
|
|
123
|
-
return _Modal
|
|
122
|
+
get: function get() {
|
|
123
|
+
return _Modal["default"];
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
126
|
Object.defineProperty(exports, "ModelGridView", {
|
|
127
127
|
enumerable: true,
|
|
128
|
-
get: function () {
|
|
129
|
-
return _ModelGridView
|
|
128
|
+
get: function get() {
|
|
129
|
+
return _ModelGridView["default"];
|
|
130
130
|
}
|
|
131
131
|
});
|
|
132
132
|
Object.defineProperty(exports, "Panel", {
|
|
133
133
|
enumerable: true,
|
|
134
|
-
get: function () {
|
|
135
|
-
return _Panel
|
|
134
|
+
get: function get() {
|
|
135
|
+
return _Panel["default"];
|
|
136
136
|
}
|
|
137
137
|
});
|
|
138
138
|
Object.defineProperty(exports, "ProgressIndicator", {
|
|
139
139
|
enumerable: true,
|
|
140
|
-
get: function () {
|
|
141
|
-
return _ProgressIndicator
|
|
140
|
+
get: function get() {
|
|
141
|
+
return _ProgressIndicator["default"];
|
|
142
142
|
}
|
|
143
143
|
});
|
|
144
144
|
Object.defineProperty(exports, "RadioButton", {
|
|
145
145
|
enumerable: true,
|
|
146
|
-
get: function () {
|
|
147
|
-
return _RadioButton
|
|
146
|
+
get: function get() {
|
|
147
|
+
return _RadioButton["default"];
|
|
148
148
|
}
|
|
149
149
|
});
|
|
150
150
|
Object.defineProperty(exports, "RadioGroup", {
|
|
151
151
|
enumerable: true,
|
|
152
|
-
get: function () {
|
|
153
|
-
return _RadioGroup
|
|
152
|
+
get: function get() {
|
|
153
|
+
return _RadioGroup["default"];
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
156
|
Object.defineProperty(exports, "Select", {
|
|
157
157
|
enumerable: true,
|
|
158
|
-
get: function () {
|
|
159
|
-
return _Select
|
|
158
|
+
get: function get() {
|
|
159
|
+
return _Select["default"];
|
|
160
160
|
}
|
|
161
161
|
});
|
|
162
162
|
Object.defineProperty(exports, "StatusChip", {
|
|
163
163
|
enumerable: true,
|
|
164
|
-
get: function () {
|
|
165
|
-
return _StatusChip
|
|
164
|
+
get: function get() {
|
|
165
|
+
return _StatusChip["default"];
|
|
166
166
|
}
|
|
167
167
|
});
|
|
168
168
|
Object.defineProperty(exports, "Step", {
|
|
169
169
|
enumerable: true,
|
|
170
|
-
get: function () {
|
|
171
|
-
return _Step
|
|
170
|
+
get: function get() {
|
|
171
|
+
return _Step["default"];
|
|
172
172
|
}
|
|
173
173
|
});
|
|
174
174
|
Object.defineProperty(exports, "StepLabel", {
|
|
175
175
|
enumerable: true,
|
|
176
|
-
get: function () {
|
|
177
|
-
return _StepLabel
|
|
176
|
+
get: function get() {
|
|
177
|
+
return _StepLabel["default"];
|
|
178
178
|
}
|
|
179
179
|
});
|
|
180
180
|
Object.defineProperty(exports, "Stepper", {
|
|
181
181
|
enumerable: true,
|
|
182
|
-
get: function () {
|
|
183
|
-
return _Stepper
|
|
182
|
+
get: function get() {
|
|
183
|
+
return _Stepper["default"];
|
|
184
184
|
}
|
|
185
185
|
});
|
|
186
186
|
Object.defineProperty(exports, "Tabs", {
|
|
187
187
|
enumerable: true,
|
|
188
|
-
get: function () {
|
|
189
|
-
return _Tabs
|
|
188
|
+
get: function get() {
|
|
189
|
+
return _Tabs["default"];
|
|
190
190
|
}
|
|
191
191
|
});
|
|
192
192
|
Object.defineProperty(exports, "ThemeProvider", {
|
|
193
193
|
enumerable: true,
|
|
194
|
-
get: function () {
|
|
195
|
-
return _ThemeProvider
|
|
194
|
+
get: function get() {
|
|
195
|
+
return _ThemeProvider["default"];
|
|
196
196
|
}
|
|
197
197
|
});
|
|
198
198
|
Object.defineProperty(exports, "Toast", {
|
|
199
199
|
enumerable: true,
|
|
200
|
-
get: function () {
|
|
201
|
-
return _Toast
|
|
200
|
+
get: function get() {
|
|
201
|
+
return _Toast["default"];
|
|
202
202
|
}
|
|
203
203
|
});
|
|
204
204
|
Object.defineProperty(exports, "Typography", {
|
|
205
205
|
enumerable: true,
|
|
206
|
-
get: function () {
|
|
207
|
-
return _Typography
|
|
206
|
+
get: function get() {
|
|
207
|
+
return _Typography["default"];
|
|
208
208
|
}
|
|
209
209
|
});
|
|
210
210
|
Object.defineProperty(exports, "theme", {
|
|
211
211
|
enumerable: true,
|
|
212
|
-
get: function () {
|
|
213
|
-
return _theme
|
|
212
|
+
get: function get() {
|
|
213
|
+
return _theme["default"];
|
|
214
214
|
}
|
|
215
215
|
});
|
|
216
216
|
Object.defineProperty(exports, "useTheme", {
|
|
217
217
|
enumerable: true,
|
|
218
|
-
get: function () {
|
|
218
|
+
get: function get() {
|
|
219
219
|
return _material.useTheme;
|
|
220
220
|
}
|
|
221
221
|
});
|
|
@@ -255,4 +255,4 @@ var _StatusChip = _interopRequireDefault(require("./components/StatusChip"));
|
|
|
255
255
|
var _Toast = _interopRequireDefault(require("./components/Toast"));
|
|
256
256
|
var _theme = _interopRequireDefault(require("./assets/theme"));
|
|
257
257
|
var _material = require("@mui/material");
|
|
258
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
258
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|