@oliasoft-open-source/react-ui-library 4.19.2-beta-3 → 4.19.3-beta-1

package/README.md

@@ -1989,6 +1989,7 @@ The `Table` component renders tabular data with various customization options.
 | Prop                  | Description                                                                                      | Default Value |
 |-----------------------|--------------------------------------------------------------------------------------------------|---------------|
 | `onListReorder`       | Function called when rows are reordered.                                                        | `() => {}`    |
+| `canListReorder`      | Function to compare `from` and `to` to determine if reordering is allowed.                      | `() => true`  |
 | `table`               | An object containing table configuration.                                                        |               |
 | `table.name`          | Name or title of the table.                                                                     |               |
 | `table.actionsRight`  | Determines if actions should be displayed on the right side of the table.                        | `false`       |

package/dist/index.js

@@ -13873,9 +13873,6 @@ const ListDragWrapper = ({
   onListReorder
 }) => {
   const [dragIndex, setDragIndex] = useState(null);
-  if (!draggable) {
-    return children;
-  }
   const handleDragStart2 = (event) => {
     setDragIndex(event.active.id);
   };
@@ -13895,6 +13892,9 @@ const ListDragWrapper = ({
     () => list2.items.map((_2, index2) => index2.toString()),
     [list2.items]
   );
+  if (!draggable) {
+    return children;
+  }
   return /* @__PURE__ */ jsxs(
     DndContext$1,
     {
@@ -52141,7 +52141,6 @@ const TableDragWrapper = (props) => {
     tbodyRef
   } = props;
   const [dragIndex, setDragIndex] = useState(null);
-  const [canDragToIndexes, setCanDragToIndexes] = useState([]);
   const [dropDisabled, setDropDisabled] = useState(false);
   const itemIds = useMemo(
     () => rows.map((_2, index2) => index2.toString()),
@@ -52149,29 +52148,22 @@ const TableDragWrapper = (props) => {
   );
   const handleDragStart2 = (event) => {
     setDragIndex(event.active.id);
-    const enabledIndexes = rows.map((_2, index2) => index2).filter((index2) => {
-      if (rows[index2].noDrag) return false;
-      if (canListReorder({ from: Number(event.active.id), to: index2 }))
-        return true;
-      return false;
-    });
-    setCanDragToIndexes(enabledIndexes);
   };
   const handleDragEnd = (event) => {
     setDragIndex(null);
     setDropDisabled(false);
-    setCanDragToIndexes([]);
     const { active: active2, over } = event;
     if (!active2 || !over || active2.id === over.id) return;
-    if (!canDragToIndexes.includes(Number(over.id))) return;
-    onListReorder({
-      from: Number(active2.id),
-      to: Number(over.id)
-    });
+    const from3 = Number(active2.id);
+    const to2 = Number(over == null ? void 0 : over.id);
+    if (!canListReorder({ from: from3, to: to2 })) return;
+    onListReorder({ from: from3, to: to2 });
   };
   const handleDragOver = (event) => {
     const { active: active2, over } = event;
-    const disabled2 = (active2 == null ? void 0 : active2.id) !== (over == null ? void 0 : over.id) && !canDragToIndexes.includes(Number(over == null ? void 0 : over.id));
+    const from3 = Number(active2.id);
+    const to2 = Number(over == null ? void 0 : over.id);
+    const disabled2 = from3 !== to2 && !canListReorder({ from: from3, to: to2 });
     setDropDisabled(disabled2);
   };
   const getCalculatedWidths = () => {