chordia-ui 3.3.8 → 3.3.9

package/dist/sortable.esm.es.js

@@ -1,4 +1,4 @@
-import M, { useRef as I, useMemo as A, useLayoutEffect as Bn, useEffect as N, useCallback as F, useState as X, createContext as Ye, memo as Fn, useReducer as Xn, useContext as ve, cloneElement as $n, forwardRef as jn } from "react";
+import M, { useLayoutEffect as Bn, useEffect as I, useRef as N, useMemo as A, useCallback as F, useState as X, createContext as Ye, memo as Fn, useReducer as Xn, useContext as ve, cloneElement as $n, forwardRef as jn } from "react";
 import { unstable_batchedUpdates as Ze, createPortal as Yn } from "react-dom";
 function Kn() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
@@ -39,9 +39,9 @@ function Qt(e) {
 function Ee(e) {
   return e ? Re(e) ? e.document : Rt(e) ? Et(e) ? e : Ke(e) || Qt(e) ? e.ownerDocument : document : document : document;
 }
-const _ = ct ? Bn : N;
+const _ = ct ? Bn : I;
 function ut(e) {
-  const t = I(e);
+  const t = N(e);
   return _(() => {
     t.current = e;
   }), F(function() {
@@ -51,7 +51,7 @@ function ut(e) {
   }, []);
 }
 function Wn() {
-  const e = I(null), t = F((r, o) => {
+  const e = N(null), t = F((r, o) => {
     e.current = setInterval(r, o);
   }, []), n = F(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
@@ -60,13 +60,13 @@ function Wn() {
 }
 function Xe(e, t) {
   t === void 0 && (t = [e]);
-  const n = I(e);
+  const n = N(e);
   return _(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
 function We(e, t) {
-  const n = I();
+  const n = N();
   return A(
     () => {
       const r = e(n.current);
@@ -77,7 +77,7 @@ function We(e, t) {
   );
 }
 function rt(e) {
-  const t = ut(e), n = I(null), r = F(
+  const t = ut(e), n = N(null), r = F(
     (o) => {
       o !== n.current && (t == null || t(o, n.current)), n.current = o;
     },
@@ -87,8 +87,8 @@ function rt(e) {
   return [n, r];
 }
 function ot(e) {
-  const t = I();
-  return N(() => {
+  const t = N();
+  return I(() => {
     t.current = e;
   }, [e]), t.current;
 }
@@ -260,7 +260,7 @@ function _n() {
 const en = /* @__PURE__ */ Ye(null);
 function Qn(e) {
   const t = ve(en);
-  N(() => {
+  I(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
@@ -324,7 +324,7 @@ function nr(e) {
     announce: i,
     announcement: s
   } = _n(), a = Ue("DndLiveRegion"), [l, c] = X(!1);
-  if (N(() => {
+  if (I(() => {
     c(!0);
   }, []), Qn(A(() => ({
     onDragStart(u) {
@@ -477,7 +477,7 @@ function rn(e, t) {
   if (!e || e.length === 0)
     return null;
   const [n] = e;
-  return n[t];
+  return t ? n[t] : n;
 }
 function $t(e, t, n) {
   return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
@@ -1325,10 +1325,10 @@ function Ir(e) {
   const f = Tr({
     delta: u,
     disabled: !i
-  }), [w, h] = Wn(), v = I({
+  }), [w, h] = Wn(), v = N({
     x: 0,
     y: 0
-  }), b = I({
+  }), b = N({
     x: 0,
     y: 0
   }), m = A(() => {
@@ -1343,14 +1343,14 @@ function Ir(e) {
       case Be.DraggableRect:
         return o;
     }
-  }, [n, o, l]), p = I(null), C = F(() => {
+  }, [n, o, l]), p = N(null), C = F(() => {
     const R = p.current;
     if (!R)
       return;
     const y = v.current.x * b.current.x, x = v.current.y * b.current.y;
     R.scrollBy(y, x);
   }, []), S = A(() => a === at.TreeOrder ? [...c].reverse() : c, [a, c]);
-  N(
+  I(
     () => {
       if (!i || !c.length || !m) {
         h();
@@ -1474,9 +1474,9 @@ function Pr(e, t) {
     frequency: a,
     measure: l,
     strategy: c
-  } = o, d = I(e), u = v(), g = Xe(u), f = F(function(b) {
+  } = o, d = N(e), u = v(), g = Xe(u), f = F(function(b) {
     b === void 0 && (b = []), !g.current && s((m) => m === null ? b : m.concat(b.filter((p) => !m.includes(p))));
-  }, [g]), w = I(null), h = We((b) => {
+  }, [g]), w = N(null), h = We((b) => {
     if (u && !n)
       return Ut;
     if (!b || b === Ut || d.current !== e || i != null) {
@@ -1495,21 +1495,21 @@ function Pr(e, t) {
     }
     return b;
   }, [e, i, n, u, l]);
-  return N(() => {
+  return I(() => {
     d.current = e;
-  }, [e]), N(
+  }, [e]), I(
     () => {
       u || f();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, u]
-  ), N(
+  ), I(
     () => {
       i && i.length > 0 && s(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), N(
+  ), I(
     () => {
       u || typeof a != "number" || w.current !== null || (w.current = setTimeout(() => {
         f(), w.current = null;
@@ -1552,7 +1552,7 @@ function zr(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return N(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return I(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function gt(e) {
   let {
@@ -1571,7 +1571,7 @@ function gt(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return N(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return I(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function Br(e) {
   return new At(Ae(e), e);
@@ -1621,17 +1621,17 @@ function Fr(e) {
 }
 const Vt = [];
 function Xr(e) {
-  const t = I(e), n = We((r) => e ? r && r !== Vt && e && t.current && e.parentNode === t.current.parentNode ? r : ft(e) : Vt, [e]);
-  return N(() => {
+  const t = N(e), n = We((r) => e ? r && r !== Vt && e && t.current && e.parentNode === t.current.parentNode ? r : ft(e) : Vt, [e]);
+  return I(() => {
     t.current = e;
   }, [e]), n;
 }
 function $r(e) {
-  const [t, n] = X(null), r = I(e), o = F((i) => {
+  const [t, n] = X(null), r = N(e), o = F((i) => {
     const s = yt(i.target);
     s && n((a) => a ? (a.set(s, Dt(s)), new Map(a)) : null);
   }, []);
-  return N(() => {
+  return I(() => {
     const i = r.current;
     if (e !== i) {
       s(i);
@@ -1656,20 +1656,20 @@ function $r(e) {
 }
 function qt(e, t) {
   t === void 0 && (t = []);
-  const n = I(null);
-  return N(
+  const n = N(null);
+  return I(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), N(() => {
+  ), I(() => {
     const r = e !== Q;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? $e(e, n.current) : Q;
 }
 function jr(e) {
-  N(
+  I(
     () => {
       if (!ct)
         return;
@@ -1961,7 +1961,7 @@ function Jr(e) {
     activatorEvent: r,
     draggableNodes: o
   } = ve(He), i = ot(r), s = ot(n == null ? void 0 : n.id);
-  return N(() => {
+  return I(() => {
     if (!t && !r && i && s != null) {
       if (!dt(i) || document.activeElement === i.target)
         return;
@@ -2025,7 +2025,7 @@ function Qr(e) {
     initialRect: r,
     config: o = !0
   } = e;
-  const i = I(!1), {
+  const i = N(!1), {
     x: s,
     y: a
   } = typeof o == "boolean" ? {
@@ -2083,7 +2083,7 @@ const zo = /* @__PURE__ */ Fn(function(t) {
     droppable: {
       containers: L
     }
-  } = v, O = y != null ? x.get(y) : null, G = I({
+  } = v, O = y != null ? x.get(y) : null, G = N({
     initial: null,
     translated: null
   }), J = A(() => {
@@ -2094,7 +2094,7 @@ const zo = /* @__PURE__ */ Fn(function(t) {
       data: (B = O == null ? void 0 : O.data) != null ? B : Hr,
       rect: G
     } : null;
-  }, [y, O]), Z = I(null), [Oe, Ve] = X(null), [Y, qe] = X(null), re = Xe(w, Object.values(w)), Ie = Ue("DndDescribedBy", s), Ge = A(() => L.getEnabled(), [L]), j = _r(g), {
+  }, [y, O]), Z = N(null), [Oe, Ve] = X(null), [Y, qe] = X(null), re = Xe(w, Object.values(w)), Ie = Ue("DndDescribedBy", s), Ge = A(() => L.getEnabled(), [L]), j = _r(g), {
     droppableRects: oe,
     measureDroppableContainers: pe,
     measuringScheduled: Ne
@@ -2109,7 +2109,7 @@ const zo = /* @__PURE__ */ Fn(function(t) {
     initialRect: ie,
     measure: j.draggable.measure
   });
-  const E = Ht(H, j.draggable.measure, ie), Te = Ht(H ? H.parentElement : null), ee = I({
+  const E = Ht(H, j.draggable.measure, ie), Te = Ht(H ? H.parentElement : null), ee = N({
     activatorEvent: null,
     active: null,
     activeNode: H,
@@ -2148,7 +2148,7 @@ const zo = /* @__PURE__ */ Fn(function(t) {
     droppableRects: oe,
     droppableContainers: Ge,
     pointerCoordinates: Mt
-  }) : null, Pt = rn(Me, "id"), [ue, kt] = X(null), Tn = Nt ? Qe : Se(Qe, Nn), Mn = lr(Tn, (i = ue == null ? void 0 : ue.rect) != null ? i : null, E), pt = I(null), zt = F(
+  }) : null, Pt = rn(Me, "id"), [ue, kt] = X(null), Tn = Nt ? Qe : Se(Qe, Nn), Mn = lr(Tn, (i = ue == null ? void 0 : ue.rect) != null ? i : null, E), pt = N(null), zt = F(
     (B, K) => {
       let {
         sensor: W,
@@ -2291,7 +2291,7 @@ const zo = /* @__PURE__ */ Fn(function(t) {
   }, [x, zt]), Bt = Lr(d, Ln);
   jr(d), _(() => {
     E && C === he.Initializing && S(he.Initialized);
-  }, [E, C]), N(
+  }, [E, C]), I(
     () => {
       const {
         onDragMove: B
@@ -2322,7 +2322,7 @@ const zo = /* @__PURE__ */ Fn(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [xe.x, xe.y]
-  ), N(
+  ), I(
     () => {
       const {
         active: B,
@@ -2515,9 +2515,9 @@ function oo(e) {
     dispatch: a,
     over: l,
     measureDroppableContainers: c
-  } = ve(He), d = I({
+  } = ve(He), d = N({
     disabled: n
-  }), u = I(!1), g = I(null), f = I(null), {
+  }), u = N(!1), g = N(null), f = N(null), {
     disabled: w,
     updateMeasurementsFor: h,
     timeout: v
@@ -2542,9 +2542,9 @@ function oo(e) {
   }), C = F((x, T) => {
     p && (T && (p.unobserve(T), u.current = !1), x && p.observe(x));
   }, [p]), [S, R] = rt(C), y = Xe(t);
-  return N(() => {
+  return I(() => {
     !p || !S.current || (p.disconnect(), u.current = !1, p.observe(S.current));
-  }, [S, p]), N(
+  }, [S, p]), I(
     () => (a({
       type: P.RegisterDroppable,
       element: {
@@ -2562,7 +2562,7 @@ function oo(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), N(() => {
+  ), I(() => {
     n !== d.current.disabled && (a({
       type: P.SetDroppableDisabled,
       id: r,
@@ -2977,10 +2977,10 @@ function Xo(e) {
     droppableRects: l,
     over: c,
     measureDroppableContainers: d
-  } = Dn(), u = Ue(Rn, n), g = a.rect !== null, f = A(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), w = s != null, h = s ? f.indexOf(s.id) : -1, v = c ? f.indexOf(c.id) : -1, b = I(f), m = !yo(f, b.current), p = v !== -1 && h === -1 || m, C = wo(i);
+  } = Dn(), u = Ue(Rn, n), g = a.rect !== null, f = A(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), w = s != null, h = s ? f.indexOf(s.id) : -1, v = c ? f.indexOf(c.id) : -1, b = N(f), m = !yo(f, b.current), p = v !== -1 && h === -1 || m, C = wo(i);
   _(() => {
     m && w && d(f);
-  }, [m, f, w, d]), N(() => {
+  }, [m, f, w, d]), I(() => {
     b.current = f;
   }, [f]);
   const S = A(
@@ -3040,7 +3040,7 @@ function Ao(e) {
     node: r,
     rect: o
   } = e;
-  const [i, s] = X(null), a = I(n);
+  const [i, s] = X(null), a = N(n);
   return _(() => {
     if (!t && n !== a.current && r.current) {
       const l = o.current;
@@ -3057,7 +3057,7 @@ function Ao(e) {
       }
     }
     n !== a.current && (a.current = n);
-  }, [t, n, r, o]), N(() => {
+  }, [t, n, r, o]), I(() => {
     i && s(null);
   }, [i]), i;
 }
@@ -3133,7 +3133,7 @@ function $o(e) {
     items: d,
     activeIndex: g,
     overIndex: v
-  }) : C, ie = O == null ? void 0 : O.id, E = I({
+  }) : C, ie = O == null ? void 0 : O.id, E = N({
     activeId: ie,
     items: d,
     newIndex: le,
@@ -3157,9 +3157,9 @@ function $o(e) {
     node: x,
     rect: y
   });
-  return N(() => {
+  return I(() => {
     j && E.current.newIndex !== le && (E.current.newIndex = le), u !== E.current.containerId && (E.current.containerId = u), d !== E.current.items && (E.current.items = d);
-  }, [j, le, u, d]), N(() => {
+  }, [j, le, u, d]), I(() => {
     if (ie === E.current.activeId)
       return;
     if (ie != null && E.current.activeId == null) {
@@ -3260,9 +3260,11 @@ const Io = [D.Down, D.Right, D.Up, D.Left], jo = (e, t) => {
         }
     });
     const c = ir({
+      active: n,
       collisionRect: r,
       droppableRects: o,
-      droppableContainers: l
+      droppableContainers: l,
+      pointerCoordinates: null
     });
     let d = rn(c, "id");
     if (d === (s == null ? void 0 : s.id) && c.length > 1 && (d = c[1].id), d != null) {