@homebound/beam 4.13.1 → 4.14.1

package/dist/index.d.cts

@@ -6307,7 +6307,7 @@ type GridStyleDef = {
     allWhite?: boolean;
     /** Whether to apply a border around the whole table */
     bordered?: boolean;
-    /** Whether to show a hover effect on rows. Defaults to true */
+    /** Whether to show a hover effect on clickable rows (those with rowLink/onClick). Defaults to true */
     rowHover?: boolean;
     /** Vertical alignment of body cell content (not headers). Defaults to `top` for flexible rows and `center` for fixed rows. */
     vAlign?: "top" | "center" | "bottom";
@@ -8308,6 +8308,8 @@ type ContentHeaderProps<X = ContentHeaderXss> = {
     aiMode?: boolean;
     /** Rendered before the title, e.g. a drag handle on `FormSectionChild`. */
     startAdornment?: ReactNode;
+    /** Shows an info icon after the title with this tooltip content. */
+    tooltip?: ReactNode;
     /** Style overrides for padding. */
     xss?: X;
 };

package/dist/index.d.ts

@@ -6307,7 +6307,7 @@ type GridStyleDef = {
     allWhite?: boolean;
     /** Whether to apply a border around the whole table */
     bordered?: boolean;
-    /** Whether to show a hover effect on rows. Defaults to true */
+    /** Whether to show a hover effect on clickable rows (those with rowLink/onClick). Defaults to true */
     rowHover?: boolean;
     /** Vertical alignment of body cell content (not headers). Defaults to `top` for flexible rows and `center` for fixed rows. */
     vAlign?: "top" | "center" | "bottom";
@@ -8308,6 +8308,8 @@ type ContentHeaderProps<X = ContentHeaderXss> = {
     aiMode?: boolean;
     /** Rendered before the title, e.g. a drag handle on `FormSectionChild`. */
     startAdornment?: ReactNode;
+    /** Shows an info icon after the title with this tooltip content. */
+    tooltip?: ReactNode;
     /** Style overrides for padding. */
     xss?: X;
 };

package/dist/index.js

@@ -10222,7 +10222,8 @@ function RowImpl(props) {
   const rowStyle = rowStyles?.[row.kind];
   const RowTag = as === "table" ? "tr" : "div";
   const sortOn = tableState.sortConfig?.on;
-  const showRowHoverColor = !reservedRowKinds.includes(row.kind) && !omitRowHover && style.rowHoverColor !== "none";
+  const hasRowAction = !!(rowStyle?.rowLink || rowStyle?.onClick);
+  const showRowHoverColor = hasRowAction && !reservedRowKinds.includes(row.kind) && !omitRowHover && style.rowHoverColor !== "none";
   const rowStyleCellCss = maybeApplyFunction2(row, rowStyle?.cellCss);
   const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(level) : style.levels[level]);
   const levelIndent = levelStyle?.rowIndent;
@@ -10257,7 +10258,7 @@ function RowImpl(props) {
     },
     ...isLastBodyRow && style.lastRowCss,
     // Apply `cursorPointer` to the row if it has a link or `onClick` value.
-    ...(rowStyle?.rowLink || rowStyle?.onClick) && {
+    ...hasRowAction && {
       cursor: "h_cur_pointer"
     },
     ...maybeApplyFunction2(row, rowStyle?.rowCss),
@@ -13840,7 +13841,9 @@ function GridTable(props) {
       const row = makeRow(rs, false, isFirstBodyRow && position !== "leading", isLastBodyRow && position !== "trailing", position === "trailing");
       const companionEl = resolved ? makeCompanionRow(rs, resolved, isFirstBodyRow && position === "leading", isLastBodyRow && position === "trailing") : void 0;
       const children = position === "leading" && companionEl ? [companionEl, row] : companionEl ? [row, companionEl] : row;
-      const showRowHover = !reservedRowKinds.includes(rs.kind) && !omitRowHover && style.rowHoverColor !== "none";
+      const rowStyle = rowStyles?.[rs.row.kind];
+      const hasRowAction = !!(rowStyle?.rowLink || rowStyle?.onClick);
+      const showRowHover = hasRowAction && !reservedRowKinds.includes(rs.kind) && !omitRowHover && style.rowHoverColor !== "none";
       return /* @__PURE__ */ jsx51(RowGroup, { as, inHead, showRowHover, style, children }, rs.key);
     };
     const bodyRowStates = visibleRows.filter((rs) => !isHeadKind(rs.kind));
@@ -19500,6 +19503,7 @@ function ContentHeader(props) {
     level = 2,
     aiMode = false,
     startAdornment,
+    tooltip,
     xss
   } = props;
   const tid = useTestIds(props, "contentHeader");
@@ -19554,7 +19558,8 @@ function ContentHeader(props) {
     /* @__PURE__ */ jsxs69("div", { className: "df aic jcsb mw0", children: [
       title ? /* @__PURE__ */ jsxs69("div", { className: "df aic g_1 mw0", children: [
         startAdornment,
-        /* @__PURE__ */ jsx110(Heading, { ...trussProps73(titleCss), ...tid.title, children: title })
+        /* @__PURE__ */ jsx110(Heading, { ...trussProps73(titleCss), ...tid.title, children: title }),
+        tooltip && /* @__PURE__ */ jsx110(Icon, { icon: "infoCircle", tooltip, inc: 2 })
       ] }) : descriptionEl,
       showActionsSlot && /* @__PURE__ */ jsxs69("div", { className: "df g_2 fs0", ...tid.actions, children: [
         withAutoSave && /* @__PURE__ */ jsx110(AutoSaveIndicator, {}),