@homebound/beam 4.54.0 → 4.55.0

package/dist/index.cjs

@@ -315,7 +315,6 @@ __export(index_exports, {
   dateFilter: () => dateFilter,
   dateFormats: () => dateFormats,
   dateRangeFilter: () => dateRangeFilter,
-  defaultDocumentScrollRightPaneWidth: () => defaultDocumentScrollRightPaneWidth,
   defaultPage: () => defaultPage,
   defaultRenderFn: () => defaultRenderFn,
   defaultStyle: () => defaultStyle,
@@ -327,6 +326,7 @@ __export(index_exports, {
   documentScrollContentWidth: () => documentScrollContentWidth,
   documentScrollRightPaneContentMinCss: () => documentScrollRightPaneContentMinCss,
   documentScrollRightPaneHeight: () => documentScrollRightPaneHeight,
+  documentScrollRightPaneWidth: () => documentScrollRightPaneWidth,
   documentScrollRightPaneWidthCss: () => documentScrollRightPaneWidthCss,
   dragHandleColumn: () => dragHandleColumn,
   emptyCell: () => emptyCell,
@@ -400,7 +400,6 @@ __export(index_exports, {
   resetRightPaneStore: () => resetRightPaneStore,
   resolveTableContentWidth: () => resolveTableContentWidth,
   resolveTooltip: () => resolveTooltip,
-  resolveWithRightPaneOptions: () => resolveWithRightPaneOptions,
   rightPaneContentStore: () => rightPaneContentStore,
   rightPaneOpenActions: () => rightPaneOpenActions,
   rightPaneOpenStore: () => rightPaneOpenStore,
@@ -11250,7 +11249,7 @@ function RowImpl(props) {
     const groupSpan = isGroupHeader && column2.groupId ? consecutiveGroupSpan(columns, columnIndex) : 1;
     currentColspan = isGroupHeader && column2.groupId ? groupSpan : isGridCellContent(maybeContent) && typeof maybeContent.colspan === "number" ? maybeContent.colspan : isExpandableHeader ? numExpandedColumns + 1 : 1;
     const canSortColumn = sortOn === "client" && column2.clientSideSort !== false || sortOn === "server" && !!column2.serverSideSortKey;
-    const alignment = isGroupHeader ? "left" : getAlignment(column2, maybeContent);
+    const alignment = isGroupHeader ? "center" : getAlignment(column2, maybeContent);
     const justificationCss = getJustification(column2, maybeContent, as, alignment);
     const isExpandable = isFunction(column2.expandColumns) || column2.expandColumns && column2.expandColumns.length > 0 || column2.expandedWidth !== void 0;
     const content2 = toContent(maybeContent, isHeader, canSortColumn, sortOn === "client", style, as, alignment, column2, isExpandableHeader, isGroupHeader, isExpandable, minStickyLeftOffset);
@@ -28603,24 +28602,13 @@ function useDocumentScrollRightPaneAnchorRef() {
 }
 
 // src/components/Layout/RightPaneLayout/withRightPane.ts
-var defaultDocumentScrollRightPaneWidth = 450;
+var documentScrollRightPaneWidth = 448;
 var minDocumentScrollContentWidthPx = 480;
-function resolveWithRightPaneOptions(withRightPane) {
-  if (withRightPane === void 0 || withRightPane === false) return void 0;
-  if (withRightPane === true) {
-    return { width: defaultDocumentScrollRightPaneWidth };
-  }
-  if (typeof withRightPane === "number") {
-    return { width: withRightPane };
-  }
-  return { width: withRightPane.width ?? defaultDocumentScrollRightPaneWidth };
-}
 
 // src/components/Layout/RightPaneLayout/DocumentScrollOverlayRightPaneLayout.tsx
 var import_jsx_runtime204 = require("react/jsx-runtime");
 function DocumentScrollOverlayRightPaneLayout({
-  children,
-  paneWidth = defaultDocumentScrollRightPaneWidth
+  children
 }) {
   const nestedInLayout = (0, import_react135.useContext)(NestedRightPaneLayoutContext);
   const {
@@ -28637,7 +28625,7 @@ function DocumentScrollOverlayRightPaneLayout({
   if (nestedInLayout) return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(import_jsx_runtime204.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollRightPaneLayoutRoot, { anchorRef, tid, children: sm ? /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(import_jsx_runtime204.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollRightPane, { paneWidth, mobile: true })
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollRightPane, { paneWidth: documentScrollRightPaneWidth, mobile: true })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(import_jsx_runtime204.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { className: "df aifs wfc mw100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { className: "w100 mwfc", ...tid.main, children }),
@@ -28650,19 +28638,18 @@ function DocumentScrollOverlayRightPaneLayout({
         transition: "transitionWidth"
       }), ...tid.spacer })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollOverlayRightPaneHost, { anchorRef: anchorRef.ref, spacerRef, paneWidth })
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollOverlayRightPaneHost, { anchorRef: anchorRef.ref, spacerRef })
   ] }) });
 }
 function DocumentScrollOverlayRightPaneHost(props) {
   const {
     anchorRef,
-    spacerRef,
-    paneWidth
+    spacerRef
   } = props;
   const {
     isRightPaneOpen
   } = useRightPaneOpenState();
-  const paneWidthCss = documentScrollRightPaneWidthCss(paneWidth);
+  const paneWidthCss = documentScrollRightPaneWidthCss(documentScrollRightPaneWidth);
   const [keepOverlayChrome, setKeepOverlayChrome] = (0, import_react135.useState)(isRightPaneOpen);
   (0, import_react135.useLayoutEffect)(() => {
     if (isRightPaneOpen) {
@@ -28690,7 +28677,7 @@ function DocumentScrollOverlayRightPaneHost(props) {
       document.documentElement.style.setProperty(beamFloatingRightOffsetVar, "0px");
     };
   }, [anchorRef, keepOverlayChrome, paneWidthCss]);
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollRightPane, { paneWidth, mobile: false, anchorRef });
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollRightPane, { paneWidth: documentScrollRightPaneWidth, mobile: false, anchorRef });
 }
 
 // src/components/Modal/ModalFullBleed.tsx
@@ -28784,7 +28771,7 @@ function DocumentScrollHost(props) {
     testIds,
     children
   } = props;
-  const tableBody = rightPane ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { ...(0, import_runtime134.trussProps)({
+  const tableBody = rightPane ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(DocumentScrollOverlayRightPaneLayout, { children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { ...(0, import_runtime134.trussProps)({
     minWidth: ["mw_var", {
       "--minWidth": (0, import_runtime134.maybeCssVar)(documentScrollRightPaneContentMinCss())
     }]
@@ -29131,7 +29118,6 @@ function GridTableLayoutComponent(props) {
     emptyFallback: layoutEmptyFallback,
     withRightPane
   } = props;
-  const rightPane = resolveWithRightPaneOptions(withRightPane);
   const tid = useTestIds(props);
   const host = useGridTableLayoutHost();
   const insetHandled = useContentInsetHandled();
@@ -29229,7 +29215,7 @@ function GridTableLayoutComponent(props) {
     {
       host,
       actions: showTableActions ? tableActionsEl : void 0,
-      rightPane,
+      rightPane: withRightPane,
       isVirtualized,
       testIds: tid,
       children: tableBody
@@ -33327,7 +33313,6 @@ function CenteredLayout(props) {
   const {
     mdAndUp
   } = useBreakpoint();
-  const rightPane = resolveWithRightPaneOptions(withRightPane);
   const shell = /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ContentInsetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("div", { ...(0, import_runtime166.mergeProps)(void 0, {
     // layoutContainer descendants (e.g. ContentHeader) read this to inset sticky horizontal chrome within the shell padding.
     [beamLayoutContentPaddingXVar]: mdAndUp ? pageContentPaddingXValue : smPageContentPaddingXValue,
@@ -33346,8 +33331,8 @@ function CenteredLayout(props) {
     },
     ...pageContentPaddingX
   }), ...tid, children }) });
-  if (!rightPane) return shell;
-  return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
+  if (!withRightPane) return shell;
+  return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(DocumentScrollOverlayRightPaneLayout, { children: shell });
 }
 var centeredContentMaxPx = {
   sm: 720,
@@ -33740,7 +33725,6 @@ function FormSectionLayout(props) {
   const {
     sm: isMobile
   } = useBreakpoint();
-  const rightPane = resolveWithRightPaneOptions(withRightPane);
   const formSectionLayoutTitleId = "formSectionLayoutTitle";
   const sectionLinks = (sections ?? []).filter((section) => !section.excludeJumpLink).map((section) => {
     const id = defaultTestId(section.title);
@@ -33792,8 +33776,8 @@ function FormSectionLayout(props) {
       }]
     }), ...tid.column, children: form })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "mb4", children: form });
-  if (!rightPane) return body;
-  return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
+  if (!withRightPane) return body;
+  return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(DocumentScrollOverlayRightPaneLayout, { children: body });
 }
 
 // src/layouts/PageBanner/usePageBanner.tsx
@@ -35449,7 +35433,6 @@ var togglePressStyles = {
   dateFilter,
   dateFormats,
   dateRangeFilter,
-  defaultDocumentScrollRightPaneWidth,
   defaultPage,
   defaultRenderFn,
   defaultStyle,
@@ -35461,6 +35444,7 @@ var togglePressStyles = {
   documentScrollContentWidth,
   documentScrollRightPaneContentMinCss,
   documentScrollRightPaneHeight,
+  documentScrollRightPaneWidth,
   documentScrollRightPaneWidthCss,
   dragHandleColumn,
   emptyCell,
@@ -35534,7 +35518,6 @@ var togglePressStyles = {
   resetRightPaneStore,
   resolveTableContentWidth,
   resolveTooltip,
-  resolveWithRightPaneOptions,
   rightPaneContentStore,
   rightPaneOpenActions,
   rightPaneOpenStore,