impact-nova 0.1.13 → 1.1.0

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

@@ -1,30 +1,29 @@
-import { jsx as v, jsxs as ee } from "react/jsx-runtime";
-import te, { useMemo as A, useCallback as D } from "react";
-import { defaultDropAnimationSideEffects as Ue } from "@dnd-kit/core";
+import { jsx as I, jsxs as te } from "react/jsx-runtime";
+import se, { useMemo as D, useCallback as T } from "react";
 import { SortableItem as _e } from "./components/SortableItem.js";
-import { SelectionMode as V } from "../types/nested-list.types.js";
-import { useNestedListDragDrop as He } from "./hooks/useNestedListDragDrop.js";
-import { useNestedListSelectAll as We } from "./hooks/useNestedListSelectAll.js";
-import { useNestedListState as je } from "./hooks/useNestedListState.js";
-import { useNestedListHandlers as Be } from "./hooks/useNestedListHandlers.js";
-import { NestedListHeader as Fe } from "./components/NestedListHeader.js";
-import { NestedListCategoryFilters as Je } from "./components/NestedListCategoryFilters.js";
-import { NestedListContent as qe } from "./components/NestedListContent.js";
-import { NestedListApplyDiscardButtons as Ke } from "./components/NestedListApplyDiscardButtons.js";
-import { cn as Qe } from "../../../lib/utils.js";
-const se = (i, t) => {
-  if (!t || typeof t != "string") return i;
+import { SelectionMode as U } from "../types/nested-list.types.js";
+import { useNestedListDragDrop as ye } from "./hooks/useNestedListDragDrop.js";
+import { useNestedListSelectAll as He } from "./hooks/useNestedListSelectAll.js";
+import { useNestedListState as We } from "./hooks/useNestedListState.js";
+import { useNestedListHandlers as je } from "./hooks/useNestedListHandlers.js";
+import { NestedListHeader as Be } from "./components/NestedListHeader.js";
+import { NestedListCategoryFilters as Fe } from "./components/NestedListCategoryFilters.js";
+import { NestedListContent as Je } from "./components/NestedListContent.js";
+import { NestedListApplyDiscardButtons as qe } from "./components/NestedListApplyDiscardButtons.js";
+import { cn as Ke } from "../../../lib/utils.js";
+const re = (d, t) => {
+  if (!t || typeof t != "string") return d;
   const o = t.toLowerCase(), c = [];
-  return i.forEach((s) => {
-    const l = s.label.toLowerCase().includes(o), u = s.children ? se(s.children, t) : void 0;
-    (l || u && u.length > 0) && c.push({
+  return d.forEach((s) => {
+    const l = s.label.toLowerCase().includes(o), f = s.children ? re(s.children, t) : void 0;
+    (l || f && f.length > 0) && c.push({
       ...s,
-      children: u || s.children
+      children: f || s.children
     });
   }), c;
-}, re = (i) => i.map((t) => {
+}, ne = (d) => d.map((t) => {
   if (t.children && t.children.length > 0) {
-    const o = re(t.children), c = o.every((s) => s.checked);
+    const o = ne(t.children), c = o.every((s) => s.checked);
     return {
       ...t,
       checked: c,
@@ -32,141 +31,134 @@ const se = (i, t) => {
     };
   }
   return t;
-}), Xe = (i, t) => {
+}), Qe = (d, t) => {
   const o = /* @__PURE__ */ new Set(), c = (s) => {
     s.forEach((l) => {
-      const u = t ? t(l) : l.category;
-      u && o.add(u), l.children && c(l.children);
+      const f = t ? t(l) : l.category;
+      f && o.add(f), l.children && c(l.children);
     });
   };
-  return c(i), Array.from(o).sort();
-}, ne = (i, t, o) => {
-  if (t.size === 0) return i;
+  return c(d), Array.from(o).sort();
+}, le = (d, t, o) => {
+  if (t.size === 0) return d;
   const c = [];
-  return i.forEach((s) => {
-    const l = o ? o(s) : s.category, u = l && t.has(l), m = s.children ? ne(s.children, t, o) : void 0;
-    (u || m && m.length > 0) && c.push({
+  return d.forEach((s) => {
+    const l = o ? o(s) : s.category, f = l && t.has(l), S = s.children ? le(s.children, t, o) : void 0;
+    (f || S && S.length > 0) && c.push({
       ...s,
-      children: m
+      children: S
     });
   }), c;
-}, le = (i, t, o, c = 0) => {
+}, oe = (d, t, o, c = 0) => {
   const s = [];
-  return i.forEach((l) => {
+  return d.forEach((l) => {
     s.push({ item: l, level: c }), !t[l.id] && l.children && l.children.length > 0 && l.id !== o && s.push(
-      ...le(l.children, t, o, c + 1)
+      ...oe(l.children, t, o, c + 1)
     );
   }), s;
-}, it = ({
-  items: i,
+}, ot = ({
+  items: d,
   onChange: t,
   onSubmit: o,
   onCancel: c,
   onItemToggle: s,
   onDragEnd: l,
-  enableSearch: u = !0,
-  enableDragDrop: m = !0,
-  enableSelectAll: oe = !0,
+  enableSearch: f = !0,
+  enableDragDrop: S = !0,
+  enableSelectAll: ce = !0,
   enableGroupBy: k = !1,
   getCategory: C,
-  searchPlaceholder: ce = "Search...",
+  searchPlaceholder: de = "Search...",
   className: ie = "",
-  groupLabel: de,
+  groupLabel: ae,
   enableApplyDiscard: p = !1,
-  enableCollapse: y = !0,
-  submitButtonLabel: ae = "Apply",
-  cancelButtonLabel: he = "Reset",
-  selectionMode: N = V.CASCADE_DOWN
+  enableCollapse: F = !0,
+  enableGlobalCollapse: he = !0,
+  submitButtonLabel: ue = "Apply",
+  cancelButtonLabel: fe = "Reset",
+  selectionMode: N = U.CASCADE_DOWN
 }) => {
   const {
     items: a,
     setItems: g,
-    savedItems: T,
+    savedItems: w,
     setSavedItems: J,
-    isUserChangeRef: w,
+    isUserChangeRef: A,
     searchText: x,
-    setSearchText: fe,
+    setSearchText: pe,
     collapsedItems: R,
-    setCollapsedItems: ue,
-    isListCollapsed: U,
-    setIsListCollapsed: pe,
-    activeId: I,
+    setCollapsedItems: Se,
+    isListCollapsed: z,
+    setIsListCollapsed: me,
+    activeId: v,
     setActiveId: _,
-    setOverId: H,
-    selectedCategories: z,
-    setSelectedCategories: me,
+    setOverId: y,
+    selectedCategories: O,
+    setSelectedCategories: Ce,
     itemsToBlink: q,
-    setItemsToBlink: W,
+    setItemsToBlink: H,
     // Normalized state helpers (for optimized operations)
-    isNormalized: Se,
-    normalizedState: Ce,
-    batchUpdateItems: Ne
-  } = je({
-    initialItems: i,
+    isNormalized: Ne,
+    normalizedState: ge,
+    batchUpdateItems: ve
+  } = We({
+    initialItems: d,
     enableApplyDiscard: p,
     // Enable normalized state for large datasets (can be made configurable via props)
-    enableNormalizedState: i.length > 1e3
-  }), [O, K] = te.useState(0), [P, ge] = te.useState(0), {
-    sensors: Ie,
-    handleDragEnd: ve,
+    enableNormalizedState: d.length > 1e3
+  }), [P, K] = se.useState(0), [V, Ie] = se.useState(0), {
+    sensors: ke,
+    handleDragEnd: Ee,
     isValidDrop: Q
-  } = He({
+  } = ye({
     items: a,
     onDragEnd: l
-  }), ke = A(
-    () => k ? Xe(a, C) : [],
+  }), Le = D(
+    () => k ? Qe(a, C) : [],
     [a, k, C]
-  ), S = A(() => {
+  ), m = D(() => {
     let e = a;
-    return k && z.size > 0 && (e = ne(e, z, C)), x && (e = se(e, x)), e;
-  }, [a, x, k, z, C]), Ee = A(
-    () => le(S, R, I),
-    [S, R, I]
-  ), { allChecked: E, someChecked: Le } = A(() => {
+    return k && O.size > 0 && (e = le(e, O, C)), x && (e = re(e, x)), e;
+  }, [a, x, k, O, C]), De = D(
+    () => oe(m, R, v),
+    [m, R, v]
+  ), { allChecked: E, someChecked: Te } = D(() => {
     let e = !0, r = !1;
-    const n = (f) => {
-      for (const h of f)
+    const n = (u) => {
+      for (const h of u)
         if (h.children && h.children.length > 0 ? n(h.children) : h.checked ? r = !0 : e = !1, r && !e) return;
     };
-    return n(S), { allChecked: e && r, someChecked: r };
-  }, [S]), Ae = Le && !E, j = (e, r) => {
+    return n(m), { allChecked: e && r, someChecked: r };
+  }, [m]), we = Te && !E, W = (e, r) => {
     for (const n of e) {
       if (n.id === r) return n;
       if (n.children) {
-        const f = j(n.children, r);
-        if (f) return f;
+        const u = W(n.children, r);
+        if (u) return u;
       }
     }
     return null;
-  }, De = {
-    sideEffects: Ue({
-      styles: {
-        active: {
-          opacity: "0.4"
-        }
-      }
-    })
-  }, Te = D(
+  }, Ae = T(
     (e, r) => {
-      if (N === V.INDEPENDENT)
+      if (N === U.INDEPENDENT)
         return e;
-      const n = (h, d) => h.id === d ? !0 : h.children ? h.children.some(
-        (L) => n(L, d)
-      ) : !1, f = (h) => h.map((d) => {
-        if (d.id === r)
-          return d;
-        if (d.children && n(d, r)) {
-          const L = f(d.children);
-          let B;
-          return N === V.CASCADE_UP_DOWN ? B = L.some((F) => F.checked) : B = L.every((F) => F.checked), {
-            ...d,
-            checked: B,
+      const n = (h, i) => h.id === i ? !0 : h.children ? h.children.some(
+        (L) => n(L, i)
+      ) : !1, u = (h) => h.map((i) => {
+        if (i.id === r)
+          return i;
+        if (i.children && n(i, r)) {
+          const L = u(i.children);
+          let j;
+          return N === U.CASCADE_UP_DOWN ? j = L.some((B) => B.checked) : j = L.every((B) => B.checked), {
+            ...i,
+            checked: j,
             children: L
           };
         }
-        return d;
+        return i;
       });
-      return f(e);
+      return u(e);
     },
     [N]
   ), X = (e) => {
@@ -177,57 +169,57 @@ const se = (i, t) => {
   }, {
     handleToggle: Y,
     handleToggleCollapse: Z,
-    handleCollapseAll: we,
-    handleToggleCategory: xe
-  } = Be({
+    handleCollapseAll: xe,
+    handleToggleCategory: Re
+  } = je({
     setItems: g,
-    findItemById: j,
-    updateParentsUpward: Te,
+    findItemById: W,
+    updateParentsUpward: Ae,
     onChange: (e) => {
       K((r) => r + 1), t(e);
     },
     onItemToggle: s,
     getCategory: C,
-    setCollapsedItems: ue,
-    setIsListCollapsed: pe,
-    setSelectedCategories: me,
-    isUserChangeRef: w,
+    setCollapsedItems: Se,
+    setIsListCollapsed: me,
+    setSelectedCategories: Ce,
+    isUserChangeRef: A,
     selectionMode: N,
     // Pass normalized state helpers for optimized operations
-    isNormalized: Se,
-    normalizedState: Ce,
-    batchUpdateItems: Ne
+    isNormalized: Ne,
+    normalizedState: ge,
+    batchUpdateItems: ve
   }), {
     collectVisibleItemIds: $,
-    findItemsNotSelected: M,
-    collectVisibleItemsForCallback: b,
+    findItemsNotSelected: b,
+    collectVisibleItemsForCallback: M,
     updateVisibleItems: G
-  } = We({
-    findItemById: j,
+  } = He({
+    findItemById: W,
     getCategory: C
-  }), Re = D(() => {
-    w.current = !0, g((e) => {
-      const r = $(S), n = M(
-        S,
+  }), ze = T(() => {
+    A.current = !0, g((e) => {
+      const r = $(m), n = b(
+        m,
         e,
         r
       );
       if (n.size > 0) {
-        const d = new Set(n);
-        W(d), setTimeout(() => W(/* @__PURE__ */ new Set()), 600);
+        const i = new Set(n);
+        H(i), setTimeout(() => H(/* @__PURE__ */ new Set()), 600);
       }
-      const f = G(
+      const u = G(
         e,
         r,
         !E
-      ), h = N === V.INDEPENDENT ? f : re(f);
+      ), h = N === U.INDEPENDENT ? u : ne(u);
       if (t(h), s) {
-        const d = b(
+        const i = M(
           e,
           r,
           !E
         );
-        s(d);
+        s(i);
       }
       return h;
     });
@@ -235,19 +227,19 @@ const se = (i, t) => {
     E,
     t,
     s,
-    S,
+    m,
     $,
-    M,
     b,
+    M,
     G,
-    w,
+    A,
     g,
-    W,
+    H,
     N
-  ]), ze = D(
+  ]), Oe = T(
     (e, r) => {
-      const n = I ? Q(I, e.id) : !1, f = q.has(e.id);
-      return /* @__PURE__ */ v(
+      const n = v ? Q(v, e.id) : !1, u = q.has(e.id);
+      return /* @__PURE__ */ I(
         _e,
         {
           item: e,
@@ -255,11 +247,11 @@ const se = (i, t) => {
           isCollapsed: R[e.id] || !1,
           onToggle: Y,
           onToggleCollapse: Z,
-          isAnyDragging: I !== null,
+          isAnyDragging: v !== null,
           isValidDrop: n,
-          enableDragDrop: m,
-          enableCollapse: y,
-          shouldBlink: f
+          enableDragDrop: S,
+          enableCollapse: F,
+          shouldBlink: u
         },
         e.id
       );
@@ -268,90 +260,91 @@ const se = (i, t) => {
       R,
       Y,
       Z,
-      I,
+      v,
       Q,
-      m,
+      S,
       q,
-      y
+      F
     ]
-  ), Oe = X(a).length > 0, Pe = A(() => p ? a.length > 1e3 ? O !== P : JSON.stringify(a) !== JSON.stringify(T) : !1, [p, a, T, O, P]), Ve = D(() => {
-    p && (J(a), ge(O), o?.(a));
-  }, [p, a, o, J, O]), ye = D(() => {
-    p && (g(T), K(P), c?.());
-  }, [p, T, c, g, P]);
-  return /* @__PURE__ */ ee(
+  ), Pe = X(a).length > 0, ee = D(() => p ? a.length > 1e3 ? P !== V : JSON.stringify(a) !== JSON.stringify(w) : !1, [p, a, w, P, V]), Ve = T(() => {
+    p && (J(a), Ie(P), o?.(a));
+  }, [p, a, o, J, P]), Ue = T(() => {
+    p && (g(w), K(V), c?.());
+  }, [p, w, c, g, V]);
+  return /* @__PURE__ */ te(
     "div",
     {
-      className: Qe("flex flex-col", ie),
-      "data-testid": "nested-list-container",
+      className: Ke("flex flex-col", ie),
+      "data-component": "nested-list",
+      "data-has-changes": ee ? "" : void 0,
+      "data-list-collapsed": z ? "" : void 0,
       children: [
-        /* @__PURE__ */ ee("div", { className: "flex-shrink-0", children: [
-          /* @__PURE__ */ v(
-            Fe,
+        /* @__PURE__ */ te("div", { className: "flex-shrink-0", children: [
+          /* @__PURE__ */ I(
+            Be,
             {
-              hasItemsWithChildren: Oe,
-              isListCollapsed: U,
-              onCollapseAll: we,
-              enableSearch: u,
-              enableSelectAll: oe,
-              groupLabel: de,
+              hasItemsWithChildren: Pe,
+              isListCollapsed: z,
+              onCollapseAll: xe,
+              enableSearch: f,
+              enableSelectAll: ce,
+              groupLabel: ae,
               allChecked: E,
-              isIndeterminate: Ae,
-              onSelectAll: Re,
+              isIndeterminate: we,
+              onSelectAll: ze,
               searchText: x,
               onSearchChange: (e) => {
-                fe(e.target.value);
+                pe(e.target.value);
               },
-              searchPlaceholder: ce,
-              enableCollapse: y
+              searchPlaceholder: de,
+              enableCollapse: he
             }
           ),
-          /* @__PURE__ */ v(
-            Je,
+          /* @__PURE__ */ I(
+            Fe,
             {
-              isListCollapsed: U,
+              isListCollapsed: z,
               enableGroupBy: k,
-              categories: ke,
-              selectedCategories: z,
-              onToggleCategory: xe
+              categories: Le,
+              selectedCategories: O,
+              onToggleCategory: Re
             }
           )
         ] }),
-        /* @__PURE__ */ v("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ v(
-          qe,
+        /* @__PURE__ */ I("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ I(
+          Je,
           {
-            isListCollapsed: U,
-            enableDragDrop: m,
-            sensors: Ie,
-            items: Ee,
-            renderItem: ze,
-            dropAnimationConfig: De,
+            isListCollapsed: z,
+            enableDragDrop: S,
+            sensors: ke,
+            items: De,
+            renderItem: Oe,
             onDragStart: (e) => {
               _(e.active.id);
             },
             onDragOver: (e) => {
-              H(e.over?.id);
+              y(e.over?.id);
             },
             onDragEnd: (e) => {
-              _(null), H(null), w.current = !0, ve(e, (r) => {
+              _(null), y(null), A.current = !0, Ee(e, (r) => {
                 const n = r(a);
                 g(n), t(n);
               });
             },
             onDragCancel: () => {
-              _(null), H(null);
+              _(null), y(null);
             }
           }
         ) }),
-        /* @__PURE__ */ v(
-          Ke,
+        /* @__PURE__ */ I(
+          qe,
           {
             enableApplyDiscard: p,
-            hasChanges: Pe,
-            onDiscard: ye,
+            hasChanges: ee,
+            onDiscard: Ue,
             onApply: Ve,
-            cancelButtonLabel: he,
-            submitButtonLabel: ae
+            cancelButtonLabel: fe,
+            submitButtonLabel: ue
           }
         )
       ]
@@ -359,5 +352,5 @@ const se = (i, t) => {
   );
 };
 export {
-  it as NestedList
+  ot as NestedList
 };

package/dist/components/ui/notification-panel/notification-item.js

@@ -3,24 +3,26 @@ import m from "react";
 import { cn as a } from "../../../lib/utils.js";
 import { Checkbox as u } from "../checkbox.js";
 const y = ({
-  children: o,
+  children: e,
   className: t,
-  read: e,
+  read: o,
   selected: i,
-  onSelect: s,
+  onSelect: c,
   selectable: r,
-  ...c
+  ...s
 }) => /* @__PURE__ */ f(
   "div",
   {
+    "data-component": "notification-item",
+    "data-read": o ? "true" : "false",
     className: a(
       "group relative flex w-full gap-2 p-3 items-start rounded-xl transition-all border-l-[3px] border-transparent",
       "bg-[#f8f9fb]",
-      !e && "border-[#4259ee]",
+      !o && "border-[#4259ee]",
       i && "bg-[#eceefd]",
       t
     ),
-    ...c,
+    ...s,
     children: [
       r && /* @__PURE__ */ n("div", { className: a(
         "absolute left-3 top-3 z-10 flex h-[30px] w-[30px] items-center justify-center transition-all duration-200",
@@ -29,7 +31,7 @@ const y = ({
         u,
         {
           checked: i,
-          onCheckedChange: s,
+          onCheckedChange: c,
           className: "translate-y-0"
         }
       ) }),
@@ -38,14 +40,14 @@ const y = ({
         r && "[&_[data-role=notification-icon]]:transition-opacity [&_[data-role=notification-icon]]:duration-200",
         r && "group-hover:[&_[data-role=notification-icon]]:opacity-0",
         r && i && "[&_[data-role=notification-icon]]:opacity-0"
-      ), children: o })
+      ), children: e })
     ]
   }
-), v = ({ className: o, children: t, ...e }) => /* @__PURE__ */ n("div", { "data-role": "notification-icon", className: a("flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-full transition-opacity duration-200", o), ...e, children: t }), b = ({ className: o, children: t, ...e }) => /* @__PURE__ */ n("div", { className: a("flex flex-col flex-1 min-w-0 gap-1", o), ...e, children: t }), k = ({ className: o, children: t, ml: e, ...i }) => /* @__PURE__ */ n("h4", { className: a("text-sm font-bold text-[#0d152c] leading-snug break-words", e && "ml-2", o), ...i, children: t }), w = ({ className: o, children: t, isTime: e, ...i }) => {
-  const [s, r] = m.useState(!1), c = typeof t == "string" ? t : "", l = !e && c.length > 150;
-  return e ? /* @__PURE__ */ n("p", { className: a("text-xs text-[#5f6673] mt-0.5", o), ...i, children: t }) : /* @__PURE__ */ n("div", { className: a("text-sm font-medium text-[#394960] break-words leading-5", o), children: /* @__PURE__ */ f("p", { ...i, children: [
-    l && !s ? `${c.slice(0, 150)}` : t,
-    l && !s && /* @__PURE__ */ f(d, { children: [
+), v = ({ className: e, children: t, ...o }) => /* @__PURE__ */ n("div", { "data-role": "notification-icon", className: a("flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-full transition-opacity duration-200", e), ...o, children: t }), b = ({ className: e, children: t, ...o }) => /* @__PURE__ */ n("div", { className: a("flex flex-col flex-1 min-w-0 gap-1", e), ...o, children: t }), k = ({ className: e, children: t, ml: o, ...i }) => /* @__PURE__ */ n("h4", { className: a("text-sm font-bold text-[#0d152c] leading-snug break-words", o && "ml-2", e), ...i, children: t }), w = ({ className: e, children: t, isTime: o, ...i }) => {
+  const [c, r] = m.useState(!1), s = typeof t == "string" ? t : "", l = !o && s.length > 150;
+  return o ? /* @__PURE__ */ n("p", { className: a("text-xs text-[#5f6673] mt-0.5", e), ...i, children: t }) : /* @__PURE__ */ n("div", { className: a("text-sm font-medium text-[#394960] break-words leading-5", e), children: /* @__PURE__ */ f("p", { ...i, children: [
+    l && !c ? `${s.slice(0, 150)}` : t,
+    l && !c && /* @__PURE__ */ f(d, { children: [
       "... ",
       /* @__PURE__ */ n(
         "span",
@@ -59,7 +61,7 @@ const y = ({
         }
       )
     ] }),
-    l && s && /* @__PURE__ */ n(
+    l && c && /* @__PURE__ */ n(
       "span",
       {
         role: "button",
@@ -71,10 +73,10 @@ const y = ({
       }
     )
   ] }) });
-}, I = ({ className: o, children: t, alwaysVisible: e = !0, ...i }) => /* @__PURE__ */ n("div", { className: a(
+}, I = ({ className: e, children: t, alwaysVisible: o = !0, ...i }) => /* @__PURE__ */ n("div", { className: a(
   "flex items-center gap-1 shrink-0 ml-2 self-start transition-opacity focus-within:opacity-100",
-  !e && "opacity-0 group-hover:opacity-100",
-  o
+  !o && "opacity-0 group-hover:opacity-100",
+  e
 ), ...i, children: t });
 export {
   y as NotificationItem,