tenjin-ui-kit 0.3.72 → 0.3.73

package/common/hooks/apiHooks.js

@@ -6,25 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePut = exports.usePost = exports.useFetch = exports.useDelete = void 0;
 var _react = require("react");
 var _http = require("../../http");
-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; } /* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable react-hooks/exhaustive-deps */
+
 const useFetch = (url, clean, dependency) => {
-  const _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  const _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    error = _useState6[0],
-    setError = _useState6[1];
+  const [data, setData] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
   (0, _react.useEffect)(async () => {
     setLoading(true);
     setError(null);
@@ -49,18 +36,9 @@ const useFetch = (url, clean, dependency) => {
 };
 exports.useFetch = useFetch;
 const usePost = (url, body, clean, dependency) => {
-  const _useState7 = (0, _react.useState)(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    data = _useState8[0],
-    setData = _useState8[1];
-  const _useState9 = (0, _react.useState)(false),
-    _useState0 = _slicedToArray(_useState9, 2),
-    loading = _useState0[0],
-    setLoading = _useState0[1];
-  const _useState1 = (0, _react.useState)(null),
-    _useState10 = _slicedToArray(_useState1, 2),
-    error = _useState10[0],
-    setError = _useState10[1];
+  const [data, setData] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
   (0, _react.useEffect)(async () => {
     setLoading(true);
     setError(null);
@@ -84,18 +62,9 @@ const usePost = (url, body, clean, dependency) => {
 };
 exports.usePost = usePost;
 const usePut = (url, body, clean, dependency) => {
-  const _useState11 = (0, _react.useState)(null),
-    _useState12 = _slicedToArray(_useState11, 2),
-    data = _useState12[0],
-    setData = _useState12[1];
-  const _useState13 = (0, _react.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    loading = _useState14[0],
-    setLoading = _useState14[1];
-  const _useState15 = (0, _react.useState)(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    error = _useState16[0],
-    setError = _useState16[1];
+  const [data, setData] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
   (0, _react.useEffect)(async () => {
     setLoading(true);
     setError(null);
@@ -119,18 +88,9 @@ const usePut = (url, body, clean, dependency) => {
 };
 exports.usePut = usePut;
 const useDelete = (url, body, clean, dependency) => {
-  const _useState17 = (0, _react.useState)(null),
-    _useState18 = _slicedToArray(_useState17, 2),
-    data = _useState18[0],
-    setData = _useState18[1];
-  const _useState19 = (0, _react.useState)(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    loading = _useState20[0],
-    setLoading = _useState20[1];
-  const _useState21 = (0, _react.useState)(null),
-    _useState22 = _slicedToArray(_useState21, 2),
-    error = _useState22[0],
-    setError = _useState22[1];
+  const [data, setData] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
   (0, _react.useEffect)(async () => {
     setLoading(true);
     setError(null);

package/common/hooks/newApiHook.js

@@ -7,90 +7,41 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _http = require("../../http");
 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; } /* eslint-disable no-unused-vars */
+/* eslint-disable no-unused-vars */
+
 const useAPI = () => {
-  const _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    getResult = _useState2[0],
-    setGetResult = _useState2[1];
-  const _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    postResult = _useState4[0],
-    setpostResult = _useState4[1];
-  const _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    putResult = _useState6[0],
-    setputResult = _useState6[1];
-  const _useState7 = (0, _react.useState)(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    deleteResult = _useState8[0],
-    setdeleteResult = _useState8[1];
+  const [getResult, setGetResult] = (0, _react.useState)(null);
+  const [postResult, setpostResult] = (0, _react.useState)(null);
+  const [putResult, setputResult] = (0, _react.useState)(null);
+  const [deleteResult, setdeleteResult] = (0, _react.useState)(null);
   //
-  const _useState9 = (0, _react.useState)(null),
-    _useState0 = _slicedToArray(_useState9, 2),
-    getError = _useState0[0],
-    setGetError = _useState0[1];
-  const _useState1 = (0, _react.useState)(null),
-    _useState10 = _slicedToArray(_useState1, 2),
-    postError = _useState10[0],
-    setpostError = _useState10[1];
-  const _useState11 = (0, _react.useState)(null),
-    _useState12 = _slicedToArray(_useState11, 2),
-    putError = _useState12[0],
-    setputError = _useState12[1];
-  const _useState13 = (0, _react.useState)(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    deleteError = _useState14[0],
-    setdeleteError = _useState14[1];
+  const [getError, setGetError] = (0, _react.useState)(null);
+  const [postError, setpostError] = (0, _react.useState)(null);
+  const [putError, setputError] = (0, _react.useState)(null);
+  const [deleteError, setdeleteError] = (0, _react.useState)(null);
   //
-  const _useState15 = (0, _react.useState)(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    getLoading = _useState16[0],
-    setGetLoading = _useState16[1];
-  const _useState17 = (0, _react.useState)(null),
-    _useState18 = _slicedToArray(_useState17, 2),
-    postLoading = _useState18[0],
-    setpostLoading = _useState18[1];
-  const _useState19 = (0, _react.useState)(null),
-    _useState20 = _slicedToArray(_useState19, 2),
-    putLoading = _useState20[0],
-    setputLoading = _useState20[1];
-  const _useState21 = (0, _react.useState)(null),
-    _useState22 = _slicedToArray(_useState21, 2),
-    deleteLoading = _useState22[0],
-    setdeleteLoading = _useState22[1];
-  const _useState23 = (0, _react.useState)({
-      getResult: getResult,
-      postResult: postResult,
-      putResult: putResult,
-      deleteResult: deleteResult
-    }),
-    _useState24 = _slicedToArray(_useState23, 2),
-    result = _useState24[0],
-    setResult = _useState24[1];
-  let _useState25 = (0, _react.useState)({
-      getError: getError,
-      postError: postError,
-      putError: putError,
-      deleteError: deleteError
-    }),
-    _useState26 = _slicedToArray(_useState25, 2),
-    errorMessage = _useState26[0],
-    setErrorMessage = _useState26[1];
-  let _useState27 = (0, _react.useState)({
-      getLoading: getLoading,
-      postLoading: postLoading,
-      putLoading: putLoading,
-      deleteLoading: deleteLoading
-    }),
-    _useState28 = _slicedToArray(_useState27, 2),
-    loading = _useState28[0],
-    setLoading = _useState28[1];
+  const [getLoading, setGetLoading] = (0, _react.useState)(null);
+  const [postLoading, setpostLoading] = (0, _react.useState)(null);
+  const [putLoading, setputLoading] = (0, _react.useState)(null);
+  const [deleteLoading, setdeleteLoading] = (0, _react.useState)(null);
+  const [result, setResult] = (0, _react.useState)({
+    getResult: getResult,
+    postResult: postResult,
+    putResult: putResult,
+    deleteResult: deleteResult
+  });
+  let [errorMessage, setErrorMessage] = (0, _react.useState)({
+    getError: getError,
+    postError: postError,
+    putError: putError,
+    deleteError: deleteError
+  });
+  let [loading, setLoading] = (0, _react.useState)({
+    getLoading: getLoading,
+    postLoading: postLoading,
+    putLoading: putLoading,
+    deleteLoading: deleteLoading
+  });
   const useGet = async (url, action) => {
     let response;
     try {

package/components/Canvas.js

@@ -13,25 +13,24 @@ var _material = require("@mui/material");
 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 { Grid } from '@mui/material';
+// import { Grid } from '@mui/material';
 // import React, { useState } from 'react';
+
 // const Canvas = () => {
 //   const [inputBoxes, setInputBoxes] = useState([]);
 //   let [type, setType] = useState(null);
+
 //   const addInputBox = () => {
 //     setInputBoxes([...inputBoxes, { label: 'Text', value: '' }]);
 //     setType('input');
 //   };
+
 //   const handleInputChange = (index, event) => {
 //     const values = [...inputBoxes];
 //     values[index] = event.target.value;
 //     setInputBoxes(values);
 //   };
+
 //   const addIfElseInputBox = () => {
 //     setInputBoxes([
 //       ...inputBoxes,
@@ -40,11 +39,13 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // import { Grid
 //     ]);
 //     setType('if_else');
 //   };
+
 //   //   const handleIfElseInputChange = (index, event) => {
 //   //     const values = [...inputBoxes];
 //   //     values[index] = event.target.value;
 //   //     setInputBoxes(values);
 //   //   };
+
 //   return (
 //     <div
 //       style={{
@@ -83,6 +84,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // import { Grid
 //           +
 //         </div>
 //       </div>
+
 //       {inputBoxes.map((box, index) => (
 //         <Grid item container>
 //           <Grid item xs>
@@ -114,8 +116,11 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // import { Grid
 //     </div>
 //   );
 // };
+
 // export default Canvas;
+
 ///New
+
 const Canvas = () => {
   return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
     backend: _reactDndHtml5Backend.HTML5Backend
@@ -130,20 +135,16 @@ const WorkFlowList = [{
   name: "Simple Text Box"
 }];
 const DragDrop = () => {
-  const _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    board = _useState2[0],
-    setBoard = _useState2[1];
-  const _useDrop = (0, _reactDnd.useDrop)(() => ({
-      accept: "block",
-      drop: item => addBlockToBoard(item.id, true),
-      collect: monitor => ({
-        isOver: !!monitor.isOver()
-      })
-    })),
-    _useDrop2 = _slicedToArray(_useDrop, 2),
-    isOver = _useDrop2[0].isOver,
-    drop = _useDrop2[1];
+  const [board, setBoard] = (0, _react.useState)([]);
+  const [{
+    isOver
+  }, drop] = (0, _reactDnd.useDrop)(() => ({
+    accept: "block",
+    drop: item => addBlockToBoard(item.id, true),
+    collect: monitor => ({
+      isOver: !!monitor.isOver()
+    })
+  }));
   const addBlockToBoard = (id, isDropped) => {
     const workFlowList = WorkFlowList.filter(workflow => id === workflow.id);
     const workflow = {
@@ -158,7 +159,7 @@ const DragDrop = () => {
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "WorkFlow"
-  }, WorkFlowList === null || WorkFlowList === void 0 ? void 0 : WorkFlowList.map(workflow => {
+  }, WorkFlowList?.map(workflow => {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WorkFlow.default, {
       name: workflow.name,
       id: workflow.id
@@ -166,7 +167,7 @@ const DragDrop = () => {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "Board",
     ref: drop
-  }, board === null || board === void 0 ? void 0 : board.map((workflow, index) => {
+  }, board?.map((workflow, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index
     }, workflow.name === "If Else Box" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -227,14 +228,8 @@ const DragDrop = () => {
 };
 exports.DragDrop = DragDrop;
 const AddNewBox = () => {
-  const _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputBoxes = _useState4[0],
-    setInputBoxes = _useState4[1];
-  let _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    type = _useState6[0],
-    setType = _useState6[1];
+  const [inputBoxes, setInputBoxes] = (0, _react.useState)([]);
+  let [type, setType] = (0, _react.useState)(null);
   const addInputBox = () => {
     setInputBoxes([...inputBoxes, {
       label: "Text",
@@ -315,9 +310,9 @@ const AddNewBox = () => {
       marginTop: "1rem"
     }
   }, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "".concat(type, "-").concat(index)
+    htmlFor: `${type}-${index}`
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, box.label)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", {
-    id: "".concat(type, "-").concat(index),
+    id: `${type}-${index}`,
     type: "text",
     value: box.value,
     onChange: e => {

package/components/DragBox/index.js

@@ -8,33 +8,28 @@ var _react = _interopRequireDefault(require("react"));
 var _reactDnd = require("react-dnd");
 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 DragBox = exports.DragBox = function DragBox(_ref) {
-  let name = _ref.name;
-  const _useDrag = (0, _reactDnd.useDrag)(() => ({
-      type: "box",
-      item: {
-        name
-      },
-      collect: monitor => ({
-        isDragging: monitor.isDragging(),
-        handlerId: monitor.getHandlerId()
-      })
-    })),
-    _useDrag2 = _slicedToArray(_useDrag, 2),
-    isDragging = _useDrag2[0].isDragging,
-    drag = _useDrag2[1];
+  let {
+    name
+  } = _ref;
+  const [{
+    isDragging
+  }, drag] = (0, _reactDnd.useDrag)(() => ({
+    type: "box",
+    item: {
+      name
+    },
+    collect: monitor => ({
+      isDragging: monitor.isDragging(),
+      handlerId: monitor.getHandlerId()
+    })
+  }));
   const opacity = isDragging ? 0.4 : 1;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: drag,
     style: {
       opacity
     },
-    "data-testid": "box"
+    "data-testid": `box`
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, name));
 };

package/components/InputWithChip/index.js

@@ -11,7 +11,9 @@ var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _text = _interopRequireDefault(require("../text"));
-const _excluded = ["value", "id", "onChange", "fullWidth", "label", "isRequired", "isDisabled", "errorMessage", "error", "initialValue", "height"]; // import React, { useEffect, useState } from "react";
+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); } // import React, { useEffect, useState } from "react";
 // import Chip from "@mui/material/Chip";
 // import { FormControl, InputLabel, TextField } from "@mui/material";
 // import ClearIcon from "@mui/icons-material/Clear";
@@ -134,43 +136,25 @@ const _excluded = ["value", "id", "onChange", "fullWidth", "label", "isRequired"
 //   error: PropTypes.bool,
 // };
 // export default InputWithChip;
-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 _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 InputWithChip = _ref => {
-  let value = _ref.value,
-    id = _ref.id,
-    onChange = _ref.onChange,
-    fullWidth = _ref.fullWidth,
-    label = _ref.label,
-    isRequired = _ref.isRequired,
-    isDisabled = _ref.isDisabled,
-    errorMessage = _ref.errorMessage,
-    error = _ref.error,
-    initialValue = _ref.initialValue,
-    height = _ref.height,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _useState = (0, _react.useState)(value ? [...value] : []),
-    _useState2 = _slicedToArray(_useState, 2),
-    chips = _useState2[0],
-    setChips = _useState2[1];
+  let {
+    value,
+    id,
+    onChange,
+    fullWidth,
+    label,
+    isRequired,
+    isDisabled,
+    errorMessage,
+    error,
+    initialValue,
+    height,
+    ...rest
+  } = _ref;
+  const [chips, setChips] = (0, _react.useState)(value ? [...value] : []);
   const theme = (0, _styles.useTheme)();
-  const _useState3 = (0, _react.useState)(""),
-    _useState4 = _slicedToArray(_useState3, 2),
-    txtValue = _useState4[0],
-    setTxtValue = _useState4[1];
-  const _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    duplicateWarnig = _useState6[0],
-    setDuplicateWarning = _useState6[1];
+  const [txtValue, setTxtValue] = (0, _react.useState)("");
+  const [duplicateWarnig, setDuplicateWarning] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     if (onChange) {
       onChange(chips);
@@ -183,17 +167,21 @@ const InputWithChip = _ref => {
   const handleAddChip = event => {
     setDuplicateWarning({
       status: false,
-      message: ""
+      message: ``
     });
     if ((event.key === "Enter" || event.keyCode === 32 || event.keyCode === 188 || event.keyCode === 9 || event.type === "blur") && event.target.value.replace(",", "")) {
-      const value = event.target.value;
+      const {
+        target: {
+          value
+        }
+      } = event;
       const newValue = typeof value === "string" ? value.replace(",", "").trim() : value.trim();
       // if (chips.includes(newValue)) return; //add if any info or anything needs to be shown
       let isPresent = chips.includes(newValue);
       if (isPresent) {
         setDuplicateWarning({
           status: true,
-          message: "".concat(newValue, " already exists")
+          message: `${newValue} already exists`
         });
       } else {
         setChips([...chips, newValue]);
@@ -224,7 +212,7 @@ const InputWithChip = _ref => {
     disabled: isDisabled,
     onKeyDown: handleAddChip,
     onBlur: e => {
-      if (!(chips !== null && chips !== void 0 && chips.length) > 0) {
+      if (!chips?.length > 0) {
         setChips([]);
       }
       if (e.target.value !== "") {
@@ -262,16 +250,16 @@ const InputWithChip = _ref => {
     // />
     //   )),
     // }}
-  }))), (duplicateWarnig === null || duplicateWarnig === void 0 ? void 0 : duplicateWarnig.status) && /*#__PURE__*/_react.default.createElement(_material.Alert, {
+  }))), duplicateWarnig?.status && /*#__PURE__*/_react.default.createElement(_material.Alert, {
     severity: "warning"
-  }, duplicateWarnig === null || duplicateWarnig === void 0 ? void 0 : duplicateWarnig.message), !!chips && /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }, duplicateWarnig?.message), !!chips && /*#__PURE__*/_react.default.createElement(_material.Box, {
     maxHeight: theme.spacing(20),
     overflow: "auto"
     // border={!!chips && "1px solid #E7E7E7"}
     ,
     mt: theme.spacing(2)
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, chips.map((chip, index) => /*#__PURE__*/_react.default.createElement(_Chip.default, {
-    key: "".concat(chip, "-").concat(index),
+    key: `${chip}-${index}`,
     label: /*#__PURE__*/_react.default.createElement(_text.default, null, chip),
     onDelete: () => handleDeleteChip(chip),
     deleteIcon: /*#__PURE__*/_react.default.createElement(_Clear.default, {

package/components/RightContext/index.js

@@ -8,24 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 require("./index.css");
 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 RightContext = () => {
-  const _React$useState = _react.default.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    context = _React$useState2[0],
-    setContext = _React$useState2[1];
-  const _React$useState3 = _react.default.useState({
-      x: 0,
-      y: 0
-    }),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    xYPosistion = _React$useState4[0],
-    setXyPosistion = _React$useState4[1];
+  const [context, setContext] = _react.default.useState(false);
+  const [xYPosistion, setXyPosistion] = _react.default.useState({
+    x: 0,
+    y: 0
+  });
   const showNav = event => {
     event.preventDefault();
     setContext(false);
@@ -39,10 +27,7 @@ const RightContext = () => {
   const hideContext = event => {
     setContext(false);
   };
-  const _React$useState5 = _react.default.useState(),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    chosen = _React$useState6[0],
-    setChosen = _React$useState6[1];
+  const [chosen, setChosen] = _react.default.useState();
   const initMenu = chosen => {
     setChosen(chosen);
   };