impact-nova 1.7.25 → 1.7.26

package/dist/components/ui/nested-list/components/SortableItem.js

@@ -1,95 +1,84 @@
 import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import z, { useMemo as L } from "react";
-import { useSortable as O, defaultAnimateLayoutChanges as P } from "@dnd-kit/sortable";
-import { useDroppable as $ } from "@dnd-kit/core";
-import { CSS as j } from "@dnd-kit/utilities";
-import { Checkbox as E } from "../../checkbox.js";
-import { ChevronRight as H, Drag as F } from "../../../../icons/index.js";
-import { cn as s } from "../../../../lib/utils.js";
-import { useImpactNovaI18n as M } from "../../../../i18n/ImpactNovaI18nContext.js";
-const _ = (e, o, t, c, a) => {
-  const n = "flex items-center gap-1 py-[3px] px-2 rounded transition-all duration-200";
-  return e ? s(n, "bg-transparent") : a ? s(n, "bg-feedback-error-surface border border-destructive animate-pulse") : o && t ? c ? s(n, "bg-canvas-tint border-2 border-brand shadow-sm") : s(n, "bg-feedback-error-surface border-2 border-destructive shadow-sm") : s(n, "hover:bg-canvas-muted");
-}, T = (e) => P({ ...e, wasDragging: !0 }), q = ({ item: e, isAnyDragging: o }) => {
-  const t = !e.children || e.children.length === 0, {
+import C, { useMemo as I } from "react";
+import { useSortable as D } from "@dnd-kit/sortable";
+import { useDroppable as L } from "@dnd-kit/core";
+import { Checkbox as R } from "../../checkbox.js";
+import { ChevronRight as S, Drag as w } from "../../../../icons/index.js";
+import { cn as d } from "../../../../lib/utils.js";
+import { useImpactNovaI18n as m } from "../../../../i18n/ImpactNovaI18nContext.js";
+const z = (e, o) => {
+  const t = "flex items-center gap-1 py-[3px] px-2 rounded transition-colors duration-150";
+  return e ? d(t, "opacity-40 bg-canvas-muted") : o ? d(t, "bg-feedback-error-surface border border-destructive animate-pulse") : d(t, "hover:bg-canvas-muted");
+}, H = ({ item: e, isAnyDragging: o }) => {
+  const { t } = m(), n = !e.children || e.children.length === 0, {
     setNodeRef: c,
-    isOver: a
-  } = $({
+    isOver: s
+  } = L({
     id: `droppable-${e.id}`,
     data: { sectionId: e.id },
-    disabled: !t
+    disabled: !n
   });
-  return /* @__PURE__ */ p("div", { ref: t ? c : void 0, children: [
+  return /* @__PURE__ */ p("div", { ref: n ? c : void 0, children: [
     /* @__PURE__ */ p(
       "div",
       {
-        className: s(
+        className: d(
           "flex items-center px-2 py-0 text-xs font-[500] leading-4 text-navigation-muted select-none",
           e.id === "root-scrollable" ? "mt-2 pt-2 pb-1 border-t border-solid border-stroke-subtle" : "mt-1 pb-1",
-          a && o && t && "bg-canvas-tint rounded"
+          s && o && n && "bg-canvas-tint rounded"
         ),
         children: [
           e.label,
-          a && o && t && /* @__PURE__ */ r("span", { className: "ml-2 text-brand text-[11px]", children: "Drop here" })
+          s && o && n && /* @__PURE__ */ r("span", { className: "ml-2 text-brand text-[11px]", children: t("nestedList.dropHere") })
         ]
       }
     ),
-    t && /* @__PURE__ */ r(
+    n && /* @__PURE__ */ r(
       "div",
       {
-        className: s(
+        className: d(
           "mx-2 my-1 rounded border-2 border-dashed min-h-[36px] flex items-center justify-center text-[11px] transition-colors",
-          a && o ? "border-brand bg-canvas-tint text-brand" : "border-stroke-hairline text-content-empty"
+          s && o ? "border-brand bg-canvas-tint text-brand" : "border-stroke-hairline text-content-empty"
         ),
-        children: a && o ? "Release to drop" : "Drag here"
+        children: t(s && o ? "nestedList.releaseToDrop" : "nestedList.dragHere")
       }
     )
   ] });
-}, B = ({
+}, P = ({
   item: e,
   level: o,
   isCollapsed: t,
-  onToggle: c,
-  onToggleCollapse: a,
-  isAnyDragging: n = !1,
-  isOver: h = !1,
-  isValidDrop: x = !1,
-  enableDragDrop: v = !0,
-  enableCollapse: u = !0,
-  shouldBlink: g = !1
+  onToggle: n,
+  onToggleCollapse: c,
+  isAnyDragging: s = !1,
+  isOver: _ = !1,
+  isValidDrop: $ = !1,
+  enableDragDrop: f = !0,
+  enableCollapse: b = !0,
+  shouldBlink: x = !1
 }) => {
-  const { t: m } = M(), f = e.category === "structure", i = e.children && e.children.length > 0, k = L(() => !e.children || e.children.length === 0 || e.children.every((b) => b.checked) ? !1 : e.children.some((b) => b.checked), [e.children]), {
-    attributes: N,
-    listeners: C,
-    setNodeRef: y,
-    transform: I,
-    transition: S,
-    isDragging: l,
-    isOver: w
-  } = O({
+  const { t: h } = m(), u = e.category === "structure", i = e.children && e.children.length > 0, v = I(() => !e.children || e.children.length === 0 || e.children.every((l) => l.checked) ? !1 : e.children.some((l) => l.checked), [e.children]), {
+    attributes: g,
+    listeners: k,
+    setNodeRef: N,
+    isDragging: y,
+    // transform and transition intentionally not applied — we use a custom
+    // FloatingClone and manual insertion line instead of dnd-kit's built-in animations.
+    transform: j,
+    transition: E
+  } = D({
     id: e.id,
-    animateLayoutChanges: T,
     data: {
       level: o,
       hasChildren: i,
       isExpanded: !t
     },
-    disabled: f || e.disabled
+    disabled: u || e.disabled
   });
-  if (f)
-    return /* @__PURE__ */ r(q, { item: e, isAnyDragging: n });
-  const R = h !== void 0 ? h : w, D = {
-    transform: j.Transform.toString(I),
-    transition: S,
-    opacity: l ? 0.5 : 1,
-    zIndex: l ? 100 : "auto",
-    height: "auto"
-  };
-  return /* @__PURE__ */ r(
+  return u ? /* @__PURE__ */ r(H, { item: e, isAnyDragging: s }) : /* @__PURE__ */ r(
     "div",
     {
-      ref: y,
-      style: D,
+      ref: N,
       className: "relative",
       "data-item-id": e.id,
       "data-level": o,
@@ -99,51 +88,45 @@ const _ = (e, o, t, c, a) => {
       children: /* @__PURE__ */ p(
         "div",
         {
-          className: _(
-            l,
-            R,
-            n,
-            x,
-            g
-          ),
+          className: z(y, x),
           style: {
             paddingLeft: `${8 + o * 20}px`
           },
           children: [
-            u && i && /* @__PURE__ */ r(
+            b && i && /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: (d) => {
-                  d.stopPropagation(), a(e.id);
+                onClick: (a) => {
+                  a.stopPropagation(), c(e.id);
                 },
-                onMouseDown: (d) => d.stopPropagation(),
+                onMouseDown: (a) => a.stopPropagation(),
                 className: "p-1 hover:bg-muted rounded-full transition-colors flex items-center text-content-icon hover:text-brand",
-                "aria-label": m(t ? "nestedList.expand" : "nestedList.collapse"),
+                "aria-label": h(t ? "nestedList.expand" : "nestedList.collapse"),
                 children: /* @__PURE__ */ r(
-                  H,
+                  S,
                   {
                     size: "16px",
-                    className: s("transition-transform", !t && "rotate-90")
+                    className: d("transition-transform", !t && "rotate-90")
                   }
                 )
               }
             ),
-            (!u || !i) && /* @__PURE__ */ r("div", { className: "w-4" }),
+            (!b || !i) && /* @__PURE__ */ r("div", { className: "w-6" }),
             /* @__PURE__ */ r(
-              E,
+              R,
               {
                 id: `checkbox-${e.id}`,
-                checked: k ? "indeterminate" : e.checked,
-                onCheckedChange: () => c(e.id),
+                checked: v ? "indeterminate" : e.checked,
+                onCheckedChange: () => n(e.id),
                 disabled: e.disabled
               }
             ),
-            v && /* @__PURE__ */ r(
+            f && /* @__PURE__ */ r(
               "div",
               {
-                ...N,
-                ...C,
+                ...g,
+                ...k,
                 className: "cursor-grab active:cursor-grabbing p-0 hover:bg-muted rounded flex items-center",
                 style: {
                   pointerEvents: "auto",
@@ -151,10 +134,10 @@ const _ = (e, o, t, c, a) => {
                   zIndex: 30,
                   touchAction: "none"
                 },
-                onPointerDown: (d) => {
-                  d.stopPropagation();
+                onPointerDown: (a) => {
+                  a.stopPropagation();
                 },
-                children: /* @__PURE__ */ r(F, { size: "14px", className: "text-content-icon" })
+                children: /* @__PURE__ */ r(w, { size: "14px", className: "text-content-icon" })
               }
             ),
             /* @__PURE__ */ r(
@@ -170,7 +153,7 @@ const _ = (e, o, t, c, a) => {
       )
     }
   );
-}, A = z.memo(B);
+}, K = C.memo(P);
 export {
-  A as SortableItem
+  K as SortableItem
 };

package/dist/components/ui/nested-list/hooks/useNestedListDragDrop.js

@@ -1,216 +1,239 @@
-import { useCallback as h } from "react";
-import { useSensors as W, useSensor as A, MouseSensor as X, TouchSensor as j, closestCorners as q } from "@dnd-kit/core";
-import { arrayMove as w } from "@dnd-kit/sortable";
-const B = "droppable-", O = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
-function Y(f) {
-  if (f.startsWith(B)) {
-    const c = f.slice(B.length);
-    if (O.has(c)) return c;
+import { useCallback as S } from "react";
+import { useSensors as K, useSensor as H, MouseSensor as Q, TouchSensor as U, closestCenter as Z } from "@dnd-kit/core";
+import { arrayMove as _ } from "@dnd-kit/sortable";
+const V = "droppable-", b = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
+function W(a) {
+  if (a.startsWith(V)) {
+    const s = a.slice(V.length);
+    if (b.has(s)) return s;
   }
   return null;
 }
-const K = (f) => {
-  const c = q(f), a = c.filter(
-    (s) => !O.has(s.id)
+const m = (a) => {
+  const s = Z(a), f = s.filter(
+    (h) => !b.has(h.id)
   );
-  return a.length > 0 ? a : c;
+  return f.length > 0 ? f : s;
 };
-function F(f, c) {
-  for (const a of f) {
-    if (a.id === c) return a;
-    if (a.children) {
-      const s = F(a.children, c);
-      if (s) return s;
+function F(a, s) {
+  for (const f of a) {
+    if (f.id === s) return f;
+    if (f.children) {
+      const h = F(f.children, s);
+      if (h) return h;
     }
   }
 }
-const Q = ({
-  items: f,
-  onDragEnd: c
+function X(a, s) {
+  for (const f of a) {
+    if (f.id === s) return null;
+    if (f.children && F(f.children, s))
+      return f.id;
+  }
+  return null;
+}
+const I = ({
+  items: a,
+  onDragEnd: s
 }) => {
-  const a = W(
-    A(X),
-    A(j)
-  ), s = h(
-    (t, r, o = 0) => {
-      for (const n of t) {
-        if (n.id === r) return o;
+  const f = K(
+    H(Q),
+    H(U)
+  ), h = S(
+    (i, e, o = 0) => {
+      for (const n of i) {
+        if (n.id === e) return o;
         if (n.children) {
-          const e = s(n.children, r, o + 1);
-          if (e !== null) return e;
+          const r = h(n.children, e, o + 1);
+          if (r !== null) return r;
         }
       }
       return null;
     },
     []
-  ), S = h(
-    (t, r, o = null) => {
-      for (const n of t) {
-        if (n.id === r) return o;
+  ), R = S(
+    (i, e, o = null) => {
+      for (const n of i) {
+        if (n.id === e) return o;
         if (n.children) {
-          const e = S(n.children, r, n.id);
-          if (e !== null) return e;
+          const r = R(n.children, e, n.id);
+          if (r !== null) return r;
         }
       }
       return null;
     },
     []
-  ), M = h(
-    (t, r, o) => t.map((n) => {
+  ), y = S(
+    (i, e, o) => i.map((n) => {
       if (n.children && n.children.length > 0) {
-        const e = n.children.findIndex(
-          (l) => l.id === r
-        ), i = n.children.findIndex(
-          (l) => l.id === o
+        const r = n.children.findIndex(
+          (t) => t.id === e
+        ), c = n.children.findIndex(
+          (t) => t.id === o
         );
-        if (e !== -1 && i !== -1) {
-          const l = w(n.children, e, i);
+        if (r !== -1 && c !== -1) {
+          const t = _(n.children, r, c);
           return {
             ...n,
-            children: l
+            children: t
           };
         }
         return {
           ...n,
-          children: M(n.children, r, o)
+          children: y(n.children, e, o)
         };
       }
       return n;
     }),
     []
-  ), _ = h(
-    (t, r, o) => {
-      const n = S(t, o);
+  ), w = S(
+    (i, e, o) => {
+      const n = R(i, o);
       if (!n) return null;
-      const e = t.findIndex(
-        (l) => l.id === n
-      ), i = t.findIndex(
-        (l) => l.id === r
+      const r = i.findIndex(
+        (t) => t.id === n
+      ), c = i.findIndex(
+        (t) => t.id === e
       );
-      if (e !== -1 && i !== -1) {
-        const l = w(
-          t,
+      if (r !== -1 && c !== -1) {
+        const t = _(
           i,
-          e
+          c,
+          r
         );
-        return c?.(r, n), l;
+        return s?.(e, n), t;
       }
       return null;
     },
-    [S, c]
-  ), g = h(
-    (t, r, o) => {
-      const n = t.findIndex((i) => i.id === r), e = t.findIndex((i) => i.id === o);
-      if (n !== -1 && e !== -1) {
-        const i = w(t, n, e);
-        return c?.(r, o), i;
+    [R, s]
+  ), B = S(
+    (i, e, o) => {
+      const n = i.findIndex((c) => c.id === e), r = i.findIndex((c) => c.id === o);
+      if (n !== -1 && r !== -1) {
+        const c = _(i, n, r);
+        return s?.(e, o), c;
       }
       return null;
     },
-    [c]
-  ), p = h(
-    (t, r, o) => {
-      const n = M(t, r, o);
-      return c?.(r, o), n;
+    [s]
+  ), k = S(
+    (i, e, o) => {
+      const n = y(i, e, o);
+      return s?.(e, o), n;
     },
-    [M, c]
-  ), y = h(
-    (t, r, o, n = !1) => {
-      const e = F(t, r);
-      if (!e) return null;
-      const i = (C) => C.filter((u) => u.id !== r).map(
-        (u) => u.children ? { ...u, children: i(u.children) } : u
-      ), l = (C) => {
-        const u = C.findIndex((d) => d.id === o);
-        if (u !== -1) {
-          const d = [...C], T = n ? u + 1 : u;
-          return d.splice(T, 0, e), { nodes: d, inserted: !0 };
+    [y, s]
+  ), A = S(
+    (i, e, o, n = !1) => {
+      const r = F(i, e);
+      if (!r) return null;
+      const c = (u) => u.filter((l) => l.id !== e).map(
+        (l) => l.children ? { ...l, children: c(l.children) } : l
+      ).filter((l) => !(l.children && l.children.length === 0 && l.category === "group")), t = F(i, o), d = !r.children || r.children.length === 0, C = t?.children && t.children.length > 0, T = d && C, M = (u) => {
+        for (let l = 0; l < u.length; l++) {
+          if (u[l].id === o)
+            if (T) {
+              const x = {
+                ...u[l],
+                children: [r, ...u[l].children || []]
+              }, P = [...u];
+              return P[l] = x, { nodes: P, inserted: !0 };
+            } else {
+              const x = [...u], P = n ? l + 1 : l;
+              return x.splice(P, 0, r), { nodes: x, inserted: !0 };
+            }
+          if (u[l].children) {
+            const x = M(u[l].children);
+            if (x.inserted) {
+              const P = [...u];
+              return P[l] = { ...u[l], children: x.nodes }, { nodes: P, inserted: !0 };
+            }
+          }
         }
-        let P = !1;
-        return { nodes: C.map((d) => {
-          if (P || !d.children) return d;
-          const T = l(d.children);
-          return T.inserted ? (P = !0, { ...d, children: T.nodes }) : d;
-        }), inserted: P };
-      }, L = i(t), { nodes: x, inserted: R } = l(L);
-      return R ? (c?.(r, o), x) : null;
+        return { nodes: u, inserted: !1 };
+      }, N = c(i), { nodes: g, inserted: Y } = M(N);
+      return Y ? (s?.(e, o), g) : null;
     },
-    [c]
-  ), b = h(
-    (t, r, o) => {
-      const n = F(t, r);
-      if (!n) return t;
-      const e = t.map((i) => {
-        let l = i.children ? i.children.filter((L) => L.id !== r) : [];
-        return i.id === o && (l = [n, ...l]), { ...i, children: l };
+    [s]
+  ), G = S(
+    (i, e, o) => {
+      const n = F(i, e);
+      if (!n) return i;
+      const r = (t) => t.filter((d) => d.id !== e).map(
+        (d) => d.children ? { ...d, children: r(d.children) } : d
+      ), c = i.map((t) => {
+        let d = t.children ? r(t.children) : [];
+        return t.id === o && (d = [n, ...d]), { ...t, children: d };
       });
-      return c?.(r, o), e;
+      return s?.(e, o), c;
     },
-    [c]
-  ), k = h(
-    (t, r) => {
-      const { active: o, over: n } = t;
-      !n || o.id === n.id || r((e) => {
-        const i = o.id, l = n.id, L = Y(l);
-        if (L)
-          return console.log("[NL-drop] route=section", { activeId: i, sectionId: L }), b(e, i, L);
-        const x = s(e, i), R = s(e, l), C = S(e, i), u = S(e, l);
-        if (console.log("[NL-drop] event", {
-          activeId: i,
-          overId: l,
-          activeLevel: x,
-          overLevel: R,
-          activeParentId: C,
-          overParentId: u
-        }), O.has(l) && x !== null && x > 0)
-          return b(e, i, l);
-        if (x === 0 && R !== null && R > 0)
-          return _(
-            e,
-            i,
-            l
-          ) || e;
-        if (x === null || R === null)
-          return e;
-        if (x > 0 && R > 0 && C !== u) {
-          const P = o.rect.current.translated, N = n.rect;
-          let d = !1;
-          if (P && N) {
-            const H = P.top + P.height / 2, V = N.top + N.height / 2;
-            d = H > V;
+    [s]
+  ), j = S(
+    (i, e) => {
+      const { active: o, over: n } = i;
+      !n || o.id === n.id || e((r) => {
+        const c = o.id, t = n.id, d = W(t);
+        if (d)
+          return G(r, c, d);
+        const C = h(r, c), T = h(r, t), M = R(r, c), N = R(r, t);
+        if (b.has(t) && C !== null && C > 0)
+          return G(r, c, t);
+        if (C === 0 && T !== null && T > 0)
+          return w(
+            r,
+            c,
+            t
+          ) || r;
+        if (C === null || T === null)
+          return r;
+        if (C > 0 && T > 0 && M !== N) {
+          const g = X(r, c), Y = X(r, t);
+          if (g && Y && g !== Y) {
+            const L = o.rect.current.translated, O = n.rect;
+            let z = !1;
+            if (L && O) {
+              const D = L.top + L.height / 2, J = O.top + O.height / 2;
+              z = D > J;
+            }
+            return A(r, c, t, z) || r;
+          }
+          const u = o.rect.current.translated, l = n.rect;
+          let x = !1;
+          if (u && l) {
+            const L = u.top + u.height / 2, O = l.top + l.height / 2;
+            x = L > O;
           }
-          return y(e, i, l, d) || e;
+          return A(r, c, t, x) || r;
         }
-        return x === 0 ? g(e, i, l) || e : p(e, i, l);
+        return C === 0 ? B(r, c, t) || r : k(r, c, t);
       });
     },
     [
-      s,
-      S,
-      _,
-      g,
-      p,
-      y,
-      b
+      h,
+      R,
+      w,
+      B,
+      k,
+      A,
+      G
     ]
-  ), z = h(
-    (t, r) => {
-      if (!t || !r || t === r)
+  ), q = S(
+    (i, e) => {
+      if (!i || !e || i === e)
         return !1;
-      const o = t ? s(f, t) : null, n = r ? s(f, r) : null;
-      return Y(r) !== null || O.has(r) ? !0 : o === null || n === null ? !1 : o === 0 && n > 0 || o === n || o > 0 && n > 0;
+      const o = i ? h(a, i) : null, n = e ? h(a, e) : null;
+      return W(e) !== null || b.has(e) ? !0 : o === null || n === null ? !1 : o === 0 && n > 0 || o === n || o > 0 && n > 0;
     },
-    [f, s]
+    [a, h]
   );
   return {
-    sensors: a,
-    handleDragEnd: k,
-    isValidDrop: z,
-    findItemLevel: s,
-    findParentId: S
+    sensors: f,
+    handleDragEnd: j,
+    isValidDrop: q,
+    findItemLevel: h,
+    findParentId: R
   };
 };
 export {
-  K as customCollisionDetection,
-  Q as useNestedListDragDrop
+  m as customCollisionDetection,
+  I as useNestedListDragDrop
 };