@wallarm-org/design-system 2.3.3 → 2.4.0

package/dist/components/Table/TableBody/TableBodyRowDndContext.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
+import { c as compiler_runtime_c } from "react/compiler-runtime";
 import { createContext, useContext, useState } from "react";
+import { createPortal } from "react-dom";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { useTableContext } from "../TableContext/index.js";
@@ -22,7 +23,7 @@ function resetCursor() {
     document.head.querySelector(`style[${CURSOR_STYLE_ATTR}]`)?.remove();
 }
 const TableBodyRowDndContext = (t0)=>{
-    const $ = c(3);
+    const $ = compiler_runtime_c(3);
     const { children } = t0;
     const { rowDndEnabled, onRowReorder } = useTableContext();
     if (!rowDndEnabled) return children;
@@ -39,7 +40,7 @@ const TableBodyRowDndContext = (t0)=>{
     return t1;
 };
 const TableBodyRowDndContextInner = (t0)=>{
-    const $ = c(31);
+    const $ = compiler_runtime_c(38);
     const { children, onRowReorder } = t0;
     const { table } = useTableContext();
     let t1;
@@ -71,135 +72,169 @@ const TableBodyRowDndContextInner = (t0)=>{
     } else t3 = $[6];
     const indicatorState = t3;
     let t4;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = {
+    if ($[7] !== rows) {
+        t4 = new Map(rows.map(_temp2));
+        $[7] = rows;
+        $[8] = t4;
+    } else t4 = $[8];
+    const parentOf = t4;
+    let t5;
+    if ($[9] !== parentOf) {
+        t5 = (args)=>closestCenter({
+                ...args,
+                droppableContainers: args.droppableContainers.filter((c)=>parentOf.get(String(c.id)) === parentOf.get(String(args.active.id)))
+            });
+        $[9] = parentOf;
+        $[10] = t5;
+    } else t5 = $[10];
+    const collisionDetection = t5;
+    let t6;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = {
             activationConstraint: {
                 distance: 5
             }
         };
-        $[7] = t4;
-    } else t4 = $[7];
-    const sensors = useSensors(useSensor(PointerSensor, t4), useSensor(KeyboardSensor));
-    let t5;
-    if ($[8] !== rows) {
-        t5 = (event)=>{
+        $[11] = t6;
+    } else t6 = $[11];
+    const sensors = useSensors(useSensor(PointerSensor, t6), useSensor(KeyboardSensor));
+    let t7;
+    if ($[12] !== rows) {
+        t7 = (event)=>{
             const id = String(event.active.id);
-            const row = rows.find((r_0)=>r_0.id === id);
+            const row = rows.find((r_1)=>r_1.id === id);
             setActiveRow(row ?? null);
             setActiveId(id);
             setCursorGrabbing();
         };
-        $[8] = rows;
-        $[9] = t5;
-    } else t5 = $[9];
-    const handleDragStart = t5;
-    let t6;
-    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-        t6 = (event_0)=>{
+        $[12] = rows;
+        $[13] = t7;
+    } else t7 = $[13];
+    const handleDragStart = t7;
+    let t8;
+    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = (event_0)=>{
             setOverId(event_0.over ? String(event_0.over.id) : null);
         };
-        $[10] = t6;
-    } else t6 = $[10];
-    const handleDragOver = t6;
-    let t7;
-    if ($[11] !== onRowReorder) {
-        t7 = (event_1)=>{
+        $[14] = t8;
+    } else t8 = $[14];
+    const handleDragOver = t8;
+    let t9;
+    if ($[15] !== onRowReorder || $[16] !== parentOf) {
+        t9 = (event_1)=>{
             setActiveRow(null);
             setActiveId(null);
             setOverId(null);
             resetCursor();
             const { active, over } = event_1;
             if (!over || active.id === over.id) return;
+            if (parentOf.get(String(active.id)) !== parentOf.get(String(over.id))) return;
             onRowReorder?.({
                 activeRowId: String(active.id),
                 overRowId: String(over.id)
             });
         };
-        $[11] = onRowReorder;
-        $[12] = t7;
-    } else t7 = $[12];
-    const handleDragEnd = t7;
-    let t8;
-    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = ()=>{
+        $[15] = onRowReorder;
+        $[16] = parentOf;
+        $[17] = t9;
+    } else t9 = $[17];
+    const handleDragEnd = t9;
+    let t10;
+    if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+        t10 = ()=>{
             setActiveRow(null);
             setActiveId(null);
             setOverId(null);
             resetCursor();
         };
-        $[13] = t8;
-    } else t8 = $[13];
-    const handleDragCancel = t8;
-    let t9;
-    if ($[14] !== children || $[15] !== rowIds) {
-        t9 = /*#__PURE__*/ jsx(SortableContext, {
+        $[18] = t10;
+    } else t10 = $[18];
+    const handleDragCancel = t10;
+    let t11;
+    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+        t11 = {
+            container: document.body
+        };
+        $[19] = t11;
+    } else t11 = $[19];
+    let t12;
+    if ($[20] !== children || $[21] !== rowIds) {
+        t12 = /*#__PURE__*/ jsx(SortableContext, {
             items: rowIds,
             strategy: verticalListSortingStrategy,
             children: children
         });
-        $[14] = children;
-        $[15] = rowIds;
-        $[16] = t9;
-    } else t9 = $[16];
-    let t10;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-        t10 = {
+        $[20] = children;
+        $[21] = rowIds;
+        $[22] = t12;
+    } else t12 = $[22];
+    let t13;
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = {
             cursor: "grabbing"
         };
-        $[17] = t10;
-    } else t10 = $[17];
-    let t11;
-    if ($[18] !== activeRow) {
-        t11 = activeRow ? /*#__PURE__*/ jsx(TableRowOverlay, {
+        $[23] = t13;
+    } else t13 = $[23];
+    let t14;
+    if ($[24] !== activeRow) {
+        t14 = activeRow ? /*#__PURE__*/ jsx(TableRowOverlay, {
             row: activeRow
         }) : null;
-        $[18] = activeRow;
-        $[19] = t11;
-    } else t11 = $[19];
-    let t12;
-    if ($[20] !== t11) {
-        t12 = /*#__PURE__*/ jsx(DragOverlay, {
-            style: t10,
-            children: t11
-        });
-        $[20] = t11;
-        $[21] = t12;
-    } else t12 = $[21];
-    let t13;
-    if ($[22] !== handleDragEnd || $[23] !== handleDragStart || $[24] !== sensors || $[25] !== t12 || $[26] !== t9) {
-        t13 = /*#__PURE__*/ jsxs(DndContext, {
+        $[24] = activeRow;
+        $[25] = t14;
+    } else t14 = $[25];
+    let t15;
+    if ($[26] !== t14) {
+        t15 = /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
+            style: t13,
+            children: t14
+        }), document.body);
+        $[26] = t14;
+        $[27] = t15;
+    } else t15 = $[27];
+    let t16;
+    if ($[28] !== collisionDetection || $[29] !== handleDragEnd || $[30] !== handleDragStart || $[31] !== sensors || $[32] !== t12 || $[33] !== t15) {
+        t16 = /*#__PURE__*/ jsxs(DndContext, {
             sensors: sensors,
-            collisionDetection: closestCenter,
+            collisionDetection: collisionDetection,
+            accessibility: t11,
             onDragStart: handleDragStart,
             onDragOver: handleDragOver,
             onDragEnd: handleDragEnd,
             onDragCancel: handleDragCancel,
             children: [
-                t9,
-                t12
+                t12,
+                t15
             ]
         });
-        $[22] = handleDragEnd;
-        $[23] = handleDragStart;
-        $[24] = sensors;
-        $[25] = t12;
-        $[26] = t9;
-        $[27] = t13;
-    } else t13 = $[27];
-    let t14;
-    if ($[28] !== indicatorState || $[29] !== t13) {
-        t14 = /*#__PURE__*/ jsx(RowDndIndicatorContext.Provider, {
+        $[28] = collisionDetection;
+        $[29] = handleDragEnd;
+        $[30] = handleDragStart;
+        $[31] = sensors;
+        $[32] = t12;
+        $[33] = t15;
+        $[34] = t16;
+    } else t16 = $[34];
+    let t17;
+    if ($[35] !== indicatorState || $[36] !== t16) {
+        t17 = /*#__PURE__*/ jsx(RowDndIndicatorContext.Provider, {
             value: indicatorState,
-            children: t13
+            children: t16
         });
-        $[28] = indicatorState;
-        $[29] = t13;
-        $[30] = t14;
-    } else t14 = $[30];
-    return t14;
+        $[35] = indicatorState;
+        $[36] = t16;
+        $[37] = t17;
+    } else t17 = $[37];
+    return t17;
 };
 TableBodyRowDndContext.displayName = "TableBodyRowDndContext";
 function _temp(r) {
     return r.id;
 }
+function _temp2(r_0) {
+    return [
+        r_0.id,
+        r_0.parentId
+    ];
+}
 export { TableBodyRowDndContext, useRowDndIndicator };