impact-nova 1.7.44 → 1.7.51

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

@@ -1,7 +1,7 @@
-import { jsx as L, jsxs as ce } from "react/jsx-runtime";
-import q, { useMemo as T, useCallback as w } from "react";
+import { jsx as L, jsxs as oe } from "react/jsx-runtime";
+import K, { useMemo as T, useCallback as w } from "react";
 import { SortableItem as qe } from "./components/SortableItem.js";
-import { SelectionMode as U } from "../types/nested-list.types.js";
+import { SelectionMode as y } from "../types/nested-list.types.js";
 import { useNestedListDragDrop as Ke } from "./hooks/useNestedListDragDrop.js";
 import { useNestedListSelectAll as Qe } from "./hooks/useNestedListSelectAll.js";
 import { useNestedListState as Xe } from "./hooks/useNestedListState.js";
@@ -12,19 +12,19 @@ import { NestedListContent as Me } from "./components/NestedListContent.js";
 import { NestedListApplyDiscardButtons as Ge } from "./components/NestedListApplyDiscardButtons.js";
 import { cn as et } from "../../../lib/utils.js";
 import { useImpactNovaI18n as tt } from "../../../i18n/ImpactNovaI18nContext.js";
-const oe = (i, t) => {
-  if (!t || typeof t != "string") return i;
+const de = (h, t) => {
+  if (!t || typeof t != "string") return h;
   const c = t.toLowerCase(), o = [];
-  return i.forEach((r) => {
-    const l = r.label.toLowerCase().includes(c), u = r.children ? oe(r.children, t) : void 0;
-    (l || u && u.length > 0) && o.push({
+  return h.forEach((r) => {
+    const i = r.label.toLowerCase().includes(c), l = r.children ? de(r.children, t) : void 0;
+    (i || l && l.length > 0) && o.push({
       ...r,
-      children: u || r.children
+      children: l || r.children
     });
   }), o;
-}, de = (i) => i.map((t) => {
+}, ie = (h) => h.map((t) => {
   if (t.children && t.children.length > 0) {
-    const c = de(t.children), o = c.every((r) => r.checked);
+    const c = ie(t.children), o = c.every((r) => r.checked);
     return {
       ...t,
       checked: o,
@@ -32,167 +32,180 @@ const oe = (i, t) => {
     };
   }
   return t;
-}), st = (i, t) => {
+}), st = (h, t) => {
   const c = /* @__PURE__ */ new Set(), o = (r) => {
-    r.forEach((l) => {
-      const u = t ? t(l) : l.category;
-      u && c.add(u), l.children && o(l.children);
+    r.forEach((i) => {
+      const l = t ? t(i) : i.category;
+      l && c.add(l), i.children && o(i.children);
     });
   };
-  return o(i), Array.from(c).sort();
-}, ie = (i, t, c) => {
-  if (t.size === 0) return i;
+  return o(h), Array.from(c).sort();
+}, ae = (h, t, c) => {
+  if (t.size === 0) return h;
   const o = [];
-  return i.forEach((r) => {
-    const l = c ? c(r) : r.category, u = l && t.has(l), C = r.children ? ie(r.children, t, c) : void 0;
-    (u || C && C.length > 0) && o.push({
+  return h.forEach((r) => {
+    const i = c ? c(r) : r.category, l = i && t.has(i), m = r.children ? ae(r.children, t, c) : void 0;
+    (l || m && m.length > 0) && o.push({
       ...r,
-      children: C
+      children: m
     });
   }), o;
-}, ae = (i, t, c, o = 0) => {
-  const r = [];
-  return i.forEach((l) => {
-    r.push({ item: l, level: o }), !t[l.id] && l.children && l.children.length > 0 && l.id !== c && r.push(
-      ...ae(l.children, t, c, o + 1)
-    );
-  }), r;
+}, he = (h, t, c, o = 0, r = 0) => {
+  const i = [];
+  return h.forEach((l) => {
+    if (i.push({
+      item: l,
+      level: o,
+      indentLevel: l.category === "structure" ? 0 : r
+    }), !t[l.id] && l.children && l.children.length > 0 && l.id !== c) {
+      const U = l.category === "structure" ? 0 : r + 1;
+      i.push(
+        ...he(
+          l.children,
+          t,
+          c,
+          o + 1,
+          U
+        )
+      );
+    }
+  }), i;
 }, St = ({
-  items: i,
+  items: h,
   onChange: t,
   onSubmit: c,
   onCancel: o,
   onItemToggle: r,
-  onDragEnd: l,
-  renderLabelExtras: u,
-  renderActions: C,
-  enableSearch: he = !0,
+  onDragEnd: i,
+  renderLabelExtras: l,
+  renderActions: m,
+  enableSearch: U = !0,
   enableDragDrop: _ = !0,
   enableSelectAll: ue = !0,
   enableGroupBy: k = !1,
-  getCategory: I,
+  getCategory: C,
   searchPlaceholder: fe,
   className: pe = "",
   groupLabel: me,
   enableApplyDiscard: p = !1,
-  enableCollapse: K = !0,
+  enableCollapse: Q = !0,
   enableGlobalCollapse: Ne = !0,
   submitButtonLabel: Se,
-  cancelButtonLabel: Ce,
-  selectionMode: v = U.CASCADE_DOWN,
-  initialCollapsedItems: Ie,
-  onCollapseChange: Q,
+  cancelButtonLabel: Ie,
+  selectionMode: v = y.CASCADE_DOWN,
+  initialCollapsedItems: Ce,
+  onCollapseChange: X,
   canDrag: A
 }) => {
-  const { t: P } = tt(), ve = fe ?? P("nestedList.searchPlaceholder"), ge = Se ?? P("nestedList.apply"), Le = Ce ?? P("nestedList.reset"), {
-    items: h,
+  const { t: P } = tt(), ve = fe ?? P("nestedList.searchPlaceholder"), ge = Se ?? P("nestedList.apply"), Le = Ie ?? P("nestedList.reset"), {
+    items: u,
     setItems: g,
     savedItems: b,
-    setSavedItems: X,
+    setSavedItems: Y,
     isUserChangeRef: x,
     searchText: z,
     setSearchText: ke,
-    collapsedItems: m,
+    collapsedItems: N,
     setCollapsedItems: Ee,
     isListCollapsed: B,
     setIsListCollapsed: De,
-    activeId: N,
-    setActiveId: y,
-    setOverId: H,
+    activeId: S,
+    setActiveId: H,
+    setOverId: W,
     selectedCategories: O,
     setSelectedCategories: Te,
-    itemsToBlink: Y,
-    setItemsToBlink: W,
+    itemsToBlink: Z,
+    setItemsToBlink: j,
     // Normalized state helpers (for optimized operations)
     isNormalized: we,
     normalizedState: Ae,
     batchUpdateItems: Pe
   } = Xe({
-    initialItems: i,
+    initialItems: h,
     enableApplyDiscard: p,
     // Enable normalized state for large datasets (can be made configurable via props)
-    enableNormalizedState: i.length > 1e3,
-    initialCollapsedItems: Ie
+    enableNormalizedState: h.length > 1e3,
+    initialCollapsedItems: Ce
   });
-  q.useEffect(() => {
-    Q?.(m);
-  }, [m, Q]);
-  const [R, Z] = q.useState(0), [V, be] = q.useState(0), {
+  K.useEffect(() => {
+    X?.(N);
+  }, [N, X]);
+  const [R, $] = K.useState(0), [V, be] = K.useState(0), {
     sensors: xe,
     handleDragEnd: ze,
-    isValidDrop: $
+    isValidDrop: M
   } = Ke({
-    items: h,
-    onDragEnd: l,
-    collapsedItems: m,
+    items: u,
+    onDragEnd: i,
+    collapsedItems: N,
     canDrag: A
   }), Be = T(
-    () => k ? st(h, I) : [],
-    [h, k, I]
-  ), S = T(() => {
-    let e = h;
-    return k && O.size > 0 && (e = ie(e, O, I)), z && (e = oe(e, z)), e;
-  }, [h, z, k, O, I]), Oe = T(
-    () => ae(S, m, N),
-    [S, m, N]
+    () => k ? st(u, C) : [],
+    [u, k, C]
+  ), I = T(() => {
+    let e = u;
+    return k && O.size > 0 && (e = ae(e, O, C)), z && (e = de(e, z)), e;
+  }, [u, z, k, O, C]), Oe = T(
+    () => he(I, N, S),
+    [I, N, S]
   ), { allChecked: E, someChecked: Re } = T(() => {
     let e = !0, s = !1;
     const n = (f) => {
-      for (const d of f)
-        if (d.children && d.children.length > 0 ? n(d.children) : d.checked ? s = !0 : e = !1, s && !e) return;
+      for (const a of f)
+        if (a.children && a.children.length > 0 ? n(a.children) : a.checked ? s = !0 : e = !1, s && !e) return;
     };
-    return n(S), { allChecked: e && s, someChecked: s };
-  }, [S]), Ve = Re && !E, j = (e, s) => {
+    return n(I), { allChecked: e && s, someChecked: s };
+  }, [I]), Ve = Re && !E, F = (e, s) => {
     for (const n of e) {
       if (n.id === s) return n;
       if (n.children) {
-        const f = j(n.children, s);
+        const f = F(n.children, s);
         if (f) return f;
       }
     }
     return null;
-  }, Ue = w(
+  }, ye = w(
     (e, s) => {
-      if (v === U.INDEPENDENT)
+      if (v === y.INDEPENDENT)
         return e;
-      const n = (d, a) => d.id === a ? !0 : d.children ? d.children.some(
-        (D) => n(D, a)
-      ) : !1, f = (d) => d.map((a) => {
-        if (a.id === s)
-          return a;
-        if (a.children && n(a, s)) {
-          const D = f(a.children);
-          let F;
-          return v === U.CASCADE_UP_DOWN ? F = D.some((J) => J.checked) : F = D.every((J) => J.checked), {
-            ...a,
-            checked: F,
+      const n = (a, d) => a.id === d ? !0 : a.children ? a.children.some(
+        (D) => n(D, d)
+      ) : !1, f = (a) => a.map((d) => {
+        if (d.id === s)
+          return d;
+        if (d.children && n(d, s)) {
+          const D = f(d.children);
+          let J;
+          return v === y.CASCADE_UP_DOWN ? J = D.some((q) => q.checked) : J = D.every((q) => q.checked), {
+            ...d,
+            checked: J,
             children: D
           };
         }
-        return a;
+        return d;
       });
       return f(e);
     },
     [v]
-  ), M = (e) => {
+  ), G = (e) => {
     const s = [];
     return e.forEach((n) => {
-      n.children && n.children.length > 0 && (s.push(n.id), s.push(...M(n.children)));
+      n.children && n.children.length > 0 && (s.push(n.id), s.push(...G(n.children)));
     }), s;
   }, {
-    handleToggle: G,
-    handleToggleCollapse: ee,
-    handleCollapseAll: _e,
-    handleToggleCategory: ye
+    handleToggle: ee,
+    handleToggleCollapse: te,
+    handleCollapseAll: Ue,
+    handleToggleCategory: _e
   } = Ye({
     setItems: g,
-    findItemById: j,
-    updateParentsUpward: Ue,
+    findItemById: F,
+    updateParentsUpward: ye,
     onChange: (e) => {
-      Z((s) => s + 1), t(e);
+      $((s) => s + 1), t(e);
     },
     onItemToggle: r,
-    getCategory: I,
+    getCategory: C,
     setCollapsedItems: Ee,
     setIsListCollapsed: De,
     setSelectedCategories: Te,
@@ -203,109 +216,110 @@ const oe = (i, t) => {
     normalizedState: Ae,
     batchUpdateItems: Pe
   }), {
-    collectVisibleItemIds: te,
-    findItemsNotSelected: se,
-    collectVisibleItemsForCallback: re,
-    updateVisibleItems: ne
+    collectVisibleItemIds: se,
+    findItemsNotSelected: re,
+    collectVisibleItemsForCallback: ne,
+    updateVisibleItems: le
   } = Qe({
-    findItemById: j,
-    getCategory: I
+    findItemById: F,
+    getCategory: C
   }), He = w(() => {
     x.current = !0, g((e) => {
-      const s = te(S), n = se(
-        S,
+      const s = se(I), n = re(
+        I,
         e,
         s
       );
       if (n.size > 0) {
-        const a = new Set(n);
-        W(a), setTimeout(() => W(/* @__PURE__ */ new Set()), 600);
+        const d = new Set(n);
+        j(d), setTimeout(() => j(/* @__PURE__ */ new Set()), 600);
       }
-      const f = ne(
+      const f = le(
         e,
         s,
         !E
-      ), d = v === U.INDEPENDENT ? f : de(f);
-      if (t(d), r) {
-        const a = re(
+      ), a = v === y.INDEPENDENT ? f : ie(f);
+      if (t(a), r) {
+        const d = ne(
           e,
           s,
           !E
         );
-        r(a);
+        r(d);
       }
-      return d;
+      return a;
     });
   }, [
     E,
     t,
     r,
-    S,
-    te,
+    I,
     se,
     re,
     ne,
+    le,
     x,
     g,
-    W,
+    j,
     v
   ]), We = w(
-    (e, s) => {
-      const n = N ? $(N, e.id) : !1, f = Y.has(e.id), d = A ? !A(e, s) : e.isDragDisabled ?? !1;
+    (e, s, n) => {
+      const f = S ? M(S, e.id) : !1, a = Z.has(e.id), d = A ? !A(e, s) : e.isDragDisabled ?? !1;
       return /* @__PURE__ */ L(
         qe,
         {
           item: e,
           level: s,
-          isCollapsed: m[e.id] || !1,
-          onToggle: G,
-          onToggleCollapse: ee,
-          isAnyDragging: N !== null,
-          isValidDrop: n,
+          indentLevel: n,
+          isCollapsed: N[e.id] || !1,
+          onToggle: ee,
+          onToggleCollapse: te,
+          isAnyDragging: S !== null,
+          isValidDrop: f,
           enableDragDrop: _,
-          enableCollapse: K,
-          shouldBlink: f,
+          enableCollapse: Q,
+          shouldBlink: a,
           isDragDisabled: d,
-          renderLabelExtras: u,
-          renderActions: C
+          renderLabelExtras: l,
+          renderActions: m
         },
         e.id
       );
     },
     [
-      m,
-      G,
-      ee,
       N,
-      $,
+      ee,
+      te,
+      S,
+      M,
       _,
-      Y,
-      K,
+      Z,
+      Q,
       A,
-      u,
-      C
+      l,
+      m
     ]
-  ), je = M(h).length > 0, le = T(() => p ? h.length > 1e3 ? R !== V : JSON.stringify(h) !== JSON.stringify(b) : !1, [p, h, b, R, V]), Fe = w(() => {
-    p && (X(h), be(R), c?.(h));
-  }, [p, h, c, X, R]), Je = w(() => {
-    p && (g(b), Z(V), o?.());
+  ), je = G(u).length > 0, ce = T(() => p ? u.length > 1e3 ? R !== V : JSON.stringify(u) !== JSON.stringify(b) : !1, [p, u, b, R, V]), Fe = w(() => {
+    p && (Y(u), be(R), c?.(u));
+  }, [p, u, c, Y, R]), Je = w(() => {
+    p && (g(b), $(V), o?.());
   }, [p, b, o, g, V]);
-  return /* @__PURE__ */ ce(
+  return /* @__PURE__ */ oe(
     "div",
     {
       className: et("flex flex-col", pe),
       "data-component": "nested-list",
-      "data-has-changes": le ? "" : void 0,
+      "data-has-changes": ce ? "" : void 0,
       "data-list-collapsed": B ? "" : void 0,
       children: [
-        /* @__PURE__ */ ce("div", { className: "flex-shrink-0", children: [
+        /* @__PURE__ */ oe("div", { className: "flex-shrink-0", children: [
           /* @__PURE__ */ L(
             Ze,
             {
               hasItemsWithChildren: je,
               isListCollapsed: B,
-              onCollapseAll: _e,
-              enableSearch: he,
+              onCollapseAll: Ue,
+              enableSearch: U,
               enableSelectAll: ue,
               groupLabel: me,
               allChecked: E,
@@ -327,7 +341,7 @@ const oe = (i, t) => {
               enableGroupBy: k,
               categories: Be,
               selectedCategories: O,
-              onToggleCategory: ye
+              onToggleCategory: _e
             }
           )
         ] }),
@@ -339,21 +353,21 @@ const oe = (i, t) => {
             sensors: xe,
             items: Oe,
             renderItem: We,
-            activeId: N,
+            activeId: S,
             onDragStart: (e) => {
-              y(e.active.id);
+              H(e.active.id);
             },
             onDragOver: (e) => {
-              H(e.over?.id);
+              W(e.over?.id);
             },
             onDragEnd: (e) => {
-              y(null), H(null), x.current = !0, ze(e, (s) => {
-                const n = s(h);
+              H(null), W(null), x.current = !0, ze(e, (s) => {
+                const n = s(u);
                 g(n), t(n);
               });
             },
             onDragCancel: () => {
-              y(null), H(null);
+              H(null), W(null);
             }
           }
         ) }),
@@ -361,7 +375,7 @@ const oe = (i, t) => {
           Ge,
           {
             enableApplyDiscard: p,
-            hasChanges: le,
+            hasChanges: ce,
             onDiscard: Je,
             onApply: Fe,
             cancelButtonLabel: Le,

package/dist/components/ui/notification-panel/notification-list.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { NotificationListProps, NotificationGroupProps } from '../types/notification-panel.types';
-export declare const NotificationEmpty: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationList: ({ children, className, onLoadMore, isLoading, hasMore, loader, emptyState }: NotificationListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationGroup: ({ label, children, className }: NotificationGroupProps) => import("react/jsx-runtime").JSX.Element;
+import { NotificationListProps, NotificationGroupProps, NotificationEmptyProps } from '../types/notification-panel.types';
+export declare const NotificationEmpty: ({ title, description, className, ...props }: NotificationEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationList: ({ children, className, onLoadMore, isLoading, hasMore, loader, }: NotificationListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationGroup: ({ label, children, className, }: NotificationGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,45 +1,82 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import p, { useRef as d, useEffect as x } from "react";
-import { cn as i } from "../../../lib/utils.js";
-import { Loader2 as h } from "lucide-react";
-import { MulticolorBell as v } from "../../../icons/index.js";
-const E = ({ className: t, ...r }) => /* @__PURE__ */ c("div", { className: i("flex flex-col gap-4 items-center justify-center h-full text-center p-8", t), ...r, children: [
-  /* @__PURE__ */ e(v, { size: 72 }),
-  /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ e("h3", { className: "text-xl font-bold text-content", children: "Everything looks quiet for now" }),
-    /* @__PURE__ */ e("p", { className: "text-sm  text-navigation-muted", children: "We'll notify you when something new comes up" })
-  ] })
-] }), j = ({
-  children: t,
-  className: r,
-  onLoadMore: l,
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useRef as p, useEffect as u } from "react";
+import { cn as a } from "../../../lib/utils.js";
+import { Loader2 as d } from "lucide-react";
+import { MulticolorBell as x } from "../../../icons/index.js";
+import { useImpactNovaI18n as v } from "../../../i18n/ImpactNovaI18nContext.js";
+const w = ({
+  title: r,
+  description: i,
+  className: t,
+  ...o
+}) => {
+  const { t: c } = v(), s = r ?? c("notificationPanel.everythingQuiet"), n = i ?? c("notificationPanel.everythingQuietSub");
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-component": "notification-empty",
+      className: a(
+        "flex min-h-0 w-full flex-1 flex-col items-center justify-center gap-4 text-center",
+        t
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ e(x, { size: 72, className: "shrink-0", alt: "", "aria-hidden": !0 }),
+        /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-center justify-center gap-1 px-8 text-center", children: [
+          /* @__PURE__ */ e("span", { className: "text-xl font-extrabold leading-7 text-content", children: s }),
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium leading-normal text-content-icon", children: n })
+        ] })
+      ]
+    }
+  );
+}, j = ({
+  children: r,
+  className: i,
+  onLoadMore: t,
   isLoading: o,
-  hasMore: s,
-  loader: m,
-  emptyState: a
+  hasMore: c,
+  loader: s
 }) => {
-  const n = d(null);
-  return x(() => {
+  const n = p(null);
+  return u(() => {
     const f = new IntersectionObserver(
-      (u) => {
-        u[0].isIntersecting && s && !o && l && l();
+      (m) => {
+        m[0].isIntersecting && c && !o && t && t();
       },
       { threshold: 0.1 }
     );
     return n.current && f.observe(n.current), () => {
       n.current && f.unobserve(n.current);
     };
-  }, [s, o, l]), p.Children.count(t) === 0 && !o && a ? /* @__PURE__ */ e("div", { className: "h-full w-full", children: a }) : /* @__PURE__ */ c("div", { className: i("flex flex-1 flex-col overflow-y-auto min-h-0", r), children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: t }),
+  }, [c, o, t]), /* @__PURE__ */ l("div", { className: a("flex flex-1 flex-col overflow-y-auto min-h-0", i), children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: r }),
     /* @__PURE__ */ e("div", { ref: n, className: "h-4 w-full flex-shrink-0" }),
-    o && /* @__PURE__ */ e("div", { className: "flex justify-center p-4", children: m || /* @__PURE__ */ e(h, { className: "h-6 w-6 animate-spin text-content-muted" }) })
+    o && /* @__PURE__ */ e("div", { className: "flex justify-center p-4", children: s || /* @__PURE__ */ e(d, { className: "h-6 w-6 animate-spin text-content-muted" }) })
   ] });
-}, z = ({ label: t, children: r, className: l }) => /* @__PURE__ */ c("div", { "data-component": "notification-group", className: i("flex flex-col", l), children: [
-  /* @__PURE__ */ e("div", { "data-component": "notification-group-label", className: "sticky top-0 z-10 bg-canvas/95 backdrop-blur supports-[backdrop-filter]:bg-canvas/60 px-4 py-2 text-sm font-medium text-content-muted border-b border-stroke/50", children: t }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: r })
-] });
+}, I = ({
+  label: r,
+  children: i,
+  className: t
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    "data-component": "notification-group",
+    className: a("flex flex-col", t),
+    children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          "data-component": "notification-group-label",
+          className: "sticky top-0 z-10 bg-canvas/95 backdrop-blur supports-[backdrop-filter]:bg-canvas/60 px-4 py-2 text-sm font-medium text-content-muted border-b border-stroke/50",
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: i })
+    ]
+  }
+);
 export {
-  E as NotificationEmpty,
-  z as NotificationGroup,
+  w as NotificationEmpty,
+  I as NotificationGroup,
   j as NotificationList
 };