impact-nova 1.2.4 → 1.5.0

package/dist/components/ui/ag-grid-react/headers/advanced-filter/column-filter-section.js

@@ -1,221 +1,188 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import "react";
-import { Button as m } from "../../../button.js";
-import { Input as c } from "../../../input.js";
-import { DatePicker as T } from "../../../date-picker/date-picker.js";
-import { DateRangePicker as A } from "../../../date-picker/date-range-picker.js";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useMemo as w } from "react";
+import { Button as u } from "../../../button.js";
+import { Input as v } from "../../../input.js";
+import { DatePicker as P } from "../../../date-picker/date-picker.js";
+import { DateRangePicker as T } from "../../../date-picker/date-range-picker.js";
 import p from "../../../select/select.js";
-import { Bin as x } from "../../../../../icons/index.js";
-import { createEmptyRule as N } from "../utils/filter-utils.js";
-const E = {
-  text: [
-    { label: "Contains", value: "contains" },
-    { label: "Not contains", value: "notContains" },
-    { label: "Equals", value: "equals" },
-    { label: "Not equal", value: "notEqual" },
-    { label: "Starts with", value: "startsWith" },
-    { label: "Ends with", value: "endsWith" },
-    { label: "Empty", value: "empty" },
-    { label: "Not Empty", value: "notEmpty" }
-  ],
-  number: [
-    { label: "Equals", value: "equals" },
-    { label: "Not equal", value: "notEqual" },
-    { label: "Greater than", value: "greaterThan" },
-    { label: "≥", value: "greaterThanOrEqual" },
-    { label: "Less than", value: "lessThan" },
-    { label: "≤", value: "lessThanOrEqual" },
-    { label: "In range", value: "inRange" },
-    { label: "Empty", value: "empty" },
-    { label: "Not Empty", value: "notEmpty" }
-  ],
-  date: [
-    { label: "Equals", value: "equals" },
-    { label: "Not equal", value: "notEqual" },
-    { label: "After", value: "greaterThan" },
-    { label: "Before", value: "lessThan" },
-    { label: "Between", value: "inRange" }
-  ],
-  select: [
-    { label: "In Set", value: "equals" }
-    // agSetColumnFilter only supports inclusion (Set model)
-  ],
-  multi: [
-    { label: "Contains", value: "contains" },
-    { label: "Not contains", value: "notContains" },
-    { label: "Starts with", value: "startsWith" },
-    { label: "Ends with", value: "endsWith" },
-    { label: "In Set", value: "equals" },
-    { label: "Not In Set", value: "notEqual" },
-    { label: "Empty", value: "empty" },
-    { label: "Not Empty", value: "notEmpty" }
-  ]
-}, w = [
-  { label: "all", value: "AND" },
-  { label: "any", value: "OR" }
-], G = ({
+import { Bin as E } from "../../../../../icons/index.js";
+import { createEmptyRule as q } from "../utils/filter-utils.js";
+import { useImpactNovaI18n as I } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const C = {
+  text: ["contains", "notContains", "equals", "notEqual", "startsWith", "endsWith", "empty", "notEmpty"],
+  number: ["equals", "notEqual", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "inRange", "empty", "notEmpty"],
+  date: ["equals", "notEqual", "greaterThan", "lessThan", "inRange"],
+  select: ["equals"],
+  multi: ["contains", "notContains", "startsWith", "endsWith", "equals", "notEqual", "empty", "notEmpty"]
+}, $ = ({
   columnId: h,
-  columnLabel: y,
+  columnLabel: R,
   columnType: n,
-  selectOptions: f,
-  isMultiSelect: u,
-  rules: i,
-  logic: q,
-  onLogicChange: S,
-  onRulesChange: v,
-  canDeleteLastRule: d = !1,
-  onDeleteColumnFilter: b
+  selectOptions: g,
+  isMultiSelect: c,
+  rules: s,
+  logic: y,
+  onLogicChange: O,
+  onRulesChange: m,
+  canDeleteLastRule: f = !1,
+  onDeleteColumnFilter: x
 }) => {
-  const g = E[n] || E.text, C = () => {
-    v([...i, N(h, n)]);
-  }, O = (e) => {
-    if (i.length > 1 || d) {
-      const t = i.filter((a) => a.id !== e);
-      t.length === 0 && d ? v([]) : v(t.length > 0 ? t : [N(h, n)]);
+  const { t: r } = I(), b = w(() => (C[n] ?? C.text).map((l) => ({ label: r(`filter.operators.${n === "date" && l === "greaterThan" ? "after" : n === "date" && l === "lessThan" ? "before" : n === "date" && l === "inRange" ? "between" : l}`), value: l })), [n, r]), N = w(
+    () => [
+      { label: r("filter.logicAll"), value: "AND" },
+      { label: r("filter.logicAny"), value: "OR" }
+    ],
+    [r]
+  ), A = () => {
+    m([...s, q(h, n)]);
+  }, F = (e) => {
+    if (s.length > 1 || f) {
+      const l = s.filter((t) => t.id !== e);
+      l.length === 0 && f ? m([]) : m(l.length > 0 ? l : [q(h, n)]);
     }
-  }, o = (e, t) => {
-    v(i.map((a) => a.id === e ? { ...a, ...t } : a));
-  }, R = (e) => {
+  }, i = (e, l) => {
+    m(s.map((t) => t.id === e ? { ...t, ...l } : t));
+  }, S = (e) => {
     if (e.operator === "empty" || e.operator === "notEmpty")
-      return /* @__PURE__ */ l("span", { className: "text-slate-400 italic text-sm", children: "No value needed" });
+      return /* @__PURE__ */ a("span", { className: "text-slate-400 italic text-sm", children: r("advancedFilter.noValueNeeded") });
     if (n === "date")
-      return e.operator === "inRange" ? /* @__PURE__ */ l(
-        A,
+      return e.operator === "inRange" ? /* @__PURE__ */ a(
+        T,
         {
           value: {
             from: e.value ? new Date(e.value) : void 0,
             to: e.valueTo ? new Date(e.valueTo) : void 0
           },
-          onChange: (a) => {
-            o(e.id, {
-              value: a?.from?.toISOString() || "",
-              valueTo: a?.to?.toISOString() || ""
+          onChange: (t) => {
+            i(e.id, {
+              value: t?.from?.toISOString() || "",
+              valueTo: t?.to?.toISOString() || ""
             });
           },
           showFooter: !0
         }
-      ) : /* @__PURE__ */ l(
-        T,
+      ) : /* @__PURE__ */ a(
+        P,
         {
           value: e.value ? new Date(e.value) : void 0,
-          onChange: (a) => o(e.id, { value: a?.toISOString() || "" }),
-          placeholder: "Select Date",
+          onChange: (t) => i(e.id, { value: t?.toISOString() || "" }),
+          placeholder: r("filter.selectDate"),
           showFooter: !0
         }
       );
-    const t = e.operator === "equals" || e.operator === "notEqual";
-    return n === "select" || n === "multi" && t ? /* @__PURE__ */ l(
+    const l = e.operator === "equals" || e.operator === "notEqual";
+    return n === "select" || n === "multi" && l ? /* @__PURE__ */ a(
       p,
       {
-        options: f || [],
+        options: g || [],
         value: (() => {
-          const a = (f || []).filter((r) => Array.isArray(e.value) ? e.value.includes(r.value) : String(e.value) === String(r.value));
-          return a.length === 0 ? null : u !== !1 ? a : a[0];
+          const t = (g || []).filter((o) => Array.isArray(e.value) ? e.value.includes(o.value) : String(e.value) === String(o.value));
+          return t.length === 0 ? null : c !== !1 ? t : t[0];
         })(),
-        onChange: (a) => {
-          Array.isArray(a) ? o(e.id, { value: a.map((r) => r.value) }) : o(e.id, { value: a?.value || "" });
+        onChange: (t) => {
+          Array.isArray(t) ? i(e.id, { value: t.map((o) => o.value) }) : i(e.id, { value: t?.value || "" });
         },
-        isMulti: u !== void 0 ? u : !0,
-        placeholder: u === !1 ? "Select value" : "Select values...",
+        isMulti: c !== void 0 ? c : !0,
+        placeholder: r(c === !1 ? "filter.selectValue" : "filter.selectValues"),
         className: "w-full",
         menuPortalTarget: document.body
       }
-    ) : e.operator === "inRange" ? /* @__PURE__ */ s("div", { className: "flex items-center gap-2 w-full", children: [
-      /* @__PURE__ */ l(
-        c,
+    ) : e.operator === "inRange" ? /* @__PURE__ */ d("div", { className: "flex items-center gap-2 w-full", children: [
+      /* @__PURE__ */ a(
+        v,
         {
           value: e.value,
-          onChange: (a) => o(e.id, { value: a.target.value }),
-          placeholder: "From",
+          onChange: (t) => i(e.id, { value: t.target.value }),
+          placeholder: r("filter.from"),
           type: n === "number" ? "number" : "text",
           className: "flex-1"
         }
       ),
-      /* @__PURE__ */ l("span", { className: "text-slate-400 shrink-0", children: "to" }),
-      /* @__PURE__ */ l(
-        c,
+      /* @__PURE__ */ a("span", { className: "text-slate-400 shrink-0", children: r("filter.to") }),
+      /* @__PURE__ */ a(
+        v,
         {
           value: e.valueTo || "",
-          onChange: (a) => o(e.id, { valueTo: a.target.value }),
-          placeholder: "To",
+          onChange: (t) => i(e.id, { valueTo: t.target.value }),
+          placeholder: r("filter.to"),
           type: n === "number" ? "number" : "text",
           className: "flex-1"
         }
       )
-    ] }) : /* @__PURE__ */ l(
-      c,
+    ] }) : /* @__PURE__ */ a(
+      v,
       {
         value: e.value,
-        onChange: (a) => o(e.id, { value: a.target.value }),
-        placeholder: "Enter value",
+        onChange: (t) => i(e.id, { value: t.target.value }),
+        placeholder: r("filter.enterValue"),
         type: n === "number" ? "number" : "text",
         className: "w-full"
       }
     );
-  }, I = (e) => {
-    const t = g.find((a) => a.value === e.operator);
-    return /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ l("div", { className: "w-[120px] shrink-0", children: /* @__PURE__ */ l(
+  }, k = (e) => {
+    const l = b.find((t) => t.value === e.operator);
+    return /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ a("div", { className: "w-[120px] shrink-0", children: /* @__PURE__ */ a(
         p,
         {
-          options: g,
-          value: t || null,
-          onChange: (a) => {
-            const r = a;
-            r && o(e.id, { operator: r.value });
+          options: b,
+          value: l || null,
+          onChange: (t) => {
+            const o = t;
+            o && i(e.id, { operator: o.value });
           },
-          placeholder: "Operator",
+          placeholder: r("filter.operator"),
           className: "w-full",
           menuPortalTarget: document.body
         }
       ) }),
-      /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: R(e) }),
-      /* @__PURE__ */ l(
-        m,
+      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: S(e) }),
+      /* @__PURE__ */ a(
+        u,
         {
-          onClick: () => O(e.id),
+          onClick: () => F(e.id),
           variant: "tertiary",
           size: "icon",
-          "aria-label": "Remove rule",
-          disabled: i.length === 1 && !d,
-          children: /* @__PURE__ */ l(x, { size: "xs" })
+          "aria-label": r("aria.removeRule"),
+          disabled: s.length === 1 && !f,
+          children: /* @__PURE__ */ a(E, { size: "xs" })
         }
       )
     ] }, e.id);
   };
-  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ s("div", { className: "text-slate-500 text-sm flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ l("span", { children: "Match" }),
-      /* @__PURE__ */ l("div", { className: "w-[80px]", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ d("div", { className: "text-slate-500 text-sm flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ a("span", { children: r("advancedFilter.match") }),
+      /* @__PURE__ */ a("div", { className: "w-[80px]", children: /* @__PURE__ */ a(
         p,
         {
-          options: w,
-          value: w.find((e) => e.value === q),
+          options: N,
+          value: N.find((e) => e.value === y),
           onChange: (e) => {
-            const t = e;
-            t && S(t.value);
+            const l = e;
+            l && O(l.value);
           },
           className: "h-8",
           menuPortalTarget: document.body,
           isClearable: !1
         }
       ) }),
-      /* @__PURE__ */ l("span", { children: "of the following rules for column" }),
-      /* @__PURE__ */ l("span", { className: "font-semibold text-slate-700", children: y })
+      /* @__PURE__ */ a("span", { children: r("advancedFilter.ofTheFollowingRulesForColumn") }),
+      /* @__PURE__ */ a("span", { className: "font-semibold text-slate-700", children: R })
     ] }),
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3", children: i.map((e) => I(e)) }),
-    /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-1", children: [
-      /* @__PURE__ */ l(m, { onClick: C, variant: "outline", size: "sm", children: "+ Add Rule" }),
-      b && /* @__PURE__ */ s(
-        m,
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: s.map((e) => k(e)) }),
+    /* @__PURE__ */ d("div", { className: "flex items-center justify-between mt-1", children: [
+      /* @__PURE__ */ a(u, { onClick: A, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
+      x && /* @__PURE__ */ d(
+        u,
         {
           variant: "outline",
           size: "sm",
-          onClick: b,
+          onClick: x,
           className: "text-red-500 hover:text-red-600 hover:bg-red-50 border-red-300",
           children: [
-            /* @__PURE__ */ l(x, { size: "xs" }),
-            "Delete"
+            /* @__PURE__ */ a(E, { size: "xs" }),
+            r("advancedFilter.deleteColumn")
           ]
         }
       )
@@ -223,5 +190,5 @@ const E = {
   ] });
 };
 export {
-  G as ColumnFilterSection
+  $ as ColumnFilterSection
 };

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.js

@@ -1,108 +1,111 @@
-import { jsxs as n, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as j } from "react/jsx-runtime";
 import "react";
-import { Settings as T, Checkmark as d, Search as L } from "../../../../../icons/index.js";
-import { DropdownMenu as _, DropdownMenuTrigger as E, DropdownMenuContent as G, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as m, DropdownMenuSubTrigger as p, DropdownMenuSubContent as f, DropdownMenuItem as s } from "../../../dropdown-menu.js";
-import { useGridHeader as H } from "../context/grid-header-context.js";
-const K = ({
+import { Settings as F, Checkmark as h, Search as _ } from "../../../../../icons/index.js";
+import { DropdownMenu as E, DropdownMenuTrigger as G, DropdownMenuContent as L, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as p, DropdownMenuSubTrigger as f, DropdownMenuSubContent as g, DropdownMenuItem as a } from "../../../dropdown-menu.js";
+import { useGridHeader as R } from "../context/grid-header-context.js";
+import { useImpactNovaI18n as B } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const U = ({
   isOpen: O,
-  onClose: a,
-  columnId: i,
-  gridApi: r,
+  onClose: c,
+  columnId: l,
+  gridApi: i,
   anchor: A
 }) => {
-  const S = H(), o = r.getColumn(i);
-  if (!o) return null;
-  const l = o.getColDef(), C = o.getSort(), g = o.getPinned(), M = l?.sortable !== !1, x = l?.filter || "agTextColumnFilter", w = x === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), D = x === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), h = (t) => {
-    r.applyColumnState({
-      state: [{ colId: i, sort: t }],
+  const { t: n } = B(), C = R(), d = i.getColumn(l);
+  if (!d) return null;
+  const s = d.getColDef(), x = d.getSort(), S = d.getPinned(), M = s?.sortable !== !1, D = s?.filter || "agTextColumnFilter", H = D === "agNumberColumnFilter" || (Array.isArray(s?.type) ? s.type.includes("numericColumn") : s?.type === "numericColumn"), b = D === "agDateColumnFilter" || (Array.isArray(s?.type) ? s.type.includes("dateColumn") : s?.type === "dateColumn"), u = (t) => {
+    i.applyColumnState({
+      state: [{ colId: l, sort: t }],
       defaultState: { sort: null }
-    }), a();
-  }, u = (t) => {
-    r.applyColumnState({
-      state: [{ colId: i, pinned: t }],
+    }), c();
+  }, m = (t) => {
+    i.applyColumnState({
+      state: [{ colId: l, pinned: t }],
       defaultState: { pinned: null }
-    }), a();
-  }, b = (t) => {
-    t ? r.autoSizeAllColumns() : r.autoSizeColumns([i]), a();
+    }), c();
+  }, w = (t) => {
+    t ? i.autoSizeAllColumns() : i.autoSizeColumns([l]), c();
   }, P = () => {
-    const t = r.getGridOption("context") || {};
-    r.setGridOption("context", { ...t, activeSearchColumnId: i }), r.refreshHeader(), a();
-  }, F = () => {
-    const t = l?.headerComponentParams;
-    t?.onAdvanceSearchClick ? t.onAdvanceSearchClick(o) : t?.toggleAdvanceSearch ? t.toggleAdvanceSearch(i) : S && S.openAdvancedFilter(i), a();
-  }, c = A?.getBoundingClientRect(), y = l?.headerComponentParams, N = y?.isSearchable, v = y?.advanceSearchEnabled;
-  return /* @__PURE__ */ n(_, { open: O, onOpenChange: (t) => !t && a(), children: [
-    c && /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+    const t = i.getGridOption("context") || {};
+    i.setGridOption("context", { ...t, activeSearchColumnId: l }), i.refreshHeader(), c();
+  }, T = () => {
+    const t = s?.headerComponentParams;
+    t?.onAdvanceSearchClick ? t.onAdvanceSearchClick(d) : t?.toggleAdvanceSearch ? t.toggleAdvanceSearch(l) : C && C.openAdvancedFilter(l), c();
+  }, o = A?.getBoundingClientRect(), y = s?.headerComponentParams, N = y?.isSearchable, v = y?.advanceSearchEnabled;
+  return /* @__PURE__ */ r(E, { open: O, onOpenChange: (t) => !t && c(), children: [
+    o && /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
       {
         style: {
           position: "fixed",
-          left: c.left,
-          top: c.top,
-          width: c.width,
-          height: c.height,
+          left: o.left,
+          top: o.top,
+          width: o.width,
+          height: o.height,
           pointerEvents: "none",
           visibility: "hidden"
         }
       }
     ) }),
     /* @__PURE__ */ e(
-      G,
+      L,
       {
         align: "end",
         side: "bottom",
         sideOffset: 5,
         className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)]",
         onCloseAutoFocus: (t) => t.preventDefault(),
-        children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ n(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
-            /* @__PURE__ */ e(T, { size: "xs" }),
-            " Column Settings"
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ r(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
+            /* @__PURE__ */ e(F, { size: "xs" }),
+            " ",
+            n("gridHeader.columnSettings")
           ] }),
           /* @__PURE__ */ e(z, {}),
-          M && /* @__PURE__ */ n(m, { children: [
-            /* @__PURE__ */ e(p, { inset: !0, children: "Sort" }),
-            /* @__PURE__ */ n(f, { sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(s, { onClick: () => h("asc"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: w ? "Sort Smallest to Largest" : D ? "Sort Oldest to Newest" : "Sort A to Z" }),
-                C === "asc" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
+          M && /* @__PURE__ */ r(p, { children: [
+            /* @__PURE__ */ e(f, { inset: !0, children: n("gridHeader.sort") }),
+            /* @__PURE__ */ r(g, { sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(a, { onClick: () => u("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n(H ? "gridHeader.sortAscNumber" : b ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
+                x === "asc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
-              /* @__PURE__ */ e(s, { onClick: () => h("desc"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: w ? "Sort Largest to Smallest" : D ? "Sort Newest to Oldest" : "Sort Z to A" }),
-                C === "desc" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
+              /* @__PURE__ */ e(a, { onClick: () => u("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n(H ? "gridHeader.sortDescNumber" : b ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
+                x === "desc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
-              /* @__PURE__ */ e(s, { onClick: () => h(null), children: /* @__PURE__ */ e("span", { children: "Reset" }) })
+              /* @__PURE__ */ e(a, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: n("gridHeader.reset") }) })
             ] })
           ] }),
-          /* @__PURE__ */ n(m, { children: [
-            /* @__PURE__ */ e(p, { inset: !0, children: "Freeze Column" }),
-            /* @__PURE__ */ n(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(s, { onClick: () => u("left"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: "Pin Left" }),
-                g === "left" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
+          /* @__PURE__ */ r(p, { children: [
+            /* @__PURE__ */ e(f, { inset: !0, children: n("gridHeader.freezeColumn") }),
+            /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(a, { onClick: () => m("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n("gridHeader.pinLeft") }),
+                S === "left" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
-              /* @__PURE__ */ e(s, { onClick: () => u("right"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: "Pin Right" }),
-                g === "right" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
+              /* @__PURE__ */ e(a, { onClick: () => m("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n("gridHeader.pinRight") }),
+                S === "right" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
-              /* @__PURE__ */ e(s, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: "No Pin" }) })
+              /* @__PURE__ */ e(a, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: n("gridHeader.noPin") }) })
             ] })
           ] }),
-          /* @__PURE__ */ n(m, { children: [
-            /* @__PURE__ */ e(p, { inset: !0, children: "Column width" }),
-            /* @__PURE__ */ n(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(s, { onClick: () => b(!1), children: "Autosize This Column" }),
-              /* @__PURE__ */ e(s, { onClick: () => b(!0), children: "Autosize All Columns" })
+          /* @__PURE__ */ r(p, { children: [
+            /* @__PURE__ */ e(f, { inset: !0, children: n("gridHeader.columnWidth") }),
+            /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(a, { onClick: () => w(!1), children: n("gridHeader.autosizeThisColumn") }),
+              /* @__PURE__ */ e(a, { onClick: () => w(!0), children: n("gridHeader.autosizeAllColumns") })
             ] })
           ] }),
-          (N || v) && /* @__PURE__ */ n(j, { children: [
+          (N || v) && /* @__PURE__ */ r(j, { children: [
             /* @__PURE__ */ e(z, {}),
-            /* @__PURE__ */ n(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
-              /* @__PURE__ */ e(L, { size: "xs" }),
-              " Search Options"
+            /* @__PURE__ */ r(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
+              /* @__PURE__ */ e(_, { size: "xs" }),
+              " ",
+              n("gridHeader.searchOptions")
             ] }),
-            N && /* @__PURE__ */ e(s, { inset: !0, onClick: P, children: "Search" }),
-            v && /* @__PURE__ */ e(s, { inset: !0, onClick: F, children: "Advance Search" })
+            N && /* @__PURE__ */ e(a, { inset: !0, onClick: P, children: n("gridHeader.search") }),
+            v && /* @__PURE__ */ e(a, { inset: !0, onClick: T, children: n("gridHeader.advanceSearch") })
           ] })
         ] })
       }
@@ -110,5 +113,5 @@ const K = ({
   ] });
 };
 export {
-  K as ColumnSettingsMenu
+  U as ColumnSettingsMenu
 };