impact-nova 2.0.9 → 2.1.0-alpha.10

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

@@ -1,39 +0,0 @@
-import { CustomHeaderProps } from 'ag-grid-react';
-import { IHeaderGroupParams } from 'ag-grid-community';
-import { ExtendedHeaderComponentParams, InfoContent } from '../../../types/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;
-export {};

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

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

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

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-import { InfoContent } from '../../../types/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 default InfoModal;

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

@@ -1,20 +0,0 @@
-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 "../../../dialog.js";
-import { SectionRenderer as h } from "./section-renderers.js";
-import { useImpactNovaI18n as x } from "../../../../../i18n/ImpactNovaI18nContext.js";
-const H = ({ open: a, onClose: l, data: o }) => {
-  const { t: n } = x();
-  if (!o) return null;
-  const { title: m, sections: r = [] } = o;
-  return /* @__PURE__ */ e(s, { open: a, onOpenChange: (t) => !t && 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: [
-      r.map((t, c) => /* @__PURE__ */ e(h, { section: t }, `${t.type}-${c}`)),
-      r.length === 0 && /* @__PURE__ */ e("p", { className: "text-sm text-content-muted text-center py-4", children: n("gridHeader.noInformationAvailable") })
-    ] })
-  ] }) });
-};
-export {
-  H as InfoModal
-};

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

@@ -1,16 +0,0 @@
-interface LazyTooltipProps {
-    content: React.ReactNode;
-    children: React.ReactNode;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-}
-/**
- * LazyTooltip - A performance-optimized tooltip wrapper.
- *
- * Unlike rendering TooltipProvider for every column header (50,000 instances),
- * this component only mounts the Tooltip tree when the user actually hovers.
- *
- * With column virtualization, only ~20-30 columns are visible at a time,
- * so at most 30 LazyTooltip instances exist, and only ONE is "open" at a time.
- */
-export declare const LazyTooltip: ({ content, children, side }: LazyTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export default LazyTooltip;

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

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

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

@@ -1,32 +0,0 @@
-import { default as React } from 'react';
-import { UISection, TextSection, KeyValueSection, BadgesSection, LinkSection } from '../../../types/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;
-}>;

package/dist/components/ui/ag-grid-react/headers/components/section-renderers.js

@@ -1,78 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import "react";
-import { Badge as o } from "../../../badge.js";
-import { cn as i } from "../../../../../lib/utils.js";
-const d = ({ section: t }) => {
-  const r = t.variant || "paragraph", { label: n, content: l } = t.data || {}, a = i(
-    r === "heading" ? "text-lg font-semibold text-content" : r === "caption" ? "text-xs text-content-muted" : "text-sm text-content-tertiary leading-relaxed"
-  );
-  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
-    n && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: n }),
-    /* @__PURE__ */ e("p", { className: a, children: l })
-  ] });
-}, x = ({ section: t }) => {
-  const r = t.data?.items || [];
-  return /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-x-8 gap-y-4", children: r.map((n, l) => /* @__PURE__ */ s("div", { className: "flex flex-col gap-1 min-w-[120px]", children: [
-    /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-normal", children: n.label }),
-    /* @__PURE__ */ e("span", { className: "text-sm text-content font-semibold", children: String(n.value) })
-  ] }, `${n.label}-${l}`)) });
-}, m = ({ section: t }) => {
-  const { label: r, items: n = [] } = t.data || {}, l = n.filter((a) => a.label && a.label.trim().length > 0);
-  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
-    r && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: r }),
-    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: l.map((a, c) => /* @__PURE__ */ e(
-      o,
-      {
-        variant: a.variant,
-        color: a.color,
-        children: a.label
-      },
-      `${a.label}-${c}`
-    )) })
-  ] });
-}, p = ({ section: t }) => {
-  const { label: r, text: n, url: l } = t.data || {};
-  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
-    r && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: r }),
-    /* @__PURE__ */ e(
-      "a",
-      {
-        href: l,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "text-sm text-brand hover:underline font-medium inline-flex items-center gap-1",
-        children: n
-      }
-    )
-  ] });
-}, N = ({ section: t }) => {
-  const r = () => {
-    switch (t.type) {
-      case "TEXT":
-        return /* @__PURE__ */ e(d, { section: t });
-      case "KEY_VALUE":
-        return /* @__PURE__ */ e(x, { section: t });
-      case "BADGES":
-        return /* @__PURE__ */ e(m, { section: t });
-      case "LINK":
-        return /* @__PURE__ */ e(p, { section: t });
-      default:
-        return null;
-    }
-  }, n = (l) => {
-    const { separator: a } = t;
-    return a ? a === !0 || a === l || a === "both" : !1;
-  };
-  return /* @__PURE__ */ s("div", { className: "w-full", children: [
-    n("top") && /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline my-6" }),
-    r(),
-    n("bottom") && /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline my-6" })
-  ] });
-};
-export {
-  m as BadgesSectionRenderer,
-  x as KeyValueSectionRenderer,
-  p as LinkSectionRenderer,
-  N as SectionRenderer,
-  d as TextSectionRenderer
-};

package/dist/components/ui/ag-grid-react/headers/components/truncated-text.d.ts

@@ -1,15 +0,0 @@
-interface TruncatedTextProps {
-    text: string;
-    className?: string;
-}
-/**
- * TruncatedText - Wraps text to 2 lines, shows tooltip when clamped
- *
- * Performance note: This component uses useState/useRef but is only instantiated
- * once per visible header (not per column). With column virtualization, only ~20-30
- * headers are rendered at a time, so the hook overhead is minimal.
- *
- * The tooltip is lazily mounted - only after user hovers AND text is clamped.
- */
-export declare const TruncatedText: ({ text, className }: TruncatedTextProps) => import("react/jsx-runtime").JSX.Element;
-export default TruncatedText;

package/dist/components/ui/ag-grid-react/headers/components/truncated-text.js

@@ -1,27 +0,0 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useRef as f, useState as s } from "react";
-import { cn as p } from "../../../../../lib/utils.js";
-import { TooltipProvider as m, Tooltip as T, TooltipTrigger as g, TooltipContent as C } from "../../../tooltip.js";
-const b = ({ text: t, className: o }) => {
-  const r = f(null), [c, i] = s(!1), [l, a] = s(!1), d = () => {
-    if (r.current) {
-      const u = r.current.scrollHeight > r.current.clientHeight;
-      i(u), a(!0);
-    }
-  }, n = p("line-clamp-2 break-words", o);
-  return l && c ? /* @__PURE__ */ e(m, { children: /* @__PURE__ */ h(T, { children: [
-    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("span", { ref: r, className: n, children: t }) }),
-    /* @__PURE__ */ e(C, { side: "bottom", variant: "tertiary", children: /* @__PURE__ */ e("p", { children: t }) })
-  ] }) }) : /* @__PURE__ */ e(
-    "span",
-    {
-      ref: r,
-      className: n,
-      onMouseEnter: d,
-      children: t
-    }
-  );
-};
-export {
-  b as TruncatedText
-};

package/dist/components/ui/ag-grid-react/headers/context/grid-header-context.d.ts

@@ -1,36 +0,0 @@
-import { AdvancedFilterModel } from '../../../types/ag-grid.types';
-/**
- * Grid Header Context - Coordinates header state across all columns.
- *
- * Instead of each header having its own useState for search state
- * (50,000 columns = 50,000 state objects), we use ONE context state
- * at the grid level to track:
- * - Which column (if any) has active search popover
- * - Advanced filter model and computed display strings
- */
-export interface GridHeaderContextValue {
-    /** Open search popover for a specific column */
-    openSearch: (columnId: string) => void;
-    /** Close the search popover */
-    closeSearch: () => void;
-    /** Open the advanced filter dialog, optionally for a specific column */
-    openAdvancedFilter: (columnId?: string) => void;
-    /** Close the advanced filter dialog */
-    closeAdvancedFilter: () => void;
-    /** Apply a new advanced filter model (updates state AND applies to grid) */
-    applyAdvancedFilter: (model: AdvancedFilterModel | null) => void;
-    /** Open column settings menu for a specific column or group */
-    openMenu: (columnId: string, anchor: HTMLElement, variant?: 'column' | 'group') => void;
-    /** Close the column settings menu */
-    closeMenu: () => void;
-    /** ID of the column that currently has the settings menu open */
-    activeMenuColumnId: string | null;
-    /** Variant of the active menu ('column' for regular columns, 'group' for column groups) */
-    activeMenuVariant: 'column' | 'group' | null;
-}
-export declare const GridHeaderContext: import('react').Context<GridHeaderContextValue>;
-/**
- * Hook to access grid header context from within header components.
- * Returns null if used outside of GridHeaderContext.Provider.
- */
-export declare const useGridHeader: () => GridHeaderContextValue | null;

package/dist/components/ui/ag-grid-react/headers/custom-header-group.d.ts

@@ -1,11 +0,0 @@
-import { IHeaderGroupParams } from 'ag-grid-community';
-import { ExtendedHeaderComponentParams } from '../../types/ag-grid.types';
-/**
- * CustomHeaderGroup — optimized for large column trees.
- *
- * Not wrapped in React.memo: AG Grid mutates `columnGroup` in place on expand/collapse;
- * memo would serve stale `isExpanded` and break collapse. `toggleExpand` reads
- * `columnGroup.isExpanded()` at click time.
- */
-export declare function CustomHeaderGroup(props: IHeaderGroupParams & ExtendedHeaderComponentParams): import("react/jsx-runtime").JSX.Element;
-export default CustomHeaderGroup;

package/dist/components/ui/ag-grid-react/headers/custom-header-group.js

@@ -1,47 +0,0 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { ChevronRight as x } from "impact-nova-icons";
-import { cn as g } from "../../../../lib/utils.js";
-import { HeaderInfo as h } from "./components/header-info.js";
-import { TruncatedText as E } from "./components/truncated-text.js";
-import { useGridHeader as N } from "./context/grid-header-context.js";
-function H(o) {
-  const {
-    displayName: d,
-    showInfoIcon: l = !1,
-    columnGroup: e,
-    setExpanded: a
-  } = o, r = N(), c = e ? e.isExpanded() : !1, s = e ? e.isExpandable() : !1, p = (t) => {
-    t && t.stopPropagation(), a && e && a(!e.isExpanded());
-  }, m = (t) => {
-    if (t.preventDefault(), t.stopPropagation(), r && e) {
-      const u = e.getGroupId() || "group";
-      r.openMenu(u, t.currentTarget, "group");
-    }
-  }, i = d || "";
-  return !i && l === !1 ? null : /* @__PURE__ */ f(
-    "div",
-    {
-      className: "ag-header-group-cell-label ag-sticky-label flex items-center h-full cursor-pointer select-none",
-      onClick: s ? p : void 0,
-      onContextMenu: m,
-      role: "presentation",
-      children: [
-        /* @__PURE__ */ n(
-          E,
-          {
-            text: i,
-            className: "ag-header-group-text font-bold text-content"
-          }
-        ),
-        /* @__PURE__ */ n(h, { ...o, className: "ml-1" }),
-        s && /* @__PURE__ */ n("span", { className: g(
-          "ag-header-icon ag-header-expand-icon ml-[6px] flex items-center justify-center transition-transform duration-200",
-          c ? "ag-header-expand-icon-expanded rotate-180" : "ag-header-expand-icon-collapsed"
-        ), children: /* @__PURE__ */ n(x, { size: 16, className: "text-content-tertiary" }) })
-      ]
-    }
-  );
-}
-export {
-  H as CustomHeaderGroup
-};

package/dist/components/ui/ag-grid-react/headers/custom-header.d.ts

@@ -1,4 +0,0 @@
-import { CustomHeaderProps } from 'ag-grid-react';
-import { ExtendedHeaderComponentParams } from '../../types/ag-grid.types';
-export declare const CustomHeader: (props: CustomHeaderProps & ExtendedHeaderComponentParams) => import("react/jsx-runtime").JSX.Element;
-export default CustomHeader;