@homebound/beam 4.55.1 → 4.56.1

package/dist/index.d.cts

@@ -5678,8 +5678,6 @@ type SelectedState = "checked" | "unchecked" | "partial";
 declare class TableState<R extends Kinded> {
     private persistCollapse;
     private 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: number;
     columns: GridColumnWithId<R>[];
     readonly api: GridTableApi<R>;
     private readonly rowStates;
@@ -5780,8 +5778,6 @@ declare class RowStates<R extends Kinded> {
     private keptGroupRow;
     /** The first level of rows, i.e. not the header (or kept group), but the totals + top-level children. */
     private topRows;
-    /** Deepest data-row level from the latest `setRows`. `0` when every body row is top-level. */
-    maxNestingLevel: number;
     constructor(table: TableState<R>);
     /** Returns a flat list of all of our RowStates. */
     get allStates(): RowState<R>[];
@@ -10268,6 +10264,7 @@ type WorkflowDestructiveAction = {
     confirmTitle?: ReactNode;
     confirmMessage?: ReactNode;
 };
+type WorkflowCompleteLabel = "Create" | "Save" | "Publish";
 type WorkflowActionsProps = {
     /** Leaves the workflow without saving. Always shown. */
     onCancel: (e: PressEvent) => void;
@@ -10275,10 +10272,12 @@ type WorkflowActionsProps = {
     onSaveAndExit?: (e: PressEvent) => void | Promise<void>;
     /** Destructive action on the workflow, rendered as a `danger` button before Continue/Complete. */
     destructiveAction?: WorkflowDestructiveAction;
-    /** Label for the completion button shown on the last step (or when there is no next step). */
-    completeLabel: "Create" | "Save";
     /** Called when the completion button is clicked. */
     onComplete: (e: PressEvent) => void | Promise<void>;
+    /** `"Create"`, `"Save"`, or `"Publish"`. Defaults to `"Save"`. */
+    completeLabel?: WorkflowCompleteLabel;
+    /** One-off label. Wins over `completeLabel`. Confirm with product and/or design first. */
+    nonStandardCompleteLabel?: string;
     /** Continue/Complete is disabled. A ReactNode is shown in Beam's tooltip. */
     primaryDisabled?: boolean | ReactNode;
     /** When true, Continue/Complete use the `ai` button variant instead of `primary`. */
@@ -11640,14 +11639,14 @@ type RightPaneTrigger = {
 /** The pending in-app navigation, as React Router reports it (pathnames are basename-stripped). */
 type AllowNavigationArgs = Parameters<BlockerFunction>[0];
 
-type FocusedFormLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "completeLabel" | "onComplete" | "onSaveAndExit" | "destructiveAction"> & {
-    /** Create/Save is disabled. A ReactNode is shown in Beam's tooltip. */
+type FocusedFormLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "onComplete" | "onSaveAndExit" | "destructiveAction" | "completeLabel" | "nonStandardCompleteLabel"> & {
+    /** Create/Save/Publish is disabled. A ReactNode is shown in Beam's tooltip. */
     primaryDisabled?: WorkflowActionsProps["primaryDisabled"];
     /** Read on Cancel / leave — a callback so flipping dirty does not re-render. */
     isDirty?: () => boolean;
     /** Consulted only while dirty — return true to allow a route change that stays on this form. */
     allowNavigation?: (args: AllowNavigationArgs) => boolean;
-    /** Full-bleed AI wash on the body and the `ai` Create/Save variant. Pair with body `aiMode` (e.g. FormSectionLayout). */
+    /** Full-bleed AI wash on the body and the `ai` Create/Save/Publish variant. Pair with body `aiMode` (e.g. FormSectionLayout). */
     aiMode?: boolean;
     /** Icon triggers that open the document-scroll right pane. Hosts the pane — do not also set `withRightPane` on the body. */
     rightPaneTriggers?: RightPaneTrigger[];
@@ -11676,7 +11675,7 @@ type StepperLayoutStep = Omit<StepperTabsStep, "value" | "disabled"> & {
     /** Icon triggers for this step. Chrome is rendered by the workflow; the pane closes on step change. */
     rightPaneTriggers?: RightPaneTrigger[];
 };
-type StepperLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "completeLabel" | "onComplete" | "onSaveAndExit" | "destructiveAction"> & {
+type StepperLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "onComplete" | "onSaveAndExit" | "destructiveAction" | "completeLabel" | "nonStandardCompleteLabel"> & {
     /** The workflow's steps; the active step's `content` is the body, and it drives the header's tab strip. */
     steps: StepperLayoutStep[];
     /** The step shown initially (matched against `defaultTestId(step.label)`); falls back to the first step if omitted or if it doesn't match any step. Uncontrolled — the layout owns step navigation from here. */

package/dist/index.d.ts

@@ -5678,8 +5678,6 @@ type SelectedState = "checked" | "unchecked" | "partial";
 declare class TableState<R extends Kinded> {
     private persistCollapse;
     private 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: number;
     columns: GridColumnWithId<R>[];
     readonly api: GridTableApi<R>;
     private readonly rowStates;
@@ -5780,8 +5778,6 @@ declare class RowStates<R extends Kinded> {
     private keptGroupRow;
     /** The first level of rows, i.e. not the header (or kept group), but the totals + top-level children. */
     private topRows;
-    /** Deepest data-row level from the latest `setRows`. `0` when every body row is top-level. */
-    maxNestingLevel: number;
     constructor(table: TableState<R>);
     /** Returns a flat list of all of our RowStates. */
     get allStates(): RowState<R>[];
@@ -10268,6 +10264,7 @@ type WorkflowDestructiveAction = {
     confirmTitle?: ReactNode;
     confirmMessage?: ReactNode;
 };
+type WorkflowCompleteLabel = "Create" | "Save" | "Publish";
 type WorkflowActionsProps = {
     /** Leaves the workflow without saving. Always shown. */
     onCancel: (e: PressEvent) => void;
@@ -10275,10 +10272,12 @@ type WorkflowActionsProps = {
     onSaveAndExit?: (e: PressEvent) => void | Promise<void>;
     /** Destructive action on the workflow, rendered as a `danger` button before Continue/Complete. */
     destructiveAction?: WorkflowDestructiveAction;
-    /** Label for the completion button shown on the last step (or when there is no next step). */
-    completeLabel: "Create" | "Save";
     /** Called when the completion button is clicked. */
     onComplete: (e: PressEvent) => void | Promise<void>;
+    /** `"Create"`, `"Save"`, or `"Publish"`. Defaults to `"Save"`. */
+    completeLabel?: WorkflowCompleteLabel;
+    /** One-off label. Wins over `completeLabel`. Confirm with product and/or design first. */
+    nonStandardCompleteLabel?: string;
     /** Continue/Complete is disabled. A ReactNode is shown in Beam's tooltip. */
     primaryDisabled?: boolean | ReactNode;
     /** When true, Continue/Complete use the `ai` button variant instead of `primary`. */
@@ -11640,14 +11639,14 @@ type RightPaneTrigger = {
 /** The pending in-app navigation, as React Router reports it (pathnames are basename-stripped). */
 type AllowNavigationArgs = Parameters<BlockerFunction>[0];
 
-type FocusedFormLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "completeLabel" | "onComplete" | "onSaveAndExit" | "destructiveAction"> & {
-    /** Create/Save is disabled. A ReactNode is shown in Beam's tooltip. */
+type FocusedFormLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "onComplete" | "onSaveAndExit" | "destructiveAction" | "completeLabel" | "nonStandardCompleteLabel"> & {
+    /** Create/Save/Publish is disabled. A ReactNode is shown in Beam's tooltip. */
     primaryDisabled?: WorkflowActionsProps["primaryDisabled"];
     /** Read on Cancel / leave — a callback so flipping dirty does not re-render. */
     isDirty?: () => boolean;
     /** Consulted only while dirty — return true to allow a route change that stays on this form. */
     allowNavigation?: (args: AllowNavigationArgs) => boolean;
-    /** Full-bleed AI wash on the body and the `ai` Create/Save variant. Pair with body `aiMode` (e.g. FormSectionLayout). */
+    /** Full-bleed AI wash on the body and the `ai` Create/Save/Publish variant. Pair with body `aiMode` (e.g. FormSectionLayout). */
     aiMode?: boolean;
     /** Icon triggers that open the document-scroll right pane. Hosts the pane — do not also set `withRightPane` on the body. */
     rightPaneTriggers?: RightPaneTrigger[];
@@ -11676,7 +11675,7 @@ type StepperLayoutStep = Omit<StepperTabsStep, "value" | "disabled"> & {
     /** Icon triggers for this step. Chrome is rendered by the workflow; the pane closes on step change. */
     rightPaneTriggers?: RightPaneTrigger[];
 };
-type StepperLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "completeLabel" | "onComplete" | "onSaveAndExit" | "destructiveAction"> & {
+type StepperLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix" | "breadcrumbs"> & Pick<WorkflowActionsProps, "onCancel" | "onComplete" | "onSaveAndExit" | "destructiveAction" | "completeLabel" | "nonStandardCompleteLabel"> & {
     /** The workflow's steps; the active step's `content` is the body, and it drives the header's tab strip. */
     steps: StepperLayoutStep[];
     /** The step shown initially (matched against `defaultTestId(step.label)`); falls back to the first step if omitted or if it doesn't match any step. Uncontrolled — the layout owns step navigation from here. */

package/dist/index.js

@@ -6762,13 +6762,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`
@@ -6776,16 +6776,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 = {
@@ -8316,8 +8320,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();
@@ -8345,8 +8347,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}`);
@@ -8363,15 +8364,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))) {
@@ -8573,8 +8571,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;
@@ -8672,7 +8668,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) {
@@ -10866,7 +10861,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),
@@ -33945,26 +33940,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__ */ jsxs147("div", { className: "df aic jcsb sm_w100", children: [
     /* @__PURE__ */ jsx273("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ jsx273(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
     /* @__PURE__ */ jsxs147("div", { className: "df aic g_1", children: [
       /* @__PURE__ */ jsx273(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
       onSaveAndExit && /* @__PURE__ */ jsx273(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
       destructiveAction && /* @__PURE__ */ jsx273(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
-      isLastStep ? /* @__PURE__ */ jsx273(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx273(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
+      isLastStep ? /* @__PURE__ */ jsx273(Button, { label: completeButtonLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx273(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
         await onContinue?.();
       }, disabled: primaryDisabled })
     ] })
@@ -33992,7 +33989,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 {
@@ -34012,7 +34017,7 @@ function WorkflowPageLayout(props) {
     onCancel,
     destructiveAction
   });
-  const actions = /* @__PURE__ */ jsx274(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
+  const actions = /* @__PURE__ */ jsx274(WorkflowActions, { completeLabel, nonStandardCompleteLabel, onSaveAndExit, onComplete, primaryDisabled, isFirstStep, isLastStep, onBack, onContinue, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
     ...destructiveAction,
     onConfirm: onDestructiveActionClick
   } });
@@ -34140,7 +34145,6 @@ import { jsx as jsx275 } from "react/jsx-runtime";
 function FocusedFormLayout(props) {
   const {
     onCancel,
-    completeLabel,
     onComplete,
     onSaveAndExit,
     destructiveAction,
@@ -34151,14 +34155,20 @@ function FocusedFormLayout(props) {
     rightPaneTriggers,
     banner,
     children,
-    ...headerProps
+    title,
+    documentTitleSuffix,
+    breadcrumbs,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const tid = useTestIds(props, "focusedFormLayout");
   return /* @__PURE__ */ jsx275(
     WorkflowPageLayout,
     {
       ...tid,
-      ...headerProps,
+      title,
+      documentTitleSuffix,
+      breadcrumbs,
       banner,
       aiMode,
       isDirty,
@@ -34167,6 +34177,7 @@ function FocusedFormLayout(props) {
       onSaveAndExit,
       destructiveAction,
       completeLabel,
+      nonStandardCompleteLabel,
       onComplete,
       primaryDisabled,
       rightPaneTriggers,
@@ -34183,7 +34194,6 @@ function StepperLayout(props) {
     steps,
     defaultStep,
     onCancel,
-    completeLabel,
     onComplete,
     onSaveAndExit,
     destructiveAction,
@@ -34191,7 +34201,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] = useState72(() => getInitialStep(stepTabs, defaultStep));
@@ -34208,7 +34222,9 @@ function StepperLayout(props) {
     WorkflowPageLayout,
     {
       ...tid,
-      ...headerProps,
+      title,
+      documentTitleSuffix,
+      breadcrumbs,
       banner,
       aiMode,
       stepperTabs: { steps: stepTabs, currentStep, onChange: goToStep },
@@ -34224,6 +34240,7 @@ function StepperLayout(props) {
       onSaveAndExit,
       destructiveAction,
       completeLabel,
+      nonStandardCompleteLabel,
       onComplete,
       primaryDisabled: activeStep?.primaryDisabled,
       rightPaneTriggers: activeStep?.rightPaneTriggers,