@homebound/beam 3.75.1 → 3.75.2

package/dist/index.d.cts

@@ -9989,7 +9989,7 @@ type StepperTabsProps = {
     steps: StepperTabsStep[];
     currentStep: StepperTabsStep["value"];
     onChange: (stepValue: string) => void;
-    /** Forces the condensed look regardless of viewport width (e.g. WorkflowLayout's scroll-collapse). OR'd with the mobile-breakpoint collapse. */
+    /** Forces the condensed look regardless of viewport width. OR'd with the mobile-breakpoint collapse. */
     collapsed?: boolean;
 };
 declare function StepperTabs(props: StepperTabsProps): JSX.Element;
@@ -10327,9 +10327,8 @@ type WorkflowLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix"
  *
  * A standalone, full-page layout for step-based workflow pages — nest it directly under
  * `EnvironmentBannerLayout`, never under `NavbarLayout`/`SideNavLayout`/`PageHeaderLayout`. Unlike
- * `PageHeaderLayout`, the header here never auto-hides. The stepper tabs always collapse to a condensed
- * indicator bar on mobile, and on larger viewports also collapse once scrolled past a threshold,
- * re-expanding on scroll-up (even before reaching the top).
+ * `PageHeaderLayout`, the header here never auto-hides. The stepper tabs collapse to a condensed
+ * indicator bar on mobile only.
  *
  * Owns the workflow's fixed CTA set (Back/Cancel/Save & Exit/Continue-or-Complete) via `WorkflowActions`
  * so it can move them into a mobile footer at the `sm` breakpoint — `WorkflowHeader` itself is not part

package/dist/index.d.ts

@@ -9989,7 +9989,7 @@ type StepperTabsProps = {
     steps: StepperTabsStep[];
     currentStep: StepperTabsStep["value"];
     onChange: (stepValue: string) => void;
-    /** Forces the condensed look regardless of viewport width (e.g. WorkflowLayout's scroll-collapse). OR'd with the mobile-breakpoint collapse. */
+    /** Forces the condensed look regardless of viewport width. OR'd with the mobile-breakpoint collapse. */
     collapsed?: boolean;
 };
 declare function StepperTabs(props: StepperTabsProps): JSX.Element;
@@ -10327,9 +10327,8 @@ type WorkflowLayoutProps = Pick<BaseHeaderProps, "title" | "documentTitleSuffix"
  *
  * A standalone, full-page layout for step-based workflow pages — nest it directly under
  * `EnvironmentBannerLayout`, never under `NavbarLayout`/`SideNavLayout`/`PageHeaderLayout`. Unlike
- * `PageHeaderLayout`, the header here never auto-hides. The stepper tabs always collapse to a condensed
- * indicator bar on mobile, and on larger viewports also collapse once scrolled past a threshold,
- * re-expanding on scroll-up (even before reaching the top).
+ * `PageHeaderLayout`, the header here never auto-hides. The stepper tabs collapse to a condensed
+ * indicator bar on mobile only.
  *
  * Owns the workflow's fixed CTA set (Back/Cancel/Save & Exit/Continue-or-Complete) via `WorkflowActions`
  * so it can move them into a mobile footer at the `sm` breakpoint — `WorkflowHeader` itself is not part

package/dist/index.js

@@ -26751,7 +26751,7 @@ function PageHeaderLayout(props) {
 }
 
 // src/layouts/WorkflowLayout/WorkflowLayout.tsx
-import { useLayoutEffect as useLayoutEffect12, useRef as useRef70, useState as useState60 } from "react";
+import { useLayoutEffect as useLayoutEffect11, useRef as useRef69, useState as useState59 } from "react";
 
 // src/components/Headers/WorkflowHeader.tsx
 import { jsx as jsx218 } from "react/jsx-runtime";
@@ -26761,65 +26761,14 @@ function WorkflowHeader(props) {
   return /* @__PURE__ */ jsx218(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx218(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
 }
 
-// src/layouts/useScrollCollapse.ts
-import { useLayoutEffect as useLayoutEffect11, useRef as useRef68, useState as useState59 } from "react";
-function useScrollCollapse(enabled, restingOffset) {
-  const [collapsed, setCollapsed] = useState59(() => typeof window !== "undefined" && window.scrollY > 0);
-  const collapsedRef = useRef68(collapsed);
-  collapsedRef.current = collapsed;
-  const restingOffsetRef = useRef68(restingOffset);
-  restingOffsetRef.current = restingOffset;
-  const lastScrollYRef = useRef68(Number.POSITIVE_INFINITY);
-  const lastScrollHeightRef = useRef68(0);
-  useLayoutEffect11(() => {
-    lastScrollHeightRef.current = document.documentElement.scrollHeight;
-  }, [restingOffset]);
-  useLayoutEffect11(() => {
-    if (!enabled) return;
-    const commit = (next) => {
-      if (next !== collapsedRef.current) {
-        collapsedRef.current = next;
-        setCollapsed(next);
-      }
-    };
-    const updateCollapsed = () => {
-      const doc = document.documentElement;
-      const currentY = window.scrollY;
-      if (currentY <= 0) {
-        lastScrollYRef.current = 0;
-        lastScrollHeightRef.current = doc.scrollHeight;
-        commit(false);
-        return;
-      }
-      const currentScrollHeight = doc.scrollHeight;
-      const scrollHeightChanged = lastScrollHeightRef.current !== 0 && currentScrollHeight !== lastScrollHeightRef.current;
-      const dy = currentY - lastScrollYRef.current;
-      lastScrollYRef.current = currentY;
-      lastScrollHeightRef.current = currentScrollHeight;
-      if (currentY <= restingOffsetRef.current) return;
-      if (scrollHeightChanged) {
-        commit(true);
-        return;
-      }
-      const atBottom = currentY >= doc.scrollHeight - doc.clientHeight;
-      if (dy > 0) commit(true);
-      else if (dy < 0 && !atBottom) commit(false);
-    };
-    updateCollapsed();
-    window.addEventListener("scroll", updateCollapsed, { passive: true });
-    return () => window.removeEventListener("scroll", updateCollapsed);
-  }, [enabled]);
-  return collapsed;
-}
-
 // src/layouts/WorkflowLayout/useUnsavedChangesGuard.tsx
-import { useEffect as useEffect39, useRef as useRef69 } from "react";
+import { useEffect as useEffect39, useRef as useRef68 } from "react";
 import { useBlocker } from "react-router-dom";
 import { jsx as jsx219 } from "react/jsx-runtime";
 function useUnsavedChangesGuard(options) {
   const { isDirty, onCancel } = options;
   const { openModal } = useModal();
-  const isDirtyRef = useRef69(isDirty);
+  const isDirtyRef = useRef68(isDirty);
   isDirtyRef.current = isDirty;
   useEffect39(() => {
     const onBeforeUnload = (e) => {
@@ -26903,7 +26852,7 @@ function WorkflowLayout(props) {
     ...step,
     value: defaultTestId(step.label)
   }));
-  const [currentStep, setCurrentStep] = useState60(() => getInitialStep(stepTabs, defaultStep));
+  const [currentStep, setCurrentStep] = useState59(() => getInitialStep(stepTabs, defaultStep));
   const tid = useTestIds(props, "workflowLayout");
   const {
     sm: isMobile
@@ -26915,11 +26864,8 @@ function WorkflowLayout(props) {
     isDirty,
     onCancel
   });
-  const bannerAndNavbarHeight = useBannerAndNavbarHeight();
-  const headerMetricsRef = useRef70(null);
+  const headerMetricsRef = useRef69(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
-  const scrollCollapsed = useScrollCollapse(!isMobile, bannerAndNavbarHeight + headerHeight);
-  const collapsed = isMobile || scrollCollapsed;
   const headerWidth = documentScrollChromeWidth();
   const outerTop = bannerAndNavbarChromeTop();
   const cssVars = headerHeight > 0 ? {
@@ -26938,7 +26884,7 @@ function WorkflowLayout(props) {
     setCurrentStep(stepTabs[currentIndex + 1].value);
   } });
   const showFooter = isMobile;
-  useLayoutEffect12(() => {
+  useLayoutEffect11(() => {
     const root = document.documentElement;
     const previous = root.style.getPropertyValue(beamWorkflowLayoutFooterHeightVar);
     root.style.setProperty(beamWorkflowLayoutFooterHeightVar, showFooter ? `${mobileFooterHeightPx}px` : "0px");
@@ -26950,12 +26896,19 @@ function WorkflowLayout(props) {
       }
     };
   }, [showFooter]);
-  const headerEl = /* @__PURE__ */ jsx221(WorkflowHeader, { ...headerProps, rightSlot: isMobile ? void 0 : buttons, stepperTabs: {
-    steps: stepTabs,
-    currentStep,
-    onChange: setCurrentStep,
-    collapsed
-  } });
+  const headerEl = /* @__PURE__ */ jsx221(
+    WorkflowHeader,
+    {
+      ...headerProps,
+      rightSlot: isMobile ? void 0 : buttons,
+      stepperTabs: {
+        steps: stepTabs,
+        currentStep,
+        onChange: setCurrentStep,
+        collapsed: isMobile
+      }
+    }
+  );
   return /* @__PURE__ */ jsxs114(DocumentScrollLayoutProvider, { children: [
     /* @__PURE__ */ jsxs114("div", { ...mergeProps39(void 0, cssVars, {
       display: "df",