impact-nova 1.7.29 → 1.7.31

package/dist/components/ui/ag-grid-react/headers/utils/date-utils.d.ts

@@ -1,6 +1,16 @@
+import { MonthSelection } from '../../../calendar';
 /**
- * Date utilities for AG Grid filtering
+ * Convert a MonthSelection to an AG Grid inRange date filter range.
+ * Returns { dateFrom: 'YYYY-MM-01', dateTo: 'YYYY-MM-lastDay' }.
  */
+export declare function serializeMonth(month: MonthSelection): {
+    dateFrom: string;
+    dateTo: string;
+};
+/**
+ * Reconstruct a MonthSelection from a YYYY-MM-DD date string.
+ */
+export declare function deserializeMonth(dateStr: string | null): MonthSelection | null;
 /**
  * Standardize date serialization for AG Grid filter model
  * Returns YYYY-MM-DD string

package/dist/components/ui/ag-grid-react/headers/utils/date-utils.js

@@ -1,38 +1,52 @@
 function o(t) {
-  if (!t) return null;
-  const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), e = String(t.getDate()).padStart(2, "0");
-  return `${n}-${r}-${e}`;
+  const n = t.year, e = t.month + 1, r = new Date(n, e, 0).getDate(), a = String(e).padStart(2, "0");
+  return {
+    dateFrom: `${n}-${a}-01`,
+    dateTo: `${n}-${a}-${String(r).padStart(2, "0")}`
+  };
+}
+function s(t) {
+  if (!t || typeof t != "string") return null;
+  const n = t.split(" ")[0].split("T")[0], [e, r] = n.split("-").map(Number);
+  return isNaN(e) || isNaN(r) ? null : { year: e, month: r - 1 };
 }
 function i(t) {
+  if (!t) return null;
+  const n = t.getFullYear(), e = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
+  return `${n}-${e}-${r}`;
+}
+function u(t) {
   if (!t || typeof t != "string") return null;
-  const n = t.split(" ")[0].split("T")[0], [r, e, a] = n.split("-").map(Number);
-  return isNaN(r) || isNaN(e) || isNaN(a) ? null : new Date(r, e - 1, a);
+  const n = t.split(" ")[0].split("T")[0], [e, r, a] = n.split("-").map(Number);
+  return isNaN(e) || isNaN(r) || isNaN(a) ? null : new Date(e, r - 1, a);
 }
-function s() {
-  return o(/* @__PURE__ */ new Date());
+function l() {
+  return i(/* @__PURE__ */ new Date());
 }
-function u() {
+function c() {
   const t = /* @__PURE__ */ new Date();
-  return t.setDate(t.getDate() - 1), o(t);
+  return t.setDate(t.getDate() - 1), i(t);
 }
-function c(t) {
+function g(t) {
   return {
     from: `${t}-01-01`,
     to: `${t}-12-31`
   };
 }
-function g(t, n) {
-  const r = new Date(n, t, 0).getDate(), e = String(t).padStart(2, "0");
+function f(t, n) {
+  const e = new Date(n, t, 0).getDate(), r = String(t).padStart(2, "0");
   return {
-    from: `${n}-${e}-01`,
-    to: `${n}-${e}-${r}`
+    from: `${n}-${r}-01`,
+    to: `${n}-${r}-${e}`
   };
 }
 export {
-  i as deserializeDate,
-  g as getMonthRange,
-  s as getTodayStr,
-  c as getYearRange,
-  u as getYesterdayStr,
-  o as serializeDate
+  u as deserializeDate,
+  s as deserializeMonth,
+  f as getMonthRange,
+  l as getTodayStr,
+  g as getYearRange,
+  c as getYesterdayStr,
+  i as serializeDate,
+  o as serializeMonth
 };

package/dist/components/ui/ag-grid-react/index.js

@@ -13,13 +13,13 @@ import { AG_GRID_VALUE_FORMATTERS as ye } from "./value-formatters.js";
 /* empty css                */
 const be = re(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
 ie.registerModules([se, ce, ue]);
-const x = "
", I = "", H = (s) => {
+const x = "
", T = "", H = (s) => {
   if (!s) return;
   const r = s.cellRendererParams?.splits;
   if (Array.isArray(r) && r.length > 0) return r;
   const l = s.cellEditorParams?.splits;
   if (Array.isArray(l) && l.length > 0) return l;
-}, _ = (s, r) => {
+}, V = (s, r) => {
   const l = [];
   for (const g of r) {
     const f = g?.field?.split(".").pop();
@@ -44,7 +44,7 @@ const x = "
", I = "", H = (s) => {
     l.push("");
   }
   return l;
-}, V = (s) => {
+}, _ = (s) => {
   if (typeof navigator < "u" && navigator.clipboard?.writeText) {
     navigator.clipboard.writeText(s).catch(() => K(s));
     return;
@@ -69,7 +69,7 @@ function De({
   onGridReady: a,
   ...u
 }) {
-  const c = b(null), h = b(null), [F, w] = j(null), [P, E] = j(!1), [O, D] = j(null), [W, L] = j(!1), M = b(null), T = b(null), S = b(null), U = v(() => [], []), $ = C(() => ({
+  const c = b(null), h = b(null), [F, w] = j(null), [I, E] = j(!1), [O, D] = j(null), [W, L] = j(!1), M = b(null), P = b(null), S = b(null), U = v(() => [], []), $ = C(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -113,10 +113,10 @@ function De({
       c.current.setFilterModel(t), c.current.onFilterChanged();
     },
     openMenu: (e, t, o = "column") => {
-      M.current = e, T.current = t, S.current = o, L(!0);
+      M.current = e, P.current = t, S.current = o, L(!0);
     },
     closeMenu: () => {
-      M.current = null, T.current = null, S.current = null, L(!1);
+      M.current = null, P.current = null, S.current = null, L(!1);
     },
     // Getters read from refs - O(1) per header, no memory allocation
     get activeMenuColumnId() {
@@ -189,12 +189,12 @@ function De({
     if (t == null || typeof t != "object") return t;
     const o = H(e.column?.getColDef());
     if (o && o.length > 0) {
-      const n = _(t, o);
+      const n = V(t, o);
       if (o.length === 1) {
         const d = o[0]?.field?.split(".").pop(), y = d ? t[d] : void 0;
         return y && typeof y == "object" && "value" in y ? y.value ?? "" : n[0];
       }
-      return I + n.join(x);
+      return T + n.join(x);
     }
     const i = Object.entries(t).map(([, n]) => n && typeof n == "object" && "value" in n ? n.value : typeof n != "object" && typeof n < "u" ? n : null).filter((n) => n != null);
     return i.length === 0 ? "" : i.length === 1 ? i[0] : i.join(x);
@@ -211,8 +211,8 @@ function De({
     return e.value;
   }, []), Y = v((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(x) && !t.includes(I)) {
-      V(t);
+    if (!t.includes(x) && !t.includes(T)) {
+      _(t);
       return;
     }
     const o = [], i = t.split(`
@@ -223,7 +223,7 @@ function De({
         o.push("");
         continue;
       }
-      const k = d.split("	").map((p) => p.startsWith(I) ? { isSplit: !0, slots: p.slice(1).split(x) } : { isSplit: !1, slots: p.split(x) }), N = Math.max(1, ...k.map((p) => p.slots.length));
+      const k = d.split("	").map((p) => p.startsWith(T) ? { isSplit: !0, slots: p.slice(1).split(x) } : { isSplit: !1, slots: p.split(x) }), N = Math.max(1, ...k.map((p) => p.slots.length));
       if (N === 1) {
         o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
@@ -233,7 +233,7 @@ function De({
         o.push(te.join("	"));
       }
     }
-    V(o.join(`
+    _(o.join(`
 `));
   }, []), R = v((e) => {
     const t = e.value;
@@ -241,7 +241,7 @@ function De({
     if (typeof t != "object") return String(t);
     const o = H(e.column?.getColDef());
     if (o && o.length > 0) {
-      const n = _(t, o);
+      const n = V(t, o);
       return o.length === 1 ? n[0] : n.join(`
 `);
     }
@@ -293,7 +293,7 @@ function De({
     /* @__PURE__ */ m(
       xe,
       {
-        isOpen: P,
+        isOpen: I,
         columnId: O,
         gridApi: F,
         onClose: A.closeAdvancedFilter,
@@ -306,7 +306,7 @@ function De({
         isOpen: W,
         columnId: M.current,
         gridApi: F,
-        anchor: T.current,
+        anchor: P.current,
         variant: S.current,
         onClose: A.closeMenu
       }
@@ -335,6 +335,7 @@ function xe({
       columnType: E,
       selectOptions: c?.selectOptions,
       isMultiSelect: c?.isMultiSelect,
+      datePickerVariant: c?.datePickerVariant,
       initialModel: O,
       api: l
     }

package/dist/components/ui/data-table/data-table-column-list.js

@@ -1,87 +1,87 @@
-import { jsx as R } from "react/jsx-runtime";
-import { useState as N, useRef as I, useCallback as C, useEffect as A } from "react";
-import { useDataTable as Q } from "./data-table-context.js";
-import { NestedList as X } from "../nested-list/nested-list.js";
-import { SelectionMode as Y } from "../types/nested-list.types.js";
-import { mergePartialOrderedColumnState as Z } from "./data-table-column-state.js";
-import { useImpactNovaI18n as ee } from "../../../i18n/ImpactNovaI18nContext.js";
-const ue = ({
-  enableApplyDiscard: T = !1,
-  showSearch: F = !0,
-  showSelectAll: q = !0,
-  showCollapse: j = !0
+import { jsx as x } from "react/jsx-runtime";
+import { useState as N, useRef as C, useCallback as b, useEffect as F } from "react";
+import { useDataTable as X } from "./data-table-context.js";
+import { NestedList as Y } from "../nested-list/nested-list.js";
+import { SelectionMode as Z } from "../types/nested-list.types.js";
+import { mergePartialOrderedColumnState as ee } from "./data-table-column-state.js";
+import { useImpactNovaI18n as te } from "../../../i18n/ImpactNovaI18nContext.js";
+const de = ({
+  enableApplyDiscard: v = !1,
+  showSearch: q = !0,
+  showSelectAll: j = !0,
+  showCollapse: K = !0
 }) => {
-  const { gridApi: l } = Q(), { t: p } = ee(), [K, w] = N([]), [V, W] = N(!1), f = I(!1), v = I(null), b = I(0), [z, O] = N(!1), B = I(/* @__PURE__ */ new Map()), g = C(() => {
+  const { gridApi: l } = X(), { t: p } = te(), [V, w] = N([]), [W, B] = N(!1), f = C(!1), T = C(null), y = C(0), z = C({}), [O, P] = N(!1), L = C(/* @__PURE__ */ new Map()), g = b(() => {
     if (!l || f.current) return;
-    const o = l.getColumnState(), s = new Map(o.map((t) => [t.colId, t]));
-    B.current = s;
-    const c = l.getColumns() || [], i = new Map(c.map((t) => [t.getColId(), t])), r = [], e = [], k = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), H = (t, a) => {
-      const n = t.getGroupId(), u = `${n}::${a === r ? "f" : "s"}`, d = k.get(u);
+    const r = l.getColumnState(), s = new Map(r.map((t) => [t.colId, t]));
+    L.current = s;
+    const c = l.getColumns() || [], i = new Map(c.map((t) => [t.getColId(), t])), n = [], e = [], k = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), J = (t, a) => {
+      const o = t.getGroupId(), u = `${o}::${a === n ? "f" : "s"}`, d = k.get(u);
       if (d && d.list === a && a[a.length - 1] === d.node)
         return d.node;
       const m = D.get(u) || 0;
       D.set(u, m + 1);
-      const S = t.getColGroupDef(), h = a === r ? "f" : "s", x = {
-        id: m === 0 ? `${n}__${h}` : `${n}__${h}__${m}`,
-        label: S?.headerName || n,
+      const I = t.getColGroupDef(), h = a === n ? "f" : "s", R = {
+        id: m === 0 ? `${o}__${h}` : `${o}__${h}__${m}`,
+        label: I?.headerName || o,
         checked: !0,
         children: [],
         category: "group"
       };
-      return a.push(x), k.set(u, { list: a, node: x }), x;
+      return a.push(R), k.set(u, { list: a, node: R }), R;
     };
-    let E = 0, _ = 0, G = 0, $ = 0;
-    o.forEach((t) => {
+    let E = 0, $ = 0, G = 0, A = 0;
+    r.forEach((t) => {
       const a = i.get(t.colId);
       if (!a) return;
-      let n = l.getDisplayNameForColumn(a, "header");
-      if (n === "") return;
-      if (n == null) {
+      let o = l.getDisplayNameForColumn(a, "header");
+      if (o === "") return;
+      if (o == null) {
         const h = a.getColDef();
         if (h.headerName === "") return;
-        n = h.headerName || h.field || t.colId;
+        o = h.headerName || h.field || t.colId;
       }
-      if (!n || n.trim() === "")
+      if (!o || o.trim() === "")
         return;
       const u = !t.hide, d = {
         id: t.colId,
-        label: n,
+        label: o,
         checked: u
       };
-      t.pinned ? (E++, u && _++) : (G++, u && $++);
-      const m = t.pinned ? r : e, S = a.getOriginalParent();
-      S?.getColGroupDef()?.children ? H(S, m).children.push(d) : m.push(d);
+      t.pinned ? (E++, u && $++) : (G++, u && A++);
+      const m = t.pinned ? n : e, I = a.getOriginalParent();
+      I?.getColGroupDef()?.children ? J(I, m).children.push(d) : m.push(d);
     });
     const M = (t) => {
       let a = t.length > 0;
-      for (const n of t)
-        n.children && (n.checked = M(n.children)), n.checked || (a = !1);
+      for (const o of t)
+        o.children && (o.checked = M(o.children)), o.checked || (a = !1);
       return a;
     };
-    M(r), M(e);
-    const J = [
+    M(n), M(e);
+    const Q = [
       {
         id: "root-frozen",
         label: p("dataTable.frozenColumns"),
-        checked: E > 0 && _ === E,
-        children: r,
+        checked: E > 0 && $ === E,
+        children: n,
         category: "structure",
         isDragDisabled: !0
       },
       {
         id: "root-scrollable",
         label: p("dataTable.scrollableColumns"),
-        checked: G > 0 && $ === G,
+        checked: G > 0 && A === G,
         children: e,
         category: "structure",
         isDragDisabled: !0
       }
     ];
-    w(J), W(!0);
+    w(Q), B(!0);
   }, [l, p]);
-  A(() => {
+  F(() => {
     if (!l) return;
-    const o = setTimeout(() => g(), 0), s = [
+    const r = setTimeout(() => g(), 0), s = [
       "columnVisible",
       "columnPinned",
       "columnMoved",
@@ -99,23 +99,23 @@ const ue = ({
     const i = () => {
       c && clearTimeout(c), c = setTimeout(() => {
         c = null;
-        const r = !f.current;
-        f.current = !1, g(), r && O((e) => !e);
+        const n = !f.current;
+        f.current = !1, g(), n && P((e) => !e);
       }, 150);
     };
-    return l.isDestroyed() || s.forEach((r) => l.addEventListener(r, i)), () => {
-      clearTimeout(o), c && clearTimeout(c), l.isDestroyed() || s.forEach((r) => l.removeEventListener(r, i));
+    return l.isDestroyed() || s.forEach((n) => l.addEventListener(n, i)), () => {
+      clearTimeout(r), c && clearTimeout(c), l.isDestroyed() || s.forEach((n) => l.removeEventListener(n, i));
     };
-  }, [l, g]), A(() => {
-    if (b.current === 0) return;
-    const o = requestAnimationFrame(() => {
-      const s = v.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      s && (s.scrollTop = b.current, b.current = 0);
+  }, [l, g]), F(() => {
+    if (y.current === 0) return;
+    const r = requestAnimationFrame(() => {
+      const s = T.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+      s && (s.scrollTop = y.current, y.current = 0);
     });
-    return () => cancelAnimationFrame(o);
-  }, [z]);
-  const P = C((o) => {
-    const s = [], c = (i, r) => {
+    return () => cancelAnimationFrame(r);
+  }, [O]);
+  const _ = b((r) => {
+    const s = [], c = (i, n) => {
       i.forEach((e) => {
         if (e.id === "root-frozen") {
           e.children && c(e.children, "left");
@@ -125,57 +125,61 @@ const ue = ({
           e.children && c(e.children, null);
           return;
         }
-        e.category === "group" || e.children && e.children.length > 0 ? e.children && c(e.children, r) : l?.getColumn(e.id) && s.push({
+        e.category === "group" || e.children && e.children.length > 0 ? e.children && c(e.children, n) : l?.getColumn(e.id) && s.push({
           colId: e.id,
-          pinned: r,
+          pinned: n,
           hide: !e.checked
         });
       });
     };
-    return c(o, null), s;
-  }, [l]), y = C((o) => {
+    return c(r, null), s;
+  }, [l]), S = b((r) => {
     if (!l) return;
     f.current = !0;
-    const s = P(o);
+    const s = _(r);
     if (s.length === 0) {
       setTimeout(() => {
         f.current = !1;
       }, 300);
       return;
     }
-    const c = l.getColumnState(), i = Z(c, s);
+    const c = l.getColumnState(), i = ee(c, s);
     l.applyColumnState({
       state: i,
       applyOrder: !0
     }), setTimeout(() => {
       f.current = !1;
-      const r = v.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      r && (b.current = r.scrollTop), g(), O((e) => !e);
+      const n = T.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+      n && (y.current = n.scrollTop), g(), P((e) => !e);
     }, 300);
-  }, [l, P, g]), L = C((o) => {
-    y(o);
-  }, [y]), U = C((o) => {
-    T || y(o), w(o);
-  }, [T, y]);
-  return V ? /* @__PURE__ */ R("div", { ref: v, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ R(
-    X,
+  }, [l, _, g]), U = b((r) => {
+    S(r);
+  }, [S]), H = b((r) => {
+    v || S(r), w(r);
+  }, [v, S]);
+  return W ? /* @__PURE__ */ x("div", { ref: T, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ x(
+    Y,
     {
-      items: K,
-      onChange: U,
-      onSubmit: L,
-      enableApplyDiscard: T,
-      enableSearch: F,
-      enableSelectAll: q,
+      items: V,
+      onChange: H,
+      onSubmit: U,
+      enableApplyDiscard: v,
+      enableSearch: q,
+      enableSelectAll: j,
       enableDragDrop: !0,
       enableCollapse: !0,
-      enableGlobalCollapse: j,
-      selectionMode: Y.CASCADE_DOWN,
+      enableGlobalCollapse: K,
+      selectionMode: Z.CASCADE_DOWN,
       searchPlaceholder: p("dataTable.searchColumnsPlaceholder"),
-      className: "h-full"
+      className: "h-full",
+      initialCollapsedItems: z.current,
+      onCollapseChange: (r) => {
+        z.current = r;
+      }
     },
-    z ? "sync-a" : "sync-b"
-  ) }) : /* @__PURE__ */ R("div", { className: "p-4 text-[13px] text-content-placeholder", children: p("dataTable.loadingColumns") });
+    O ? "sync-a" : "sync-b"
+  ) }) : /* @__PURE__ */ x("div", { className: "p-4 text-[13px] text-content-placeholder", children: p("dataTable.loadingColumns") });
 };
 export {
-  ue as DataTableColumnList
+  de as DataTableColumnList
 };

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

@@ -15,8 +15,10 @@ export declare const customCollisionDetection: CollisionDetection;
 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, }: 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;