tenjin-ui-kit 0.3.72 → 0.3.73

package/components/switch/switch.js

@@ -14,14 +14,10 @@ var _default = _interopRequireDefault(require("../../themes/default"));
 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 MuiSwitchStyledComp = (0, _styles.styled)(_material.Switch)(_ref => {
-  let MuiSwitch = _ref.MuiSwitch;
+  let {
+    MuiSwitch
+  } = _ref;
   return {
     padding: 10,
     marginTop: "-6px",
@@ -29,7 +25,7 @@ const MuiSwitchStyledComp = (0, _styles.styled)(_material.Switch)(_ref => {
       borderRadius: 20 / 2
     },
     "& .Mui-checked": {
-      color: "".concat(_default.default.palette.white.main, " !important")
+      color: `${_default.default.palette.white.main} !important`
     },
     "& .MuiSwitch-thumb": {
       margin: "5px 0px 0px 5px",
@@ -53,12 +49,8 @@ const MuiSwitchStyledComp = (0, _styles.styled)(_material.Switch)(_ref => {
   };
 });
 function Switch(props) {
-  var _props$objects, _props$objects2, _props$label;
   const classes = (0, _style.default)();
-  const _React$useState = React.useState(props.checked),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    switchChecked = _React$useState2[0],
-    setSwitchChecked = _React$useState2[1];
+  const [switchChecked, setSwitchChecked] = React.useState(props.checked);
   const onChangeEvent = () => {
     setSwitchChecked(!switchChecked);
     props.handleChange(!switchChecked);
@@ -72,33 +64,30 @@ function Switch(props) {
     });
     props.setObjects(newData);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.objects && ((_props$objects = props.objects) === null || _props$objects === void 0 ? void 0 : _props$objects.length) > 0 ? (_props$objects2 = props.objects) === null || _props$objects2 === void 0 ? void 0 : _props$objects2.map((object, index) => {
-    var _object$label;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.root
-    }, /*#__PURE__*/React.createElement(_FormGroup.default, null, /*#__PURE__*/React.createElement(_FormControlLabel.default, {
-      label: /*#__PURE__*/React.createElement(_text.default, null, object.label && ((_object$label = object.label) === null || _object$label === void 0 ? void 0 : _object$label.length) > 0 ? object.label : ""),
-      control: /*#__PURE__*/React.createElement(MuiSwitchStyledComp, {
-        checked: object.checked === true,
-        onChange: () => handleChange(object.id),
-        sx: {
-          "&:hover": {
-            backgroundColor: "transparent",
-            cursor: "default"
-          }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.objects && props.objects?.length > 0 ? props.objects?.map((object, index) => /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(_FormGroup.default, null, /*#__PURE__*/React.createElement(_FormControlLabel.default, {
+    label: /*#__PURE__*/React.createElement(_text.default, null, object.label && object.label?.length > 0 ? object.label : ""),
+    control: /*#__PURE__*/React.createElement(MuiSwitchStyledComp, {
+      checked: object.checked === true,
+      onChange: () => handleChange(object.id),
+      sx: {
+        "&:hover": {
+          backgroundColor: "transparent",
+          cursor: "default"
         }
-      }),
-      value: index,
-      disabled: object.disabled && object.disabled
-    })));
-  }) : /*#__PURE__*/React.createElement("div", {
+      }
+    }),
+    value: index,
+    disabled: object.disabled && object.disabled
+  })))) : /*#__PURE__*/React.createElement("div", {
     className: classes.root
   }, /*#__PURE__*/React.createElement(_FormGroup.default, null, /*#__PURE__*/React.createElement(_FormControlLabel.default, {
     control: /*#__PURE__*/React.createElement(MuiSwitchStyledComp, {
       checked: switchChecked,
       onChange: () => onChangeEvent()
     }),
-    label: /*#__PURE__*/React.createElement(_text.default, null, "`$", props.label && ((_props$label = props.label) === null || _props$label === void 0 ? void 0 : _props$label.length) > 0 ? props.label : "", "`"),
+    label: /*#__PURE__*/React.createElement(_text.default, null, "`$", props.label && props.label?.length > 0 ? props.label : "", "`"),
     disabled: props.disabled && props.disabled
   }))));
 }

package/components/table/ReactTable.js

@@ -9,24 +9,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _text = _interopRequireDefault(require("../text"));
 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 ReactTable = _ref => {
-  let columns = _ref.columns,
-    rows = _ref.rows,
-    sortable = _ref.sortable,
-    msg = _ref.msg;
-  const _React$useState = _react.default.useState({
-      column: null,
-      direction: "desc"
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    sorting = _React$useState2[0],
-    setSorting = _React$useState2[1];
+  let {
+    columns,
+    rows,
+    sortable,
+    msg
+  } = _ref;
+  const [sorting, setSorting] = _react.default.useState({
+    column: null,
+    direction: "desc"
+  });
   const handleSort = columnName => {
     setSorting(prevSorting => ({
       column: columnName,
@@ -34,7 +27,7 @@ const ReactTable = _ref => {
     }));
   };
   const sortedData = _react.default.useMemo(() => {
-    if (sorting !== null && sorting !== void 0 && sorting.column) {
+    if (sorting?.column) {
       const sortedArray = [...rows].sort((a, b) => {
         const valueA = a[sorting.column];
         const valueB = b[sorting.column];
@@ -48,7 +41,7 @@ const ReactTable = _ref => {
     return rows;
   }, [rows, sorting]);
   const theme = (0, _material.useTheme)();
-  return rows && (rows === null || rows === void 0 ? void 0 : rows.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, null, columns === null || columns === void 0 ? void 0 : columns.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+  return rows && rows?.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, null, columns?.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     key: c.name,
     style: {
       width: c.width
@@ -65,16 +58,16 @@ const ReactTable = _ref => {
     style: {
       color: "#7D7D7D"
     }
-  }, c.displayName))))), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, sortedData === null || sortedData === void 0 ? void 0 : sortedData.map(u => /*#__PURE__*/_react.default.createElement(_material.TableRow, {
+  }, c.displayName))))), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, sortedData?.map(u => /*#__PURE__*/_react.default.createElement(_material.TableRow, {
     key: u.id
-  }, columns === null || columns === void 0 ? void 0 : columns.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+  }, columns?.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     size: "small",
     key: u[c.name],
     style: {
       width: c.width,
       borderBottom: "none"
     }
-  }, c.render ? c.render(u) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name]))))))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, columns === null || columns === void 0 ? void 0 : columns.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+  }, c.render ? c.render(u) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name]))))))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, columns?.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     key: c.name,
     style: {
       width: c.width,
@@ -89,7 +82,7 @@ const ReactTable = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_text.default, {
     style: {
       color: "grey",
-      marginTop: "calc(100vh - 750px)"
+      marginTop: `calc(100vh - 750px)`
     }
   }, msg)));
 };

package/components/table/SimpleTable.js

@@ -10,12 +10,6 @@ var _text = _interopRequireDefault(require("../text"));
 var _styles = require("@mui/styles");
 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 useStyles = (0, _styles.makeStyles)(theme => ({
   customCell: {
     padding: "0px 1rem"
@@ -25,21 +19,20 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
   }
 }));
 const SimpleTable = _ref => {
-  let rows = _ref.rows,
-    columns = _ref.columns,
-    size = _ref.size,
-    height = _ref.height,
-    isHeight = _ref.isHeight,
-    sx = _ref.sx;
+  let {
+    rows,
+    columns,
+    size,
+    height,
+    isHeight,
+    sx
+  } = _ref;
   const classes = useStyles();
   const theme = (0, _material.useTheme)();
-  const _useState = (0, _react.useState)({
-      column: null,
-      direction: "desc"
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    sorting = _useState2[0],
-    setSorting = _useState2[1];
+  const [sorting, setSorting] = (0, _react.useState)({
+    column: null,
+    direction: "desc"
+  });
   const handleSort = columnName => {
     setSorting(prevSorting => ({
       column: columnName,
@@ -89,7 +82,7 @@ const SimpleTable = _ref => {
   }, columns.map((c, index) => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     className: isHeight && classes.customCell,
     style: {
-      padding: "".concat(height || "0.5rem", " 1rem")
+      padding: `${height || "0.5rem"} 1rem`
     },
     key: index
   }, renderCellContent(r, c)))))))) : /*#__PURE__*/_react.default.createElement(_material.Box, {
@@ -104,8 +97,10 @@ const SimpleTable = _ref => {
   }, "No records found"));
 };
 const renderCellContent = (row, column) => {
-  const name = column.name,
-    render = column.render;
+  const {
+    name,
+    render
+  } = column;
   let returnComponent;
   if (render) {
     returnComponent = render(row);

package/components/table/index.js

@@ -13,18 +13,7 @@ var _KeyboardArrowUp = _interopRequireDefault(require("@mui/icons-material/Keybo
 var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
 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 _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); } // import React, { Children, cloneElement } from "react";
+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); } // import React, { Children, cloneElement } from "react";
 // import PropTypes from "prop-types";
 // import {
 //   TableCell,
@@ -176,38 +165,36 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 // };
 // export default Table;
 const Table = _ref => {
-  let rows = _ref.rows,
-    columns = _ref.columns,
-    msg = _ref.msg,
-    editable = _ref.editable,
-    updatedRows = _ref.updatedRows,
-    setUpdatedRow = _ref.setUpdatedRow,
-    draggable = _ref.draggable;
+  let {
+    rows,
+    columns,
+    msg,
+    editable,
+    updatedRows,
+    setUpdatedRow,
+    draggable
+  } = _ref;
   // const [updatedRows, setUpdatedRow] = useState(rows);
-  const getItemStyle = (isDragging, draggableStyle) => _objectSpread({
+  const getItemStyle = (isDragging, draggableStyle) => ({
     userSelect: "none",
     padding: "16px",
     margin: "0 0 8px 0",
-    background: isDragging ? "#eee" : "white"
-  }, draggableStyle);
+    background: isDragging ? "#eee" : "white",
+    ...draggableStyle
+  });
   const onDragEnd = result => {
     if (!result.destination) {
       return;
     }
     const movedRows = Array.from(updatedRows);
-    const _movedRows$splice = movedRows.splice(result.source.index, 1),
-      _movedRows$splice2 = _slicedToArray(_movedRows$splice, 1),
-      reorderedRow = _movedRows$splice2[0];
+    const [reorderedRow] = movedRows.splice(result.source.index, 1);
     movedRows.splice(result.destination.index, 0, reorderedRow);
     setUpdatedRow(movedRows);
   };
-  const _useState = (0, _react.useState)({
-      column: null,
-      direction: "desc"
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    sorting = _useState2[0],
-    setSorting = _useState2[1];
+  const [sorting, setSorting] = (0, _react.useState)({
+    column: null,
+    direction: "desc"
+  });
   const handleSort = columnName => {
     setSorting(prevSorting => ({
       column: columnName,
@@ -228,7 +215,7 @@ const Table = _ref => {
     }
     return rows;
   }, [rows, sorting]);
-  return rows && (rows === null || rows === void 0 ? void 0 : rows.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, null, columns.map((c, index) => draggable ? /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+  return rows && rows?.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, null, columns.map((c, index) => draggable ? /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     key: c.name,
     style: {
       color: "#7D7D7D"
@@ -258,105 +245,87 @@ const Table = _ref => {
     ref: provided.innerRef
   }, provided.draggableProps, provided.dragHandleProps, {
     style: getItemStyle(snapshot.isDragging, provided.draggableProps.style)
-  }), columns.map(c => {
-    var _c$render, _c$render2, _c$render3, _c$render5, _c$render6, _c$render7, _c$render9, _c$render0, _c$render1, _c$render10, _c$render11, _u$c$name, _u$c$name2;
-    return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-      key: u[c.name],
-      style: {
-        borderBottom: "none"
-      }
-    }, c.render ? /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        maxWidth: "200px"
-      }
-    }, typeof c.render(u) === "object" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, editable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_c$render = c.render(u)) === null || _c$render === void 0 ? void 0 : _c$render.props.children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render2 = c.render(u)) === null || _c$render2 === void 0 || (_c$render2 = _c$render2.props.children) === null || _c$render2 === void 0 ? void 0 : _c$render2.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      title: (_c$render3 = c.render(u)) === null || _c$render3 === void 0 ? void 0 : _c$render3.props.children,
-      arrow: true,
-      placement: "top"
-    }, /*#__PURE__*/_react.default.createElement("a", {
-      onClick: () => {
-        var _c$render4;
-        return (_c$render4 = c.render(u)) === null || _c$render4 === void 0 || (_c$render4 = _c$render4.props) === null || _c$render4 === void 0 ? void 0 : _c$render4.onClick();
-      },
-      style: (_c$render5 = c.render(u)) === null || _c$render5 === void 0 || (_c$render5 = _c$render5.props) === null || _c$render5 === void 0 ? void 0 : _c$render5.style,
-      href: (_c$render6 = c.render(u)) === null || _c$render6 === void 0 || (_c$render6 = _c$render6.props) === null || _c$render6 === void 0 ? void 0 : _c$render6.href
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render7 = c.render(u)) === null || _c$render7 === void 0 || (_c$render7 = _c$render7.props.children) === null || _c$render7 === void 0 ? void 0 : _c$render7.slice(0, 20)) + "..."))) : /*#__PURE__*/_react.default.createElement("a", {
-      onClick: () => {
-        var _c$render8;
-        return (_c$render8 = c.render(u)) === null || _c$render8 === void 0 || (_c$render8 = _c$render8.props) === null || _c$render8 === void 0 ? void 0 : _c$render8.onClick();
-      },
-      style: (_c$render9 = c.render(u)) === null || _c$render9 === void 0 || (_c$render9 = _c$render9.props) === null || _c$render9 === void 0 ? void 0 : _c$render9.style,
-      href: (_c$render0 = c.render(u)) === null || _c$render0 === void 0 || (_c$render0 = _c$render0.props) === null || _c$render0 === void 0 ? void 0 : _c$render0.href
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, (_c$render1 = c.render(u)) === null || _c$render1 === void 0 ? void 0 : _c$render1.props.children)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render10 = c.render(u)) === null || _c$render10 === void 0 ? void 0 : _c$render10.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      title: c.render(u),
-      arrow: true,
-      placement: "top"
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render11 = c.render(u)) === null || _c$render11 === void 0 ? void 0 : _c$render11.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        maxWidth: "200px"
-      }
-    }, ((_u$c$name = u[c.name]) === null || _u$c$name === void 0 ? void 0 : _u$c$name.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      title: u[c.name],
-      arrow: true,
-      placement: "top"
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_u$c$name2 = u[c.name]) === null || _u$c$name2 === void 0 ? void 0 : _u$c$name2.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name])));
-  })))), provided.placeholder)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableBody, null, sortedData.map(u => /*#__PURE__*/_react.default.createElement(_material.TableRow, {
+  }), columns.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+    key: u[c.name],
+    style: {
+      borderBottom: "none"
+    }
+  }, c.render ? /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      maxWidth: "200px"
+    }
+  }, typeof c.render(u) === "object" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, editable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, c.render(u)?.props.children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, c.render(u)?.props.children?.length > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: c.render(u)?.props.children,
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    onClick: () => c.render(u)?.props?.onClick(),
+    style: c.render(u)?.props?.style,
+    href: c.render(u)?.props?.href
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)?.props.children?.slice(0, 20) + "..."))) : /*#__PURE__*/_react.default.createElement("a", {
+    onClick: () => c.render(u)?.props?.onClick(),
+    style: c.render(u)?.props?.style,
+    href: c.render(u)?.props?.href
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)?.props.children)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, c.render(u)?.length > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: c.render(u),
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)?.slice(0, 20) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      maxWidth: "200px"
+    }
+  }, u[c.name]?.length > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: u[c.name],
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name]?.slice(0, 20) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name]))))))), provided.placeholder)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableBody, null, sortedData.map(u => /*#__PURE__*/_react.default.createElement(_material.TableRow, {
     key: u.id
-  }, columns.map(c => {
-    var _c$render12, _c$render13, _c$render14, _c$render16, _c$render17, _c$render18, _c$render20, _c$render21, _c$render22, _c$render23, _c$render24, _u$c$name3, _u$c$name4;
-    return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-      key: u[c.name],
-      style: {
-        borderBottom: "none"
-      }
-    }, c.render ? /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        maxWidth: "200px"
-      }
-    }, typeof c.render(u) === "object" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, editable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_c$render12 = c.render(u)) === null || _c$render12 === void 0 ? void 0 : _c$render12.props.children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render13 = c.render(u)) === null || _c$render13 === void 0 || (_c$render13 = _c$render13.props.children) === null || _c$render13 === void 0 ? void 0 : _c$render13.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      title: (_c$render14 = c.render(u)) === null || _c$render14 === void 0 ? void 0 : _c$render14.props.children,
-      arrow: true,
-      placement: "top"
-    }, /*#__PURE__*/_react.default.createElement("a", {
-      onClick: () => {
-        var _c$render15;
-        return (_c$render15 = c.render(u)) === null || _c$render15 === void 0 || (_c$render15 = _c$render15.props) === null || _c$render15 === void 0 ? void 0 : _c$render15.onClick();
-      },
-      style: (_c$render16 = c.render(u)) === null || _c$render16 === void 0 || (_c$render16 = _c$render16.props) === null || _c$render16 === void 0 ? void 0 : _c$render16.style,
-      href: (_c$render17 = c.render(u)) === null || _c$render17 === void 0 || (_c$render17 = _c$render17.props) === null || _c$render17 === void 0 ? void 0 : _c$render17.href
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render18 = c.render(u)) === null || _c$render18 === void 0 || (_c$render18 = _c$render18.props.children) === null || _c$render18 === void 0 ? void 0 : _c$render18.slice(0, 20)) + "..."))) : /*#__PURE__*/_react.default.createElement("a", {
-      onClick: () => {
-        var _c$render19;
-        return (_c$render19 = c.render(u)) === null || _c$render19 === void 0 || (_c$render19 = _c$render19.props) === null || _c$render19 === void 0 ? void 0 : _c$render19.onClick();
-      },
-      style: (_c$render20 = c.render(u)) === null || _c$render20 === void 0 || (_c$render20 = _c$render20.props) === null || _c$render20 === void 0 ? void 0 : _c$render20.style,
-      href: (_c$render21 = c.render(u)) === null || _c$render21 === void 0 || (_c$render21 = _c$render21.props) === null || _c$render21 === void 0 ? void 0 : _c$render21.href
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, (_c$render22 = c.render(u)) === null || _c$render22 === void 0 ? void 0 : _c$render22.props.children)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render23 = c.render(u)) === null || _c$render23 === void 0 ? void 0 : _c$render23.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      title: c.render(u),
-      arrow: true,
-      placement: "top"
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render24 = c.render(u)) === null || _c$render24 === void 0 ? void 0 : _c$render24.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        maxWidth: "200px"
-      }
-    }, ((_u$c$name3 = u[c.name]) === null || _u$c$name3 === void 0 ? void 0 : _u$c$name3.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      title: u[c.name],
-      arrow: true,
-      placement: "top"
-    }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_u$c$name4 = u[c.name]) === null || _u$c$name4 === void 0 ? void 0 : _u$c$name4.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name])));
-  })))))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, columns.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+  }, columns.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+    key: u[c.name],
+    style: {
+      borderBottom: "none"
+    }
+  }, c.render ? /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      maxWidth: "200px"
+    }
+  }, typeof c.render(u) === "object" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, editable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, c.render(u)?.props.children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, c.render(u)?.props.children?.length > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: c.render(u)?.props.children,
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    onClick: () => c.render(u)?.props?.onClick(),
+    style: c.render(u)?.props?.style,
+    href: c.render(u)?.props?.href
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)?.props.children?.slice(0, 20) + "..."))) : /*#__PURE__*/_react.default.createElement("a", {
+    onClick: () => c.render(u)?.props?.onClick(),
+    style: c.render(u)?.props?.style,
+    href: c.render(u)?.props?.href
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)?.props.children)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, c.render(u)?.length > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: c.render(u),
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)?.slice(0, 20) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      maxWidth: "200px"
+    }
+  }, u[c.name]?.length > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: u[c.name],
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name]?.slice(0, 20) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name]))))))))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, columns.map(c => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     key: c.name,
     style: {
       color: "#7D7D7D"

package/components/text/index.js

@@ -7,16 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
-const _excluded = ["children", "bold", "semibold", "color", "variant", "link", "fontWeight", "sx", "component"];
 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 _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 getColor = (color, theme) => {
   switch (color) {
     default:
@@ -34,17 +26,18 @@ const getColor = (color, theme) => {
   }
 };
 const Text = _ref => {
-  let children = _ref.children,
-    bold = _ref.bold,
-    semibold = _ref.semibold,
-    color = _ref.color,
-    variant = _ref.variant,
-    link = _ref.link,
-    fontWeight = _ref.fontWeight,
-    sx = _ref.sx,
-    _ref$component = _ref.component,
-    component = _ref$component === void 0 ? "p" : _ref$component,
-    rest = _objectWithoutProperties(_ref, _excluded);
+  let {
+    children,
+    bold,
+    semibold,
+    color,
+    variant,
+    link,
+    fontWeight,
+    sx,
+    component = "p",
+    ...rest
+  } = _ref;
   const theme = (0, _material.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
     component: component,
@@ -52,9 +45,10 @@ const Text = _ref => {
     fontWeight: bold ? "bold" : semibold || variant === "title" ? 600 : fontWeight,
     color: link ? "primary" : getColor(color, theme)
   }, rest, {
-    sx: _objectSpread({
-      textDecoration: link ? "none !important" : "inherit"
-    }, sx)
+    sx: {
+      textDecoration: link ? "none !important" : "inherit",
+      ...sx
+    }
   }), children);
 };
 Text.propTypes = {