@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.
Files changed (178) hide show
  1. package/dist/assets/theme.js +70 -70
  2. package/dist/components/Box/index.js +13 -8
  3. package/dist/components/Breadcrumbs/breadcrumbs.theme.js +14 -10
  4. package/dist/components/Breadcrumbs/index.js +9 -9
  5. package/dist/components/Button/Indicator.js +10 -10
  6. package/dist/components/Button/button.theme.js +107 -105
  7. package/dist/components/Button/index.js +26 -18
  8. package/dist/components/Button/useButtonProps.js +18 -10
  9. package/dist/components/Checkbox/checkbox.theme.js +21 -17
  10. package/dist/components/Checkbox/index.js +16 -10
  11. package/dist/components/CustomSlider/index.js +28 -18
  12. package/dist/components/Drawer/index.js +13 -8
  13. package/dist/components/FileUploader/index.js +88 -69
  14. package/dist/components/FileUploader/useUploadFile.js +148 -51
  15. package/dist/components/FormControlLabel/index.js +13 -8
  16. package/dist/components/HomeOutlinedIcon/index.js +13 -8
  17. package/dist/components/IconGroups/index.js +14 -9
  18. package/dist/components/IconListItem/index.js +17 -10
  19. package/dist/components/Input/index.js +16 -10
  20. package/dist/components/Input/input.theme.js +99 -95
  21. package/dist/components/LinearProgress/index.js +40 -33
  22. package/dist/components/LinearProgress/linearProgress.theme.js +17 -13
  23. package/dist/components/Link/index.js +13 -8
  24. package/dist/components/List/index.js +13 -8
  25. package/dist/components/ListItem/index.js +13 -8
  26. package/dist/components/ListItemButton/index.js +13 -8
  27. package/dist/components/ListItemText/index.js +13 -8
  28. package/dist/components/MenuFlyout/constants.js +3 -3
  29. package/dist/components/MenuFlyout/index.js +21 -13
  30. package/dist/components/MenuFlyout/menuFlyout.theme.js +47 -39
  31. package/dist/components/Modal/index.js +20 -13
  32. package/dist/components/Modal/modal.theme.js +28 -26
  33. package/dist/components/ModelGridView/index.js +109 -72
  34. package/dist/components/Panel/index.js +21 -19
  35. package/dist/components/ProgressIndicator/DefaultProgress.js +16 -10
  36. package/dist/components/ProgressIndicator/MLProgress.js +16 -10
  37. package/dist/components/ProgressIndicator/index.js +17 -14
  38. package/dist/components/RadioButton/RadioButton.theme.js +57 -53
  39. package/dist/components/RadioButton/index.js +24 -14
  40. package/dist/components/RadioGroup/index.js +13 -8
  41. package/dist/components/Select/index.js +48 -33
  42. package/dist/components/Select/select.theme.js +55 -51
  43. package/dist/components/StatusChip/constants.js +3 -3
  44. package/dist/components/StatusChip/index.js +19 -12
  45. package/dist/components/StatusChip/statusChip.theme.js +33 -29
  46. package/dist/components/Step/index.js +13 -8
  47. package/dist/components/StepLabel/index.js +13 -8
  48. package/dist/components/Stepper/index.js +10 -6
  49. package/dist/components/Stepper/stepper.theme.js +44 -42
  50. package/dist/components/Tabs/Badge.js +5 -6
  51. package/dist/components/Tabs/index.js +42 -23
  52. package/dist/components/Tabs/tabs.theme.js +32 -28
  53. package/dist/components/ThemeProvider/index.js +6 -7
  54. package/dist/components/Toast/index.js +41 -32
  55. package/dist/components/Typography/index.js +13 -8
  56. package/dist/components/UtilityRail/index.js +65 -57
  57. package/dist/components/UtilityRail/mock.js +1 -1
  58. package/dist/index.js +72 -72
  59. package/package.json +70 -82
  60. package/dist/assets/information.svg +0 -3
  61. package/dist/assets/warning.svg +0 -3
  62. package/dist/components/Box/__tests__/Box.test.d.ts +0 -1
  63. package/dist/components/Box/__tests__/Box.test.js +0 -16
  64. package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -11
  65. package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +0 -36
  66. package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.d.ts +0 -1
  67. package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.js +0 -26
  68. package/dist/components/Button/Button.stories.d.ts +0 -7
  69. package/dist/components/Button/Button.stories.js +0 -99
  70. package/dist/components/Button/__tests__/Button.test.d.ts +0 -1
  71. package/dist/components/Button/__tests__/Button.test.js +0 -59
  72. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -5
  73. package/dist/components/Checkbox/Checkbox.stories.js +0 -49
  74. package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts +0 -1
  75. package/dist/components/Checkbox/__tests__/Checkbox.test.js +0 -15
  76. package/dist/components/CustomSlider/CustomSlider.stories.d.ts +0 -5
  77. package/dist/components/CustomSlider/CustomSlider.stories.js +0 -48
  78. package/dist/components/Drawer/__tests__/Drawer.test.d.ts +0 -1
  79. package/dist/components/Drawer/__tests__/Drawer.test.js +0 -16
  80. package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -15
  81. package/dist/components/FileUploader/FileUploader.stories.js +0 -25
  82. package/dist/components/FileUploader/__tests__/FileUploader.test.d.ts +0 -1
  83. package/dist/components/FileUploader/__tests__/FileUploader.test.js +0 -226
  84. package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.d.ts +0 -1
  85. package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.js +0 -19
  86. package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.d.ts +0 -7
  87. package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.js +0 -20
  88. package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.d.ts +0 -1
  89. package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.js +0 -15
  90. package/dist/components/IconGroups/IconGroups.stories.d.ts +0 -7
  91. package/dist/components/IconGroups/IconGroups.stories.js +0 -20
  92. package/dist/components/IconGroups/__tests__/IconGroups.test.d.ts +0 -1
  93. package/dist/components/IconGroups/__tests__/IconGroups.test.js +0 -15
  94. package/dist/components/IconListItem/__tests__/IconListItem.test.d.ts +0 -1
  95. package/dist/components/IconListItem/__tests__/IconListItem.test.js +0 -15
  96. package/dist/components/Input/Input.stories.d.ts +0 -11
  97. package/dist/components/Input/Input.stories.js +0 -113
  98. package/dist/components/Input/__tests__/Input.test.d.ts +0 -1
  99. package/dist/components/Input/__tests__/Input.test.js +0 -14
  100. package/dist/components/LinearProgress/LinearProgress.stories.d.ts +0 -14
  101. package/dist/components/LinearProgress/LinearProgress.stories.js +0 -43
  102. package/dist/components/LinearProgress/__tests__/LinearProgress.test.d.ts +0 -1
  103. package/dist/components/LinearProgress/__tests__/LinearProgress.test.js +0 -40
  104. package/dist/components/Link/__tests__/Link.test.d.ts +0 -1
  105. package/dist/components/Link/__tests__/Link.test.js +0 -15
  106. package/dist/components/List/__tests__/List.test.d.ts +0 -1
  107. package/dist/components/List/__tests__/List.test.js +0 -15
  108. package/dist/components/ListItem/__tests__/ListItem.test.d.ts +0 -1
  109. package/dist/components/ListItem/__tests__/ListItem.test.js +0 -15
  110. package/dist/components/ListItemButton/__tests__/ListItemButton.test.d.ts +0 -1
  111. package/dist/components/ListItemButton/__tests__/ListItemButton.test.js +0 -15
  112. package/dist/components/ListItemText/__tests__/ListItemText.test.d.ts +0 -1
  113. package/dist/components/ListItemText/__tests__/ListItemText.test.js +0 -15
  114. package/dist/components/MenuFlyout/MenuFlyout.stories.d.ts +0 -31
  115. package/dist/components/MenuFlyout/MenuFlyout.stories.js +0 -60
  116. package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.d.ts +0 -1
  117. package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.js +0 -42
  118. package/dist/components/Modal/Modal.stories.d.ts +0 -15
  119. package/dist/components/Modal/Modal.stories.js +0 -195
  120. package/dist/components/Modal/__tests__/Modal.test.d.ts +0 -1
  121. package/dist/components/Modal/__tests__/Modal.test.js +0 -17
  122. package/dist/components/ModelGridView/ModelGridView.stories.d.ts +0 -5
  123. package/dist/components/ModelGridView/ModelGridView.stories.js +0 -41
  124. package/dist/components/ModelGridView/__tests__/ModelGridView.test.d.ts +0 -1
  125. package/dist/components/ModelGridView/__tests__/ModelGridView.test.js +0 -48
  126. package/dist/components/Panel/Panel.stories.d.ts +0 -14
  127. package/dist/components/Panel/Panel.stories.js +0 -63
  128. package/dist/components/Panel/__tests__/Panel.test.d.ts +0 -1
  129. package/dist/components/Panel/__tests__/Panel.test.js +0 -74
  130. package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
  131. package/dist/components/ProgressIndicator/ProgressIndicator.stories.js +0 -45
  132. package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.d.ts +0 -1
  133. package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js +0 -32
  134. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -10
  135. package/dist/components/RadioButton/RadioButton.stories.js +0 -38
  136. package/dist/components/RadioButton/__tests__/RadioButton.test.d.ts +0 -1
  137. package/dist/components/RadioButton/__tests__/RadioButton.test.js +0 -14
  138. package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts +0 -1
  139. package/dist/components/RadioGroup/__tests__/RadioGroup.test.js +0 -15
  140. package/dist/components/Select/Select.stories.d.ts +0 -5
  141. package/dist/components/Select/Select.stories.js +0 -86
  142. package/dist/components/Select/__tests__/Select.test.d.ts +0 -1
  143. package/dist/components/Select/__tests__/Select.test.js +0 -40
  144. package/dist/components/StatusChip/StatusChip.stories.d.ts +0 -51
  145. package/dist/components/StatusChip/StatusChip.stories.js +0 -59
  146. package/dist/components/StatusChip/__tests__/StatusChip.test.d.ts +0 -1
  147. package/dist/components/StatusChip/__tests__/StatusChip.test.js +0 -45
  148. package/dist/components/Step/__tests__/Step.test.d.ts +0 -1
  149. package/dist/components/Step/__tests__/Step.test.js +0 -15
  150. package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts +0 -1
  151. package/dist/components/StepLabel/__tests__/StepLabel.test.js +0 -15
  152. package/dist/components/Stepper/Stepper.stories.d.ts +0 -21
  153. package/dist/components/Stepper/Stepper.stories.js +0 -38
  154. package/dist/components/Stepper/__tests__/Stepper.test.d.ts +0 -1
  155. package/dist/components/Stepper/__tests__/Stepper.test.js +0 -15
  156. package/dist/components/Tabs/Tabs.stories.d.ts +0 -6
  157. package/dist/components/Tabs/Tabs.stories.js +0 -56
  158. package/dist/components/Tabs/__tests__/Tabs.test.d.ts +0 -1
  159. package/dist/components/Tabs/__tests__/Tabs.test.js +0 -53
  160. package/dist/components/ThemeProvider/__tests__/Button.test.d.ts +0 -1
  161. package/dist/components/ThemeProvider/__tests__/Button.test.js +0 -15
  162. package/dist/components/Toast/Toast.stories.d.ts +0 -14
  163. package/dist/components/Toast/Toast.stories.js +0 -108
  164. package/dist/components/Toast/__tests__/Toast.test.d.ts +0 -1
  165. package/dist/components/Toast/__tests__/Toast.test.js +0 -48
  166. package/dist/components/Typography/Typography.stories.d.ts +0 -20
  167. package/dist/components/Typography/Typography.stories.js +0 -21
  168. package/dist/components/Typography/__tests__/Typography.test.d.ts +0 -1
  169. package/dist/components/Typography/__tests__/Typography.test.js +0 -16
  170. package/dist/components/UtilityRail/UtilityRail.stories.d.ts +0 -8
  171. package/dist/components/UtilityRail/UtilityRail.stories.js +0 -23
  172. package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts +0 -1
  173. package/dist/components/UtilityRail/__tests__/UtilityRail.test.js +0 -18
  174. package/dist/modules.d.js +0 -1
  175. package/dist/setupTests.d.ts +0 -1
  176. package/dist/setupTests.js +0 -3
  177. package/dist/utils/tests/helpers.d.ts +0 -6
  178. 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.default = void 0;
7
+ exports["default"] = void 0;
7
8
  var _material = require("@mui/material");
8
9
  var _jsxRuntime = require("react/jsx-runtime");
9
- const defaultMessageLabel = {
10
- success: `Success`,
11
- info: `Info`,
12
- warning: `Alert`,
13
- error: `Error`
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
- const defaultMessageText = {
16
- success: `Your action was completed. `,
17
- info: `General information. `,
18
- warning: `Your action is required. `,
19
- error: `An error has occured. `
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
- const Toast = ({
22
- severity = `success`,
23
- messageLabel,
24
- messageText,
25
- linkText = ``,
26
- handleClose,
27
- open,
28
- ...props
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: `flex`,
40
- alignItems: `center`
48
+ display: "flex",
49
+ alignItems: "center"
41
50
  },
42
51
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
43
52
  sx: {
44
- fontSize: `12px`,
45
- fontWeight: `bold`,
46
- marginRight: `2px`
53
+ fontSize: "12px",
54
+ fontWeight: "bold",
55
+ marginRight: "2px"
47
56
  },
48
- children: messageLabel ? `${messageLabel + ` `}: ` : `${defaultMessageLabel[severity]}: `
57
+ children: messageLabel ? "".concat(messageLabel + " ", ": ") : "".concat(defaultMessageLabel[severity], ": ")
49
58
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
50
59
  sx: {
51
- fontSize: `12px`
60
+ fontSize: "12px"
52
61
  },
53
- children: messageText ? `${messageText + ` `} ` : defaultMessageText[severity]
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.default = _default;
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.default = void 0;
7
+ exports["default"] = void 0;
7
8
  var _material = require("@mui/material");
8
9
  var _jsxRuntime = require("react/jsx-runtime");
9
- const Typography = ({
10
- ...props
11
- }) => {
12
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
13
- ...props
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.default = _default;
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.default = void 0;
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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- const UtilityRail = ({
13
- items,
14
- ...props
15
- }) => {
16
- const {
17
- palette
18
- } = (0, _styles.useTheme)();
19
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
20
- ...props,
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: `0.125rem transparent solid`
29
+ borderLeft: "0.125rem transparent solid"
24
30
  }
25
31
  },
26
- children: items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
27
- "data-testid": `item-${index}`,
28
- sx: {
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
- padding: '0 1.25rem 1.25rem'
45
- },
46
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
47
- sx: {
48
- fontSize: '0.625rem',
49
- fontWeight: 400,
50
- lineHeight: '1rem',
51
- color: palette.text.secondary
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
- children: item.subtitle
54
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
55
- sx: {
56
- fontSize: '0.75rem',
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
- fontSize: '0.625rem',
65
- fontWeight: 400,
66
- lineHeight: '1rem',
67
- color: palette.text.secondary
51
+ padding: '0 1.25rem 1.25rem'
68
52
  },
69
- children: item.description
70
- })]
71
- })
72
- }, index))
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.default = _default;
84
+ exports["default"] = _default;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.mock = void 0;
7
- const mock = [{
7
+ var mock = [{
8
8
  title: 'Variant Exported by user567',
9
9
  subtitle: '1.2.21_01:10:00',
10
10
  description: 'Language: Spanish • Voice: Anna'
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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.default;
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 }; }