impact-nova 2.2.6 → 2.2.8

package/dist/components/data/ag-grid-react/cell-renderers/link-with-batch-cell-renderer.js

@@ -1,170 +1,146 @@
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
-import { useMemo as R, useCallback as C, useState as H, useRef as I, useEffect as P } from "react";
+import { jsx as c, jsxs as j } from "react/jsx-runtime";
+import { useMemo as b, useCallback as T } from "react";
 import { Badge as V } from "../../../data-display/badge/badge.js";
-import { evaluateValidationRules as U, getFieldValue as v, mapBadgeVariant as G, mapBadgeColor as _ } from "./cell-renderer-utils.js";
-import { resolveGridIcon as z } from "./gridIconResolver.js";
-import { Tooltip as M, TooltipTrigger as Q, TooltipContent as W } from "../../../feedback/tooltip/tooltip.js";
-const q = (e, n, r, d) => {
+import { evaluateValidationRules as I, getFieldValue as m, mapBadgeVariant as L, mapBadgeColor as U } from "./cell-renderer-utils.js";
+import { resolveGridIcon as H } from "./gridIconResolver.js";
+import { Tooltip as _, TooltipTrigger as z, TooltipContent as G } from "../../../feedback/tooltip/tooltip.js";
+const M = (e, n, r, a) => {
   if (!n) return e;
-  let l = e;
-  return l = l.replace(/\$\{value\}/g, String(d ?? "")), l = l.replace(/\$\{field\}/g, String(r ?? "")), Object.keys(n).forEach((o) => {
-    const i = new RegExp(`\\$\\{${o}\\}`, "g");
-    l = l.replace(i, String(n[o] ?? ""));
-  }), l;
-}, A = ({
+  let t = e;
+  return t = t.replace(/\$\{value\}/g, String(a ?? "")), t = t.replace(/\$\{field\}/g, String(r ?? "")), Object.keys(n).forEach((i) => {
+    const o = new RegExp(`\\$\\{${i}\\}`, "g");
+    t = t.replace(o, String(n[i] ?? ""));
+  }), t;
+}, Q = ({
   iconConfig: e,
   rowData: n,
   rowId: r,
-  field: d
+  field: a
 }) => {
-  const [l, o] = H(!1), i = I(null);
-  P(() => {
-    const x = i.current;
-    if (!x || !e.showOnHover)
-      return;
-    const y = x.closest(".group");
-    if (!y)
-      return;
-    const c = () => o(!1);
-    return y.addEventListener("mouseleave", c), () => {
-      y.removeEventListener("mouseleave", c);
-    };
-  }, [e.showOnHover]), P(() => () => o(!1), []);
-  let s = null;
-  const u = v(e.iconField, e.icon, n);
-  if (typeof u == "string" ? s = z(u, { size: 16 }) : s = u, !s) return null;
-  const k = v(e.backgroundColorField, e.backgroundColor, n), h = v(e.colorField, e.color, n) ?? "var(--color-foreground-icon)", g = v(e.tooltipField, e.tooltip, n), S = /* @__PURE__ */ a(
+  let t = null;
+  const i = m(e.iconField, e.icon, n);
+  if (typeof i == "string" ? t = H(i, { size: 16 }) : t = i, !t) return null;
+  const o = m(e.backgroundColorField, e.backgroundColor, n), s = m(e.colorField, e.color, n) ?? "var(--color-foreground-icon)", f = m(e.tooltipField, e.tooltip, n), h = /* @__PURE__ */ c(
     "div",
     {
-      ref: i,
-      className: `flex items-center justify-center bg-[var(--icon-bg)] text-[var(--icon-fg)] ${e.onClick ? "cursor-pointer" : ""} ${e.showOnHover ? "invisible opacity-0 pointer-events-none group-hover:visible group-hover:opacity-100 group-hover:pointer-events-auto transition-opacity" : ""}`,
+      className: `flex shrink-0 items-center justify-center bg-[var(--icon-bg)] text-[var(--icon-fg)] ${e.onClick ? "cursor-pointer" : ""} ${e.showOnHover ? "max-w-0 min-w-0 overflow-hidden p-0 opacity-0 pointer-events-none group-hover:max-w-none group-hover:min-w-[18px] group-hover:p-0.5 group-hover:opacity-100 group-hover:pointer-events-auto" : "p-0.5 min-w-[18px]"}`,
       style: {
-        "--icon-bg": k,
-        "--icon-fg": h,
+        "--icon-bg": o,
+        "--icon-fg": s,
         borderRadius: "4px",
-        padding: "2px",
-        minWidth: "18px",
         minHeight: "18px"
       },
-      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: d, rowData: n ?? {} }) : void 0,
-      children: s
+      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: a, rowData: n ?? {} }) : void 0,
+      children: t
     }
   );
-  return g ? /* @__PURE__ */ j(
-    M,
-    {
-      open: l,
-      onOpenChange: o,
-      disableHoverableContent: !0,
-      children: [
-        /* @__PURE__ */ a(Q, { asChild: !0, children: S }),
-        /* @__PURE__ */ a(W, { variant: "tertiary", side: e.tooltipSide || "top", children: g })
-      ]
-    }
-  ) : null;
-}, J = ({
+  return f ? /* @__PURE__ */ j(_, { children: [
+    /* @__PURE__ */ c(z, { asChild: !0, children: h }),
+    /* @__PURE__ */ c(G, { variant: "tertiary", side: e.tooltipSide || "top", children: f })
+  ] }) : h;
+}, q = ({
   badgeConfig: e,
   rowData: n,
   rowId: r,
-  field: d
+  field: a
 }) => {
-  const l = v(e.labelField, e.label, n);
-  if (!l) return null;
-  const o = v(e.colorField, e.color, n), i = v(e.variantField, e.variant, n);
-  return /* @__PURE__ */ a(
+  const t = m(e.labelField, e.label, n);
+  if (!t) return null;
+  const i = m(e.colorField, e.color, n), o = m(e.variantField, e.variant, n);
+  return /* @__PURE__ */ c(
     V,
     {
       className: "font-medium",
-      color: _(o),
-      variant: G(i),
-      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: d, rowData: n ?? {} }) : void 0,
-      children: l
+      color: U(i),
+      variant: L(o),
+      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: a, rowData: n ?? {} }) : void 0,
+      children: t
     }
   );
-}, X = (e) => {
+}, A = (e) => {
   const {
     value: n,
     data: r,
-    node: d,
-    colDef: l,
-    onClick: o,
-    redirectUrl: i,
+    node: a,
+    colDef: t,
+    onClick: i,
+    redirectUrl: o,
     updateQueryParams: s,
-    navigate: u,
-    setSearchParams: k,
-    rightSideContent: h,
-    valueFormatter: g,
+    navigate: f,
+    setSearchParams: h,
+    rightSideContent: y,
+    valueFormatter: k,
     disableOnPinnedRows: S = !0,
-    disableLinkStyle: x,
-    validationRules: y
-  } = e, c = d.id ?? String(r?.id ?? ""), p = l?.field ?? "", $ = r && typeof r == "object" && "_isPinned" in r && r._isPinned === !0, w = R(() => x || S && $ || U(y, r) ? !1 : !!(s || i || o), [x, S, $, s, i, o, y, r]), T = C(
-    (f) => {
-      if (f.stopPropagation(), s && k)
-        k((t) => {
-          const b = new URLSearchParams(t);
-          return Object.entries(s).forEach(([E, N]) => {
-            let m = String(N);
-            m = m.replace(/\$\{value\}/g, String(n ?? "")), m = m.replace(/\$\{field\}/g, p), r && Object.keys(r).forEach((F) => {
-              const B = new RegExp(`\\$\\{${F}\\}`, "g");
-              m = m.replace(B, String(r[F] ?? ""));
-            }), b.set(E, m);
-          }), b;
+    disableLinkStyle: w,
+    validationRules: $
+  } = e, v = a.id ?? String(r?.id ?? ""), d = t?.field ?? "", R = r && typeof r == "object" && "_isPinned" in r && r._isPinned === !0, E = b(() => w || S && R || I($, r) ? !1 : !!(s || o || i), [w, S, R, s, o, i, $, r]), N = T(
+    (u) => {
+      if (u.stopPropagation(), s && h)
+        h((l) => {
+          const g = new URLSearchParams(l);
+          return Object.entries(s).forEach(([x, C]) => {
+            let p = String(C);
+            p = p.replace(/\$\{value\}/g, String(n ?? "")), p = p.replace(/\$\{field\}/g, d), r && Object.keys(r).forEach((P) => {
+              const O = new RegExp(`\\$\\{${P}\\}`, "g");
+              p = p.replace(O, String(r[P] ?? ""));
+            }), g.set(x, p);
+          }), g;
         });
-      else if (i && u) {
-        const t = q(i, r, p, n);
-        u(t);
-      } else o && o({ rowId: c, field: p, rowData: r ?? {}, value: n });
+      else if (o && f) {
+        const l = M(o, r, d, n);
+        f(l);
+      } else i && i({ rowId: v, field: d, rowData: r ?? {}, value: n });
     },
-    [s, k, i, u, o, r, p, n, c]
-  ), L = R(() => g ? g(n, r ?? {}) : String(n ?? ""), [n, g, r]), O = R(() => {
-    if (!h?.items || h.items.length === 0) return null;
-    const f = [];
-    return h.items.forEach((t, b) => {
-      if (t.type === "icon" && t.icon)
-        f.push(
-          /* @__PURE__ */ a(
-            A,
+    [s, h, o, f, i, r, d, n, v]
+  ), B = b(() => k ? k(n, r ?? {}) : String(n ?? ""), [n, k, r]), F = b(() => {
+    if (!y?.items || y.items.length === 0) return null;
+    const u = [];
+    return y.items.forEach((l, g) => {
+      if (l.type === "icon" && l.icon)
+        u.push(
+          /* @__PURE__ */ c(
+            Q,
             {
-              iconConfig: t.icon,
+              iconConfig: l.icon,
               rowData: r,
-              rowId: c,
-              field: p
+              rowId: v,
+              field: d
             },
-            `icon-${b}`
+            `icon-${g}`
           )
         );
-      else if (t.type === "badge" && t.badge)
-        f.push(
-          /* @__PURE__ */ a(
-            J,
+      else if (l.type === "badge" && l.badge)
+        u.push(
+          /* @__PURE__ */ c(
+            q,
             {
-              badgeConfig: t.badge,
+              badgeConfig: l.badge,
               rowData: r,
-              rowId: c,
-              field: p
+              rowId: v,
+              field: d
             },
-            `badge-${b}`
+            `badge-${g}`
           )
         );
-      else if (t.type === "dynamic" && t.dynamic) {
-        const E = typeof t.dynamic == "function" ? t.dynamic(r ?? {}) : t.dynamic;
-        f.push(/* @__PURE__ */ a("span", { children: E }, `dyn-${b}`));
+      else if (l.type === "dynamic" && l.dynamic) {
+        const x = typeof l.dynamic == "function" ? l.dynamic(r ?? {}) : l.dynamic;
+        u.push(/* @__PURE__ */ c("span", { children: x }, `dyn-${g}`));
       }
-    }), f.length > 0 ? f : null;
-  }, [h, r, c, p]);
+    }), u.length > 0 ? u : null;
+  }, [y, r, v, d]);
   return /* @__PURE__ */ j("div", { className: "w-full h-full flex items-center justify-between gap-2 group ag-cell-inner-padding", children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: `flex-1 truncate min-w-0 ${w ? "text-brand cursor-pointer hover:underline font-medium" : ""}`,
-        onClick: w ? T : void 0,
-        children: L
+        className: `flex-1 truncate min-w-0 ${E ? "text-brand cursor-pointer hover:underline font-medium" : ""}`,
+        onClick: E ? N : void 0,
+        children: B
       }
     ),
-    O && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 flex-shrink-0", children: O })
+    F && /* @__PURE__ */ c("div", { className: "flex items-center gap-1 flex-shrink-0", children: F })
   ] });
 };
-X.displayName = "LinkCellRenderer";
+A.displayName = "LinkCellRenderer";
 export {
-  X as LinkCellRenderer
+  A as LinkCellRenderer
 };

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

@@ -3,37 +3,38 @@ import "react";
 import { Badge as o } from "../../../../data-display/badge/badge.js";
 import { cn as i } from "../../../../../lib/utils.js";
 const d = ({ section: t }) => {
-  const n = t.variant || "paragraph", { label: r, content: l } = t.data || {}, a = i(
-    n === "heading" ? "text-lg font-semibold text-content" : n === "caption" ? "text-xs text-secondary-foreground" : "text-sm text-content-tertiary leading-relaxed"
+  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-secondary-foreground" : "text-sm text-content-tertiary leading-relaxed"
   );
   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 }),
+    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 n = t.data?.items || [];
-  return /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-x-8 gap-y-4", children: n.map((r, 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: r.label }),
-    /* @__PURE__ */ e("span", { className: "text-sm text-content font-semibold", children: String(r.value) })
-  ] }, `${r.label}-${l}`)) });
+  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: n, items: r = [] } = t.data || {}, l = r.filter((a) => a.label && a.label.trim().length > 0);
+  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: [
-    n && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: n }),
+    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,
+        className: "h-auto max-w-none [&_span]:!overflow-visible [&_span]:!whitespace-normal [&_span]:text-start",
         children: a.label
       },
       `${a.label}-${c}`
     )) })
   ] });
 }, p = ({ section: t }) => {
-  const { label: n, text: r, url: l } = t.data || {};
+  const { label: r, text: n, url: l } = t.data || {};
   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 }),
+    r && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: r }),
     /* @__PURE__ */ e(
       "a",
       {
@@ -41,12 +42,12 @@ const d = ({ section: t }) => {
         target: "_blank",
         rel: "noopener noreferrer",
         className: "text-sm text-brand hover:underline font-medium inline-flex items-center gap-1",
-        children: r
+        children: n
       }
     )
   ] });
 }, N = ({ section: t }) => {
-  const n = () => {
+  const r = () => {
     switch (t.type) {
       case "TEXT":
         return /* @__PURE__ */ e(d, { section: t });
@@ -59,14 +60,14 @@ const d = ({ section: t }) => {
       default:
         return null;
     }
-  }, r = (l) => {
+  }, n = (l) => {
     const { separator: a } = t;
     return a ? a === !0 || a === l || a === "both" : !1;
   };
   return /* @__PURE__ */ s("div", { className: "w-full", children: [
-    r("top") && /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline my-6" }),
-    n(),
-    r("bottom") && /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline my-6" })
+    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 {

package/dist/components/data/ag-grid-react/info-system-story-columns.d.ts

@@ -5,8 +5,45 @@ export interface MarkdownGridRowData {
     productDivision: string;
     productSubDivision: string;
     productCategory: string;
-    [metricField: string]: string | number;
+    absatz?: number;
+    [metricField: string]: string | number | undefined;
 }
+/** Production-shaped KPI info modal — KEY_VALUE + BADGES overflow + TEXT note (Absatz). */
+export declare const ABSATZ_KPI_INFO_DATA: {
+    title: string;
+    sections: ({
+        type: "KEY_VALUE";
+        data: {
+            items: {
+                label: string;
+                value: string;
+            }[];
+            label?: undefined;
+            content?: undefined;
+        };
+        separator?: undefined;
+    } | {
+        type: "BADGES";
+        separator: "top";
+        data: {
+            label: string;
+            items: {
+                label: string;
+                variant: "subtle";
+                color: "neutral";
+            }[];
+            content?: undefined;
+        };
+    } | {
+        type: "TEXT";
+        separator: "top";
+        data: {
+            label: string;
+            content: string;
+            items?: undefined;
+        };
+    })[];
+};
 export declare function generateMarkdownGridData(rowCount: number): MarkdownGridRowData[];
 export declare const INFO_SYSTEM_PINNED_GROUP_WIDTH = 120;
 export declare const INFO_SYSTEM_STORY_COLUMN_DEFS: (ColDef<MarkdownGridRowData> | ColGroupDef<MarkdownGridRowData>)[];