impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/horizontal-scroller/horizontal-scroller.js

@@ -1,124 +1,126 @@
-import { jsxs as a, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import * as s from "react";
-import { ChevronRight as j } from "lucide-react";
-import { useVirtualizer as O } from "@tanstack/react-virtual";
+import { jsxs as c, jsx as t, Fragment as O } from "react/jsx-runtime";
+import * as a from "react";
+import { ChevronRight as T } from "lucide-react";
+import { useVirtualizer as $ } from "@tanstack/react-virtual";
 import { cn as h } from "../../../lib/utils.js";
-import { Button as T } from "../button.js";
-const A = s.forwardRef(
+import { Button as A } from "../button.js";
+import { useImpactNovaI18n as D } from "../../../i18n/ImpactNovaI18nContext.js";
+const F = a.forwardRef(
   ({
-    className: z,
+    className: N,
     items: u,
-    renderItem: S,
+    renderItem: R,
     scrollStep: g = 200,
     hideScrollbar: p = !1,
-    controlsPosition: c = "right",
+    controlsPosition: s = "right",
     renderPrevious: v,
     renderNext: x,
-    maxWidth: N = "100%",
+    maxWidth: L = "100%",
     estimateSize: m = 200,
-    overscan: R = 5,
-    ...k
-  }, C) => {
-    const l = s.useRef(null), [n, L] = s.useState(!1), [o, B] = s.useState(!1);
-    s.useImperativeHandle(C, () => l.current);
-    const i = O({
+    overscan: k = 5,
+    ...C
+  }, B) => {
+    const { t: z } = D(), l = a.useRef(null), [o, E] = a.useState(!1), [n, H] = a.useState(!1);
+    a.useImperativeHandle(B, () => l.current);
+    const i = $({
       count: u.length,
       getScrollElement: () => l.current,
       estimateSize: typeof m == "function" ? m : () => m,
       horizontal: !0,
-      overscan: R
-    }), E = i.getTotalSize(), d = s.useCallback(() => {
+      overscan: k
+    }), V = i.getTotalSize(), d = a.useCallback(() => {
       const e = l.current;
-      e && (L(e.scrollLeft > 0), B(Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth));
+      e && (E(e.scrollLeft > 0), H(Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth));
     }, []);
-    s.useEffect(() => {
+    a.useEffect(() => {
       const e = l.current;
       if (!e) return;
       d();
-      const t = () => d();
-      e.addEventListener("scroll", t);
+      const r = () => d();
+      e.addEventListener("scroll", r);
       const f = new ResizeObserver(() => {
         d();
       });
       return f.observe(e), () => {
-        e.removeEventListener("scroll", t), f.disconnect();
+        e.removeEventListener("scroll", r), f.disconnect();
       };
-    }, [d, u, E]);
+    }, [d, u, V]);
     const b = () => {
       l.current?.scrollBy({ left: -g, behavior: "smooth" });
     }, w = () => {
       l.current?.scrollBy({ left: g, behavior: "smooth" });
     }, y = ({
       direction: e,
-      onClick: t,
+      onClick: r,
       disabled: f
-    }) => f ? null : /* @__PURE__ */ a(
-      T,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: h(
-          "h-8 w-8 rounded-md bg-[#f5f6fa] text-[#60697d] hover:bg-[#eceefd] hover:text-[#4259ee]"
-        ),
-        onClick: t,
-        disabled: f,
-        "aria-label": `Scroll ${e}`,
-        "data-component": e === "left" ? "horizontal-scroller-prev" : "horizontal-scroller-next",
-        children: [
-          /* @__PURE__ */ r(
-            j,
-            {
-              className: h("h-4 w-4", e === "left" && "rotate-180")
-            }
+    }) => {
+      if (f) return null;
+      const S = z(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
+      return /* @__PURE__ */ c(
+        A,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: h(
+            "h-8 w-8 rounded-md bg-[#f5f6fa] text-[#60697d] hover:bg-[#eceefd] hover:text-[#4259ee]"
           ),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: [
-            "Scroll ",
-            e
-          ] })
-        ]
-      }
-    ), H = () => {
-      const e = v ? v({ onClick: b, disabled: !n }) : /* @__PURE__ */ r(
+          onClick: r,
+          disabled: f,
+          "aria-label": S,
+          "data-component": e === "left" ? "horizontal-scroller-prev" : "horizontal-scroller-next",
+          children: [
+            /* @__PURE__ */ t(
+              T,
+              {
+                className: h("h-4 w-4", e === "left" && "rotate-180")
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "sr-only", children: S })
+          ]
+        }
+      );
+    }, W = () => {
+      const e = v ? v({ onClick: b, disabled: !o }) : /* @__PURE__ */ t(
         y,
         {
           direction: "left",
           onClick: b,
-          disabled: !n
+          disabled: !o
         }
-      ), t = x ? x({ onClick: w, disabled: !o }) : /* @__PURE__ */ r(
+      ), r = x ? x({ onClick: w, disabled: !n }) : /* @__PURE__ */ t(
         y,
         {
           direction: "right",
           onClick: w,
-          disabled: !o
+          disabled: !n
         }
       );
-      return c === "split" ? /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ r("div", { className: "absolute left-0 top-1/2 z-20 -translate-y-1/2", children: e }),
-        /* @__PURE__ */ r("div", { className: "absolute right-0 top-1/2 z-20 -translate-y-1/2", children: t })
-      ] }) : c === "left" ? /* @__PURE__ */ a("div", { className: "absolute left-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
+      return s === "split" ? /* @__PURE__ */ c(O, { children: [
+        /* @__PURE__ */ t("div", { className: "absolute left-0 top-1/2 z-20 -translate-y-1/2", children: e }),
+        /* @__PURE__ */ t("div", { className: "absolute right-0 top-1/2 z-20 -translate-y-1/2", children: r })
+      ] }) : s === "left" ? /* @__PURE__ */ c("div", { className: "absolute left-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
         e,
-        t
-      ] }) : /* @__PURE__ */ a("div", { className: "absolute right-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
+        r
+      ] }) : /* @__PURE__ */ c("div", { className: "absolute right-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
         e,
-        t
+        r
       ] });
-    }, V = () => c === "left" ? n && o ? "pl-20" : n || o ? "pl-12" : "" : c === "split" && n ? "pl-12" : "", W = () => c === "right" ? n && o ? "pr-20" : n || o ? "pr-12" : "" : c === "split" && o ? "pr-12" : "";
-    return /* @__PURE__ */ a(
+    }, j = () => s === "left" ? o && n ? "pl-20" : o || n ? "pl-12" : "" : s === "split" && o ? "pl-12" : "", I = () => s === "right" ? o && n ? "pr-20" : o || n ? "pr-12" : "" : s === "split" && n ? "pr-12" : "";
+    return /* @__PURE__ */ c(
       "div",
       {
         className: h(
           "relative group min-w-0 w-full overflow-hidden bg-transparent",
-          V(),
-          W(),
-          z
+          j(),
+          I(),
+          N
         ),
-        style: { maxWidth: N },
+        style: { maxWidth: L },
         "data-component": "horizontal-scroller",
-        ...k,
+        ...C,
         children: [
-          H(),
-          /* @__PURE__ */ r(
+          W(),
+          /* @__PURE__ */ t(
             "div",
             {
               ref: l,
@@ -132,7 +134,7 @@ const A = s.forwardRef(
                 msOverflowStyle: p ? "none" : "auto"
               },
               "data-component": "horizontal-scroller-viewport",
-              children: /* @__PURE__ */ a(
+              children: /* @__PURE__ */ c(
                 "div",
                 {
                   style: {
@@ -141,14 +143,14 @@ const A = s.forwardRef(
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ r("div", { style: { width: `${i.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
-                    i.getVirtualItems().map((e) => /* @__PURE__ */ r(
+                    /* @__PURE__ */ t("div", { style: { width: `${i.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
+                    i.getVirtualItems().map((e) => /* @__PURE__ */ t(
                       "div",
                       {
                         ref: i.measureElement,
                         "data-index": e.index,
                         className: "flex-shrink-0",
-                        children: S(u[e.index], e.index)
+                        children: R(u[e.index], e.index)
                       },
                       e.key
                     ))
@@ -162,7 +164,7 @@ const A = s.forwardRef(
     );
   }
 );
-A.displayName = "HorizontalScroller";
+F.displayName = "HorizontalScroller";
 export {
-  A as default
+  F as default
 };

package/dist/components/ui/loader.js

@@ -1,9 +1,10 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import * as c from "react";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import * as f from "react";
 import "@radix-ui/react-slot";
-import { cva as f } from "class-variance-authority";
-import { cn as u } from "../../lib/utils.js";
-const y = f(
+import { cva as u } from "class-variance-authority";
+import { cn as p } from "../../lib/utils.js";
+import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
+const j = u(
   "relative rounded-full flex items-center justify-center overflow-hidden",
   {
     variants: {
@@ -18,24 +19,24 @@ const y = f(
       size: "md"
     }
   }
-), h = c.forwardRef(
-  ({ className: o, size: t = "md", progress: d, text: a, asChild: p = !1, ...s }, l) => {
-    const i = {
+), g = f.forwardRef(
+  ({ className: o, size: t = "md", progress: s, text: a, asChild: v = !1, ...d }, l) => {
+    const { t: m } = h(), i = {
       sm: { outer: 24, inner: 20 },
       md: { outer: 48, inner: 40 },
       lg: { outer: 72, inner: 60 },
       xl: { outer: 96, inner: 80 }
     }, { outer: e, inner: r } = i[t] || i.md;
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ c(
       "div",
       {
         ref: l,
-        className: u("flex flex-col items-center justify-center", o),
+        className: p("flex flex-col items-center justify-center", o),
         role: "status",
-        "aria-label": a || "Loading",
+        "aria-label": a || m("aria.loading"),
         "data-component": "loader",
         "data-size": t ?? "md",
-        ...s,
+        ...d,
         children: [
           /* @__PURE__ */ n(
             "div",
@@ -57,7 +58,7 @@ const y = f(
                     left: (e - r) / 2,
                     fontSize: e / 6
                   },
-                  children: t !== "sm" && d
+                  children: t !== "sm" && s
                 }
               )
             }
@@ -75,8 +76,8 @@ const y = f(
     );
   }
 );
-h.displayName = "Loader";
+g.displayName = "Loader";
 export {
-  h as Loader,
-  y as loaderVariants
+  g as Loader,
+  j as loaderVariants
 };

package/dist/components/ui/nested-list/components/NestedListHeader.d.ts

@@ -12,6 +12,7 @@ interface NestedListHeaderProps {
     searchText: string;
     onSearchChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     searchPlaceholder: string;
+    selectAllLabel?: string;
     enableCollapse?: boolean;
 }
 export declare const NestedListHeader: React.FC<NestedListHeaderProps>;

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

@@ -1,86 +1,89 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import "react";
-import { Checkbox as u } from "../../checkbox.js";
-import { Input as h } from "../../input.js";
-import { ChevronRight as g, Search as N } from "../../../../icons/index.js";
-import { cn as y } from "../../../../lib/utils.js";
-const B = ({
+import { Checkbox as N } from "../../checkbox.js";
+import { Input as v } from "../../input.js";
+import { ChevronRight as C, Search as g } from "../../../../icons/index.js";
+import { cn as k } from "../../../../lib/utils.js";
+import { useImpactNovaI18n as z } from "../../../../i18n/ImpactNovaI18nContext.js";
+const E = ({
   hasItemsWithChildren: o,
-  isListCollapsed: a,
-  onCollapseAll: v,
-  enableSearch: i,
-  enableSelectAll: t,
-  groupLabel: n,
-  allChecked: m,
+  isListCollapsed: m,
+  onCollapseAll: y,
+  enableSearch: s,
+  enableSelectAll: e,
+  groupLabel: i,
+  allChecked: a,
   isIndeterminate: c = !1,
-  onSelectAll: l,
-  searchText: d,
-  onSearchChange: x,
+  onSelectAll: d,
+  searchText: x,
+  onSearchChange: l,
   searchPlaceholder: p,
-  enableCollapse: s = !0
+  selectAllLabel: f = "Select All",
+  enableCollapse: n = !0
 }) => {
-  if (!(i || t || n || s && o)) return null;
-  const f = /* @__PURE__ */ e(
+  const { t: u } = z();
+  if (!(s || e || i || n && o)) return null;
+  const h = /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      onClick: v,
+      onClick: y,
       className: "p-1 hover:bg-gray-200 rounded-full transition-colors flex items-center text-[#8C8C8C] hover:text-primary",
-      "aria-label": a ? "Expand All" : "Collapse All",
-      children: /* @__PURE__ */ e(
-        g,
+      "aria-label": u(m ? "nestedList.expandAll" : "nestedList.collapseAll"),
+      children: /* @__PURE__ */ t(
+        C,
         {
           size: "16px",
-          className: y("transition-transform", !a && "rotate-90")
+          className: k("transition-transform", !m && "rotate-90")
         }
       )
     }
   );
-  return n ? /* @__PURE__ */ r("div", { className: "mb-3", children: [
+  return i ? /* @__PURE__ */ r("div", { className: "mb-3", children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-2", children: [
-      s && o && f,
-      /* @__PURE__ */ e("span", { className: "text-[13px] font-semibold text-gray-700", children: n })
+      n && o && h,
+      /* @__PURE__ */ t("span", { className: "text-[13px] font-semibold text-gray-700", children: i })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
-      t && /* @__PURE__ */ e(
-        u,
+      e && /* @__PURE__ */ t(
+        N,
         {
-          checked: c ? "indeterminate" : m,
-          onCheckedChange: l
+          checked: c ? "indeterminate" : a,
+          onCheckedChange: d
         }
       ),
-      i ? /* @__PURE__ */ e("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ e(
-        h,
+      s ? /* @__PURE__ */ t("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ t(
+        v,
         {
           type: "text",
           placeholder: p,
-          value: d || "",
-          onChange: x,
-          prefix: /* @__PURE__ */ e(N, { size: "14px", color: "currentColor" })
+          value: x || "",
+          onChange: l,
+          prefix: /* @__PURE__ */ t(g, { size: "14px", color: "currentColor" })
         }
-      ) }) : t && /* @__PURE__ */ e("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: "Select All" })
+      ) }) : e && /* @__PURE__ */ t("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: f })
     ] })
   ] }) : /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-3", children: [
-    s && o && f,
-    t && /* @__PURE__ */ e(
-      u,
+    n && o && h,
+    e && /* @__PURE__ */ t(
+      N,
       {
-        checked: c ? "indeterminate" : m,
-        onCheckedChange: l
+        checked: c ? "indeterminate" : a,
+        onCheckedChange: d
       }
     ),
-    i ? /* @__PURE__ */ e("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ e(
-      h,
+    s ? /* @__PURE__ */ t("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ t(
+      v,
       {
         type: "text",
         placeholder: p,
-        value: d || "",
-        onChange: x,
-        prefix: /* @__PURE__ */ e(N, { size: "14px", color: "currentColor" })
+        value: x || "",
+        onChange: l,
+        prefix: /* @__PURE__ */ t(g, { size: "14px", color: "currentColor" })
       }
-    ) }) : t && /* @__PURE__ */ e("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: "Select All" })
+    ) }) : e && /* @__PURE__ */ t("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: f })
   ] });
 };
 export {
-  B as NestedListHeader
+  E as NestedListHeader
 };