@xaypay/tui 0.2.16 → 0.2.17

package/dist/index.es.js

@@ -2244,7 +2244,7 @@ const File = /*#__PURE__*/forwardRef(({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis'
     }
-  }, singleFile ? singleFile.name : /*#__PURE__*/React__default.createElement("span", null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 (", ' ', fileExtensions.toString().split(',').join(', '), " )"))))), /*#__PURE__*/React__default.createElement("div", {
+  }, singleFile && singleFile[`${0}`] ? singleFile[`${0}`].name : /*#__PURE__*/React__default.createElement("span", null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 (", ' ', fileExtensions.toString().split(',').join(', '), " )"))))), /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'absolute',
       top: '0px',
@@ -3190,7 +3190,7 @@ const Table = ({
   const [header, setHeader] = useState([]);
   const [disableArr, setDisableArr] = useState([]);
   const [classProps, setClassProps] = useState({});
-  const [checkDrag, setCheckDrag] = useState(false);
+  const [checkDrag, setCheckDrag] = useState(null);
   const [checkedArray, setCheckedArray] = useState([]);
   const [configStyles, setConfigStyles] = useState({});
   const [dragging, setDragging] = useState(false);
@@ -3669,19 +3669,21 @@ const Table = ({
     });
   };
   useEffect(() => {
-    const draggableArray = body && body.length > 0 ? body.map((item, index) => {
-      if (showOrder) {
-        Object.values(item).map((innerItem, innerIndex) => {
-          if (innerIndex === 1) {
-            innerItem.content = index + 1, innerItem.draggable = true;
-          }
-          return innerItem;
-        });
-      }
-      return item;
-    }) : [];
-    getDraggableData && getDraggableData(draggableArray);
-    setBody(() => draggableArray);
+    if (checkDrag != null) {
+      const draggableArray = body && body.length > 0 ? body.map((item, index) => {
+        if (showOrder) {
+          Object.values(item).map((innerItem, innerIndex) => {
+            if (innerIndex === 1) {
+              innerItem.content = index + 1, innerItem.draggable = true;
+            }
+            return innerItem;
+          });
+        }
+        return item;
+      }) : [];
+      getDraggableData && getDraggableData(draggableArray);
+      setBody(() => draggableArray);
+    }
   }, [checkDrag]);
   useEffect(() => {
     const isEqual = handleSafeStringify(body) === handleSafeStringify(dataBody);
@@ -7629,6 +7631,7 @@ const createSwipe = (id, title, child, props, swipable) => {
         });
       }
       const SwipifyBlock = document.getElementById('swipify_tui');
+      SwipifyBlock.style.display = 'block';
       SwipifyBlock.appendChild(swipable);
     }
     swipable.appendChild(swipeBlock);
@@ -7693,6 +7696,7 @@ const swipe = {
             window.removeEventListener('popstate', handleNavigationChange);
             window.removeEventListener('navigationchange', handleNavigationChange);
             const SwipifyBlock = document.getElementById('swipify_tui');
+            SwipifyBlock.style.display = 'none';
             SwipifyBlock.removeChild(swipable);
           }
         }, 200);
@@ -7702,12 +7706,14 @@ const swipe = {
           window.removeEventListener('popstate', handleNavigationChange);
           window.removeEventListener('navigationchange', handleNavigationChange);
           const SwipifyBlock = document.getElementById('swipify_tui');
+          SwipifyBlock.style.display = 'none';
           SwipifyBlock.removeChild(swipable);
         }
       }
     } else {
       if (swipeCount === 0 && swipable) {
         const SwipifyBlock = document.getElementById('swipify_tui');
+        SwipifyBlock.style.display = 'none';
         SwipifyBlock.removeChild(swipable);
       }
     }
@@ -7727,10 +7733,12 @@ const SwipeModal = () => {
     ref: ref,
     id: "swipify_tui",
     style: {
-      position: 'relative',
+      position: 'absolute',
       width: '100%',
+      top: 0,
       overflow: 'hidden',
-      zIndex: 1
+      zIndex: 1,
+      display: 'none'
     }
   });
 };

package/dist/index.js

@@ -2275,7 +2275,7 @@ const File = /*#__PURE__*/React.forwardRef(({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis'
     }
-  }, singleFile ? singleFile.name : /*#__PURE__*/React__default["default"].createElement("span", null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 (", ' ', fileExtensions.toString().split(',').join(', '), " )"))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, singleFile && singleFile[`${0}`] ? singleFile[`${0}`].name : /*#__PURE__*/React__default["default"].createElement("span", null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 (", ' ', fileExtensions.toString().split(',').join(', '), " )"))))), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       position: 'absolute',
       top: '0px',
@@ -3221,7 +3221,7 @@ const Table = ({
   const [header, setHeader] = React.useState([]);
   const [disableArr, setDisableArr] = React.useState([]);
   const [classProps, setClassProps] = React.useState({});
-  const [checkDrag, setCheckDrag] = React.useState(false);
+  const [checkDrag, setCheckDrag] = React.useState(null);
   const [checkedArray, setCheckedArray] = React.useState([]);
   const [configStyles, setConfigStyles] = React.useState({});
   const [dragging, setDragging] = React.useState(false);
@@ -3700,19 +3700,21 @@ const Table = ({
     });
   };
   React.useEffect(() => {
-    const draggableArray = body && body.length > 0 ? body.map((item, index) => {
-      if (showOrder) {
-        Object.values(item).map((innerItem, innerIndex) => {
-          if (innerIndex === 1) {
-            innerItem.content = index + 1, innerItem.draggable = true;
-          }
-          return innerItem;
-        });
-      }
-      return item;
-    }) : [];
-    getDraggableData && getDraggableData(draggableArray);
-    setBody(() => draggableArray);
+    if (checkDrag != null) {
+      const draggableArray = body && body.length > 0 ? body.map((item, index) => {
+        if (showOrder) {
+          Object.values(item).map((innerItem, innerIndex) => {
+            if (innerIndex === 1) {
+              innerItem.content = index + 1, innerItem.draggable = true;
+            }
+            return innerItem;
+          });
+        }
+        return item;
+      }) : [];
+      getDraggableData && getDraggableData(draggableArray);
+      setBody(() => draggableArray);
+    }
   }, [checkDrag]);
   React.useEffect(() => {
     const isEqual = handleSafeStringify(body) === handleSafeStringify(dataBody);
@@ -7660,6 +7662,7 @@ const createSwipe = (id, title, child, props, swipable) => {
         });
       }
       const SwipifyBlock = document.getElementById('swipify_tui');
+      SwipifyBlock.style.display = 'block';
       SwipifyBlock.appendChild(swipable);
     }
     swipable.appendChild(swipeBlock);
@@ -7724,6 +7727,7 @@ const swipe = {
             window.removeEventListener('popstate', handleNavigationChange);
             window.removeEventListener('navigationchange', handleNavigationChange);
             const SwipifyBlock = document.getElementById('swipify_tui');
+            SwipifyBlock.style.display = 'none';
             SwipifyBlock.removeChild(swipable);
           }
         }, 200);
@@ -7733,12 +7737,14 @@ const swipe = {
           window.removeEventListener('popstate', handleNavigationChange);
           window.removeEventListener('navigationchange', handleNavigationChange);
           const SwipifyBlock = document.getElementById('swipify_tui');
+          SwipifyBlock.style.display = 'none';
           SwipifyBlock.removeChild(swipable);
         }
       }
     } else {
       if (swipeCount === 0 && swipable) {
         const SwipifyBlock = document.getElementById('swipify_tui');
+        SwipifyBlock.style.display = 'none';
         SwipifyBlock.removeChild(swipable);
       }
     }
@@ -7758,10 +7764,12 @@ const SwipeModal = () => {
     ref: ref,
     id: "swipify_tui",
     style: {
-      position: 'relative',
+      position: 'absolute',
       width: '100%',
+      top: 0,
       overflow: 'hidden',
-      zIndex: 1
+      zIndex: 1,
+      display: 'none'
     }
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",