tenjin-ui-kit 0.3.72 → 0.3.73

package/components/button/index.js

@@ -10,29 +10,24 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-const _excluded = ["loading"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const Button = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const loading = props.loading,
-    loadingText = props.loadingText,
-    children = props.children,
-    size = props.size,
-    onClick = props.onClick,
-    color = props.color,
-    fixedWidth = props.fixedWidth,
-    type = props.type;
-  const _ = props.loading,
-    propsSansLoading = _objectWithoutProperties(props, _excluded);
+  const {
+    loading,
+    loadingText,
+    children,
+    size,
+    onClick,
+    color,
+    fixedWidth,
+    type
+  } = props;
+  const {
+    loading: _,
+    ...propsSansLoading
+  } = props;
   const handleClick = e => {
     if (loading) {
       e.preventDefault();
@@ -40,12 +35,11 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       onClick && onClick(e);
     }
   };
-  const menuItems = props.menuItems,
-    setSelectedMenu = props.setSelectedMenu;
-  const _React$useState = _react.default.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    anchorEl = _React$useState2[0],
-    setAnchorEl = _React$useState2[1];
+  const {
+    menuItems,
+    setSelectedMenu
+  } = props;
+  const [anchorEl, setAnchorEl] = _react.default.useState(null);
   const open = Boolean(anchorEl);
   const handleMenuClick = event => {
     setAnchorEl(event.currentTarget);
@@ -82,13 +76,13 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     sx: {
       mt: "0.7rem"
     }
-  }, menuItems && (menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((item, key) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+  }, menuItems && menuItems?.map((item, key) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     onClick: e => {
       handleClose(e);
       handleMenuItemClick(item);
     },
     key: item.item
-  }, item.item))))) : /*#__PURE__*/_react.default.createElement(_material.Button, _extends({
+  }, item.item)))) : /*#__PURE__*/_react.default.createElement(_material.Button, _extends({
     ref: ref,
     onClick: handleClick
   }, props, {
@@ -104,9 +98,11 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   }) : children));
 });
 const ButtonLoader = _ref => {
-  let buttonColor = _ref.buttonColor,
-    size = _ref.size,
-    loadingText = _ref.loadingText;
+  let {
+    buttonColor,
+    size,
+    loadingText
+  } = _ref;
   const theme = (0, _styles.useTheme)();
   const resolvedButtonColor = theme.palette[buttonColor] ? theme.palette[buttonColor].main : theme.palette.primary.main;
   const textColor = theme.palette.getContrastText(resolvedButtonColor);

package/components/chatBotModal/index.js

@@ -14,31 +14,22 @@ var _input = _interopRequireDefault(require("../input"));
 var _text = _interopRequireDefault(require("../text"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const ChatBotModal = _ref => {
-  var _theme$breakpoints;
-  let open = _ref.open,
-    onClose = _ref.onClose,
-    messages = _ref.messages,
-    inputValue = _ref.inputValue,
-    setInputValue = _ref.setInputValue,
-    handleSend = _ref.handleSend,
-    loading = _ref.loading;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFullscreen = _useState2[0],
-    setIsFullscreen = _useState2[1];
+  let {
+    open,
+    onClose,
+    messages,
+    inputValue,
+    setInputValue,
+    handleSend,
+    loading
+  } = _ref;
+  const [isFullscreen, setIsFullscreen] = (0, _react.useState)(false);
   const messagesEndRef = (0, _react.useRef)(null);
   const theme = (0, _material.useTheme)();
-  const isNotExpanded = (0, _material.useMediaQuery)(theme === null || theme === void 0 || (_theme$breakpoints = theme.breakpoints) === null || _theme$breakpoints === void 0 ? void 0 : _theme$breakpoints.down("sm"));
+  const isNotExpanded = (0, _material.useMediaQuery)(theme?.breakpoints?.down("sm"));
   (0, _react.useEffect)(() => {
-    var _messagesEndRef$curre;
-    messagesEndRef === null || messagesEndRef === void 0 || (_messagesEndRef$curre = messagesEndRef.current) === null || _messagesEndRef$curre === void 0 || _messagesEndRef$curre.scrollIntoView({
+    messagesEndRef?.current?.scrollIntoView({
       behavior: "smooth"
     });
   }, [messages]);
@@ -120,7 +111,7 @@ const ChatBotModal = _ref => {
       position: "relative",
       zIndex: 1
     }
-  }, messages === null || messages === void 0 ? void 0 : messages.map((msg, idx) => /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }, messages?.map((msg, idx) => /*#__PURE__*/_react.default.createElement(_material.Box, {
     key: idx,
     sx: {
       alignSelf: msg.sender === "user" ? "flex-end" : "flex-start",
@@ -167,12 +158,9 @@ const ChatBotModal = _ref => {
     fullWidth: true,
     placeholder: "Type your message...",
     value: inputValue,
-    onChange: e => {
-      var _e$target;
-      return setInputValue(e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-    },
+    onChange: e => setInputValue(e?.target?.value),
     onKeyDown: e => {
-      if ((e === null || e === void 0 ? void 0 : e.key) === "Enter") handleSend();
+      if (e?.key === "Enter") handleSend();
     },
     sx: {
       fontSize: "0.9rem",
@@ -185,7 +173,7 @@ const ChatBotModal = _ref => {
       ml: 1
     },
     color: "primary",
-    disabled: !(inputValue !== null && inputValue !== void 0 && inputValue.trim())
+    disabled: !inputValue?.trim()
   }, /*#__PURE__*/_react.default.createElement(_Send.default, null))))));
 };
 var _default = exports.default = ChatBotModal;

package/components/checkBox/index.js

@@ -7,14 +7,13 @@ exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _text = _interopRequireDefault(require("../text"));
-const _excluded = ["label"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const CheckBox = props => {
-  const label = props.label,
-    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    label,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, _extends({
     control: /*#__PURE__*/_react.default.createElement(_material.Checkbox, rest),
     label: /*#__PURE__*/_react.default.createElement(_text.default, null, label)

package/components/combobox/index.js

@@ -12,24 +12,15 @@ var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/Key
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // Styled components to match the Tailwind design
 const StyledTextField = (0, _styles.styled)(_material.TextField, {
   shouldForwardProp: prop => prop !== "error" && prop !== "loading"
 })(_ref => {
-  let theme = _ref.theme,
-    error = _ref.error,
-    loading = _ref.loading;
+  let {
+    theme,
+    error,
+    loading
+  } = _ref;
   return {
     "& .MuiOutlinedInput-root": {
       backgroundColor: loading ? "#f9fafb" : "#ffffff",
@@ -47,7 +38,7 @@ const StyledTextField = (0, _styles.styled)(_material.TextField, {
         borderWidth: "1px"
       },
       "&.Mui-focused": {
-        boxShadow: error ? "0 0 0 1px ".concat(theme.palette.error.main) : "0 0 0 1px ".concat(theme.palette.primary.main)
+        boxShadow: error ? `0 0 0 1px ${theme.palette.error.main}` : `0 0 0 1px ${theme.palette.primary.main}`
       }
     },
     "& .MuiOutlinedInput-input": {
@@ -67,7 +58,9 @@ const StyledTextField = (0, _styles.styled)(_material.TextField, {
   };
 });
 const StyledPaper = (0, _styles.styled)(_material.Paper)(_ref2 => {
-  let theme = _ref2.theme;
+  let {
+    theme
+  } = _ref2;
   return {
     marginTop: "4px",
     maxHeight: "240px",
@@ -104,7 +97,9 @@ const StyledPaper = (0, _styles.styled)(_material.Paper)(_ref2 => {
 const Label = (0, _styles.styled)(_material.Typography, {
   shouldForwardProp: prop => prop !== "isRequired"
 })(_ref3 => {
-  let isRequired = _ref3.isRequired;
+  let {
+    isRequired
+  } = _ref3;
   return {
     display: "block",
     fontSize: "0.875rem",
@@ -122,7 +117,9 @@ const Label = (0, _styles.styled)(_material.Typography, {
 const HelperText = (0, _styles.styled)(_material.Typography, {
   shouldForwardProp: prop => prop !== "error"
 })(_ref4 => {
-  let error = _ref4.error;
+  let {
+    error
+  } = _ref4;
   return {
     marginTop: "8px",
     fontSize: "0.875rem",
@@ -131,34 +128,23 @@ const HelperText = (0, _styles.styled)(_material.Typography, {
   };
 });
 const Combobox = _ref5 => {
-  let _ref5$options = _ref5.options,
-    options = _ref5$options === void 0 ? [] : _ref5$options,
-    selected = _ref5.selected,
-    defaultValue = _ref5.defaultValue,
-    label = _ref5.label,
-    id = _ref5.id,
-    isRequired = _ref5.isRequired,
-    onChange = _ref5.onChange,
-    error = _ref5.error,
-    helperText = _ref5.helperText,
-    _ref5$loading = _ref5.loading,
-    loading = _ref5$loading === void 0 ? false : _ref5$loading,
-    _ref5$by = _ref5.by,
-    by = _ref5$by === void 0 ? "id" : _ref5$by,
-    _ref5$labelKey = _ref5.labelKey,
-    labelKey = _ref5$labelKey === void 0 ? "label" : _ref5$labelKey;
-  const _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalSelected = _useState2[0],
-    setInternalSelected = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hasSetDefault = _useState4[0],
-    setHasSetDefault = _useState4[1];
-  const _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    open = _useState6[0],
-    setOpen = _useState6[1];
+  let {
+    options = [],
+    selected,
+    defaultValue,
+    label,
+    id,
+    isRequired,
+    onChange,
+    error,
+    helperText,
+    loading = false,
+    by = "id",
+    labelKey = "label"
+  } = _ref5;
+  const [internalSelected, setInternalSelected] = (0, _react.useState)(null);
+  const [hasSetDefault, setHasSetDefault] = (0, _react.useState)(false);
+  const [open, setOpen] = (0, _react.useState)(false);
 
   // Handle defaultValue - accepts both object and primitive (ID)
   (0, _react.useEffect)(() => {
@@ -199,8 +185,8 @@ const Combobox = _ref5 => {
     value: currentValue,
     onChange: handleChange,
     options: options,
-    getOptionLabel: option => (option === null || option === void 0 ? void 0 : option[labelKey]) || "",
-    isOptionEqualToValue: (option, value) => (option === null || option === void 0 ? void 0 : option[by]) === (value === null || value === void 0 ? void 0 : value[by]),
+    getOptionLabel: option => option?.[labelKey] || "",
+    isOptionEqualToValue: (option, value) => option?.[by] === value?.[by],
     loading: loading,
     disabled: loading,
     open: open && !loading,
@@ -223,9 +209,10 @@ const Combobox = _ref5 => {
       error: error,
       loading: loading,
       placeholder: loading ? "Loading..." : "",
-      InputProps: _objectSpread(_objectSpread({}, params.InputProps), {}, {
+      InputProps: {
+        ...params.InputProps,
         endAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, params.InputProps.endAdornment)
-      })
+      }
     }))
   }), helperText && /*#__PURE__*/_react.default.createElement(HelperText, {
     error: error

package/components/divider/index.js

@@ -12,14 +12,9 @@ var _text = _interopRequireDefault(require("../text"));
 var _responsiveTheme = _interopRequireDefault(require("../../themes/responsiveTheme"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Root = (0, _styles.styled)("div")(() => _objectSpread(_objectSpread({
-  width: "100%"
-}, _responsiveTheme.default.typography.body2), {}, {
+const Root = (0, _styles.styled)("div")(() => ({
+  width: "100%",
+  ..._responsiveTheme.default.typography.body2,
   "& > :not(style) + :not(style)": {
     marginTop: _responsiveTheme.default.spacing(2)
   }

package/components/editableField/index.js

@@ -10,27 +10,12 @@ var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
 var _text = _interopRequireDefault(require("../text"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // import Select from "../select";
 
 const EditableField = props => {
-  const _useState = (0, _react.useState)(props.editableData || "N/A"),
-    _useState2 = _slicedToArray(_useState, 2),
-    name = _useState2[0],
-    setName = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isNameFocused = _useState4[0],
-    setIsNameFocused = _useState4[1];
-  const _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    show = _useState6[0],
-    isShow = _useState6[1];
+  const [name, setName] = (0, _react.useState)(props.editableData || "N/A");
+  const [isNameFocused, setIsNameFocused] = (0, _react.useState)(false);
+  const [show, isShow] = (0, _react.useState)(false);
   const handleKeyDown = event => {
     // if (name?.length > 0 || typeof name === "number") {
     // if (event.key === "Enter") {
@@ -42,24 +27,22 @@ const EditableField = props => {
     //   setName(props.editableData ?? <Text>Please, enter some data</Text>);
     // }
     if (event.key === "Enter") {
-      if ((name === null || name === void 0 ? void 0 : name.length) > 0) {
+      if (name?.length > 0) {
         setIsNameFocused(false);
         isShow(false);
       } else {
-        var _props$editableData;
         window.alert("Sorry, data should be there");
-        setName((_props$editableData = props.editableData) !== null && _props$editableData !== void 0 ? _props$editableData : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
+        setName(props.editableData ?? /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
       }
     }
   };
   const onBLurHandeler = () => {
-    if ((name === null || name === void 0 ? void 0 : name.length) > 0 || typeof name === "number") {
+    if (name?.length > 0 || typeof name === "number") {
       setIsNameFocused(false);
       isShow(false);
     } else {
-      var _props$editableData2;
       window.alert("Sorry, data should be there");
-      setName((_props$editableData2 = props.editableData) !== null && _props$editableData2 !== void 0 ? _props$editableData2 : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
+      setName(props.editableData ?? /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
       setIsNameFocused(true);
       isShow(true);
     }
@@ -68,9 +51,8 @@ const EditableField = props => {
   //Select Type
   const onSelectBLurHandeler = () => {
     if (props.value === null) {
-      var _props$value;
       window.alert("Sorry, data should be selected");
-      setName((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, select some data"));
+      setName(props.value ?? /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, select some data"));
       setIsNameFocused(true);
       isShow(true);
     } else {

package/components/errorBoundary/index.js

@@ -10,9 +10,6 @@ var _Error = _interopRequireDefault(require("./Error.jpg"));
 var _text = _interopRequireDefault(require("../text"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // const ErrorBoundary = (props) => {
 //   const { homePage } = props;
 //   const [hasError, setHasError] = useState(false);
@@ -70,12 +67,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 class ErrorBoundary extends _react.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "handleGoBack", () => {
-      window.history.back();
-      window.setTimeout(() => {
-        window.location.reload();
-      }, 10);
-    });
     this.state = {
       hasError: false
     };
@@ -85,9 +76,14 @@ class ErrorBoundary extends _react.Component {
       hasError: true
     });
   }
+  handleGoBack = () => {
+    window.history.back();
+    window.setTimeout(() => {
+      window.location.reload();
+    }, 10);
+  };
   render() {
     if (this.state.hasError) {
-      var _this$props$homePage;
       return /*#__PURE__*/_react.default.createElement(_material.Grid, {
         container: true
       }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
@@ -121,7 +117,7 @@ class ErrorBoundary extends _react.Component {
         style: {
           textDecoration: "none"
         },
-        href: (_this$props$homePage = this.props.homePage) !== null && _this$props$homePage !== void 0 ? _this$props$homePage : "/"
+        href: this.props.homePage ?? "/"
       }, " ", "Go Home"))))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
         item: true,
         xs: 6

package/components/fileUploader/index.js

@@ -39,10 +39,11 @@ const DropzoneText = (0, _styles.styled)("p")({
   gap: "1rem"
 });
 const FileUploader = props => {
-  var _selectedFile$, _selectedFile$2, _selectedFile$3;
-  const selectedFile = props.selectedFile,
-    setSelectedFile = props.setSelectedFile,
-    key = props.key;
+  const {
+    selectedFile,
+    setSelectedFile,
+    key
+  } = props;
   const fileInputRef = (0, _react.useRef)(null);
 
   // const handleFileInput = (e) => {
@@ -52,11 +53,10 @@ const FileUploader = props => {
     // e.target.files[0] && setSelectedFile(e.target.files);
     const selectedFile = e.target.files[0];
     if (selectedFile) {
-      var _selectedFile$name;
       const excludedExtensions = [".zip", ".exe", ".batch", ".webm", ".mp4", ".mp3", ".bat", ".js", ".vbs", ".html", ".scr", ".cmd", ".rar", ".svg", ".lnk"];
-      const fileExtension = selectedFile === null || selectedFile === void 0 || (_selectedFile$name = selectedFile.name) === null || _selectedFile$name === void 0 || (_selectedFile$name = _selectedFile$name.split(".")) === null || _selectedFile$name === void 0 || (_selectedFile$name = _selectedFile$name.pop()) === null || _selectedFile$name === void 0 ? void 0 : _selectedFile$name.toLowerCase();
+      const fileExtension = selectedFile?.name?.split(".")?.pop()?.toLowerCase();
       if (excludedExtensions.some(ext => selectedFile.name.endsWith(ext))) {
-        alert("Selected file type .".concat(fileExtension, " is not allowed."));
+        alert(`Selected file type .${fileExtension} is not allowed.`);
         e.target.value = null;
       } else {
         e.target.files[0] && setSelectedFile(e.target.files);
@@ -69,14 +69,10 @@ const FileUploader = props => {
     // setSelectedFile(e.dataTransfer.files);
     const droppedFiles = e.dataTransfer.files;
     if (droppedFiles.length > 0) {
-      var _droppedFiles$;
       const excludedExtensions = [".zip", ".exe", ".batch", ".webm", ".mp4", ".mp3", ".bat", ".js", ".vbs", ".html", ".scr", ".cmd", ".rar", ".svg", ".lnk"];
-      const fileExtension = (_droppedFiles$ = droppedFiles[0]) === null || _droppedFiles$ === void 0 || (_droppedFiles$ = _droppedFiles$.name) === null || _droppedFiles$ === void 0 || (_droppedFiles$ = _droppedFiles$.split(".")) === null || _droppedFiles$ === void 0 || (_droppedFiles$ = _droppedFiles$.pop()) === null || _droppedFiles$ === void 0 ? void 0 : _droppedFiles$.toLowerCase();
-      if (excludedExtensions !== null && excludedExtensions !== void 0 && excludedExtensions.some(ext => {
-        var _droppedFiles$2;
-        return (_droppedFiles$2 = droppedFiles[0]) === null || _droppedFiles$2 === void 0 || (_droppedFiles$2 = _droppedFiles$2.name) === null || _droppedFiles$2 === void 0 ? void 0 : _droppedFiles$2.endsWith(ext);
-      })) {
-        alert("Selected file type .".concat(fileExtension, " is not allowed."));
+      const fileExtension = droppedFiles[0]?.name?.split(".")?.pop()?.toLowerCase();
+      if (excludedExtensions?.some(ext => droppedFiles[0]?.name?.endsWith(ext))) {
+        alert(`Selected file type .${fileExtension} is not allowed.`);
       } else {
         setSelectedFile(droppedFiles);
       }
@@ -100,34 +96,31 @@ const FileUploader = props => {
     onClick: handleClick,
     onDrop: handleDrop,
     onDragOver: handleDragOver
-  }, /*#__PURE__*/_react.default.createElement(DropzoneText, null, !(selectedFile !== null && selectedFile !== void 0 && selectedFile.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fi.FiUpload, {
+  }, /*#__PURE__*/_react.default.createElement(DropzoneText, null, !selectedFile?.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fi.FiUpload, {
     size: "1.9rem",
     color: "#44409A"
   }), /*#__PURE__*/_react.default.createElement(_text.default, {
     bold: true,
     fontWeight: "400",
     fontSize: "1rem"
-  }, "Drag and Drop or ", /*#__PURE__*/_react.default.createElement("b", null, "Choose File"), " to Upload")) : (selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.length) > 1 ? /*#__PURE__*/_react.default.createElement("ul", null, Array.from(selectedFile).map((file, index) => {
-    var _file$name;
-    return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      arrow: true,
-      placement: "top",
-      title: (file === null || file === void 0 || (_file$name = file.name) === null || _file$name === void 0 ? void 0 : _file$name.length) > 25 ? file === null || file === void 0 ? void 0 : file.name : ""
-    }, /*#__PURE__*/_react.default.createElement(_text.default, {
-      sx: {
-        width: "220px",
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        fontWeight: 400,
-        fontSize: "1rem"
-      },
-      key: index
-    }, file === null || file === void 0 ? void 0 : file.name));
-  })) : /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+  }, "Drag and Drop or ", /*#__PURE__*/_react.default.createElement("b", null, "Choose File"), " to Upload")) : selectedFile?.length > 1 ? /*#__PURE__*/_react.default.createElement("ul", null, Array.from(selectedFile).map((file, index) => /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     arrow: true,
     placement: "top",
-    title: ((_selectedFile$ = selectedFile[0]) === null || _selectedFile$ === void 0 || (_selectedFile$ = _selectedFile$.name) === null || _selectedFile$ === void 0 ? void 0 : _selectedFile$.length) > 25 ? (_selectedFile$2 = selectedFile[0]) === null || _selectedFile$2 === void 0 ? void 0 : _selectedFile$2.name : ""
+    title: file?.name?.length > 25 ? file?.name : ""
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    sx: {
+      width: "220px",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      fontWeight: 400,
+      fontSize: "1rem"
+    },
+    key: index
+  }, file?.name)))) : /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    arrow: true,
+    placement: "top",
+    title: selectedFile[0]?.name?.length > 25 ? selectedFile[0]?.name : ""
   }, /*#__PURE__*/_react.default.createElement(_text.default, {
     sx: {
       width: "220px",
@@ -139,7 +132,7 @@ const FileUploader = props => {
       display: "flex",
       justifyContent: "center"
     }
-  }, (_selectedFile$3 = selectedFile[0]) === null || _selectedFile$3 === void 0 ? void 0 : _selectedFile$3.name)))), /*#__PURE__*/_react.default.createElement(FileInput, _extends({
+  }, selectedFile[0]?.name)))), /*#__PURE__*/_react.default.createElement(FileInput, _extends({
     type: "file",
     accept: "image/*",
     onChange: handleFileInput,

package/components/fileUploader/style.js

@@ -51,7 +51,7 @@ var _default = exports.default = (0, _styles.makeStyles)(() => ({
   },
   content: {
     padding: "0.4rem 1rem",
-    maxHeight: "calc(100vh - 170px)",
+    maxHeight: `calc(100vh - 170px)`,
     overflowY: "auto"
   }
 }));