@homebound/beam 4.13.0 → 4.14.0

package/dist/index.d.cts

@@ -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

@@ -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

@@ -13916,23 +13916,32 @@ function GridTable(props) {
   }
   return /* @__PURE__ */ jsx51(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ jsxs33(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ jsx51("div", { ref: resizeRef, ...trussProps33(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)), ...tid.probe }),
-    loading && /* @__PURE__ */ jsx51("div", { ...trussProps33({
-      position: "fixed",
-      top: "top0",
-      right: "r_0",
-      bottom: "bot_0",
-      left: "l_0",
-      display: "df",
-      alignItems: "aic",
-      justifyContent: "jcc",
-      pointerEvents: "pen",
-      zIndex: ["z_var", {
-        "--zIndex": maybeCssVar22(zIndices.tableLoadingOverlay)
-      }]
-    }), ...tid.loadingOverlay, children: /* @__PURE__ */ jsx51(Loader, { ...tid.loadingSpinner }) }),
+    loading && /* @__PURE__ */ jsx51("div", { ...trussProps33(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ jsx51(Loader, { ...tid.loadingSpinner }) }),
     as === "card" ? /* @__PURE__ */ jsx51(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ jsx51(VirtualGridTableView, { style: tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition, loading }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
   ] }) });
 }
+var loadingOverlayCss = {
+  position: "fixed",
+  top: ["top_var", {
+    "--top": maybeCssVar22(__maybeInc12(stickyTableHeaderOffset()))
+  }],
+  bottom: ["bottom_var", {
+    "--bottom": maybeCssVar22(__maybeInc12(getFloatingBottomOffset()))
+  }],
+  left: ["left_var", {
+    "--left": maybeCssVar22(__maybeInc12(documentScrollChromeLeft()))
+  }],
+  width: ["w_var", {
+    "--width": maybeCssVar22(__maybeInc12(`calc(${documentScrollChromeWidth()} - var(${beamRightPaneWidthVar}, 0px))`))
+  }],
+  display: "df",
+  alignItems: "aic",
+  justifyContent: "jcc",
+  pointerEvents: "pen",
+  zIndex: ["z_var", {
+    "--zIndex": maybeCssVar22(zIndices.tableLoadingOverlay)
+  }]
+};
 var renders = {
   table: renderTable,
   div: renderDiv
@@ -19491,6 +19500,7 @@ function ContentHeader(props) {
     level = 2,
     aiMode = false,
     startAdornment,
+    tooltip,
     xss
   } = props;
   const tid = useTestIds(props, "contentHeader");
@@ -19545,7 +19555,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, {}),