@homebound/beam 4.55.1 → 4.56.1

package/dist/index.cjs

@@ -7277,13 +7277,13 @@ function hierarchyFirstContentCss(opts) {
   const {
     level,
     skipIndent,
-    maxLevel
+    hasChildren
   } = opts;
   const paddingLeft = skipIndent ? void 0 : hierarchyIndentPaddingPx(level);
-  const type = hierarchyLevelType(level, maxLevel);
-  if (!type && paddingLeft === void 0) return void 0;
+  const typeStyle = hierarchyLevelType(level, hasChildren);
+  if (!typeStyle && paddingLeft === void 0) return void 0;
   return {
-    ...type ?? {},
+    ...typeStyle ?? {},
     ...paddingLeft !== void 0 ? {
       paddingLeft: ["pl_var", {
         "--paddingLeft": `${paddingLeft}px`
@@ -7291,16 +7291,20 @@ function hierarchyFirstContentCss(opts) {
     } : {}
   };
 }
-function hierarchyLevelType(level, maxLevel) {
-  if (level >= maxLevel) return void 0;
-  return level === 0 ? {
+function hierarchyLevelType(level, hasChildren) {
+  if (level === 0) return hasChildren ? {
     fontWeight: "fw6",
     fontSize: "fz_14px",
     lineHeight: "lh_20px"
-  } : {
+  } : void 0;
+  return hasChildren ? {
     fontWeight: "fw6",
     fontSize: "fz_12px",
     lineHeight: "lh_16px"
+  } : {
+    fontWeight: "fw4",
+    fontSize: "fz_12px",
+    lineHeight: "lh_16px"
   };
 }
 var loadingTableCss = {
@@ -8831,8 +8835,6 @@ var RowStates = class {
   keptGroupRow;
   /** The first level of rows, i.e. not the header (or kept group), but the totals + top-level children. */
   topRows = [];
-  /** Deepest data-row level from the latest `setRows`. `0` when every body row is top-level. */
-  maxNestingLevel = 0;
   constructor(table) {
     this.table = table;
     this.header = this.createHeaderRow();
@@ -8860,8 +8862,7 @@ var RowStates = class {
     const map = this.map;
     const seenIds = /* @__PURE__ */ new Set();
     const maybeKept = new Set(this.map.values());
-    let maxNestingLevel = 0;
-    function addRowAndChildren(parent, row, level) {
+    function addRowAndChildren(parent, row) {
       const key = row.id;
       if (seenIds.has(key)) {
         throw new Error(`Duplicate row id ${key}`);
@@ -8878,15 +8879,12 @@ var RowStates = class {
         state.removed = false;
         maybeKept.delete(state);
       }
-      const reserved = reservedRowKinds.includes(row.kind);
-      if (!reserved && level > maxNestingLevel) maxNestingLevel = level;
-      state.children = row.children?.map((child) => addRowAndChildren(state, child, reserved ? level : level + 1));
+      state.children = row.children?.map((child) => addRowAndChildren(state, child));
       return state;
     }
     const headerRow = rows.find((r) => r.kind === HEADER);
     this.header.row = headerRow || missingHeader;
-    this.topRows = rows.filter((row) => row !== headerRow).map((row) => addRowAndChildren(this.header, row, 0));
-    this.maxNestingLevel = maxNestingLevel;
+    this.topRows = rows.filter((row) => row !== headerRow).map((row) => addRowAndChildren(this.header, row));
     this.header.children = [this.keptGroupRow, ...this.topRows];
     for (const state of maybeKept) state.markRemoved();
     if (this.topRows.some((rs) => !reservedRowKinds.includes(rs.row.kind))) {
@@ -9088,8 +9086,6 @@ var TableState = class {
   persistCollapse;
   // The current list of rows, basically a useRef.current. Only shallow reactive.
   rows = [];
-  /** Deepest data-row level, set with the rows. `0` when the table has a single level. Every row's type is chosen from this. */
-  maxNestingLevel = 0;
   // The current list of columns, basically a useRef.current. Only ref reactive.
   columns = [];
   api;
@@ -9187,7 +9183,6 @@ var TableState = class {
   setRows(rows) {
     this.rowStates.setRows(rows);
     this.rows = rows;
-    this.maxNestingLevel = this.rowStates.maxNestingLevel;
   }
   setColumns(columns, visibleColumnsStorageKey) {
     if (columns !== this.columns) {
@@ -11381,7 +11376,7 @@ function RowImpl(props) {
       ...isBodyRow && applyFirstContentColumnStyles && hierarchyFirstContentCss({
         level,
         skipIndent: levelIndent !== void 0 || !hasCollapseColumn,
-        maxLevel: tableState.maxNestingLevel
+        hasChildren: !!row.children?.length
       }),
       // Apply any declarative column border styling after header/body defaults.
       ...getColumnBorderCss(column2.border, style),
@@ -34446,26 +34441,28 @@ function WorkflowActions(props) {
     onCancel,
     onSaveAndExit,
     destructiveAction,
-    completeLabel,
     onComplete,
     primaryDisabled,
     aiMode = false,
     isFirstStep = true,
     isLastStep = true,
     onBack,
-    onContinue
+    onContinue,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const {
     sm: isMobile
   } = useBreakpoint();
   const primaryVariant = aiMode ? "ai" : "primary";
+  const completeButtonLabel = nonStandardCompleteLabel ?? completeLabel ?? "Save";
   return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
     /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
     /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic g_1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
       onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
       destructiveAction && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
-      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
+      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: completeButtonLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
         await onContinue?.();
       }, disabled: primaryDisabled })
     ] })
@@ -34493,7 +34490,15 @@ function WorkflowPageLayout(props) {
     destructiveAction,
     rightPaneTriggers,
     banner: bannerProp,
-    ...actionProps
+    onSaveAndExit,
+    onComplete,
+    primaryDisabled,
+    isFirstStep,
+    isLastStep,
+    onBack,
+    onContinue,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const tid = useTestIds(props, "workflowPageLayout");
   const {
@@ -34513,7 +34518,7 @@ function WorkflowPageLayout(props) {
     onCancel,
     destructiveAction
   });
-  const actions = /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
+  const actions = /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowActions, { completeLabel, nonStandardCompleteLabel, onSaveAndExit, onComplete, primaryDisabled, isFirstStep, isLastStep, onBack, onContinue, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
     ...destructiveAction,
     onConfirm: onDestructiveActionClick
   } });
@@ -34641,7 +34646,6 @@ var import_jsx_runtime275 = require("react/jsx-runtime");
 function FocusedFormLayout(props) {
   const {
     onCancel,
-    completeLabel,
     onComplete,
     onSaveAndExit,
     destructiveAction,
@@ -34652,14 +34656,20 @@ function FocusedFormLayout(props) {
     rightPaneTriggers,
     banner,
     children,
-    ...headerProps
+    title,
+    documentTitleSuffix,
+    breadcrumbs,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const tid = useTestIds(props, "focusedFormLayout");
   return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
     WorkflowPageLayout,
     {
       ...tid,
-      ...headerProps,
+      title,
+      documentTitleSuffix,
+      breadcrumbs,
       banner,
       aiMode,
       isDirty,
@@ -34668,6 +34678,7 @@ function FocusedFormLayout(props) {
       onSaveAndExit,
       destructiveAction,
       completeLabel,
+      nonStandardCompleteLabel,
       onComplete,
       primaryDisabled,
       rightPaneTriggers,
@@ -34684,7 +34695,6 @@ function StepperLayout(props) {
     steps,
     defaultStep,
     onCancel,
-    completeLabel,
     onComplete,
     onSaveAndExit,
     destructiveAction,
@@ -34692,7 +34702,11 @@ function StepperLayout(props) {
     allowNavigation,
     aiMode,
     banner,
-    ...headerProps
+    title,
+    documentTitleSuffix,
+    breadcrumbs,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const stepTabs = steps.map((step) => ({ ...step, value: defaultTestId(step.label) }));
   const [currentStep, setCurrentStep] = (0, import_react189.useState)(() => getInitialStep(stepTabs, defaultStep));
@@ -34709,7 +34723,9 @@ function StepperLayout(props) {
     WorkflowPageLayout,
     {
       ...tid,
-      ...headerProps,
+      title,
+      documentTitleSuffix,
+      breadcrumbs,
       banner,
       aiMode,
       stepperTabs: { steps: stepTabs, currentStep, onChange: goToStep },
@@ -34725,6 +34741,7 @@ function StepperLayout(props) {
       onSaveAndExit,
       destructiveAction,
       completeLabel,
+      nonStandardCompleteLabel,
       onComplete,
       primaryDisabled: activeStep?.primaryDisabled,
       rightPaneTriggers: activeStep?.rightPaneTriggers,