impact-nova 1.7.20 → 1.7.22

package/dist/components/ui/create-item-flow/create-item-flow.js

@@ -220,7 +220,7 @@ const K = n.forwardRef(
       "div",
       {
         ref: c,
-        className: r("flex items-center justify-between mt-auto shrink-0 pb-[27px]", t),
+        className: r("flex items-center justify-between mt-auto shrink-0 pt-6 pb-[27px]", t),
         "data-slot": "actions",
         ...m,
         children: e
@@ -229,7 +229,7 @@ const K = n.forwardRef(
       "div",
       {
         ref: c,
-        className: r("flex items-center justify-between mt-auto shrink-0 pb-[27px]", t),
+        className: r("flex items-center justify-between mt-auto shrink-0 pt-6 pb-[27px]", t),
         "data-slot": "actions",
         ...m,
         children: [

package/dist/components/ui/header.d.ts

@@ -1,3 +1,4 @@
+import { BadgeProps } from './badge';
 import { KeyBinding } from './command-palette/utils';
 import * as React from "react";
 declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
@@ -6,6 +7,10 @@ declare const HeaderRight: React.ForwardRefExoticComponent<React.HTMLAttributes<
 declare const HeaderLogo: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 declare const HeaderSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const HeaderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const HeaderBadge: {
+    ({ className, children, style, ...props }: Omit<BadgeProps, "size" | "shape">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 type HeaderBotButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
 declare const HeaderBotButton: React.ForwardRefExoticComponent<HeaderBotButtonProps & React.RefAttributes<HTMLButtonElement>>;
 interface NotificationIconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
@@ -16,4 +21,4 @@ interface NotificationIconButtonProps extends Omit<React.ButtonHTMLAttributes<HT
     tooltipKeybinding?: KeyBinding;
 }
 declare const NotificationIconButton: React.ForwardRefExoticComponent<NotificationIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Header, HeaderLeft, HeaderRight, HeaderLogo, HeaderSeparator, HeaderTitle, HeaderBotButton, NotificationIconButton, };
+export { Header, HeaderLeft, HeaderRight, HeaderLogo, HeaderSeparator, HeaderTitle, HeaderBadge, HeaderBotButton, NotificationIconButton, };

package/dist/components/ui/header.js

@@ -1,17 +1,18 @@
-import { jsx as o, jsxs as d, Fragment as f } from "react/jsx-runtime";
-import * as i from "react";
-import { cn as n } from "../../lib/utils.js";
-import { Button as m } from "./button.js";
-import { Separator as p } from "./separator.js";
-import { Alan as x, IA as h, Bell as N } from "../../icons/index.js";
+import { jsx as o, jsxs as d, Fragment as m } from "react/jsx-runtime";
+import * as n from "react";
+import { cn as i } from "../../lib/utils.js";
+import { Button as f } from "./button.js";
+import { Badge as p } from "./badge.js";
+import { Separator as x } from "./separator.js";
+import { Alan as N, IA as h, Bell as u } from "../../icons/index.js";
 /* empty css            */
-import { useImpactNovaI18n as u } from "../../i18n/ImpactNovaI18nContext.js";
-const g = i.forwardRef(
+import { useImpactNovaI18n as g } from "../../i18n/ImpactNovaI18nContext.js";
+const y = n.forwardRef(
   ({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
     "header",
     {
       ref: r,
-      className: n(
+      className: i(
         "sticky top-0 z-40 flex h-14 w-full items-center justify-between bg-canvas-elevated px-6 shadow-elevation-header",
         t
       ),
@@ -20,33 +21,33 @@ const g = i.forwardRef(
     }
   )
 );
-g.displayName = "Header";
-const v = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
+y.displayName = "Header";
+const v = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "div",
   {
     ref: r,
-    className: n("flex flex-row items-center justify-start", t),
+    className: i("flex flex-row items-center justify-start", t),
     ...a,
     children: e
   }
 ));
 v.displayName = "HeaderLeft";
-const w = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
+const w = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "div",
   {
     ref: r,
-    className: n("flex flex-row items-center justify-start gap-5", t),
+    className: i("flex flex-row items-center justify-start gap-5", t),
     ...a,
     children: e
   }
 ));
 w.displayName = "HeaderRight";
-const y = i.forwardRef(({ className: t, children: e, href: a = "/", ...r }, s) => /* @__PURE__ */ o(
+const H = n.forwardRef(({ className: t, children: e, href: a = "/", ...r }, s) => /* @__PURE__ */ o(
   "a",
   {
     href: a,
     ref: s,
-    className: n(
+    className: i(
       "h-9 flex items-center justify-center cursor-pointer",
       t
     ),
@@ -54,43 +55,59 @@ const y = i.forwardRef(({ className: t, children: e, href: a = "/", ...r }, s) =
     children: e || /* @__PURE__ */ o(h, { width: 91, height: 36 })
   }
 ));
-y.displayName = "HeaderLogo";
-const H = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
-  p,
+H.displayName = "HeaderLogo";
+const b = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+  x,
   {
     ref: a,
     orientation: "vertical",
-    className: n("h-6 mx-3", t),
+    className: i("h-6 mx-3", t),
     ...e
   }
 ));
-H.displayName = "HeaderSeparator";
-const b = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
+b.displayName = "HeaderSeparator";
+const R = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "h1",
   {
     ref: r,
-    className: n("text-base font-extrabold leading-6 text-content", t),
+    className: i("text-base font-extrabold leading-6 text-content", t),
     ...a,
     children: e
   }
-));
-b.displayName = "HeaderTitle";
-const k = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
+)), B = ({ className: t, children: e, style: a, ...r }) => /* @__PURE__ */ o(
+  p,
+  {
+    size: "sm",
+    shape: "circle",
+    className: i(t),
+    style: {
+      background: "linear-gradient(270deg, #BE77EE 0%, #4259EE 100%)",
+      border: "none",
+      color: "#FFF",
+      ...a
+    },
+    ...r,
+    children: e
+  }
+);
+B.displayName = "HeaderBadge";
+R.displayName = "HeaderTitle";
+const T = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "button",
   {
     ref: r,
     type: "button",
-    className: n(
+    className: i(
       "impact-header-bot-container relative flex items-center justify-center w-[106px] h-[34px] gap-[7px] px-[11px] py-0 rounded-lg cursor-pointer border-0 outline-none",
       t
     ),
     ...a,
-    children: e || /* @__PURE__ */ d(f, { children: [
-      /* @__PURE__ */ o(x, { size: 20, className: "text-brand-foreground" }),
+    children: e || /* @__PURE__ */ d(m, { children: [
+      /* @__PURE__ */ o(N, { size: 20, className: "text-brand-foreground" }),
       /* @__PURE__ */ o("span", { className: "text-sm font-semibold leading-[20px] text-brand-foreground whitespace-nowrap", children: "Ask Alan" })
     ] })
   }
-)), R = i.forwardRef(
+)), j = n.forwardRef(
   ({
     className: t,
     showIndicator: e,
@@ -98,9 +115,9 @@ const k = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     tooltipKeybinding: r,
     ...s
   }, c) => {
-    const { t: l } = u();
+    const { t: l } = g();
     return /* @__PURE__ */ d(
-      m,
+      f,
       {
         variant: "ghost",
         size: "icon",
@@ -109,13 +126,13 @@ const k = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
         tooltipSide: a,
         tooltipKeybinding: r,
         "data-indicator": e ? "" : void 0,
-        className: n(
+        className: i(
           "relative text-content-header-notification [&_svg]:size-6 hover:text-content",
           t
         ),
         ...s,
         children: [
-          /* @__PURE__ */ o(N, { size: 24 }),
+          /* @__PURE__ */ o(u, { size: 24 }),
           e && /* @__PURE__ */ d("div", { className: "notification-indicator", children: [
             /* @__PURE__ */ o("div", { className: "notification-pulse" }),
             /* @__PURE__ */ o("div", { className: "notification-dot" })
@@ -125,14 +142,15 @@ const k = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     );
   }
 );
-R.displayName = "NotificationIconButton";
+j.displayName = "NotificationIconButton";
 export {
-  g as Header,
-  k as HeaderBotButton,
+  y as Header,
+  B as HeaderBadge,
+  T as HeaderBotButton,
   v as HeaderLeft,
-  y as HeaderLogo,
+  H as HeaderLogo,
   w as HeaderRight,
-  H as HeaderSeparator,
-  b as HeaderTitle,
-  R as NotificationIconButton
+  b as HeaderSeparator,
+  R as HeaderTitle,
+  j as NotificationIconButton
 };

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

@@ -1,37 +1,37 @@
-import { useCallback as a } from "react";
-import { useSensors as W, useSensor as F, MouseSensor as X, TouchSensor as j, closestCorners as q } from "@dnd-kit/core";
-import { arrayMove as M } from "@dnd-kit/sortable";
-const Y = "droppable-", L = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
-function g(f) {
-  if (f.startsWith(Y)) {
-    const c = f.slice(Y.length);
-    if (L.has(c)) return c;
+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;
   }
   return null;
 }
-const Q = (f) => {
-  const c = q(f), x = c.filter(
-    (s) => !L.has(s.id)
+const K = (f) => {
+  const c = q(f), a = c.filter(
+    (s) => !O.has(s.id)
   );
-  return x.length > 0 ? x : c;
+  return a.length > 0 ? a : c;
 };
-function b(f, c) {
-  for (const x of f) {
-    if (x.id === c) return x;
-    if (x.children) {
-      const s = b(x.children, c);
+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;
     }
   }
 }
-const U = ({
+const Q = ({
   items: f,
   onDragEnd: c
 }) => {
-  const x = W(
-    F(X),
-    F(j)
-  ), s = a(
+  const a = W(
+    A(X),
+    A(j)
+  ), s = h(
     (t, r, o = 0) => {
       for (const n of t) {
         if (n.id === r) return o;
@@ -43,19 +43,19 @@ const U = ({
       return null;
     },
     []
-  ), h = a(
+  ), S = h(
     (t, r, o = null) => {
       for (const n of t) {
         if (n.id === r) return o;
         if (n.children) {
-          const e = h(n.children, r, n.id);
+          const e = S(n.children, r, n.id);
           if (e !== null) return e;
         }
       }
       return null;
     },
     []
-  ), T = a(
+  ), M = h(
     (t, r, o) => t.map((n) => {
       if (n.children && n.children.length > 0) {
         const e = n.children.findIndex(
@@ -64,7 +64,7 @@ const U = ({
           (l) => l.id === o
         );
         if (e !== -1 && i !== -1) {
-          const l = M(n.children, e, i);
+          const l = w(n.children, e, i);
           return {
             ...n,
             children: l
@@ -72,15 +72,15 @@ const U = ({
         }
         return {
           ...n,
-          children: T(n.children, r, o)
+          children: M(n.children, r, o)
         };
       }
       return n;
     }),
     []
-  ), N = a(
+  ), _ = h(
     (t, r, o) => {
-      const n = h(t, o);
+      const n = S(t, o);
       if (!n) return null;
       const e = t.findIndex(
         (l) => l.id === n
@@ -88,7 +88,7 @@ const U = ({
         (l) => l.id === r
       );
       if (e !== -1 && i !== -1) {
-        const l = M(
+        const l = w(
           t,
           i,
           e
@@ -97,122 +97,120 @@ const U = ({
       }
       return null;
     },
-    [h, c]
-  ), _ = a(
+    [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 = M(t, n, e);
+        const i = w(t, n, e);
         return c?.(r, o), i;
       }
       return null;
     },
     [c]
-  ), y = a(
+  ), p = h(
     (t, r, o) => {
-      const n = T(t, r, o);
+      const n = M(t, r, o);
       return c?.(r, o), n;
     },
-    [T, c]
-  ), A = a(
+    [M, c]
+  ), y = h(
     (t, r, o, n = !1) => {
-      const e = h(t, r), i = h(t, o);
-      if (!e || !i) return null;
-      const l = b(t, r);
-      if (!l) return null;
-      const P = t.map((u) => {
-        if (u.id === e)
-          return {
-            ...u,
-            children: u.children ? u.children.filter((d) => d.id !== r) : []
-          };
-        if (u.id === i) {
-          const d = u.children ? [...u.children] : [], C = d.findIndex(
-            (S) => S.id === o
-          );
-          if (C !== -1) {
-            const S = n ? C + 1 : C;
-            d.splice(S, 0, l);
-          } else
-            d.push(l);
-          return {
-            ...u,
-            children: d
-          };
+      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 };
         }
-        return u;
-      });
-      return c?.(r, o), P;
+        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;
     },
-    [h, c]
-  ), O = a(
+    [c]
+  ), b = h(
     (t, r, o) => {
-      const n = b(t, r);
+      const n = F(t, r);
       if (!n) return t;
       const e = t.map((i) => {
-        let l = i.children ? i.children.filter((P) => P.id !== r) : [];
+        let l = i.children ? i.children.filter((L) => L.id !== r) : [];
         return i.id === o && (l = [n, ...l]), { ...i, children: l };
       });
       return c?.(r, o), e;
     },
     [c]
-  ), k = a(
+  ), k = h(
     (t, r) => {
       const { active: o, over: n } = t;
       !n || o.id === n.id || r((e) => {
-        const i = o.id, l = n.id, P = g(l);
-        if (P)
-          return O(e, i, P);
-        const u = s(e, i), d = s(e, l), C = h(e, i), S = h(e, l);
-        if (L.has(l) && u !== null && u > 0)
-          return O(e, i, l);
-        if (u === 0 && d !== null && d > 0)
-          return N(
+        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 (u === null || d === null || u !== d)
+        if (x === null || R === null)
           return e;
-        if (u > 0 && C !== S) {
-          const R = o.rect.current.translated, w = n.rect;
-          let B = !1;
-          if (R && w) {
-            const H = R.top + R.height / 2, V = w.top + w.height / 2;
-            B = H > V;
+        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;
           }
-          return A(e, i, l, B) || e;
+          return y(e, i, l, d) || e;
         }
-        return u === 0 ? _(e, i, l) || e : y(e, i, l);
+        return x === 0 ? g(e, i, l) || e : p(e, i, l);
       });
     },
     [
       s,
-      h,
-      N,
+      S,
       _,
+      g,
+      p,
       y,
-      A,
-      O
+      b
     ]
-  ), z = a(
+  ), z = h(
     (t, r) => {
       if (!t || !r || t === r)
         return !1;
       const o = t ? s(f, t) : null, n = r ? s(f, r) : null;
-      return g(r) !== null || L.has(r) ? !0 : o === null || n === null ? !1 : o === 0 && n > 0 || o === n;
+      return Y(r) !== null || O.has(r) ? !0 : o === null || n === null ? !1 : o === 0 && n > 0 || o === n || o > 0 && n > 0;
     },
     [f, s]
   );
   return {
-    sensors: x,
+    sensors: a,
     handleDragEnd: k,
     isValidDrop: z,
     findItemLevel: s,
-    findParentId: h
+    findParentId: S
   };
 };
 export {
-  Q as customCollisionDetection,
-  U as useNestedListDragDrop
+  K as customCollisionDetection,
+  Q as useNestedListDragDrop
 };