tenjin-ui-kit 0.3.72 → 0.3.73

package/components/filter/ValueSelector.js

@@ -12,66 +12,40 @@ var _button = _interopRequireDefault(require("../button"));
 var _text = _interopRequireDefault(require("../text"));
 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 _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 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 determineSelectedOptions = (options, selectedIds, valueKey) => {
   if (!options || options.length < 1) return [];
   if (!selectedIds || selectedIds.length < 1) return options;
-  return options.map(o => _objectSpread(_objectSpread({}, o), {}, {
+  return options.map(o => ({
+    ...o,
     selected: selectedIds.includes(o[valueKey])
   }));
 };
 const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let options = _ref.options,
-    valueKey = _ref.valueKey,
-    displayKey = _ref.displayKey,
-    avatarKey = _ref.avatarKey,
-    colorKey = _ref.colorKey,
-    onChange = _ref.onChange,
-    multiple = _ref.multiple,
-    defaultSelectedOptionIds = _ref.defaultSelectedOptionIds,
-    fetchData = _ref.fetchData,
-    showClearItems = _ref.showClearItems,
-    showAvatar = _ref.showAvatar,
-    setSearch = _ref.setSearch,
-    inputRef = _ref.inputRef,
-    searchText = _ref.searchText;
+  let {
+    options,
+    valueKey,
+    displayKey,
+    avatarKey,
+    colorKey,
+    onChange,
+    multiple,
+    defaultSelectedOptionIds,
+    fetchData,
+    showClearItems,
+    showAvatar,
+    setSearch,
+    inputRef,
+    searchText
+  } = _ref;
   const theme = (0, _material.useTheme)();
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  const _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    localOptions = _useState4[0],
-    setLocalOptions = _useState4[1];
-  const _useState5 = (0, _react.useState)(""),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filter = _useState6[0],
-    setFilter = _useState6[1];
-  const _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filteredLocalOptions = _useState8[0],
-    setFilteredLocalOptions = _useState8[1];
-  const _useState9 = (0, _react.useState)(-1),
-    _useState0 = _slicedToArray(_useState9, 2),
-    activeIndex = _useState0[0],
-    setActiveIndex = _useState0[1];
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [localOptions, setLocalOptions] = (0, _react.useState)([]);
+  const [filter, setFilter] = (0, _react.useState)("");
+  const [filteredLocalOptions, setFilteredLocalOptions] = (0, _react.useState)([]);
+  const [activeIndex, setActiveIndex] = (0, _react.useState)(-1);
   const itemRefs = (0, _react.useRef)([]);
   const clearBtnRef = (0, _react.useRef)(null);
-  const _useState1 = (0, _react.useState)(false),
-    _useState10 = _slicedToArray(_useState1, 2),
-    clearFocused = _useState10[0],
-    setClearFocused = _useState10[1];
+  const [clearFocused, setClearFocused] = (0, _react.useState)(false);
   (0, _react.useImperativeHandle)(ref, () => ({
     handleKeyDown: e => {
       if (e.key === "Tab") {
@@ -80,8 +54,7 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         if (clearFocused) {
           setClearFocused(false);
           requestAnimationFrame(() => {
-            var _inputRef$current;
-            inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+            inputRef?.current?.focus();
           });
           return;
         }
@@ -171,21 +144,25 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const handleSelection = option => {
     let newOptions = [];
     if (multiple) {
-      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
+      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? {
+        ...o,
         selected: o.selected ? false : true
-      }) : o);
+      } : o);
     } else {
-      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
+      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? {
+        ...o,
         selected: true
-      }) : _objectSpread(_objectSpread({}, o), {}, {
+      } : {
+        ...o,
         selected: false
-      }));
+      });
     }
     onChange(newOptions.filter(o => o.selected));
     setLocalOptions(newOptions);
   };
   const handleClearSelection = () => {
-    let newOptions = localOptions.map(l => _objectSpread(_objectSpread({}, l), {}, {
+    let newOptions = localOptions.map(l => ({
+      ...l,
       selected: false
     }));
     onChange([]);
@@ -203,10 +180,7 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }, []);
   (0, _react.useEffect)(() => {
     if (searchText) {
-      setFilteredLocalOptions(localOptions.filter(o => {
-        var _o$displayKey;
-        return (_o$displayKey = o[displayKey]) === null || _o$displayKey === void 0 ? void 0 : _o$displayKey.toLowerCase().includes(searchText.toLowerCase());
-      }));
+      setFilteredLocalOptions(localOptions.filter(o => o[displayKey]?.toLowerCase().includes(searchText.toLowerCase())));
     } else {
       setFilteredLocalOptions(localOptions);
     }
@@ -231,7 +205,7 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     sx: {
       padding: "0rem 0.5rem"
     }
-  }, (filteredLocalOptions === null || filteredLocalOptions === void 0 ? void 0 : filteredLocalOptions.length) === 0 ? /*#__PURE__*/_react.default.createElement(_text.default, {
+  }, filteredLocalOptions?.length === 0 ? /*#__PURE__*/_react.default.createElement(_text.default, {
     color: "secondary"
   }, "No Data") : filteredLocalOptions.map((o, index) => {
     const altVal = o[avatarKey] === "/" ? " " : o[displayKey];
@@ -242,11 +216,14 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       dense: true,
       disablePadding: true,
       ref: el => itemRefs.current[index] = el,
-      sx: _objectSpread(_objectSpread({}, o.selected && {
-        backgroundColor: "#F5FAFF"
-      }), activeIndex === index && {
-        backgroundColor: theme.palette.action.hover
-      })
+      sx: {
+        ...(o.selected && {
+          backgroundColor: "#F5FAFF"
+        }),
+        ...(activeIndex === index && {
+          backgroundColor: theme.palette.action.hover
+        })
+      }
     }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
       disableRipple: true,
       dense: true,
@@ -269,7 +246,7 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         alignItems: "center"
       },
       gap: 1
-    }, o === null || o === void 0 ? void 0 : o.icon, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    }, o?.icon, /*#__PURE__*/_react.default.createElement(_material.Box, {
       display: "flex",
       justifyContent: "space-between",
       width: "100%"
@@ -302,7 +279,7 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     style: {
       cursor: "pointer",
       justifySelf: "end",
-      border: clearFocused ? "2px solid ".concat(theme.palette.primary.main) : "2px solid transparent",
+      border: clearFocused ? `2px solid ${theme.palette.primary.main}` : "2px solid transparent",
       borderRadius: 4
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Box, {

package/components/filter/index.js

@@ -13,43 +13,30 @@ var _text = _interopRequireDefault(require("../text"));
 var _ValueSelector = _interopRequireDefault(require("./ValueSelector"));
 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 _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 Filter = _ref => {
-  let label = _ref.label,
-    options = _ref.options,
-    valueKey = _ref.valueKey,
-    displayKey = _ref.displayKey,
-    onChange = _ref.onChange,
-    multiple = _ref.multiple,
-    single = _ref.single,
-    optionsContainerWidth = _ref.optionsContainerWidth,
-    defaultSelectedOptions = _ref.defaultSelectedOptions,
-    fetchData = _ref.fetchData,
-    showSelectedValue = _ref.showSelectedValue,
-    buttonVariant = _ref.buttonVariant,
-    avatarKey = _ref.avatarKey,
-    colorKey = _ref.colorKey,
-    showAvatar = _ref.showAvatar,
-    onClick = _ref.onClick,
-    isSearch = _ref.isSearch,
-    loading = _ref.loading;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuExpanded = _useState2[0],
-    setMenuExpanded = _useState2[1];
-  const _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    menuAnchor = _useState4[0],
-    setMenuAnchor = _useState4[1];
-  const _useState5 = (0, _react.useState)(defaultSelectedOptions),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedValues = _useState6[0],
-    setSelectedValues = _useState6[1];
+  let {
+    label,
+    options,
+    valueKey,
+    displayKey,
+    onChange,
+    multiple,
+    single,
+    optionsContainerWidth,
+    defaultSelectedOptions,
+    fetchData,
+    showSelectedValue,
+    buttonVariant,
+    avatarKey,
+    colorKey,
+    showAvatar,
+    onClick,
+    isSearch,
+    loading
+  } = _ref;
+  const [menuExpanded, setMenuExpanded] = (0, _react.useState)(false);
+  const [menuAnchor, setMenuAnchor] = (0, _react.useState)(null);
+  const [selectedValues, setSelectedValues] = (0, _react.useState)(defaultSelectedOptions);
   (0, _react.useEffect)(() => {
     setSelectedValues(defaultSelectedOptions);
   }, [defaultSelectedOptions]);
@@ -68,10 +55,7 @@ const Filter = _ref => {
   };
   const atleastOneItemSelected = selectedValues && selectedValues.length > 0;
   const theme = (0, _material.useTheme)();
-  const _useState7 = (0, _react.useState)(""),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filter = _useState8[0],
-    setFilter = _useState8[1];
+  const [filter, setFilter] = (0, _react.useState)("");
   const valueSelectorRef = (0, _react.useRef)(null);
   const inputRef = (0, _react.useRef)(null);
   const handleKeyDown = e => {
@@ -88,11 +72,11 @@ const Filter = _ref => {
   };
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
     startIcon: /*#__PURE__*/_react.default.createElement(_bs.BsFilter, null),
-    variant: (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) > 0 ? "contained" : buttonVariant,
+    variant: selectedValues?.length > 0 ? "contained" : buttonVariant,
     onClick: handleMenuOpen
   }, showSelectedValue ? /*#__PURE__*/_react.default.createElement(_text.default, {
     variant: "body2"
-  }, "".concat(label).concat(atleastOneItemSelected ? ": ".concat(selectedValues[0][displayKey]).concat(selectedValues.length > 1 ? " +".concat(selectedValues.length - 1) : "") : "")) : /*#__PURE__*/_react.default.createElement(_text.default, {
+  }, `${label}${atleastOneItemSelected ? `: ${selectedValues[0][displayKey]}${selectedValues.length > 1 ? ` +${selectedValues.length - 1}` : ""}` : ""}`) : /*#__PURE__*/_react.default.createElement(_text.default, {
     semibold: true,
     variant: "body2"
   }, label)), /*#__PURE__*/_react.default.createElement(_material.Menu, {
@@ -137,7 +121,7 @@ const Filter = _ref => {
     sx: {
       marginLeft: "0.75rem"
     }
-  }, (label === null || label === void 0 ? void 0 : label.toUpperCase()) || "FILTER"))), /*#__PURE__*/_react.default.createElement(_material.Divider, null), isSearch && /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }, label?.toUpperCase() || "FILTER"))), /*#__PURE__*/_react.default.createElement(_material.Divider, null), isSearch && /*#__PURE__*/_react.default.createElement(_material.Box, {
     paddingLeft: 2,
     paddingRight: 2,
     paddingTop: 1.5,

package/components/input/index.js

@@ -11,56 +11,43 @@ var _styles = require("@mui/material/styles");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _text = _interopRequireDefault(require("../text"));
-const _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly", "helperText", "autoFocus", "onBlurDelay", "onChange", "restrictSpecialChars"];
 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 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; }
-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 Input = _ref => {
-  let label = _ref.label,
-    id = _ref.id,
-    fullWidth = _ref.fullWidth,
-    disableAutocomplete = _ref.disableAutocomplete,
-    startIcon = _ref.startIcon,
-    endIcon = _ref.endIcon,
-    size = _ref.size,
-    error = _ref.error,
-    errorMessage = _ref.errorMessage,
-    isRequired = _ref.isRequired,
-    isDisabled = _ref.isDisabled,
-    isPastDateDisabled = _ref.isPastDateDisabled,
-    readOnly = _ref.readOnly,
-    helperText = _ref.helperText,
-    autoFocus = _ref.autoFocus,
-    onBlurDelay = _ref.onBlurDelay,
-    onChange = _ref.onChange,
-    _ref$restrictSpecialC = _ref.restrictSpecialChars,
-    restrictSpecialChars = _ref$restrictSpecialC === void 0 ? false : _ref$restrictSpecialC,
-    rest = _objectWithoutProperties(_ref, _excluded);
+  let {
+    label,
+    id,
+    fullWidth,
+    disableAutocomplete,
+    startIcon,
+    endIcon,
+    size,
+    error,
+    errorMessage,
+    isRequired,
+    isDisabled,
+    isPastDateDisabled,
+    readOnly,
+    // Added readOnly prop,
+    helperText,
+    autoFocus,
+    onBlurDelay,
+    onChange,
+    restrictSpecialChars = false,
+    ...rest
+  } = _ref;
   const inputRef = (0, _react.useRef)(null);
   const theme = (0, _styles.useTheme)();
   const minDate = new Date().toISOString().split("T")[0];
-  const _useState = (0, _react.useState)(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    localErrorMessage = _useState2[0],
-    setLocalErrorMessage = _useState2[1];
+  const [localErrorMessage, setLocalErrorMessage] = (0, _react.useState)("");
   const showError = message => setLocalErrorMessage(message);
   const clearError = () => setLocalErrorMessage("");
   const validateRestrictiveCharacters = e => {
     // e.preventDefault();
-    let value = e.target.value;
+    let {
+      value
+    } = e.target;
     if (!restrictSpecialChars) {
       onChange(e);
       return;
@@ -74,20 +61,24 @@ const Input = _ref => {
         inputRef.current.value = filteredValue;
       }
       if (onChange) {
-        onChange(_objectSpread(_objectSpread({}, e), {}, {
-          target: _objectSpread(_objectSpread({}, e.target), {}, {
+        onChange({
+          ...e,
+          target: {
+            ...e.target,
             value: filteredValue
-          })
-        }));
+          }
+        });
       }
     } else {
       clearError();
       if (onChange) {
-        onChange(_objectSpread(_objectSpread({}, e), {}, {
-          target: _objectSpread(_objectSpread({}, e.target), {}, {
+        onChange({
+          ...e,
+          target: {
+            ...e.target,
             value
-          })
-        }));
+          }
+        });
       }
     }
   };
@@ -138,11 +129,13 @@ const Input = _ref => {
       }, onBlurDelay || 100);
     },
     autoFocus: !!autoFocus ? rest.value ? rest.value : true : false,
-    inputProps: _objectSpread({
-      readOnly: readOnly ? "readOnly" : null
-    }, isPastDateDisabled && {
-      min: minDate
-    })
+    inputProps: {
+      readOnly: readOnly ? "readOnly" : null,
+      // Conditionally set readOnly attribute
+      ...(isPastDateDisabled && {
+        min: minDate
+      }) // Conditionally set minDate
+    }
   }, rest)), (error || localErrorMessage) && /*#__PURE__*/_react.default.createElement(_material.FormHelperText, {
     sx: {
       color: "red"

package/components/layout/index.js

@@ -16,50 +16,41 @@ var _reactDnd = require("react-dnd");
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
 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); }
-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 LayoutContext = exports.LayoutContext = /*#__PURE__*/(0, _react.createContext)();
 const Layout = _ref => {
-  let id = _ref.id,
-    defaultExpand = _ref.defaultExpand,
-    children = _ref.children;
-  const _useState = (0, _react.useState)({
-      windowTitle: "Tenjin Enterprise",
-      breadcrumbs: [],
-      sidebarPresent: true,
-      sidebarCollapsed: defaultExpand ? false : true,
-      selectedSidebarKey: null
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    layoutState = _useState2[0],
-    setLayoutState = _useState2[1];
+  let {
+    id,
+    defaultExpand,
+    children
+  } = _ref;
+  const [layoutState, setLayoutState] = (0, _react.useState)({
+    windowTitle: "Tenjin Enterprise",
+    breadcrumbs: [],
+    sidebarPresent: true,
+    sidebarCollapsed: defaultExpand ? false : true,
+    selectedSidebarKey: null
+  });
   const toggleSidebar = () => {
-    setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
+    setLayoutState({
+      ...layoutState,
       sidebarCollapsed: !layoutState.sidebarCollapsed
-    }));
+    });
   };
   const setBreadcrumbs = breadcrumbs => {
-    setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
+    setLayoutState({
+      ...layoutState,
       breadcrumbs: breadcrumbs
-    }));
+    });
   };
   const setWindowTitle = title => {
-    let finalWindowTitle = "".concat(title ? title + " - " : "", " Tenjin Enterprise");
+    let finalWindowTitle = `${title ? title + " - " : ""} Tenjin Enterprise`;
     document.title = finalWindowTitle;
   };
   const setSelectedSidebarKey = key => {
-    setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
+    setLayoutState({
+      ...layoutState,
       selectedSidebarKey: key
-    }));
+    });
   };
   return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
     backend: _reactDndHtml5Backend.HTML5Backend

package/components/layout/main/index.js

@@ -9,8 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _style = _interopRequireDefault(require("./style"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Main = _ref => {
-  let children = _ref.children,
-    id = _ref.id;
+  let {
+    children,
+    id
+  } = _ref;
   const classes = (0, _style.default)();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _clsx.default)({

package/components/layout/pageContent/index.js

@@ -9,7 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PageContent = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   const location = (0, _reactRouterDom.useLocation)();
   const theme = (0, _material.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_material.Box, {

package/components/layout/sidebar/FlatMenu.js

@@ -15,12 +15,16 @@ var _text = _interopRequireDefault(require("../../text"));
 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 }; }
 const FlatMenu = _ref => {
-  let items = _ref.items;
-  const _useContext = (0, _react.useContext)(_.LayoutContext),
-    _useContext$layoutSta = _useContext.layoutState,
-    collapsed = _useContext$layoutSta.sidebarCollapsed,
-    selectedSidebarKey = _useContext$layoutSta.selectedSidebarKey,
-    setSelectedSidebarKey = _useContext.setSelectedSidebarKey;
+  let {
+    items
+  } = _ref;
+  const {
+    layoutState: {
+      sidebarCollapsed: collapsed,
+      selectedSidebarKey
+    },
+    setSelectedSidebarKey
+  } = (0, _react.useContext)(_.LayoutContext);
   const classes = (0, _style.default)();
   return items ? /*#__PURE__*/_react.default.createElement(_material.List, null, items.map((i, index) => /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     key: index,