@clevertask/react-sortable-tree 0.0.1 → 0.0.2

package/dist/SortableTree/types.d.ts

@@ -81,7 +81,7 @@ export interface SortableTreeProps {
      * @param id - The id of the parent item being expanded.
      * @param isExpanding - True if the item is being expanded, false if collapsing.
      */
-    onLazyLoadChildren?: (id: UniqueIdentifier, isExpanding: boolean) => Promise<void>;
+    onLazyLoadChildren?: (id: UniqueIdentifier, isExpanding: boolean) => void;
     /**
      * Determines if a drop indicator should be shown when dragging items.
      * @default false

package/dist/react-sortable-tree.js

@@ -21,21 +21,21 @@ function Ne(e) {
 function Lt(e) {
   return "nodeType" in e;
 }
-function G(e) {
+function Z(e) {
   var t, n;
   return e ? Ne(e) ? e : Lt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function Pt(e) {
   const {
     Document: t
-  } = G(e);
+  } = Z(e);
   return e instanceof t;
 }
 function Ue(e) {
-  return Ne(e) ? !1 : e instanceof G(e).HTMLElement;
+  return Ne(e) ? !1 : e instanceof Z(e).HTMLElement;
 }
 function hn(e) {
-  return e instanceof G(e).SVGElement;
+  return e instanceof Z(e).SVGElement;
 }
 function Le(e) {
   return e ? Ne(e) ? e.document : Lt(e) ? Pt(e) ? e : Ue(e) || hn(e) ? e.ownerDocument : document : document : document;
@@ -127,7 +127,7 @@ function ht(e) {
     return !1;
   const {
     KeyboardEvent: t
-  } = G(e.target);
+  } = Z(e.target);
   return t && e instanceof t;
 }
 function or(e) {
@@ -135,7 +135,7 @@ function or(e) {
     return !1;
   const {
     TouchEvent: t
-  } = G(e.target);
+  } = Z(e.target);
   return t && e instanceof t;
 }
 function at(e) {
@@ -641,7 +641,7 @@ function Pe(e, t) {
     const {
       transform: c,
       transformOrigin: u
-    } = G(e).getComputedStyle(e);
+    } = Z(e).getComputedStyle(e);
     c && (n = Ir(n, c, u));
   }
   const {
@@ -678,10 +678,10 @@ function Er(e) {
   };
 }
 function Or(e, t) {
-  return t === void 0 && (t = G(e).getComputedStyle(e)), t.position === "fixed";
+  return t === void 0 && (t = Z(e).getComputedStyle(e)), t.position === "fixed";
 }
 function Tr(e, t) {
-  t === void 0 && (t = G(e).getComputedStyle(e));
+  t === void 0 && (t = Z(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const i = t[o];
@@ -697,7 +697,7 @@ function kt(e, t) {
       return n.push(o.scrollingElement), n;
     if (!Ue(o) || hn(o) || n.includes(o))
       return n;
-    const i = G(e).getComputedStyle(o);
+    const i = Z(e).getComputedStyle(o);
     return o !== e && Tr(o, i) && n.push(o), Or(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
@@ -875,7 +875,7 @@ class Fe {
 function zr(e) {
   const {
     EventTarget: t
-  } = G(e);
+  } = Z(e);
   return e instanceof t ? e : Le(e);
 }
 function Dt(e, t) {
@@ -935,7 +935,7 @@ class Bt {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new Fe(Le(n)), this.windowListeners = new Fe(G(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new Fe(Le(n)), this.windowListeners = new Fe(Z(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(oe.Resize, this.handleCancel), this.windowListeners.add(oe.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(oe.Keydown, this.handleKeyDown));
@@ -1000,29 +1000,29 @@ class Bt {
             y: Math.min(p === S.Down ? R.bottom - R.height / 2 : R.bottom, Math.max(p === S.Down ? R.top : R.top + R.height / 2, d.y))
           }, N = p === S.Right && !w || p === S.Left && !y, B = p === S.Down && !C || p === S.Up && !m;
           if (N && E.x !== d.x) {
-            const A = g.scrollLeft + f.x, Z = p === S.Right && A <= x.x || p === S.Left && A >= I.x;
-            if (Z && !f.y) {
+            const A = g.scrollLeft + f.x, Q = p === S.Right && A <= x.x || p === S.Left && A >= I.x;
+            if (Q && !f.y) {
               g.scrollTo({
                 left: A,
                 behavior: a
               });
               return;
             }
-            Z ? h.x = g.scrollLeft - A : h.x = p === S.Right ? g.scrollLeft - x.x : g.scrollLeft - I.x, h.x && g.scrollBy({
+            Q ? h.x = g.scrollLeft - A : h.x = p === S.Right ? g.scrollLeft - x.x : g.scrollLeft - I.x, h.x && g.scrollBy({
               left: -h.x,
               behavior: a
             });
             break;
           } else if (B && E.y !== d.y) {
-            const A = g.scrollTop + f.y, Z = p === S.Down && A <= x.y || p === S.Up && A >= I.y;
-            if (Z && !f.x) {
+            const A = g.scrollTop + f.y, Q = p === S.Down && A <= x.y || p === S.Up && A >= I.y;
+            if (Q && !f.x) {
               g.scrollTo({
                 top: A,
                 behavior: a
               });
               return;
             }
-            Z ? h.y = g.scrollTop - A : h.y = p === S.Down ? g.scrollTop - x.y : g.scrollTop - I.y, h.y && g.scrollBy({
+            Q ? h.y = g.scrollTop - A : h.y = p === S.Down ? g.scrollTop - x.y : g.scrollTop - I.y, h.y && g.scrollBy({
               top: -h.y,
               behavior: a
             });
@@ -1091,7 +1091,7 @@ class $t {
     } = t, {
       target: s
     } = i;
-    this.props = t, this.events = n, this.document = Le(s), this.documentListeners = new Fe(this.document), this.listeners = new Fe(r), this.windowListeners = new Fe(G(s)), this.initialCoordinates = (o = at(i)) != null ? o : de, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = t, this.events = n, this.document = Le(s), this.documentListeners = new Fe(this.document), this.listeners = new Fe(r), this.windowListeners = new Fe(Z(s)), this.initialCoordinates = (o = at(i)) != null ? o : de, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -1687,7 +1687,7 @@ function An(e) {
 const St = [];
 function ro(e, t) {
   t === void 0 && (t = Pe);
-  const [n] = e, r = An(n ? G(n) : null), [o, i] = Nt(a, St), s = pt({
+  const [n] = e, r = An(n ? Z(n) : null), [o, i] = Nt(a, St), s = pt({
     callback: i
   });
   return e.length > 0 && o === St && i(), ie(() => {
@@ -2058,18 +2058,18 @@ const ho = /* @__PURE__ */ ut(function(t) {
     droppable: {
       containers: B
     }
-  } = p, A = R ? E.get(R) : null, Z = z({
+  } = p, A = R ? E.get(R) : null, Q = z({
     initial: null,
     translated: null
-  }), Q = T(() => {
+  }), ee = T(() => {
     var U;
     return R != null ? {
       id: R,
       // It's possible for the active node to unmount while dragging
       data: (U = A == null ? void 0 : A.data) != null ? U : so,
-      rect: Z
+      rect: Q
     } : null;
-  }, [R, A]), ne = z(null), [xe, De] = V(null), [J, Ce] = V(null), se = Ye(b, Object.values(b)), Se = Je("DndDescribedBy", s), v = T(() => B.getEnabled(), [B]), D = fo(f), {
+  }, [R, A]), J = z(null), [xe, De] = V(null), [q, Ce] = V(null), se = Ye(b, Object.values(b)), Se = Je("DndDescribedBy", s), v = T(() => B.getEnabled(), [B]), D = fo(f), {
     droppableRects: P,
     measureDroppableContainers: M,
     measuringScheduled: F
@@ -2077,10 +2077,10 @@ const ho = /* @__PURE__ */ ut(function(t) {
     dragging: I,
     dependencies: [N.x, N.y],
     config: D.droppable
-  }), H = Kr(E, R), K = T(() => J ? at(J) : null, [J]), q = Zn(), W = Jr(H, D.draggable.measure);
+  }), H = Kr(E, R), K = T(() => q ? at(q) : null, [q]), G = Zn(), W = Jr(H, D.draggable.measure);
   go({
     activeNode: R ? E.get(R) : null,
-    config: q.layoutShiftCompensation,
+    config: G.layoutShiftCompensation,
     initialRect: W,
     measure: D.draggable.measure
   });
@@ -2100,15 +2100,15 @@ const ho = /* @__PURE__ */ ut(function(t) {
     scrollAdjustedTranslate: null
   }), pe = B.getNodeFor((n = L.current.over) == null ? void 0 : n.id), ae = oo({
     measure: D.dragOverlay.measure
-  }), Ie = (r = ae.nodeRef.current) != null ? r : H, Re = I ? (o = ae.rect) != null ? o : O : null, Ft = !!(ae.nodeRef.current && ae.rect), Ht = Zr(Ft ? null : O), mt = An(Ie ? G(Ie) : null), ve = Qr(I ? pe ?? H : null), Ge = ro(ve), Ze = Pn(h, {
+  }), Ie = (r = ae.nodeRef.current) != null ? r : H, Re = I ? (o = ae.rect) != null ? o : O : null, Ft = !!(ae.nodeRef.current && ae.rect), Ht = Zr(Ft ? null : O), mt = An(Ie ? Z(Ie) : null), ve = Qr(I ? pe ?? H : null), Ge = ro(ve), Ze = Pn(h, {
     transform: {
       x: N.x - Ht.x,
       y: N.y - Ht.y,
       scaleX: 1,
       scaleY: 1
     },
-    activatorEvent: J,
-    active: Q,
+    activatorEvent: q,
+    active: ee,
     activeNodeRect: O,
     containerNodeRect: he,
     draggingNodeRect: Re,
@@ -2117,25 +2117,25 @@ const ho = /* @__PURE__ */ ut(function(t) {
     scrollableAncestors: ve,
     scrollableAncestorRects: Ge,
     windowRect: mt
-  }), Xt = K ? Ae(K, N) : null, Yt = eo(ve), Vn = ln(Yt), Kn = ln(Yt, [O]), Ee = Ae(Ze, Vn), Oe = Re ? Sr(Re, Ze) : null, ke = Q && Oe ? d({
-    active: Q,
+  }), Xt = K ? Ae(K, N) : null, Yt = eo(ve), Vn = ln(Yt), Kn = ln(Yt, [O]), Ee = Ae(Ze, Vn), Oe = Re ? Sr(Re, Ze) : null, ke = ee && Oe ? d({
+    active: ee,
     collisionRect: Oe,
     droppableRects: P,
     droppableContainers: v,
     pointerCoordinates: Xt
   }) : null, Vt = yn(ke, "id"), [be, Kt] = V(null), Un = Ft ? Ze : Ae(Ze, Kn), Wn = Dr(Un, (i = be == null ? void 0 : be.rect) != null ? i : null, O), Ut = $(
-    (U, ee) => {
+    (U, te) => {
       let {
-        sensor: te,
+        sensor: ne,
         options: me
-      } = ee;
-      if (ne.current == null)
+      } = te;
+      if (J.current == null)
         return;
-      const re = E.get(ne.current);
+      const re = E.get(J.current);
       if (!re)
         return;
-      const le = U.nativeEvent, fe = new te({
-        active: ne.current,
+      const le = U.nativeEvent, fe = new ne({
+        active: J.current,
         activeNode: re,
         event: le,
         options: me,
@@ -2143,7 +2143,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
         // otherwise they are frozen in time with the stale arguments
         context: L,
         onStart(ce) {
-          const ze = ne.current;
+          const ze = J.current;
           if (ze == null)
             return;
           const Be = E.get(ze);
@@ -2155,7 +2155,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
             active: {
               id: ze,
               data: Be.data,
-              rect: Z
+              rect: Q
             }
           };
           je(() => {
@@ -2202,7 +2202,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
               over: et
             }, ce === X.DragEnd && typeof _e == "function" && await Promise.resolve(_e($e)) && (ce = X.DragCancel);
           }
-          ne.current = null, je(() => {
+          J.current = null, je(() => {
             m({
               type: ce
             }), x(ye.Uninitialized), Kt(null), De(null), Ce(null);
@@ -2220,11 +2220,11 @@ const ho = /* @__PURE__ */ ut(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [E]
-  ), Jn = $((U, ee) => (te, me) => {
-    const re = te.nativeEvent, le = E.get(me);
+  ), Jn = $((U, te) => (ne, me) => {
+    const re = ne.nativeEvent, le = E.get(me);
     if (
       // Another sensor is already instantiating
-      ne.current !== null || // No active draggable
+      J.current !== null || // No active draggable
       !le || // Event has already been captured
       re.dndKit || re.defaultPrevented
     )
@@ -2232,9 +2232,9 @@ const ho = /* @__PURE__ */ ut(function(t) {
     const fe = {
       active: le
     };
-    U(te, ee.options, fe) === !0 && (re.dndKit = {
-      capturedBy: ee.sensor
-    }, ne.current = me, Ut(te, ee));
+    U(ne, te.options, fe) === !0 && (re.dndKit = {
+      capturedBy: te.sensor
+    }, J.current = me, Ut(ne, te));
   }, [E, Ut]), Wt = Ur(u, Jn);
   to(u), ie(() => {
     O && C === ye.Initializing && x(ye.Initialized);
@@ -2243,16 +2243,16 @@ const ho = /* @__PURE__ */ ut(function(t) {
       const {
         onDragMove: U
       } = se.current, {
-        active: ee,
-        activatorEvent: te,
+        active: te,
+        activatorEvent: ne,
         collisions: me,
         over: re
       } = L.current;
-      if (!ee || !te)
+      if (!te || !ne)
         return;
       const le = {
-        active: ee,
-        activatorEvent: te,
+        active: te,
+        activatorEvent: ne,
         collisions: me,
         delta: {
           x: Ee.x,
@@ -2273,12 +2273,12 @@ const ho = /* @__PURE__ */ ut(function(t) {
     () => {
       const {
         active: U,
-        activatorEvent: ee,
-        collisions: te,
+        activatorEvent: te,
+        collisions: ne,
         droppableContainers: me,
         scrollAdjustedTranslate: re
       } = L.current;
-      if (!U || ne.current == null || !ee || !re)
+      if (!U || J.current == null || !te || !re)
         return;
       const {
         onDragOver: le
@@ -2289,8 +2289,8 @@ const ho = /* @__PURE__ */ ut(function(t) {
         disabled: fe.disabled
       } : null, ce = {
         active: U,
-        activatorEvent: ee,
-        collisions: te,
+        activatorEvent: te,
+        collisions: ne,
         delta: {
           x: re.x,
           y: re.y
@@ -2308,8 +2308,8 @@ const ho = /* @__PURE__ */ ut(function(t) {
     [Vt]
   ), ie(() => {
     L.current = {
-      activatorEvent: J,
-      active: Q,
+      activatorEvent: q,
+      active: ee,
       activeNode: H,
       collisionRect: Oe,
       collisions: ke,
@@ -2321,12 +2321,12 @@ const ho = /* @__PURE__ */ ut(function(t) {
       over: be,
       scrollableAncestors: ve,
       scrollAdjustedTranslate: Ee
-    }, Z.current = {
+    }, Q.current = {
       initial: Re,
       translated: Oe
     };
-  }, [Q, H, ke, Oe, E, Ie, Re, P, B, be, ve, Ee]), Xr({
-    ...q,
+  }, [ee, H, ke, Oe, E, Ie, Re, P, B, be, ve, Ee]), Xr({
+    ...G,
     delta: N,
     draggingRect: Oe,
     pointerCoordinates: Xt,
@@ -2334,10 +2334,10 @@ const ho = /* @__PURE__ */ ut(function(t) {
     scrollableAncestorRects: Ge
   });
   const qn = T(() => ({
-    active: Q,
+    active: ee,
     activeNode: H,
     activeNodeRect: O,
-    activatorEvent: J,
+    activatorEvent: q,
     collisions: ke,
     containerNodeRect: he,
     dragOverlay: ae,
@@ -2351,10 +2351,10 @@ const ho = /* @__PURE__ */ ut(function(t) {
     measuringConfiguration: D,
     measuringScheduled: F,
     windowRect: mt
-  }), [Q, H, O, J, ke, he, ae, E, B, P, be, M, ve, Ge, D, F, mt]), Gn = T(() => ({
-    activatorEvent: J,
+  }), [ee, H, O, q, ke, he, ae, E, B, P, be, M, ve, Ge, D, F, mt]), Gn = T(() => ({
+    activatorEvent: q,
     activators: Wt,
-    active: Q,
+    active: ee,
     activeNodeRect: O,
     ariaDescribedById: {
       draggable: Se
@@ -2363,7 +2363,7 @@ const ho = /* @__PURE__ */ ut(function(t) {
     draggableNodes: E,
     over: be,
     measureDroppableContainers: M
-  }), [J, Wt, Q, O, m, Se, E, be, M]);
+  }), [q, Wt, ee, O, m, Se, E, be, M]);
   return j.createElement(vn.Provider, {
     value: y
   }, j.createElement(qe.Provider, {
@@ -2379,12 +2379,12 @@ const ho = /* @__PURE__ */ ut(function(t) {
     hiddenTextDescribedById: Se
   }));
   function Zn() {
-    const U = (xe == null ? void 0 : xe.autoScrollEnabled) === !1, ee = typeof l == "object" ? l.enabled === !1 : l === !1, te = I && !U && !ee;
+    const U = (xe == null ? void 0 : xe.autoScrollEnabled) === !1, te = typeof l == "object" ? l.enabled === !1 : l === !1, ne = I && !U && !te;
     return typeof l == "object" ? {
       ...l,
-      enabled: te
+      enabled: ne
     } : {
-      enabled: te
+      enabled: ne
     };
   }
 }), po = /* @__PURE__ */ Ke(null), cn = "button", vo = "Droppable";
@@ -2664,7 +2664,7 @@ function To(e) {
       return;
     const {
       transform: u
-    } = G(s).getComputedStyle(s), d = xn(u);
+    } = Z(s).getComputedStyle(s), d = xn(u);
     if (!d)
       return;
     const f = typeof t == "function" ? t : Ao(t);
@@ -3052,12 +3052,12 @@ function Vo(e) {
     }
   }), {
     active: A,
-    activatorEvent: Z,
-    activeNodeRect: Q,
-    attributes: ne,
+    activatorEvent: Q,
+    activeNodeRect: ee,
+    attributes: J,
     setNodeRef: xe,
     listeners: De,
-    isDragging: J,
+    isDragging: q,
     over: Ce,
     setActivatorNodeRef: se,
     transform: Se
@@ -3069,13 +3069,13 @@ function Vo(e) {
       ...n
     },
     disabled: y.draggable
-  }), v = tr(B, xe), D = !!A, P = D && !b && tt(f) && tt(p), M = !m && J, F = M && P ? Se : null, K = P ? F ?? (a ?? w)({
+  }), v = tr(B, xe), D = !!A, P = D && !b && tt(f) && tt(p), M = !m && q, F = M && P ? Se : null, K = P ? F ?? (a ?? w)({
     rects: g,
-    activeNodeRect: Q,
+    activeNodeRect: ee,
     activeIndex: f,
     overIndex: p,
     index: C
-  }) : null, q = tt(f) && tt(p) ? i({
+  }) : null, G = tt(f) && tt(p) ? i({
     id: s,
     items: u,
     activeIndex: f,
@@ -3083,12 +3083,12 @@ function Vo(e) {
   }) : C, W = A == null ? void 0 : A.id, O = z({
     activeId: W,
     items: u,
-    newIndex: q,
+    newIndex: G,
     containerId: d
   }), he = u !== O.current.items, L = t({
     active: A,
     containerId: d,
-    isDragging: J,
+    isDragging: q,
     isSorting: D,
     id: s,
     index: C,
@@ -3105,8 +3105,8 @@ function Vo(e) {
     rect: R
   });
   return k(() => {
-    D && O.current.newIndex !== q && (O.current.newIndex = q), d !== O.current.containerId && (O.current.containerId = d), u !== O.current.items && (O.current.items = u);
-  }, [D, q, d, u]), k(() => {
+    D && O.current.newIndex !== G && (O.current.newIndex = G), d !== O.current.containerId && (O.current.containerId = d), u !== O.current.items && (O.current.items = u);
+  }, [D, G, d, u]), k(() => {
     if (W === O.current.activeId)
       return;
     if (W && !O.current.activeId) {
@@ -3120,15 +3120,15 @@ function Vo(e) {
   }, [W]), {
     active: A,
     activeIndex: f,
-    attributes: ne,
+    attributes: J,
     data: x,
     rect: R,
     index: C,
-    newIndex: q,
+    newIndex: G,
     items: u,
     isOver: N,
     isSorting: D,
-    isDragging: J,
+    isDragging: q,
     listeners: De,
     node: E,
     overIndex: p,
@@ -3147,7 +3147,7 @@ function Vo(e) {
       he && O.current.newIndex === C
     )
       return Ho;
-    if (!(M && !ht(Z) || !c) && (D || L))
+    if (!(M && !ht(Q) || !c) && (D || L))
       return ge.Transition.toString({
         ...c,
         property: _n
@@ -3628,27 +3628,27 @@ function Ni({
       }), document.body.style.setProperty("cursor", "grabbing");
     },
     [C]
-  ), Z = $(({ delta: v }) => {
+  ), Q = $(({ delta: v }) => {
     m(v.x);
-  }, []), Q = $(({ over: v }) => {
+  }, []), ee = $(({ over: v }) => {
     g((v == null ? void 0 : v.id) ?? null);
-  }, []), ne = $(
+  }, []), J = $(() => {
+    g(null), h(null), m(0), y(null), document.body.style.setProperty("cursor", "");
+  }, []), xe = $(
     ({ active: v, over: D }) => {
-      if (De(), x && D) {
-        const { depth: P, parentId: M } = x, F = JSON.parse(JSON.stringify(It(e))), H = F.findIndex(({ id: L }) => L === D.id), K = F.findIndex(({ id: L }) => L === v.id), q = F[K];
-        F[K] = { ...q, depth: P, parentId: M };
+      if (J(), x && D) {
+        const { depth: P, parentId: M } = x, F = JSON.parse(JSON.stringify(It(e))), H = F.findIndex(({ id: L }) => L === D.id), K = F.findIndex(({ id: L }) => L === v.id), G = F[K];
+        F[K] = { ...G, depth: P, parentId: M };
         const W = Ve(F, K, H), O = Go(W), he = Yn(O, F[K].id, M);
         t(ti(O)), u == null || u(he);
       }
     },
-    [e, x]
-  ), xe = $(() => {
-    De();
-  }, []), De = $(() => {
-    g(null), h(null), m(0), y(null), document.body.style.setProperty("cursor", "");
-  }, []), J = $((v) => {
+    [e, x, u, J, t]
+  ), De = $(() => {
+    J();
+  }, [J]), q = $((v) => {
     t((D) => Qo(D, v));
-  }, []), Ce = $(
+  }, [t]), Ce = $(
     ({
       id: v,
       canFetchChildren: D,
@@ -3656,7 +3656,7 @@ function Ni({
     }) => D ? r == null ? void 0 : r(v, !!P) : t(
       (M) => ei(M, v, (F) => ({ collapsed: !F.collapsed }))
     ),
-    []
+    [r, t]
   ), se = $(
     (v, D, P) => {
       if (P && x) {
@@ -3668,14 +3668,14 @@ function Ni({
             overId: P
           });
         }
-        const M = JSON.parse(JSON.stringify(It(e))), F = M.findIndex(({ id: L }) => L === P), H = M.findIndex(({ id: L }) => L === D), K = Ve(M, H, F), q = K[F - 1];
+        const M = JSON.parse(JSON.stringify(It(e))), F = M.findIndex(({ id: L }) => L === P), H = M.findIndex(({ id: L }) => L === D), K = Ve(M, H, F), G = K[F - 1];
         let W;
         const O = v === "onDragEnd" ? "dropped" : "moved", he = v === "onDragEnd" ? "dropped" : "nested";
-        if (q)
-          if (x.depth > q.depth)
-            W = `${D} was ${he} under ${q.id}.`;
+        if (G)
+          if (x.depth > G.depth)
+            W = `${D} was ${he} under ${G.id}.`;
           else {
-            let L = q;
+            let L = G;
             for (; L && x.depth < L.depth; ) {
               const pe = L.parentId;
               L = K.find(({ id: ae }) => ae === pe);
@@ -3715,10 +3715,10 @@ function Ni({
       collisionDetection: mr,
       measuring: Ai,
       onDragStart: A,
-      onDragMove: Z,
-      onDragOver: Q,
-      onDragEnd: ne,
-      onDragCancel: xe,
+      onDragMove: Q,
+      onDragOver: ee,
+      onDragEnd: xe,
+      onDragCancel: De,
       children: /* @__PURE__ */ fn($o, { items: N, strategy: zo, children: [
         C.map(({ id: v, label: D, children: P, collapsed: M, depth: F, canFetchChildren: H, disableDragging: K }) => /* @__PURE__ */ _(
           dn,
@@ -3731,7 +3731,7 @@ function Ni({
             indicator: o,
             collapsed: !!(M && (P.length || H)),
             onCollapse: n && (P.length || H) ? () => Ce({ id: v, canFetchChildren: H, collapsed: M }) : void 0,
-            onRemove: s ? () => a ? a(v) : J(v) : void 0,
+            onRemove: s ? () => a ? a(v) : q(v) : void 0,
             onAdd: l ? () => c == null ? void 0 : c(v) : void 0,
             onLabelClick: d ? () => d(v) : void 0
           },