impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/filter-strip/filter-summary.js

@@ -1,76 +1,77 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { ChevronDown as z, Search as V } from "lucide-react";
-import { cn as g } from "../../../lib/utils.js";
-import { Popover as Y, PopoverTrigger as q, PopoverContent as H } from "../popover.js";
-import { Tooltip as m, TooltipTrigger as p, TooltipContent as h } from "../tooltip.js";
-import { Button as y } from "../button.js";
+import * as s from "react";
+import { ChevronDown as V, Search as Y } from "lucide-react";
+import { cn as y } from "../../../lib/utils.js";
+import { Popover as q, PopoverTrigger as H, PopoverContent as J } from "../popover.js";
+import { Tooltip as m, TooltipTrigger as h, TooltipContent as u } from "../tooltip.js";
+import { Button as S } from "../button.js";
 import { Separator as C } from "../separator.js";
-import { Tabs as J, TabsList as K, TabsTrigger as N } from "../tabs.js";
-import { Input as U } from "../input.js";
-import { Badge as W } from "../badge.js";
-import { Skeleton as X } from "../skeleton.js";
-const oe = ({
-  selectedFilter: o = "Not selected",
+import { Tabs as K, TabsList as U, TabsTrigger as N } from "../tabs.js";
+import { Input as W } from "../input.js";
+import { Badge as X } from "../badge.js";
+import { Skeleton as Z } from "../skeleton.js";
+import { useImpactNovaI18n as $ } from "../../../i18n/ImpactNovaI18nContext.js";
+const fe = ({
+  selectedFilter: c,
   onSelectedFilterChange: w,
-  savedFilters: S,
-  recentFilters: u,
-  onApplySavedFilter: T,
-  onSavedFilterSearch: d,
-  onSavedFiltersScroll: k,
+  savedFilters: T,
+  recentFilters: x,
+  onApplySavedFilter: k,
+  onSavedFilterSearch: f,
+  onSavedFiltersScroll: P,
   onDropdownOpenChange: A,
-  isLoadingFilterPreferencesList: P = !1
+  isLoadingFilterPreferencesList: j = !1
 }) => {
-  const [f, x] = n.useState(!1), j = (a) => {
-    x(a), A?.(a);
-  }, [v, M] = n.useState(""), [c, I] = n.useState(""), [r, O] = n.useState("All"), [s, b] = n.useState(null);
-  n.useEffect(() => {
+  const { t: r } = $(), [p, v] = s.useState(!1), I = (a) => {
+    v(a), A?.(a);
+  }, [b, M] = s.useState(""), [d, O] = s.useState(""), [n, G] = s.useState("All"), [i, g] = s.useState(null);
+  s.useEffect(() => {
     const a = setTimeout(() => {
-      I(v);
+      O(b);
     }, 300);
     return () => clearTimeout(a);
-  }, [v]), n.useEffect(() => {
-    d && d(c, r === "All" ? void 0 : r);
-  }, [c, r, d]), n.useEffect(() => {
-    f && b({ label: o });
-  }, [f, o]);
-  const G = (a) => {
+  }, [b]), s.useEffect(() => {
+    f && f(d, n === "All" ? void 0 : n);
+  }, [d, n, f]), s.useEffect(() => {
+    p && g({ label: c });
+  }, [p, c]);
+  const L = (a) => {
     M(a.target.value);
-  }, L = () => {
-    s && (w?.(s.label), s.savedItem && T?.(s.savedItem), x(!1));
   }, Q = () => {
-    x(!1);
-  }, _ = () => !u || u.length === 0 ? null : /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
+    i && (w?.(i.label), i.savedItem && k?.(i.savedItem), v(!1));
+  }, _ = () => {
+    v(!1);
+  }, E = () => !x || x.length === 0 ? null : /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']", children: "Recent" }),
-    /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: u.map((a, l) => {
-      const i = a.map((D) => D.label).join(", "), B = s?.label === i;
+    /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: x.map((a, l) => {
+      const o = a.map((z) => z.label).join(", "), D = i?.label === o;
       return /* @__PURE__ */ e(
         "div",
         {
-          className: g(
+          className: y(
             "flex cursor-pointer flex-row px-3 py-2 rounded-lg hover:bg-[#f5f6fa]",
-            B && "bg-[#edf0ff]"
+            D && "bg-[#edf0ff]"
           ),
-          onClick: () => b({ label: i }),
+          onClick: () => g({ label: o }),
           children: /* @__PURE__ */ t(m, { children: [
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-sm font-['Manrope'] truncate text-[#1f2b4d]", children: i }) }),
-            /* @__PURE__ */ e(h, { variant: "tertiary", side: "right", children: i })
+            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-sm font-['Manrope'] truncate text-[#1f2b4d]", children: o }) }),
+            /* @__PURE__ */ e(u, { variant: "tertiary", side: "right", children: o })
           ] })
         },
         l
       );
     }) }),
     /* @__PURE__ */ e(C, { className: "mb-2" })
-  ] }), E = () => {
-    if (P)
-      return /* @__PURE__ */ e("div", { className: "flex max-h-[160px] flex-col overflow-y-auto px-3 py-2 space-y-2", children: [1, 2, 3, 4, 5].map((l) => /* @__PURE__ */ e(X, { className: "h-9 w-full rounded-lg" }, l)) });
-    let a = S?.filter(
-      (l) => r === "All" || l.type === r
+  ] }), R = () => {
+    if (j)
+      return /* @__PURE__ */ e("div", { className: "flex max-h-[160px] flex-col overflow-y-auto px-3 py-2 space-y-2", children: [1, 2, 3, 4, 5].map((l) => /* @__PURE__ */ e(Z, { className: "h-9 w-full rounded-lg" }, l)) });
+    let a = T?.filter(
+      (l) => n === "All" || l.type === n
     );
-    if (!d && c && (a = a?.filter((l) => l.label.toLowerCase().includes(c.toLowerCase()))), !a || a.length === 0) {
+    if (!f && d && (a = a?.filter((l) => l.label.toLowerCase().includes(d.toLowerCase()))), !a || a.length === 0) {
       let l = "No saved filters found";
-      if (!!c)
-        switch (r) {
+      if (!!d)
+        switch (n) {
           case "Personal":
             l = "No personal filters match your search";
             break;
@@ -81,7 +82,7 @@ const oe = ({
             l = "No saved filters match your search";
         }
       else
-        switch (r) {
+        switch (n) {
           case "Personal":
             l = "You haven't created any personal filters yet.";
             break;
@@ -97,20 +98,20 @@ const oe = ({
       "div",
       {
         className: "flex max-h-[160px] flex-col overflow-y-auto",
-        onScroll: k,
+        onScroll: P,
         children: a.map((l) => {
-          const i = s?.label === l.label;
+          const o = i?.label === l.label;
           return /* @__PURE__ */ e(
             "div",
             {
-              className: g(
+              className: y(
                 "mb-1 flex justify-between cursor-pointer rounded-lg px-3 py-2 text-sm font-medium font-['Manrope'] hover:bg-[#f5f6fa]",
-                i ? "bg-[#edf0ff]" : "text-[#1f2b4d]"
+                o ? "bg-[#edf0ff]" : "text-[#1f2b4d]"
               ),
-              onClick: () => b({ label: l.label, savedItem: l }),
+              onClick: () => g({ label: l.label, savedItem: l }),
               children: /* @__PURE__ */ t(m, { children: [
-                /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate", children: l.label }) }),
-                /* @__PURE__ */ e(h, { variant: "tertiary", side: "right", children: l.label })
+                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate", children: l.label }) }),
+                /* @__PURE__ */ e(u, { variant: "tertiary", side: "right", children: l.label })
               ] })
             },
             l.id
@@ -118,71 +119,71 @@ const oe = ({
         })
       }
     );
-  }, R = s?.label !== o;
-  return /* @__PURE__ */ t(Y, { open: f, onOpenChange: j, children: [
-    /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "flex cursor-pointer items-center gap-2", children: [
-      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[#60697d] font-['Manrope']", children: "Filters Applied" }),
+  }, B = i?.label !== c;
+  return /* @__PURE__ */ t(q, { open: p, onOpenChange: I, children: [
+    /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "flex cursor-pointer items-center gap-2", children: [
+      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[#60697d] font-['Manrope']", children: r("filterStrip.filtersApplied") }),
       /* @__PURE__ */ t(m, { children: [
-        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
-          W,
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
+          X,
           {
             color: "primary",
             variant: "outline",
             className: "font-['Manrope'] max-w-[140px] truncate",
-            children: o || "Not selected"
+            children: c || r("filterStrip.notSelected")
           }
         ) }),
-        /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: o || "Not selected" })
+        /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: c || r("filterStrip.notSelected") })
       ] }),
       /* @__PURE__ */ t(m, { children: [
-        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
           "div",
           {
-            className: g(
+            className: y(
               "flex h-8 w-8 items-center justify-center rounded-lg bg-[#f5f6fa] transition-transform duration-200",
-              f && "rotate-180"
+              p && "rotate-180"
             ),
-            children: /* @__PURE__ */ e(z, { className: "h-4 w-4 text-[#1f2b4d]" })
+            children: /* @__PURE__ */ e(V, { className: "h-4 w-4 text-[#1f2b4d]" })
           }
         ) }),
-        /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: "Select filter" })
+        /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: r("filterStrip.selectFilter") })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      H,
+      J,
       {
         align: "start",
         className: "w-[280px] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)]",
         sideOffset: 8,
         children: /* @__PURE__ */ t("div", { className: "flex w-full flex-col py-[8px] px-[6px]", children: [
-          _(),
+          E(),
           /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']", children: "Saved Filters" }),
+            /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']", children: r("filterStrip.savedFilters") }),
             /* @__PURE__ */ t(
-              J,
+              K,
               {
-                value: r,
-                onValueChange: (a) => O(a),
+                value: n,
+                onValueChange: (a) => G(a),
                 variant: "outline",
                 size: "sm",
                 className: "w-full px-1",
                 children: [
-                  /* @__PURE__ */ e("div", { className: "py-[8px]", children: /* @__PURE__ */ t(K, { children: [
+                  /* @__PURE__ */ e("div", { className: "py-[8px]", children: /* @__PURE__ */ t(U, { children: [
                     /* @__PURE__ */ e(N, { value: "All", children: "All" }),
                     /* @__PURE__ */ e(N, { value: "Global", children: "Global" }),
                     /* @__PURE__ */ e(N, { value: "Personal", children: "Personal" })
                   ] }) }),
                   /* @__PURE__ */ e("div", { className: "pb-[8px]", children: /* @__PURE__ */ e(
-                    U,
+                    W,
                     {
-                      prefix: /* @__PURE__ */ e(V, { className: "h-4 w-4 text-gray-500" }),
-                      placeholder: "Search filters...",
-                      value: v,
-                      onChange: G,
+                      prefix: /* @__PURE__ */ e(Y, { className: "h-4 w-4 text-gray-500" }),
+                      placeholder: r("filterStrip.searchFiltersPlaceholder"),
+                      value: b,
+                      onChange: L,
                       className: "h-9 px-1 border-none shadow-none focus-visible:ring-0"
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { className: "mt-0", children: E() })
+                  /* @__PURE__ */ e("div", { className: "mt-0", children: R() })
                 ]
               }
             )
@@ -190,20 +191,20 @@ const oe = ({
           /* @__PURE__ */ e(C, { className: "my-2" }),
           /* @__PURE__ */ t("div", { className: "flex justify-end gap-2 px-3 pb-1", children: [
             /* @__PURE__ */ e(
-              y,
+              S,
               {
                 variant: "secondary",
-                onClick: Q,
-                children: "Cancel"
+                onClick: _,
+                children: r("prompt.cancel")
               }
             ),
             /* @__PURE__ */ e(
-              y,
+              S,
               {
                 variant: "default",
-                onClick: L,
-                disabled: !R,
-                children: "Apply Filter"
+                onClick: Q,
+                disabled: !B,
+                children: r("filterStrip.applyFilter")
               }
             )
           ] })
@@ -213,5 +214,5 @@ const oe = ({
   ] });
 };
 export {
-  oe as FilterSummary
+  fe as FilterSummary
 };

package/dist/components/ui/header.js

@@ -1,11 +1,12 @@
-import { jsx as i, jsxs as d, Fragment as c } from "react/jsx-runtime";
+import { jsx as i, jsxs as c, Fragment as l } from "react/jsx-runtime";
 import * as o from "react";
 import { cn as s } from "../../lib/utils.js";
-import { Button as l } from "./button.js";
-import { Separator as f } from "./separator.js";
-import { Alan as m, IA as p, Bell as x } from "../../icons/index.js";
+import { Button as f } from "./button.js";
+import { Separator as m } from "./separator.js";
+import { Alan as p, IA as x, Bell as h } from "../../icons/index.js";
 /* empty css            */
-const h = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+import { useImpactNovaI18n as N } from "../../i18n/ImpactNovaI18nContext.js";
+const u = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "header",
   {
     ref: r,
@@ -17,8 +18,8 @@ const h = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-h.displayName = "Header";
-const N = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+u.displayName = "Header";
+const w = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "div",
   {
     ref: r,
@@ -27,8 +28,8 @@ const N = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-N.displayName = "HeaderLeft";
-const u = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+w.displayName = "HeaderLeft";
+const g = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "div",
   {
     ref: r,
@@ -37,20 +38,20 @@ const u = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-u.displayName = "HeaderRight";
-const w = o.forwardRef(({ className: t, children: e, href: a = "/", ...r }, n) => /* @__PURE__ */ i(
+g.displayName = "HeaderRight";
+const y = o.forwardRef(({ className: t, children: e, href: a = "/", ...r }, n) => /* @__PURE__ */ i(
   "a",
   {
     href: a,
     ref: n,
     className: s("h-9 flex items-center justify-center cursor-pointer", t),
     ...r,
-    children: e || /* @__PURE__ */ i(p, { width: 91, height: 36 })
+    children: e || /* @__PURE__ */ i(x, { width: 91, height: 36 })
   }
 ));
-w.displayName = "HeaderLogo";
-const g = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i(
-  f,
+y.displayName = "HeaderLogo";
+const v = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i(
+  m,
   {
     ref: a,
     orientation: "vertical",
@@ -58,8 +59,8 @@ const g = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i(
     ...e
   }
 ));
-g.displayName = "HeaderSeparator";
-const y = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+v.displayName = "HeaderSeparator";
+const H = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "h1",
   {
     ref: r,
@@ -71,8 +72,8 @@ const y = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-y.displayName = "HeaderTitle";
-const _ = o.forwardRef(
+H.displayName = "HeaderTitle";
+const L = o.forwardRef(
   ({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
     "button",
     {
@@ -83,44 +84,47 @@ const _ = o.forwardRef(
         t
       ),
       ...a,
-      children: e || /* @__PURE__ */ d(c, { children: [
-        /* @__PURE__ */ i(m, { size: 20, className: "text-white" }),
+      children: e || /* @__PURE__ */ c(l, { children: [
+        /* @__PURE__ */ i(p, { size: 20, className: "text-white" }),
         /* @__PURE__ */ i("span", { className: "text-sm font-semibold leading-[20px] text-white whitespace-nowrap", children: "Ask Alan" })
       ] })
     }
   )
-), H = o.forwardRef(
-  ({ className: t, showIndicator: e, children: a, ...r }, n) => /* @__PURE__ */ d(
-    l,
-    {
-      variant: "ghost",
-      size: "icon",
-      ref: n,
-      "aria-label": "Notifications",
-      "data-indicator": e ? "" : void 0,
-      className: s(
-        "text-gray-500 relative [&_svg]:size-6 hover:text-gray-900",
-        t
-      ),
-      ...r,
-      children: [
-        /* @__PURE__ */ i(x, { size: 24 }),
-        e && /* @__PURE__ */ d("div", { className: "notification-indicator", children: [
-          /* @__PURE__ */ i("div", { className: "notification-pulse" }),
-          /* @__PURE__ */ i("div", { className: "notification-dot" })
-        ] })
-      ]
-    }
-  )
+), b = o.forwardRef(
+  ({ className: t, showIndicator: e, children: a, ...r }, n) => {
+    const { t: d } = N();
+    return /* @__PURE__ */ c(
+      f,
+      {
+        variant: "ghost",
+        size: "icon",
+        ref: n,
+        "aria-label": d("notificationPanel.title"),
+        "data-indicator": e ? "" : void 0,
+        className: s(
+          "text-gray-500 relative [&_svg]:size-6 hover:text-gray-900",
+          t
+        ),
+        ...r,
+        children: [
+          /* @__PURE__ */ i(h, { size: 24 }),
+          e && /* @__PURE__ */ c("div", { className: "notification-indicator", children: [
+            /* @__PURE__ */ i("div", { className: "notification-pulse" }),
+            /* @__PURE__ */ i("div", { className: "notification-dot" })
+          ] })
+        ]
+      }
+    );
+  }
 );
-H.displayName = "NotificationIconButton";
+b.displayName = "NotificationIconButton";
 export {
-  h as Header,
-  _ as HeaderBotButton,
-  N as HeaderLeft,
-  w as HeaderLogo,
-  u as HeaderRight,
-  g as HeaderSeparator,
-  y as HeaderTitle,
-  H as NotificationIconButton
+  u as Header,
+  L as HeaderBotButton,
+  w as HeaderLeft,
+  y as HeaderLogo,
+  g as HeaderRight,
+  v as HeaderSeparator,
+  H as HeaderTitle,
+  b as NotificationIconButton
 };