impact-nova 1.7.30 → 1.7.32

package/dist/components/ui/horizontal-scroller/horizontal-scroller.js

@@ -1,156 +1,160 @@
-import { jsxs as c, jsx as t, Fragment as O } from "react/jsx-runtime";
-import * as a from "react";
-import { ChevronRight as T } from "lucide-react";
-import { useVirtualizer as $ } from "@tanstack/react-virtual";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import * as o from "react";
+import { ChevronRight as j } from "lucide-react";
+import { useVirtualizer as I } from "@tanstack/react-virtual";
 import { cn as h } from "../../../lib/utils.js";
-import { Button as A } from "../button.js";
-import { useImpactNovaI18n as D } from "../../../i18n/ImpactNovaI18nContext.js";
-const F = a.forwardRef(
+import { Button as O } from "../button.js";
+import { useImpactNovaI18n as T } from "../../../i18n/ImpactNovaI18nContext.js";
+const $ = o.forwardRef(
   ({
     className: N,
-    items: u,
-    renderItem: R,
-    scrollStep: g = 200,
-    hideScrollbar: p = !0,
-    controlsPosition: s = "right",
-    renderPrevious: v,
-    renderNext: b,
-    maxWidth: L = "100%",
+    items: d,
+    renderItem: C,
+    scrollStep: p = 200,
+    hideScrollbar: u = !0,
+    controlsPosition: v = "right",
+    renderPrevious: x,
+    renderNext: g,
+    maxWidth: R = "100%",
     estimateSize: m = 200,
-    overscan: k = 5,
-    ...C
-  }, B) => {
-    const { t: x } = D(), l = a.useRef(null), [n, E] = a.useState(!1), [o, H] = a.useState(!1);
-    a.useImperativeHandle(B, () => l.current);
-    const i = $({
-      count: u.length,
-      getScrollElement: () => l.current,
+    overscan: L = 5,
+    ...B
+  }, E) => {
+    const { t: b } = T(), r = o.useRef(null), [n, H] = o.useState(!1), [s, V] = o.useState(!1);
+    o.useImperativeHandle(E, () => r.current);
+    const c = I({
+      count: d.length,
+      getScrollElement: () => r.current,
       estimateSize: typeof m == "function" ? m : () => m,
       horizontal: !0,
-      overscan: k
-    }), V = i.getTotalSize(), d = a.useCallback(() => {
-      const e = l.current;
-      e && (E(e.scrollLeft > 0), H(Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth));
+      overscan: L
+    }), W = c.getTotalSize(), f = o.useCallback(() => {
+      const e = r.current;
+      e && (H(e.scrollLeft > 0), V(Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth));
     }, []);
-    a.useEffect(() => {
-      const e = l.current;
+    o.useEffect(() => {
+      const e = r.current;
       if (!e) return;
-      d();
-      const r = () => d();
-      e.addEventListener("scroll", r);
-      const f = new ResizeObserver(() => {
-        d();
+      f();
+      const l = () => f();
+      e.addEventListener("scroll", l);
+      const i = new ResizeObserver(() => {
+        f();
       });
-      return f.observe(e), () => {
-        e.removeEventListener("scroll", r), f.disconnect();
+      return i.observe(e), () => {
+        e.removeEventListener("scroll", l), i.disconnect();
       };
-    }, [d, u, V]);
-    const z = () => {
-      l.current?.scrollBy({ left: -g, behavior: "smooth" });
-    }, y = () => {
-      l.current?.scrollBy({ left: g, behavior: "smooth" });
-    }, w = ({
+    }, [f, d, W]);
+    const w = () => {
+      r.current?.scrollBy({ left: -p, behavior: "smooth" });
+    }, z = () => {
+      r.current?.scrollBy({ left: p, behavior: "smooth" });
+    }, y = ({
       direction: e,
-      onClick: r,
-      disabled: f
+      onClick: l,
+      disabled: i
     }) => {
-      if (f) return null;
-      const S = x(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
-      return /* @__PURE__ */ c(
-        A,
+      if (i) return null;
+      const k = b(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
+      return /* @__PURE__ */ a(
+        O,
         {
           variant: "ghost",
           size: "icon",
           className: h(
             "h-8 w-8 rounded-md bg-canvas-muted text-content-tertiary hover:bg-brand-tint hover:text-brand"
           ),
-          onClick: r,
-          disabled: f,
-          "aria-label": S,
+          onClick: l,
+          disabled: i,
+          "aria-label": k,
           "data-component": e === "left" ? "horizontal-scroller-prev" : "horizontal-scroller-next",
           children: [
             /* @__PURE__ */ t(
-              T,
+              j,
               {
                 className: h("h-4 w-4", e === "left" && "rotate-180")
               }
             ),
-            /* @__PURE__ */ t("span", { className: "sr-only", children: S })
+            /* @__PURE__ */ t("span", { className: "sr-only", children: k })
           ]
         }
       );
-    }, W = () => {
-      const e = v ? v({ onClick: z, disabled: !n }) : /* @__PURE__ */ t(
-        w,
+    }, S = (() => {
+      const e = x ? x({ onClick: w, disabled: !n }) : /* @__PURE__ */ t(
+        y,
         {
           direction: "left",
-          onClick: z,
+          onClick: w,
           disabled: !n
         }
-      ), r = b ? b({ onClick: y, disabled: !o }) : /* @__PURE__ */ t(
-        w,
+      ), l = g ? g({ onClick: z, disabled: !s }) : /* @__PURE__ */ t(
+        y,
         {
           direction: "right",
-          onClick: y,
-          disabled: !o
+          onClick: z,
+          disabled: !s
         }
       );
-      return s === "split" ? /* @__PURE__ */ c(O, { children: [
-        /* @__PURE__ */ t("div", { className: "absolute left-0 top-1/2 z-20 -translate-y-1/2", children: e }),
-        /* @__PURE__ */ t("div", { className: "absolute right-0 top-1/2 z-20 -translate-y-1/2", children: r })
-      ] }) : s === "left" ? /* @__PURE__ */ c("div", { className: "absolute left-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
-        e,
-        r
-      ] }) : /* @__PURE__ */ c("div", { className: "absolute right-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
-        e,
-        r
-      ] });
-    }, j = () => s === "left" ? n && o ? "pl-20" : n || o ? "pl-12" : "" : s === "split" && n ? "pl-12" : "", I = () => s === "right" ? n && o ? "pr-20" : n || o ? "pr-12" : "" : s === "split" && o ? "pr-12" : "";
-    return /* @__PURE__ */ c(
+      return v === "split" ? {
+        left: n ? /* @__PURE__ */ t("div", { className: "flex-shrink-0", children: e }) : null,
+        right: s ? /* @__PURE__ */ t("div", { className: "flex-shrink-0", children: l }) : null
+      } : v === "left" ? {
+        left: n || s ? /* @__PURE__ */ a("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
+          e,
+          l
+        ] }) : null,
+        right: null
+      } : {
+        left: null,
+        right: n || s ? /* @__PURE__ */ a("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
+          e,
+          l
+        ] }) : null
+      };
+    })();
+    return /* @__PURE__ */ a(
       "div",
       {
         className: h(
-          "relative group min-w-0 w-full bg-transparent",
-          j(),
-          I(),
+          "flex items-center gap-2 min-w-0 w-full bg-transparent",
           N
         ),
-        style: { maxWidth: L },
+        style: { maxWidth: R },
         "data-component": "horizontal-scroller",
-        ...C,
+        ...B,
         children: [
-          W(),
+          S.left,
           /* @__PURE__ */ t(
             "div",
             {
-              ref: l,
+              ref: r,
               className: h(
-                "flex w-full overflow-x-auto overflow-y-hidden whitespace-nowrap",
-                p && "scrollbar-hide",
+                "flex flex-1 min-w-0 overflow-x-auto overflow-y-hidden whitespace-nowrap",
+                u && "scrollbar-hide",
                 "scroll-smooth"
               ),
               style: {
-                scrollbarWidth: p ? "none" : "auto",
-                msOverflowStyle: p ? "none" : "auto"
+                scrollbarWidth: u ? "none" : "auto",
+                msOverflowStyle: u ? "none" : "auto"
               },
               "data-component": "horizontal-scroller-viewport",
-              children: /* @__PURE__ */ c(
+              children: /* @__PURE__ */ a(
                 "div",
                 {
                   style: {
-                    width: `${i.getTotalSize()}px`,
+                    width: `${c.getTotalSize()}px`,
                     display: "flex",
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ t("div", { style: { width: `${i.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
-                    i.getVirtualItems().map((e) => /* @__PURE__ */ t(
+                    /* @__PURE__ */ t("div", { style: { width: `${c.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
+                    c.getVirtualItems().map((e) => /* @__PURE__ */ t(
                       "div",
                       {
-                        ref: i.measureElement,
+                        ref: c.measureElement,
                         "data-index": e.index,
                         className: "flex-shrink-0",
-                        children: R(u[e.index], e.index)
+                        children: C(d[e.index], e.index)
                       },
                       e.key
                     ))
@@ -158,13 +162,14 @@ const F = a.forwardRef(
                 }
               )
             }
-          )
+          ),
+          S.right
         ]
       }
     );
   }
 );
-F.displayName = "HorizontalScroller";
+$.displayName = "HorizontalScroller";
 export {
-  F as default
+  $ as default
 };

package/dist/components/ui/nested-list/components/SortableItem.d.ts

@@ -12,6 +12,7 @@ interface SortableItemProps {
     enableDragDrop?: boolean;
     enableCollapse?: boolean;
     shouldBlink?: boolean;
+    isDragDisabled?: boolean;
 }
 export declare const SortableItem: React.NamedExoticComponent<SortableItemProps>;
 export {};

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

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as p } from "react/jsx-runtime";
-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 I, { useMemo as L } from "react";
+import { useSortable as R } from "@dnd-kit/sortable";
+import { useDroppable as S } from "@dnd-kit/core";
+import { Checkbox as w } from "../../checkbox.js";
+import { ChevronRight as z, Drag as D } from "../../../../icons/index.js";
 import { cn as d } from "../../../../lib/utils.js";
-import { useImpactNovaI18n as m } from "../../../../i18n/ImpactNovaI18nContext.js";
-const z = (e, o) => {
+import { useImpactNovaI18n as f } from "../../../../i18n/ImpactNovaI18nContext.js";
+const H = (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, {
+}, P = ({ item: e, isAnyDragging: o }) => {
+  const { t } = f(), n = !e.children || e.children.length === 0, {
     setNodeRef: c,
     isOver: s
-  } = L({
+  } = S({
     id: `droppable-${e.id}`,
     data: { sectionId: e.id },
     disabled: !n
@@ -44,41 +44,42 @@ const z = (e, o) => {
       }
     )
   ] });
-}, P = ({
+}, _ = ({
   item: e,
   level: o,
   isCollapsed: t,
   onToggle: n,
   onToggleCollapse: c,
   isAnyDragging: s = !1,
-  isOver: _ = !1,
-  isValidDrop: $ = !1,
-  enableDragDrop: f = !0,
+  isOver: $ = !1,
+  isValidDrop: j = !1,
+  enableDragDrop: x = !0,
   enableCollapse: b = !0,
-  shouldBlink: x = !1
+  shouldBlink: v = !1,
+  isDragDisabled: h = !1
 }) => {
-  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,
+  const { t: u } = f(), m = e.category === "structure", i = e.children && e.children.length > 0, g = L(() => !e.children || e.children.length === 0 || e.children.every((l) => l.checked) ? !1 : e.children.some((l) => l.checked), [e.children]), {
+    attributes: k,
+    listeners: N,
+    setNodeRef: y,
+    isDragging: C,
     // 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({
+    transform: E,
+    transition: O
+  } = R({
     id: e.id,
     data: {
       level: o,
       hasChildren: i,
       isExpanded: !t
     },
-    disabled: u || e.disabled
+    disabled: m || e.disabled || h
   });
-  return u ? /* @__PURE__ */ r(H, { item: e, isAnyDragging: s }) : /* @__PURE__ */ r(
+  return m ? /* @__PURE__ */ r(P, { item: e, isAnyDragging: s }) : /* @__PURE__ */ r(
     "div",
     {
-      ref: N,
+      ref: y,
       className: "relative",
       "data-item-id": e.id,
       "data-level": o,
@@ -88,7 +89,7 @@ const z = (e, o) => {
       children: /* @__PURE__ */ p(
         "div",
         {
-          className: z(y, x),
+          className: H(C, v),
           style: {
             paddingLeft: `${8 + o * 20}px`
           },
@@ -102,9 +103,9 @@ const z = (e, o) => {
                 },
                 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": h(t ? "nestedList.expand" : "nestedList.collapse"),
+                "aria-label": u(t ? "nestedList.expand" : "nestedList.collapse"),
                 children: /* @__PURE__ */ r(
-                  S,
+                  z,
                   {
                     size: "16px",
                     className: d("transition-transform", !t && "rotate-90")
@@ -114,19 +115,19 @@ const z = (e, o) => {
             ),
             (!b || !i) && /* @__PURE__ */ r("div", { className: "w-6" }),
             /* @__PURE__ */ r(
-              R,
+              w,
               {
                 id: `checkbox-${e.id}`,
-                checked: v ? "indeterminate" : e.checked,
+                checked: g ? "indeterminate" : e.checked,
                 onCheckedChange: () => n(e.id),
                 disabled: e.disabled
               }
             ),
-            f && /* @__PURE__ */ r(
+            x && !h && /* @__PURE__ */ r(
               "div",
               {
-                ...g,
                 ...k,
+                ...N,
                 className: "cursor-grab active:cursor-grabbing p-0 hover:bg-muted rounded flex items-center",
                 style: {
                   pointerEvents: "auto",
@@ -137,7 +138,7 @@ const z = (e, o) => {
                 onPointerDown: (a) => {
                   a.stopPropagation();
                 },
-                children: /* @__PURE__ */ r(w, { size: "14px", className: "text-content-icon" })
+                children: /* @__PURE__ */ r(D, { size: "14px", className: "text-content-icon" })
               }
             ),
             /* @__PURE__ */ r(
@@ -153,7 +154,7 @@ const z = (e, o) => {
       )
     }
   );
-}, K = C.memo(P);
+}, Q = I.memo(_);
 export {
-  K as SortableItem
+  Q as SortableItem
 };

package/dist/components/ui/nested-list/hooks/useNestedListDragDrop.d.ts

@@ -16,8 +16,9 @@ interface UseNestedListDragDropProps {
     items: NestedListItem[];
     onDragEnd?: (activeId: string, overId: string | null) => void;
     collapsedItems?: Record<string, boolean>;
+    canDrag?: (item: NestedListItem, level: number) => boolean;
 }
-export declare const useNestedListDragDrop: ({ items, onDragEnd, collapsedItems, }: UseNestedListDragDropProps) => {
+export declare const useNestedListDragDrop: ({ items, onDragEnd, collapsedItems, canDrag, }: UseNestedListDragDropProps) => {
     sensors: import('@dnd-kit/core').SensorDescriptor<import('@dnd-kit/core').SensorOptions>[];
     handleDragEnd: (event: DragEndEvent, setItems: (updater: (prevItems: NestedListItem[]) => NestedListItem[]) => void) => void;
     isValidDrop: (activeItemId: string | null, overItemId: string | null) => boolean;