impact-nova 2.0.9 → 2.1.0-alpha.10

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

@@ -0,0 +1,200 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useMemo as E } from "react";
+import { Button as v } from "../../../../primitives/button/button.js";
+import { Input as f } from "../../../../forms/input/input.js";
+import { DatePicker as V } from "../../../../forms/date-picker/date-picker.js";
+import { DateRangePicker as I } from "../../../../forms/date-picker/date-range-picker.js";
+import { Select as h } from "../../../../forms/select/select.js";
+import { Bin as y } from "impact-nova-icons";
+import { useImpactNovaI18n as D } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { createEmptyRule as R } from "../utils/filter-utils.js";
+import { DEFAULT_DATE_DISPLAY_FORMAT as _ } from "../utils/date-utils.js";
+const T = {
+  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"]
+}, M = ({
+  columnId: p,
+  columnLabel: q,
+  columnType: l,
+  selectOptions: g,
+  isMultiSelect: c,
+  rules: s,
+  logic: C,
+  onLogicChange: F,
+  onRulesChange: m,
+  canDeleteLastRule: u = !1,
+  onDeleteColumnFilter: x,
+  dateDisplayFormat: b = _
+}) => {
+  const { t: r } = D(), N = E(() => (T[l] ?? T.text).map((n) => ({ label: r(`filter.operators.${l === "date" && n === "greaterThan" ? "after" : l === "date" && n === "lessThan" ? "before" : l === "date" && n === "inRange" ? "between" : n}`), value: n })), [l, r]), w = E(
+    () => [
+      { label: r("filter.logicAll"), value: "AND" },
+      { label: r("filter.logicAny"), value: "OR" }
+    ],
+    [r]
+  ), O = () => {
+    m([...s, R(p, l)]);
+  }, S = (e) => {
+    if (s.length > 1 || u) {
+      const n = s.filter((t) => t.id !== e);
+      n.length === 0 && u ? m([]) : m(n.length > 0 ? n : [R(p, l)]);
+    }
+  }, o = (e, n) => {
+    m(s.map((t) => t.id === e ? { ...t, ...n } : t));
+  }, k = (e) => {
+    if (e.operator === "empty" || e.operator === "notEmpty")
+      return /* @__PURE__ */ a("span", { className: "text-content-placeholder italic text-sm", children: r("advancedFilter.noValueNeeded") });
+    if (l === "date")
+      return e.operator === "inRange" ? /* @__PURE__ */ a(
+        I,
+        {
+          value: {
+            from: e.value ? new Date(e.value) : void 0,
+            to: e.valueTo ? new Date(e.valueTo) : void 0
+          },
+          onChange: (t) => {
+            o(e.id, {
+              value: t?.from?.toISOString() || "",
+              valueTo: t?.to?.toISOString() || ""
+            });
+          },
+          format: b,
+          showFooter: !0
+        }
+      ) : /* @__PURE__ */ a(
+        V,
+        {
+          value: e.value ? new Date(e.value) : void 0,
+          onChange: (t) => o(e.id, { value: t?.toISOString() || "" }),
+          placeholder: r("filter.selectDate"),
+          format: b,
+          showFooter: !0
+        }
+      );
+    const n = e.operator === "equals" || e.operator === "notEqual";
+    return l === "select" || l === "multi" && n ? /* @__PURE__ */ a(
+      h,
+      {
+        options: g || [],
+        value: (() => {
+          const t = (g || []).filter((i) => Array.isArray(e.value) ? e.value.includes(i.value) : String(e.value) === String(i.value));
+          return t.length === 0 ? null : c !== !1 ? t : t[0];
+        })(),
+        onChange: (t) => {
+          Array.isArray(t) ? o(e.id, { value: t.map((i) => i.value) }) : o(e.id, { value: t?.value || "" });
+        },
+        isMulti: c !== void 0 ? c : !0,
+        placeholder: r(c === !1 ? "filter.selectValue" : "filter.selectValues"),
+        className: "w-full",
+        menuPortalTarget: document.body
+      }
+    ) : e.operator === "inRange" ? /* @__PURE__ */ d("div", { className: "flex items-center gap-2 w-full", children: [
+      /* @__PURE__ */ a(
+        f,
+        {
+          value: e.value,
+          onChange: (t) => o(e.id, { value: t.target.value }),
+          placeholder: r("filter.from"),
+          type: l === "number" ? "number" : "text",
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "text-content-placeholder shrink-0", children: r("filter.to") }),
+      /* @__PURE__ */ a(
+        f,
+        {
+          value: e.valueTo || "",
+          onChange: (t) => o(e.id, { valueTo: t.target.value }),
+          placeholder: r("filter.to"),
+          type: l === "number" ? "number" : "text",
+          className: "flex-1"
+        }
+      )
+    ] }) : /* @__PURE__ */ a(
+      f,
+      {
+        value: e.value,
+        onChange: (t) => o(e.id, { value: t.target.value }),
+        placeholder: r("filter.enterValue"),
+        type: l === "number" ? "number" : "text",
+        className: "w-full"
+      }
+    );
+  }, P = (e) => {
+    const n = N.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(
+        h,
+        {
+          options: N,
+          value: n || null,
+          onChange: (t) => {
+            const i = t;
+            if (!i) return;
+            const A = i.value === "inRange" && e.value && !e.valueTo ? Array.isArray(e.value) ? e.value[0] : e.value : void 0;
+            o(e.id, { operator: i.value, ...A != null && { valueTo: A } });
+          },
+          placeholder: r("filter.operator"),
+          className: "w-full",
+          menuPortalTarget: document.body
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: k(e) }),
+      /* @__PURE__ */ a(
+        v,
+        {
+          onClick: () => S(e.id),
+          variant: "tertiary",
+          size: "icon",
+          "aria-label": r("aria.removeRule"),
+          disabled: s.length === 1 && !u,
+          children: /* @__PURE__ */ a(y, { size: "xs" })
+        }
+      )
+    ] }, e.id);
+  };
+  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ d("div", { className: "text-secondary-foreground 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(
+        h,
+        {
+          options: w,
+          value: w.find((e) => e.value === C),
+          onChange: (e) => {
+            const n = e;
+            n && F(n.value);
+          },
+          className: "h-8",
+          menuPortalTarget: document.body,
+          isClearable: !1
+        }
+      ) }),
+      /* @__PURE__ */ a("span", { children: r("advancedFilter.ofTheFollowingRulesForColumn") }),
+      /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: q })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: s.map((e) => P(e)) }),
+    /* @__PURE__ */ d("div", { className: "flex items-center justify-between mt-1", children: [
+      /* @__PURE__ */ a(v, { onClick: O, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
+      x && /* @__PURE__ */ d(
+        v,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: x,
+          className: "text-validation hover:text-destructive hover:bg-feedback-error-surface border-destructive",
+          children: [
+            /* @__PURE__ */ a(y, { size: "xs" }),
+            r("advancedFilter.deleteColumn")
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  M as ColumnFilterSection
+};

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

@@ -0,0 +1,167 @@
+import { jsxs as r, jsx as e, Fragment as B } from "react/jsx-runtime";
+import "react";
+import { Settings as W, Checkmark as m, Search as I } from "impact-nova-icons";
+import { DropdownMenu as A, DropdownMenuTrigger as F, DropdownMenuContent as P, DropdownMenuItem as i, DropdownMenuLabel as T, DropdownMenuSeparator as j, DropdownMenuSub as g, DropdownMenuSubTrigger as C, DropdownMenuSubContent as x } from "../../../../feedback/dropdown-menu/dropdown-menu.js";
+import { useImpactNovaI18n as J } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { useGridHeader as K } from "../context/grid-header-context.js";
+import { setActiveSearchColumnId as Q } from "../header-search-active-state.js";
+import { notifyColumnIndicatorSync as U } from "../../notify-column-indicator-sync.js";
+const re = ({
+  isOpen: S,
+  onClose: a,
+  columnId: c,
+  gridApi: s,
+  anchor: q,
+  variant: d = "column"
+}) => {
+  const { t } = J(), h = K(), u = d === "column" ? s.getColumn(c) : null;
+  if (d === "column" && !u) return null;
+  const l = u?.getColDef(), y = u?.getSort(), w = u?.getPinned(), E = d === "column" && l?.sortable !== !1, H = l?.filter || "agTextColumnFilter", b = H === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), k = H === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), G = s.getGridOption("suppressRowVirtualisation") !== !0, p = (n) => {
+    queueMicrotask(() => {
+      s.applyColumnState({
+        state: [{ colId: c, sort: n }],
+        defaultState: { sort: null }
+      });
+    }), a();
+  }, f = (n) => {
+    queueMicrotask(() => {
+      s.applyColumnState({
+        state: [{ colId: c, pinned: n }]
+      });
+    }), a();
+  }, N = (n) => {
+    n ? s.autoSizeAllColumns() : s.autoSizeColumns([c]), a();
+  }, D = () => {
+    queueMicrotask(() => {
+      s.showColumnChooser();
+    }), a();
+  }, v = () => {
+    queueMicrotask(() => {
+      s.resetColumnState();
+    }), a();
+  }, R = () => {
+    if (h)
+      h.openSearch(c);
+    else {
+      const n = s.getGridOption("context") || {};
+      s.setGridOption("context", { ...n, activeSearchColumnId: c }), Q(c), U(s);
+    }
+    a();
+  }, L = () => {
+    const n = l?.headerComponentParams;
+    n?.onAdvanceSearchClick ? n.onAdvanceSearchClick(u) : n?.toggleAdvanceSearch ? n.toggleAdvanceSearch(c) : h && h.openAdvancedFilter(c), a();
+  }, o = q?.getBoundingClientRect(), z = l?.headerComponentParams, M = d === "column" && z?.isSearchable, O = d === "column" && z?.advanceSearchEnabled, V = t(G ? "gridHeader.autosizeAllVisibleColumns" : "gridHeader.autosizeAllColumns");
+  return d === "group" ? /* @__PURE__ */ r(A, { open: S, onOpenChange: (n) => !n && a(), children: [
+    o && /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          left: o.left,
+          top: o.top,
+          width: o.width,
+          height: o.height,
+          pointerEvents: "none",
+          visibility: "hidden"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      P,
+      {
+        align: "end",
+        side: "bottom",
+        sideOffset: 5,
+        className: "w-[200px] p-2 rounded-[8px] border-none !shadow-elevation-settings",
+        onCloseAutoFocus: (n) => n.preventDefault(),
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ e(i, { onClick: D, children: t("gridHeader.chooseColumns") }),
+          /* @__PURE__ */ e(i, { onClick: v, children: t("gridHeader.resetColumns") })
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ r(A, { open: S, onOpenChange: (n) => !n && a(), children: [
+    o && /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          left: o.left,
+          top: o.top,
+          width: o.width,
+          height: o.height,
+          pointerEvents: "none",
+          visibility: "hidden"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      P,
+      {
+        align: "end",
+        side: "bottom",
+        sideOffset: 5,
+        className: "w-[200px] p-2 rounded-[8px] border-none !shadow-elevation-settings",
+        onCloseAutoFocus: (n) => n.preventDefault(),
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ r(T, { className: "flex items-center gap-2 text-content-tertiary", children: [
+            /* @__PURE__ */ e(W, { size: "xs" }),
+            " ",
+            t("gridHeader.columnSettings")
+          ] }),
+          /* @__PURE__ */ e(j, {}),
+          E && /* @__PURE__ */ r(g, { children: [
+            /* @__PURE__ */ e(C, { inset: !0, children: t("gridHeader.sort") }),
+            /* @__PURE__ */ r(x, { sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => p("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: t(b ? "gridHeader.sortAscNumber" : k ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
+                y === "asc" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+              ] }) }),
+              /* @__PURE__ */ e(i, { onClick: () => p("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: t(b ? "gridHeader.sortDescNumber" : k ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
+                y === "desc" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+              ] }) }),
+              /* @__PURE__ */ e(i, { onClick: () => p(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ r(g, { children: [
+            /* @__PURE__ */ e(C, { inset: !0, children: t("gridHeader.freezeColumn") }),
+            /* @__PURE__ */ r(x, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => f("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: t("gridHeader.pinLeft") }),
+                w === "left" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+              ] }) }),
+              /* @__PURE__ */ e(i, { onClick: () => f("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: t("gridHeader.pinRight") }),
+                w === "right" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+              ] }) }),
+              /* @__PURE__ */ e(i, { onClick: () => f(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ r(g, { children: [
+            /* @__PURE__ */ e(C, { inset: !0, children: t("gridHeader.columnWidth") }),
+            /* @__PURE__ */ r(x, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => N(!1), children: t("gridHeader.autosizeThisColumn") }),
+              /* @__PURE__ */ e(i, { onClick: () => N(!0), children: V })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(i, { inset: !0, onClick: D, children: t("gridHeader.chooseColumns") }),
+          /* @__PURE__ */ e(i, { inset: !0, onClick: v, children: t("gridHeader.resetColumns") }),
+          (M || O) && /* @__PURE__ */ r(B, { children: [
+            /* @__PURE__ */ e(j, {}),
+            /* @__PURE__ */ r(T, { className: "flex items-center gap-2 text-content-tertiary", children: [
+              /* @__PURE__ */ e(I, { size: "xs" }),
+              " ",
+              t("gridHeader.searchOptions")
+            ] }),
+            M && /* @__PURE__ */ e(i, { inset: !0, onClick: R, children: t("gridHeader.search") }),
+            O && /* @__PURE__ */ e(i, { inset: !0, onClick: L, children: t("gridHeader.advanceSearch") })
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  re as ColumnSettingsMenu
+};

package/dist/components/data/ag-grid-react/headers/components/date-filter-picker.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export type DatePickerVariant = 'date' | 'month' | 'week';
+export interface FiscalConfig {
+    calendarType?: 'calendar' | 'fiscal';
+    fiscalMode?: 'basic' | 'advanced' | 'custom';
+    selectionMode?: 'week' | 'fiscalMonth';
+    fiscalMonthPattern?: number[];
+    fiscalYearStartMonth?: number;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+export interface DateFilterPickerProps {
+    variant: DatePickerVariant;
+    mode: 'single' | 'range';
+    value: {
+        dateFrom?: string;
+        dateTo?: string;
+    } | null;
+    onChange: (value: {
+        dateFrom: string;
+        dateTo: string;
+    } | null) => void;
+    fiscalConfig?: FiscalConfig;
+    placeholder?: string;
+    className?: string;
+    showFooter?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    /** Display format for dates (date-fns token string). Default: "MM/dd/yyyy" */
+    dateDisplayFormat?: string;
+}
+/**
+ * Unified date filter picker that abstracts date/month/week selection
+ * while maintaining consistent AG Grid filter model format.
+ */
+export declare const DateFilterPicker: React.FC<DateFilterPickerProps>;

package/dist/components/data/ag-grid-react/headers/components/header-info.d.ts

@@ -0,0 +1,39 @@
+import { CustomHeaderProps } from 'ag-grid-react';
+import { IHeaderGroupParams } from 'ag-grid-community';
+import { ExtendedHeaderComponentParams, InfoContent } from '../../ag-grid.types';
+/**
+ * Info Icon Trigger - native button for grid header info actions.
+ */
+export declare const InfoIconTrigger: ({ onClick, className, label, }: {
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Tooltip-only Info Trigger
+ */
+export declare const TooltipInfoTrigger: ({ content, className, onInfoClick, label, }: {
+    content: string;
+    className?: string;
+    onInfoClick?: (e: React.MouseEvent) => void;
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Modal-enabled Info Trigger
+ * Only this component allocates a useState hook.
+ */
+export declare const ModalInfoTrigger: ({ infoData, className, onInfoClick, label, }: {
+    infoData?: InfoContent;
+    className?: string;
+    onInfoClick?: (e: React.MouseEvent) => void;
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+type HeaderInfoProps = (CustomHeaderProps | IHeaderGroupParams) & ExtendedHeaderComponentParams & {
+    className?: string;
+};
+/**
+ * Header Info - Main switcher for optimized performance
+ * Works for both CustomHeader and CustomHeaderGroup
+ */
+export declare const HeaderInfo: (props: HeaderInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/data/ag-grid-react/headers/components/header-info.js

@@ -0,0 +1,109 @@
+import { jsx as t, jsxs as h, Fragment as I } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { cn as f } from "../../../../../lib/utils.js";
+import { Info as k } from "impact-nova-icons";
+import { useImpactNovaI18n as m } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { LazyTooltip as p } from "./lazy-tooltip.js";
+import { InfoModal as b } from "./info-modal.js";
+const u = ({
+  onClick: n,
+  className: e,
+  label: o
+}) => {
+  const i = (a) => {
+    a.stopPropagation(), n?.(a);
+  };
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "aria-label": o,
+      className: f(
+        "cursor-pointer flex items-center justify-center shrink-0 w-6 h-6 rounded-md transition-all duration-200 text-content-tertiary hover:bg-canvas-muted active:bg-stroke-hairline",
+        e
+      ),
+      onClick: i,
+      children: /* @__PURE__ */ t(k, { size: 16, "aria-hidden": !0 })
+    }
+  );
+}, v = ({
+  content: n,
+  className: e,
+  onInfoClick: o,
+  label: i
+}) => /* @__PURE__ */ t(p, { content: n, children: /* @__PURE__ */ t(u, { onClick: o, className: e, label: i }) }), C = ({
+  infoData: n,
+  className: e,
+  onInfoClick: o,
+  label: i
+}) => {
+  const { t: a } = m(), [c, l] = g(!1), s = (r) => {
+    r.stopPropagation(), l(!0);
+  };
+  return /* @__PURE__ */ h(I, { children: [
+    /* @__PURE__ */ t(p, { content: a("gridHeader.clickForDetails"), children: /* @__PURE__ */ t(
+      u,
+      {
+        label: i,
+        onClick: (r) => {
+          s(r), o && o(r);
+        },
+        className: f(
+          "hover:bg-canvas-muted hover:shadow-sm hover:text-brand-variant-hover hover:-translate-y-0.5 active:scale-95",
+          e
+        )
+      }
+    ) }),
+    c && n && // Stop propagation to prevent the click from bubbling to the header group
+    // regardless of whether the modal is portaled or not.
+    /* @__PURE__ */ t("div", { onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ t(
+      b,
+      {
+        open: c,
+        onClose: () => l(!1),
+        data: n
+      }
+    ) })
+  ] });
+}, M = (n) => {
+  const {
+    showInfoIcon: e,
+    displayName: o
+  } = n;
+  return !e || !o || o.trim() === "" ? null : /* @__PURE__ */ t(y, { ...n });
+};
+function y(n) {
+  const { t: e } = m(), {
+    displayName: o,
+    displayMode: i = "tooltip",
+    infoTooltip: a,
+    infoData: c,
+    className: l,
+    onInfoClick: s
+  } = n, r = () => {
+    s && s(n);
+  }, d = a ? `${o}: ${a}` : `${o} ${e("gridHeader.information")}`;
+  return i === "modal" ? /* @__PURE__ */ t(
+    C,
+    {
+      infoData: c,
+      className: l,
+      onInfoClick: r,
+      label: d
+    }
+  ) : /* @__PURE__ */ t(
+    v,
+    {
+      content: a || `Info about ${o}`,
+      className: l,
+      onInfoClick: r,
+      label: d
+    }
+  );
+}
+export {
+  M as HeaderInfo,
+  u as InfoIconTrigger,
+  C as ModalInfoTrigger,
+  v as TooltipInfoTrigger
+};

package/dist/components/data/ag-grid-react/headers/components/info-modal.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { InfoContent } from '../../ag-grid.types';
+interface InfoModalProps {
+    open: boolean;
+    onClose: () => void;
+    data: InfoContent;
+}
+/**
+ * InfoModal - Generic modal for displaying detailed column information.
+ */
+export declare const InfoModal: React.FC<InfoModalProps>;
+export {};

package/dist/components/data/ag-grid-react/headers/components/info-modal.js

@@ -0,0 +1,20 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import "react";
+import { Dialog as s, DialogContent as d, DialogHeader as p, DialogTitle as g, DialogBody as f } from "../../../../feedback/dialog/dialog.js";
+import { useImpactNovaI18n as h } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { SectionRenderer as x } from "./section-renderers.js";
+const H = ({ open: a, onClose: l, data: r }) => {
+  const { t: n } = h();
+  if (!r) return null;
+  const { title: m, sections: t = [] } = r;
+  return /* @__PURE__ */ e(s, { open: a, onOpenChange: (o) => !o && l(), children: /* @__PURE__ */ i(d, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(g, { children: m || n("gridHeader.information") }) }),
+    /* @__PURE__ */ i(f, { className: "space-y-6 py-8", children: [
+      t.map((o, c) => /* @__PURE__ */ e(x, { section: o }, `${o.type}-${c}`)),
+      t.length === 0 && /* @__PURE__ */ e("p", { className: "text-sm text-secondary-foreground text-center py-4", children: n("gridHeader.noInformationAvailable") })
+    ] })
+  ] }) });
+};
+export {
+  H as InfoModal
+};

package/dist/components/data/ag-grid-react/headers/components/lazy-tooltip.d.ts

@@ -0,0 +1,10 @@
+interface LazyTooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}
+/**
+ * Lazy-mount tooltip on first hover. Requires app-level TooltipProvider (ImpactNovaProviders).
+ */
+export declare const LazyTooltip: ({ content, children, side }: LazyTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data/ag-grid-react/headers/components/lazy-tooltip.js

@@ -0,0 +1,13 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { Tooltip as p, TooltipTrigger as l, TooltipContent as c } from "../../../../feedback/tooltip/tooltip.js";
+const f = ({ content: r, children: e, side: o = "bottom" }) => {
+  const [n, i] = a(!1);
+  return n ? /* @__PURE__ */ s(p, { children: [
+    /* @__PURE__ */ t(l, { asChild: !0, children: /* @__PURE__ */ t("span", { children: e }) }),
+    /* @__PURE__ */ t(c, { side: o, variant: "tertiary", children: /* @__PURE__ */ t("p", { children: r }) })
+  ] }) : /* @__PURE__ */ t("span", { onMouseEnter: () => i(!0), children: e });
+};
+export {
+  f as LazyTooltip
+};

package/dist/components/data/ag-grid-react/headers/components/section-renderers.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { UISection, TextSection, KeyValueSection, BadgesSection, LinkSection } from '../../ag-grid.types';
+/**
+ * Text Section Renderer
+ */
+export declare const TextSectionRenderer: React.FC<{
+    section: TextSection;
+}>;
+/**
+ * Key-Value Section Renderer
+ */
+export declare const KeyValueSectionRenderer: React.FC<{
+    section: KeyValueSection;
+}>;
+/**
+ * Badges Section Renderer
+ */
+export declare const BadgesSectionRenderer: React.FC<{
+    section: BadgesSection;
+}>;
+/**
+ * Link Section Renderer
+ */
+export declare const LinkSectionRenderer: React.FC<{
+    section: LinkSection;
+}>;
+/**
+ * Main Section Switcher
+ */
+export declare const SectionRenderer: React.FC<{
+    section: UISection;
+}>;