impact-nova 2.2.7 → 2.2.9

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

@@ -1,11 +1,9 @@
-const E = "ag-grid-header-label-cluster", _ = ".ag-header-group-cell-label", L = ".ag-header-cell-label", l = `.${E}`;
-function r(e) {
-  return e === "group" ? _ : L;
+const l = ".ag-header-group-cell-label", r = ".ag-header-cell-label";
+function E(e) {
+  return e === "group" ? l : r;
 }
 export {
-  L as AG_GRID_HEADER_CELL_LABEL_SELECTOR,
-  _ as AG_GRID_HEADER_GROUP_LABEL_SELECTOR,
-  E as AG_GRID_HEADER_LABEL_CLUSTER_CLASS,
-  l as AG_GRID_HEADER_LABEL_CLUSTER_SELECTOR,
-  r as resolveAgGridHeaderLabelShellSelector
+  r as AG_GRID_HEADER_CELL_LABEL_SELECTOR,
+  l as AG_GRID_HEADER_GROUP_LABEL_SELECTOR,
+  E as resolveAgGridHeaderLabelShellSelector
 };

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

@@ -3,5 +3,5 @@ import { AgGridHeaderTooltipKind } from './ag-grid-header-dom';
 export type AgGridTooltipOverflowMode = TextOverflowMode;
 /** Matches AG Grid `_isElementOverflowingCallback` (horizontal or vertical). */
 export declare function isAgGridTextOverflowing(element: HTMLElement, mode?: AgGridTooltipOverflowMode): boolean;
-/** Header label tooltips: ellipsis on the text node, else content wider than the label shell. */
+/** Header label tooltips: text-node overflow only; shell fallback ignores info-icon cluster width. */
 export declare function isAgGridHeaderLabelTooltipOverflowing(element: HTMLElement, headerKind: AgGridHeaderTooltipKind): boolean;

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

@@ -1,18 +1,30 @@
-import { isTextOverflowing as o } from "../../../lib/overflow/is-text-overflowing.js";
-import { resolveAgGridHeaderLabelShellSelector as n, AG_GRID_HEADER_LABEL_CLUSTER_SELECTOR as c } from "./ag-grid-header-dom.js";
-function h(t, l = "line-clamp") {
-  return o(t, l);
+import { isLineClampTextVisuallyClipped as o } from "../../../lib/overflow/is-line-clamp-text-clipped.js";
+import { isTextOverflowing as n, TEXT_OVERFLOW_EPSILON_PX as t } from "../../../lib/overflow/is-text-overflowing.js";
+import { resolveAgGridHeaderLabelShellSelector as c } from "./ag-grid-header-dom.js";
+const s = 16;
+function l(r, i) {
+  return r - i > t;
 }
-function u(t, l) {
-  if (t.clientWidth < t.scrollWidth)
-    return !0;
-  const e = t.closest(n(l));
-  if (!e || typeof e.clientWidth != "number")
+function f(r) {
+  const i = r.scrollHeight - r.clientHeight;
+  if (i <= t)
     return !1;
-  const i = e, r = t.closest(c);
-  return (r && typeof r.scrollWidth == "number" ? r.scrollWidth : t.scrollWidth) > i.clientWidth;
+  const e = parseFloat(getComputedStyle(r).lineHeight) || s;
+  return i > e + t;
+}
+function p(r, i = "line-clamp") {
+  return n(r, i);
+}
+function g(r, i) {
+  if (l(r.scrollWidth, r.clientWidth) || f(r) || o(r))
+    return !0;
+  const e = r.closest(c(i));
+  return !e || typeof e.clientWidth != "number" ? !1 : l(
+    r.scrollWidth,
+    e.clientWidth
+  );
 }
 export {
-  u as isAgGridHeaderLabelTooltipOverflowing,
-  h as isAgGridTextOverflowing
+  g as isAgGridHeaderLabelTooltipOverflowing,
+  p as isAgGridTextOverflowing
 };

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/headers/custom-header.js

@@ -128,7 +128,7 @@ const ce = ({ api: r }) => {
     enableBooleanParsing: O,
     enableDateParsing: U
   } = r, I = M(null);
-  re(h, t ?? "", I, "ellipsis", "leaf");
+  re(h, t ?? "", I, "line-clamp", "leaf");
   const u = $(), { t: S } = R(), i = l.getColDef(), m = l.getColId(), [de, K] = F(0);
   L(() => ie(() => {
     K((b) => b + 1);

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

@@ -1,19 +1,19 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { useRef as p } from "react";
-import { HeaderInfo as m } from "./components/header-info.js";
+import { useRef as m } from "react";
+import { HeaderInfo as p } from "./components/header-info.js";
 import { useAgGridTruncationTooltip as c } from "../use-ag-grid-truncation-tooltip.js";
 import { ColumnGroupSettingsMenu as f } from "./column-menu/column-header-settings-menu.js";
 function I(t) {
-  const { displayName: a, setTooltip: l, showInfoIcon: s = !1, columnGroup: i, api: u } = t, r = p(null), e = a || "";
-  if (c(l, e, r, "ellipsis", "group"), !e && s === !1)
+  const { displayName: a, setTooltip: l, showInfoIcon: s = !1, columnGroup: u, api: i } = t, r = m(null), e = a || "";
+  if (c(l, e, r, "line-clamp", "group"), !e && s === !1)
     return null;
-  const n = i?.getGroupId();
+  const n = u?.getGroupId();
   return /* @__PURE__ */ d("div", { className: "ag-grid-header-label-cluster", children: [
     n ? /* @__PURE__ */ o(
       f,
       {
         columnGroupId: n,
-        gridApi: u,
+        gridApi: i,
         headerLabelRef: r,
         children: e
       }
@@ -26,7 +26,7 @@ function I(t) {
         children: e
       }
     ),
-    /* @__PURE__ */ o(m, { ...t, className: "shrink-0" })
+    /* @__PURE__ */ o(p, { ...t, className: "shrink-0" })
   ] });
 }
 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>)[];

package/dist/components/data/ag-grid-react/strip-column-min-width-constraints.d.ts

@@ -0,0 +1,3 @@
+import { ColDef, ColGroupDef } from 'ag-grid-community';
+export type ColumnDefTree = ColDef | ColGroupDef;
+export declare function stripColumnMinWidthConstraints(columnDefinitions: ColumnDefTree[]): ColumnDefTree[];

package/dist/components/data/data-table/data-table.d.ts

@@ -13,4 +13,4 @@ export declare function DataTableContent<TData>(props: DataTableContentProps<TDa
 /**
  * Top bar above the grid. Optional — omit to remove the toolbar from the DOM.
  */
-export declare const DataTableToolbar: ({ children, className, }: DataTableToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableToolbar: ({ children, className, ...rest }: DataTableToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/data-table/data-table.js

@@ -13,27 +13,27 @@ const R = {
   comfort: 52
 }, re = ({
   children: a,
-  className: o
+  className: r
 }) => {
-  const [r, e] = h(null), [t, s] = h("medium"), [n, m] = h("full"), [l, c] = h("default"), u = p(() => L(), []), d = b((f) => {
+  const [t, e] = h(null), [o, s] = h("medium"), [n, m] = h("full"), [l, c] = h("default"), u = p(() => L(), []), d = b((f) => {
     u.registerScopedSheetDepth(f);
   }, [u]), g = b((f) => {
     e(f);
   }, []);
   D(() => {
-    if (r)
-      return k(r);
-  }, [r]);
+    if (t)
+      return k(t);
+  }, [t]);
   const T = {
     small: "12px",
     medium: "14px",
     large: "16px"
-  }[t], H = `${R[l]}px`, x = p(
+  }[o], H = `${R[l]}px`, x = p(
     () => ({
-      gridApi: r,
+      gridApi: t,
       registerApi: g,
       registerScopedSheetDepth: d,
-      fontSize: t,
+      fontSize: o,
       setFontSize: s,
       numericFormat: n,
       setNumericFormat: m,
@@ -41,10 +41,10 @@ const R = {
       setRowHeight: c
     }),
     [
-      r,
+      t,
       g,
       d,
-      t,
+      o,
       n,
       l
     ]
@@ -59,7 +59,7 @@ const R = {
           "data-component": "data-table",
           className: _(
             "flex flex-col w-full min-h-0 rounded-[inherit]",
-            o
+            r
           ),
           style: {
             "--ag-font-size": T,
@@ -77,21 +77,21 @@ const R = {
   b: "bil",
   full_precision: "full_precision"
 }, V = A(function() {
-  const { setSheetTarget: o } = P();
+  const { setSheetTarget: r } = P();
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: o,
+      ref: r,
       className: "absolute inset-0 pointer-events-none z-[39] flex overflow-hidden"
     }
   );
 }), Y = A(function({
-  className: o,
-  children: r
+  className: r,
+  children: t
 }) {
-  const { scopedSheetOpen: e } = P(), t = O(null), [s, n] = h(!1);
+  const { scopedSheetOpen: e } = P(), o = O(null), [s, n] = h(!1);
   !e && s && n(!1), N(() => {
-    if (!e || (t.current?.clientHeight ?? 0) >= v)
+    if (!e || (o.current?.clientHeight ?? 0) >= v)
       return;
     const c = window.setTimeout(() => {
       n(!0);
@@ -104,23 +104,23 @@ const R = {
   return /* @__PURE__ */ I(
     "div",
     {
-      ref: t,
+      ref: o,
       className: _(
         "relative flex-1 min-h-0 w-full bg-canvas-elevated rounded-b-[inherit] grid-rounded-bottom",
-        o
+        r
       ),
       style: m ? { minHeight: v } : void 0,
       children: [
-        r,
+        t,
         /* @__PURE__ */ i(V, {})
       ]
     }
   );
 }), $ = A(function({
-  resolvedRowHeight: o,
-  mergedContext: r,
+  resolvedRowHeight: r,
+  mergedContext: t,
   onGridReady: e,
-  columnDefs: t,
+  columnDefs: o,
   maintainColumnOrder: s = !0,
   ...n
 }) {
@@ -128,20 +128,20 @@ const R = {
     M,
     {
       ...n,
-      columnDefs: t,
-      rowHeight: o,
+      columnDefs: o,
+      rowHeight: r,
       onGridReady: e,
-      context: r,
+      context: t,
       maintainColumnOrder: s
     }
   );
 });
 function ne(a) {
   const {
-    registerApi: o,
-    rowHeight: r,
+    registerApi: r,
+    rowHeight: t,
     gridApi: e,
-    numericFormat: t
+    numericFormat: o
   } = B(), {
     className: s,
     onGridReady: n,
@@ -152,7 +152,7 @@ function ne(a) {
     suppressInitialRuntimeState: d,
     maintainColumnOrder: g = !0,
     ...T
-  } = a, H = R[r], x = m ?? H, { runtimeColumnDefs: f, extractedRuntimeDefaults: w } = p(
+  } = a, H = R[t], x = m ?? H, { runtimeColumnDefs: f, extractedRuntimeDefaults: w } = p(
     () => W(c ?? void 0),
     [c]
   ), C = p(
@@ -165,26 +165,26 @@ function ne(a) {
   ), E = p(
     () => ({
       ...l,
-      formatType: y[t]
+      formatType: y[o]
     }),
-    [l, t]
+    [l, o]
   );
   D(() => {
     e?.resetRowHeights();
-  }, [r, e]), D(() => {
+  }, [t, e]), D(() => {
     if (e) {
       const S = e.getGridOption("context") || {};
       e.setGridOption("context", {
         ...S,
-        formatType: y[t]
+        formatType: y[o]
       }), e.refreshCells({ force: !0 });
     }
-  }, [t, e]);
+  }, [o, e]);
   const G = b(
     (S) => {
-      o(S.api), n?.(S);
+      r(S.api), n?.(S);
     },
-    [o, n]
+    [r, n]
   );
   return /* @__PURE__ */ i(Y, { className: s, children: /* @__PURE__ */ i(
     $,
@@ -201,15 +201,17 @@ function ne(a) {
 }
 const ie = ({
   children: a,
-  className: o
+  className: r,
+  ...t
 }) => /* @__PURE__ */ i(
   "div",
   {
     "data-component": "data-table-toolbar",
     className: _(
       "flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]",
-      o
+      r
     ),
+    ...t,
     children: a
   }
 );

package/dist/components/data/data-table/data-table.types.d.ts

@@ -31,7 +31,7 @@ export type DataTableToolbarProps = {
     children: React.ReactNode;
     /** Extra classes on the toolbar root (`data-component="data-table-toolbar"`). */
     className?: string;
-};
+} & Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;
 /**
  * Scoped settings panel state. Renders inside the `DataTable` container (not a viewport modal).
  *