@homebound/beam 3.105.0 → 3.105.2

package/dist/index.cjs

@@ -20223,6 +20223,9 @@ function getSize(size) {
 // src/components/Snackbar/SnackbarContext.tsx
 var import_react99 = require("react");
 
+// src/components/Snackbar/Snackbar.tsx
+var import_react_dom4 = require("react-dom");
+
 // src/components/Snackbar/SnackbarNotice.tsx
 var import_utils100 = require("@react-aria/utils");
 var import_react98 = require("react");
@@ -20360,7 +20363,7 @@ function Snackbar({
   offset
 }) {
   const tid = useTestIds({});
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { ...tid.snackbarWrapper, ...(0, import_runtime90.trussProps)({
+  return (0, import_react_dom4.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { ...tid.snackbarWrapper, ...(0, import_runtime90.trussProps)({
     position: "fixed",
     zIndex: ["z_var", {
       "--zIndex": (0, import_runtime90.maybeCssVar)(zIndices.snackbar)
@@ -20373,7 +20376,7 @@ function Snackbar({
     flexDirection: "fdc",
     alignItems: "aifs",
     gap: "gap_12px"
-  }), children: notices.map((data) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SnackbarNotice, { ...data }, data.id)) });
+  }), children: notices.map((data) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SnackbarNotice, { ...data }, data.id)) }), document.body);
 }
 var defaultOffset = {
   bottom: 24
@@ -20400,7 +20403,7 @@ function useSnackbarContext() {
 // src/components/SuperDrawer/SuperDrawer.tsx
 var import_framer_motion = require("framer-motion");
 var import_react100 = require("react");
-var import_react_dom4 = require("react-dom");
+var import_react_dom5 = require("react-dom");
 
 // src/components/SuperDrawer/utils.ts
 var SuperDrawerWidth = /* @__PURE__ */ ((SuperDrawerWidth2) => {
@@ -20449,7 +20452,7 @@ function SuperDrawer() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [headerRef, content]
   );
-  return (0, import_react_dom4.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_framer_motion.AnimatePresence, { children: content && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children: /* @__PURE__ */ (0, import_react101.createElement)(
+  return (0, import_react_dom5.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_framer_motion.AnimatePresence, { children: content && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children: /* @__PURE__ */ (0, import_react101.createElement)(
     import_framer_motion.motion.div,
     {
       ...testId,
@@ -23015,7 +23018,7 @@ var import_runtime107 = require("@homebound/truss/runtime");
 var import_framer_motion3 = require("framer-motion");
 var import_react118 = require("react");
 var import_react_aria54 = require("react-aria");
-var import_react_dom5 = require("react-dom");
+var import_react_dom6 = require("react-dom");
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayoutHeightContext.tsx
 var import_react116 = require("react");
@@ -23138,7 +23141,7 @@ function DocumentScrollRightPane({
     ease: "linear",
     duration: 0.2
   }, onAnimationComplete: (definition) => definition.x !== 0 && clearPane(), children: rightPaneContent }, "documentScrollRightPane") });
-  return sm ? (0, import_react_dom5.createPortal)(pane, document.body) : pane;
+  return sm ? (0, import_react_dom6.createPortal)(pane, document.body) : pane;
 }
 
 // src/components/Layout/RightPaneLayout/DocumentScrollRightPaneLayout.tsx
@@ -24667,7 +24670,7 @@ function useRightPane() {
 }
 
 // src/components/Layout/ScrollableFooter.tsx
-var import_react_dom6 = require("react-dom");
+var import_react_dom7 = require("react-dom");
 var import_jsx_runtime189 = require("react/jsx-runtime");
 function ScrollableFooter(props) {
   const { children } = props;
@@ -24675,7 +24678,7 @@ function ScrollableFooter(props) {
   if (!footerEl) {
     return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(import_jsx_runtime189.Fragment, { children });
   }
-  return (0, import_react_dom6.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(import_jsx_runtime189.Fragment, { children }), footerEl);
+  return (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(import_jsx_runtime189.Fragment, { children }), footerEl);
 }
 
 // src/components/Layout/TableReviewLayout/TableReviewLayout.tsx
@@ -26537,7 +26540,7 @@ function AppNavItems(props) {
 var import_framer_motion6 = require("framer-motion");
 var import_react147 = require("react");
 var import_react_aria63 = require("react-aria");
-var import_react_dom7 = require("react-dom");
+var import_react_dom8 = require("react-dom");
 var import_react_router_dom7 = require("react-router-dom");
 
 // src/layouts/NavbarLayout/MobileSubNavContext.tsx
@@ -26599,7 +26602,7 @@ function NavbarMobileMenu(props) {
       setLevel("sub");
       setIsOpen(true);
     }, ...tid.mobileMenu }),
-    (0, import_react_dom7.createPortal)(
+    (0, import_react_dom8.createPortal)(
       /* AnimatePresence keeps the drawer mounted through its slide/fade-out before unmounting.*/
       /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_framer_motion6.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(NavbarMobileDrawer, { items, mobileSubNav, level, onLevelChange: setLevel, onClose: close, tid }) }),
       document.body
@@ -27106,16 +27109,18 @@ function SideNav(props) {
   const {
     top,
     items,
-    footer
+    footer,
+    showContentWhenCollapsed = false
   } = props;
   const {
     navState
   } = useSideNavLayoutContext();
   const tid = useTestIds(props, "sideNav");
   const panelCollapsed = navState === "collapse";
-  const hideOnCollapse = panelCollapsed && !allItemsHaveIcons(items);
+  const hideContent = panelCollapsed && !showContentWhenCollapsed;
+  const hideItems = hideContent || panelCollapsed && !allItemsHaveIcons(items);
   return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("nav", { className: "df fdc h100 fs0", ...tid, children: [
-    top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
+    !hideContent && top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -27126,7 +27131,7 @@ function SideNav(props) {
         paddingBottom: "pb4"
       } : {}
     }), ...tid.top, children: top }),
-    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
+    !hideContent && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
       flexGrow: "fg1",
       overflowY: "oya",
       display: "df",
@@ -27138,8 +27143,8 @@ function SideNav(props) {
       ...top === void 0 ? {
         paddingTop: "pt5"
       } : {}
-    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(AppNavItems, { items, panelCollapsed }) }),
-    footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
+    }), ...tid.items, children: !hideItems && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(AppNavItems, { items, panelCollapsed }) }),
+    !hideContent && footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -27611,7 +27616,7 @@ var maxStepWidthPx = 280;
 var gapPx = 6;
 
 // src/components/SuperDrawer/components/SuperDrawerHeader.tsx
-var import_react_dom8 = require("react-dom");
+var import_react_dom9 = require("react-dom");
 var import_runtime141 = require("@homebound/truss/runtime");
 var import_jsx_runtime221 = require("react/jsx-runtime");
 function SuperDrawerHeader(props) {
@@ -27630,7 +27635,7 @@ function SuperDrawerHeader(props) {
   const currentContent = contentStack.current[contentStack.current.length - 1]?.opts;
   const isDetail = currentContent !== firstContent;
   const tid = useTestIds({}, "superDrawerHeader");
-  return (0, import_react_dom8.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "df aic jcsb gap3", ...tid, children: [
+  return (0, import_react_dom9.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "df aic jcsb gap3", ...tid, children: [
     isStructuredProps(props) ? /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "df jcsb aic gap2 fg1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "fg1 df aic gap2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("h1", { className: "fw6 fz_24px lh_32px", children: props.title }),