@veritone-ce/design-system 1.12.21 → 1.12.23

package/dist/components/StatusChip/index.js

@@ -1,11 +1,20 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["label"];
+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; }
+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; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+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; }
+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; }
 /**
 - Use a StatusChip to display the status of some action to the user. 
 - Veritone stock options derive from the required `status` prop and include Complete, Processing, or Error. Their corresponding colors derive from Veritone's Design System guidelines.
@@ -17,21 +26,19 @@ var _jsxRuntime = require("react/jsx-runtime");
     - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop. 
 **/
 
-const StatusChip = ({
-  label,
-  ...props
-}) => {
+var StatusChip = function StatusChip(_ref) {
+  var label = _ref.label,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     sx: {
-      display: `inline-flex`,
-      position: `relative`
+      display: "inline-flex",
+      position: "relative"
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, _objectSpread({
       label: label ? label : props.status,
-      "data-testid": true,
-      ...props
-    })
+      "data-testid": true
+    }, props))
   });
 };
 var _default = StatusChip;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/StatusChip/statusChip.theme.js

@@ -3,40 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _constants = require("./constants");
-const statusChipTheme = theme => ({
-  styleOverrides: {
-    root: ({
-      ownerState
-    }) => ({
-      height: '18px',
-      width: '86px',
-      fontSize: '9px',
-      borderRadius: '2px',
-      fontFamily: 'Nunito sans',
-      fontStyle: 'normal',
-      fontWeight: 800,
-      textTransform: 'uppercase',
-      color: theme.palette.common.white,
-      ...(ownerState.coloroverride ? {
-        backgroundColor: ownerState.coloroverride
-      } : {
-        ...(ownerState.status === _constants.COMPLETE && {
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+var statusChipTheme = function statusChipTheme(theme) {
+  return {
+    styleOverrides: {
+      root: function root(_ref) {
+        var ownerState = _ref.ownerState;
+        return _objectSpread({
+          height: '18px',
+          width: '86px',
+          fontSize: '9px',
+          borderRadius: '2px',
+          fontFamily: 'Nunito sans',
+          fontStyle: 'normal',
+          fontWeight: 800,
+          textTransform: 'uppercase',
+          color: theme.palette.common.white
+        }, ownerState.coloroverride ? {
+          backgroundColor: ownerState.coloroverride
+        } : _objectSpread(_objectSpread(_objectSpread({}, ownerState.status === _constants.COMPLETE && {
           //@ts-ignore
           backgroundColor: theme.palette.success.main
-        }),
-        ...(ownerState.status === _constants.PROCESSING && {
+        }), ownerState.status === _constants.PROCESSING && {
           //@ts-ignore
           backgroundColor: theme.palette.warning.main
-        }),
-        ...(ownerState.status === _constants.ERROR && {
+        }), ownerState.status === _constants.ERROR && {
           //@ts-ignore
           backgroundColor: theme.palette.error.main
-        })
-      })
-    })
-  }
-});
+        }));
+      }
+    }
+  };
+};
 var _default = statusChipTheme;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/Step/index.js

@@ -1,17 +1,22 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-const Step = ({
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
-    ...props
-  });
+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; }
+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; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+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); }
+var Step = function Step(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, _objectSpread({}, props));
 };
 var _default = Step;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/StepLabel/index.js

@@ -1,17 +1,22 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-const StepLabel = ({
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
-    ...props
-  });
+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; }
+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; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+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); }
+var StepLabel = function StepLabel(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, _objectSpread({}, props));
 };
 var _default = StepLabel;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/Stepper/index.js

@@ -3,9 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
 /**
   The Stepper is used for highlighting where a user is in a progression of steps.
   For additional information see:
@@ -14,10 +20,8 @@ var _jsxRuntime = require("react/jsx-runtime");
     https://mui.com/material-ui/api/step-label/ .
 **/
 
-const Stepper = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stepper, {
-    ...props
-  });
+var Stepper = function Stepper(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stepper, _objectSpread({}, props));
 };
 var _default = Stepper;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/Stepper/stepper.theme.js

@@ -3,54 +3,56 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const stepperTheme = theme => ({
-  MuiStepConnector: {
-    styleOverrides: {
-      line: {
-        borderColor: `#E0E8F0`
+exports["default"] = void 0;
+var stepperTheme = function stepperTheme(theme) {
+  return {
+    MuiStepConnector: {
+      styleOverrides: {
+        line: {
+          borderColor: "#E0E8F0"
+        }
       }
-    }
-  },
-  MuiStep: {
-    defaultProps: {
-      completed: false
-    }
-  },
-  MuiStepIcon: {
-    styleOverrides: {
-      root: {
-        borderRadius: `100%`,
-        height: `35px`,
-        width: `35px`,
-        outline: `1px solid ${theme.palette.text.tertiary}`,
-        color: `white`,
-        text: {
-          fill: theme.palette.text.tertiary
-        },
-        '&.Mui-active': {
-          outline: `none`,
-          color: theme.palette.text.tertiary,
+    },
+    MuiStep: {
+      defaultProps: {
+        completed: false
+      }
+    },
+    MuiStepIcon: {
+      styleOverrides: {
+        root: {
+          borderRadius: "100%",
+          height: "35px",
+          width: "35px",
+          outline: "1px solid ".concat(theme.palette.text.tertiary),
+          color: "white",
           text: {
-            fill: `white`
+            fill: theme.palette.text.tertiary
+          },
+          '&.Mui-active': {
+            outline: "none",
+            color: theme.palette.text.tertiary,
+            text: {
+              fill: "white"
+            }
           }
         }
       }
-    }
-  },
-  MuiStepLabel: {
-    styleOverrides: {
-      label: {
-        fontWeight: `600`,
-        '&.Mui-active': {
-          fontWeight: `600`
+    },
+    MuiStepLabel: {
+      styleOverrides: {
+        label: {
+          fontWeight: "600",
+          '&.Mui-active': {
+            fontWeight: "600"
+          }
+        },
+        iconContainer: {
+          padding: "0 10px 0 0"
         }
-      },
-      iconContainer: {
-        padding: `0 10px 0 0`
       }
     }
-  }
-});
+  };
+};
 var _default = stepperTheme;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/Tabs/Badge.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-function BadgeLabel({
-  badgeCount,
-  label
-}) {
+function BadgeLabel(_ref) {
+  var badgeCount = _ref.badgeCount,
+    label = _ref.label;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     sx: {
       display: 'flex',
@@ -27,4 +26,4 @@ function BadgeLabel({
   });
 }
 var _default = BadgeLabel;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/Tabs/index.js

@@ -1,39 +1,58 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _react = require("react");
 var _material = require("@mui/material");
 var _Badge = _interopRequireDefault(require("./Badge"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const BasicTabs = ({
-  tabs,
-  ...props
-}) => {
-  const [selectedTab, setSelectedTab] = (0, _react.useState)(0);
-  const handleChange = (event, newValue) => {
+var _excluded = ["tabs"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+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; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+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; }
+var BasicTabs = function BasicTabs(_ref) {
+  var tabs = _ref.tabs,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedTab = _useState2[0],
+    setSelectedTab = _useState2[1];
+  var handleChange = function handleChange(event, newValue) {
     setSelectedTab(newValue);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, _objectSpread(_objectSpread({
       value: selectedTab,
-      onChange: handleChange,
-      ...props,
-      children: tabs.map((tab, index) => /*#__PURE__*/(0, _react.createElement)(_material.Tab, {
-        ...tab,
-        key: index,
-        value: index,
-        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
-          badgeCount: tab.count ?? 0,
-          label: tab.label
-        }),
-        disableRipple: true
-      }))
-    }), tabs[selectedTab].content && tabs[selectedTab].content]
+      onChange: handleChange
+    }, props), {}, {
+      children: tabs.map(function (tab, index) {
+        var _tab$count;
+        return /*#__PURE__*/(0, _react.createElement)(_material.Tab, _objectSpread(_objectSpread({}, tab), {}, {
+          key: index,
+          value: index,
+          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
+            badgeCount: (_tab$count = tab.count) !== null && _tab$count !== void 0 ? _tab$count : 0,
+            label: tab.label
+          }),
+          disableRipple: true
+        }));
+      })
+    })), tabs[selectedTab].content && tabs[selectedTab].content]
   });
 };
 var _default = BasicTabs;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/Tabs/tabs.theme.js

@@ -3,33 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const tabsTheme = theme => ({
-  styleOverrides: {
-    root: () => ({
-      '& .MuiTabs-indicator': {
-        backgroundColor: theme.palette.text.primary
-      },
-      '.css-1v8tsix-MuiButtonBase-root-MuiTab-root.Mui-selected': {
-        color: theme.palette.text.primary
-      },
-      '.css-1v8tsix-MuiButtonBase-root-MuiTab-root': {
-        color: theme.palette.text.secondary,
-        '&:hover': {
-          color: theme.palette.text.primary
-        }
-      },
-      '& .MuiBadge-badge': {
-        backgroundColor: theme.palette.misc.rowOnHoverGreyTwo,
-        color: theme.palette.text.primary,
-        fontSize: '10px',
-        padding: '0 4px',
-        height: '18px',
-        minWidth: '18px',
-        borderRadius: '9px'
+exports["default"] = void 0;
+var tabsTheme = function tabsTheme(theme) {
+  return {
+    styleOverrides: {
+      root: function root() {
+        return {
+          '& .MuiTabs-indicator': {
+            backgroundColor: theme.palette.text.primary
+          },
+          '.css-1v8tsix-MuiButtonBase-root-MuiTab-root.Mui-selected': {
+            color: theme.palette.text.primary
+          },
+          '.css-1v8tsix-MuiButtonBase-root-MuiTab-root': {
+            color: theme.palette.text.secondary,
+            '&:hover': {
+              color: theme.palette.text.primary
+            }
+          },
+          '& .MuiBadge-badge': {
+            backgroundColor: theme.palette.misc.rowOnHoverGreyTwo,
+            color: theme.palette.text.primary,
+            fontSize: '10px',
+            padding: '0 4px',
+            height: '18px',
+            minWidth: '18px',
+            borderRadius: '9px'
+          }
+        };
       }
-    })
-  }
-});
+    }
+  };
+};
 var _default = tabsTheme;
-exports.default = _default;
+exports["default"] = _default;

package/dist/components/ThemeProvider/index.js

@@ -3,18 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _system = require("@mui/system");
 var _theme = _interopRequireDefault(require("../../assets/theme"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ThemeProvider = ({
-  children
-}) => {
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ThemeProvider = function ThemeProvider(_ref) {
+  var children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.ThemeProvider, {
-    theme: _theme.default,
+    theme: _theme["default"],
     children: children
   });
 };
 var _default = ThemeProvider;
-exports.default = _default;
+exports["default"] = _default;