@homebound/beam 4.8.0 → 4.9.1

package/dist/index.cjs

@@ -6954,7 +6954,6 @@ var import_mobx5 = require("mobx");
 // src/components/Table/components/CompanionRow.tsx
 var import_mobx_react = require("mobx-react");
 var import_react16 = require("react");
-var import_runtime16 = require("@homebound/truss/runtime");
 
 // src/layouts/DocumentScrollLayoutContext.tsx
 var import_utils2 = require("@react-aria/utils");
@@ -7140,6 +7139,7 @@ function headerContentPaddingX(compact = false) {
 }
 
 // src/components/Table/components/CompanionRow.tsx
+var import_runtime16 = require("@homebound/truss/runtime");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var __maybeInc7 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
@@ -7155,7 +7155,9 @@ function CompanionRowImpl(props) {
     isLastBodyRow,
     companion,
     position = "trailing",
-    levelIndent
+    levelIndent,
+    rowCss,
+    cellCss
   } = props;
   const RowTag = as === "table" ? "tr" : "div";
   const CellTag = as === "table" ? "td" : "div";
@@ -7186,7 +7188,8 @@ function CompanionRowImpl(props) {
         "--marginLeft": `${levelIndent}px`
       }]
     },
-    ...isLastBodyRow && style.lastRowCss
+    ...isLastBodyRow && style.lastRowCss,
+    ...rowCss
   }), "data-gridrow": true, ...tid[rowId], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CellTag, { ...(0, import_runtime16.trussProps)({
     ...style.cellCss,
     ...style.betweenRowsCss,
@@ -7197,6 +7200,7 @@ function CompanionRowImpl(props) {
     ...isLastBodyRow && style.lastRowCellCss,
     ...isLastBodyRow && style.lastRowFirstCellCss,
     ...isLastBodyRow && style.lastRowLastCellCss,
+    ...cellCss,
     // Companion content is arbitrary — allow wrapping and grow with content.
     ...{
       height: "h_auto",
@@ -9731,6 +9735,11 @@ function resolveStyles(style) {
   return style;
 }
 
+// src/components/Table/utils/maybeApplyFunction.ts
+function maybeApplyFunction(row, maybeFn) {
+  return typeof maybeFn === "function" ? maybeFn(row) : maybeFn;
+}
+
 // src/hooks/useRenderCount.ts
 var import_react28 = require("react");
 function useRenderCount() {
@@ -10117,7 +10126,7 @@ var __typography2 = {
     lineHeight: "lh_32px"
   }
 };
-function maybeApplyFunction(row, maybeFn) {
+function maybeApplyFunction2(row, maybeFn) {
   return typeof maybeFn === "function" ? maybeFn(row) : maybeFn;
 }
 function RowImpl(props) {
@@ -10173,7 +10182,7 @@ function RowImpl(props) {
   const RowTag = as === "table" ? "tr" : "div";
   const sortOn = tableState.sortConfig?.on;
   const showRowHoverColor = !reservedRowKinds.includes(row.kind) && !omitRowHover && style.rowHoverColor !== "none";
-  const rowStyleCellCss = maybeApplyFunction(row, rowStyle?.cellCss);
+  const rowStyleCellCss = maybeApplyFunction2(row, rowStyle?.cellCss);
   const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(level) : style.levels[level]);
   const levelIndent = levelStyle?.rowIndent;
   const containerCss = {
@@ -10210,7 +10219,7 @@ function RowImpl(props) {
     ...(rowStyle?.rowLink || rowStyle?.onClick) && {
       cursor: "h_cursorPointer"
     },
-    ...maybeApplyFunction(row, rowStyle?.rowCss),
+    ...maybeApplyFunction2(row, rowStyle?.rowCss),
     // Row hover paints cells via Row.css.ts (`.beam-row-hover:hover > *`); set the var via Css.style
     // (React CSSProperties rejects custom props without a cast).
     ...showRowHoverColor && {
@@ -13770,7 +13779,8 @@ function GridTable(props) {
     } }, rs.key);
     const makeCompanionRow = (rs, resolved, isFirstBodyRow, isLastBodyRow) => {
       const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(rs.level) : style.levels[rs.level]);
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CompanionRow, { as, style, columnSizes, rowId: rs.row.id, colSpan: columns.length, isFirstBodyRow, isLastBodyRow, position: resolved.position, companion: resolved.content, levelIndent: levelStyle?.rowIndent }, `${rs.key}-companion`);
+      const rowStyle = rowStyles?.[rs.row.kind];
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CompanionRow, { as, style, columnSizes, rowId: rs.row.id, colSpan: columns.length, isFirstBodyRow, isLastBodyRow, position: resolved.position, companion: resolved.content, levelIndent: levelStyle?.rowIndent, rowCss: maybeApplyFunction(rs.row, rowStyle?.rowCss), cellCss: maybeApplyFunction(rs.row, rowStyle?.cellCss) }, `${rs.key}-companion`);
     };
     const makeRowGroup = (rs, isFirstBodyRow, isLastBodyRow, inHead) => {
       const resolved = rs.companion;
@@ -29391,10 +29401,12 @@ var import_react167 = require("react");
 var import_react_router_dom9 = require("react-router-dom");
 var import_jsx_runtime237 = require("react/jsx-runtime");
 function useUnsavedChangesGuard(options) {
-  const { isDirty, onCancel } = options;
+  const { isDirty, allowNavigation, onCancel } = options;
   const { openModal } = useModal();
   const isDirtyRef = (0, import_react167.useRef)(isDirty);
   isDirtyRef.current = isDirty;
+  const allowNavigationRef = (0, import_react167.useRef)(allowNavigation);
+  allowNavigationRef.current = allowNavigation;
   (0, import_react167.useEffect)(() => {
     const onBeforeUnload = (e) => {
       if (isDirtyRef.current?.()) {
@@ -29404,7 +29416,9 @@ function useUnsavedChangesGuard(options) {
     window.addEventListener("beforeunload", onBeforeUnload);
     return () => window.removeEventListener("beforeunload", onBeforeUnload);
   }, []);
-  const blocker = (0, import_react_router_dom9.useBlocker)(() => !!isDirtyRef.current?.());
+  const blocker = (0, import_react_router_dom9.useBlocker)((args) => {
+    return !!isDirtyRef.current?.() && !allowNavigationRef.current?.(args);
+  });
   const onCancelClick = (e) => {
     if (!isDirty?.()) {
       onCancel(e);
@@ -29474,6 +29488,7 @@ function WorkflowPageLayout(props) {
     stepperTabs,
     aiMode,
     isDirty,
+    allowNavigation,
     children,
     title,
     documentTitleSuffix,
@@ -29490,6 +29505,7 @@ function WorkflowPageLayout(props) {
     navigationBlocker
   } = useUnsavedChangesGuard({
     isDirty,
+    allowNavigation,
     onCancel
   });
   const actions = /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick });
@@ -29603,6 +29619,7 @@ function FocusedFormLayout(props) {
     onSaveAndExit,
     primaryDisabled,
     isDirty,
+    allowNavigation,
     aiMode,
     children,
     ...headerProps
@@ -29615,6 +29632,7 @@ function FocusedFormLayout(props) {
       ...headerProps,
       aiMode,
       isDirty,
+      allowNavigation,
       onCancel,
       onSaveAndExit,
       completeLabel,
@@ -29629,7 +29647,18 @@ function FocusedFormLayout(props) {
 var import_react169 = require("react");
 var import_jsx_runtime241 = require("react/jsx-runtime");
 function StepperLayout(props) {
-  const { steps, defaultStep, onCancel, completeLabel, onComplete, onSaveAndExit, isDirty, aiMode, ...headerProps } = props;
+  const {
+    steps,
+    defaultStep,
+    onCancel,
+    completeLabel,
+    onComplete,
+    onSaveAndExit,
+    isDirty,
+    allowNavigation,
+    aiMode,
+    ...headerProps
+  } = props;
   const stepTabs = steps.map((step) => ({ ...step, value: defaultTestId(step.label) }));
   const [currentStep, setCurrentStep] = (0, import_react169.useState)(() => getInitialStep(stepTabs, defaultStep));
   const tid = useTestIds(props, "stepperLayout");
@@ -29645,6 +29674,7 @@ function StepperLayout(props) {
       aiMode,
       stepperTabs: { steps: stepTabs, currentStep, onChange: setCurrentStep },
       isDirty,
+      allowNavigation,
       isFirstStep,
       isLastStep,
       onBack: () => {