@homebound/beam 4.54.1 → 4.55.1

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,
@@ -20429,6 +20428,7 @@ function useMenuSelectField(props) {
     getOptionLabel = defaultOptionLabel,
     getOptionMenuLabel,
     getOptionSearchText,
+    autoSort = true,
     onSearch,
     disabledOptions,
     nothingSelectedText = "",
@@ -20471,10 +20471,10 @@ function useMenuSelectField(props) {
   const [optionsLoading, setOptionsLoading] = (0, import_react85.useState)(false);
   const didRequestOptionsRef = (0, import_react85.useRef)(false);
   const options = (0, import_react85.useMemo)(
-    () => initializeOptions(optionsProp, getOptionValue, getOptionLabel, void 0, false),
+    () => initializeOptions(optionsProp, getOptionValue, getOptionLabel, void 0, autoSort),
     // getOptionValue and getOptionLabel are typically inline lambdas
     // oxlint-disable-next-line react-hooks/exhaustive-deps
-    [optionsProp]
+    [optionsProp, autoSort]
   );
   const { hoverProps, isHovered } = (0, import_react_aria37.useHover)({});
   const { focusProps, isFocusVisible } = (0, import_react_aria37.useFocusRing)();
@@ -22334,11 +22334,12 @@ var import_mobx_react11 = require("mobx-react");
 // src/inputs/MenuSelectField/MenuTreeSelectField.tsx
 var import_jsx_runtime140 = require("react/jsx-runtime");
 function MenuTreeSelectField(props) {
-  const { onSelect, selectionDisplay = "all", defaultExpanded = false, ...rest } = props;
+  const { onSelect, selectionDisplay = "all", defaultExpanded = false, autoSort = false, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
     BaseMenuSelectField,
     {
       ...rest,
+      autoSort,
       selectionMode: "multiple",
       tree: { getChildren: getNestedChildren, display: selectionDisplay, defaultExpanded },
       onCommit: (values, opts) => onSelect(treeSelectResponse(values, opts))
@@ -28603,24 +28604,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 +28627,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 +28640,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 +28679,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 +28773,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 +29120,6 @@ function GridTableLayoutComponent(props) {
     emptyFallback: layoutEmptyFallback,
     withRightPane
   } = props;
-  const rightPane = resolveWithRightPaneOptions(withRightPane);
   const tid = useTestIds(props);
   const host = useGridTableLayoutHost();
   const insetHandled = useContentInsetHandled();
@@ -29229,7 +29217,7 @@ function GridTableLayoutComponent(props) {
     {
       host,
       actions: showTableActions ? tableActionsEl : void 0,
-      rightPane,
+      rightPane: withRightPane,
       isVirtualized,
       testIds: tid,
       children: tableBody
@@ -32023,14 +32011,19 @@ var SingleFilter = class extends BaseFilter {
     return resolveOptionSelectedFilterLabel(options, getOptionValue, getOptionLabel, value);
   }
   render(value, setValue, tid, inModal, vertical) {
-    const { label, defaultValue, options: maybeOptions, nothingSelectedText, ...props } = this.props;
+    const { label, defaultValue, options: maybeOptions, nothingSelectedText, autoSort, ...props } = this.props;
     const { getOptionValue, getOptionLabel } = optionReaders2(this.props);
     const unsetText = nothingSelectedText ?? "All";
-    const options = Array.isArray(maybeOptions) ? [allOption, ...maybeOptions] : { ...maybeOptions, current: maybeOptions.current };
+    const isStaticList = Array.isArray(maybeOptions);
+    const options = isStaticList ? [
+      allOption,
+      ...initializeOptions(maybeOptions, getOptionValue, getOptionLabel, void 0, autoSort ?? true)
+    ] : maybeOptions;
     return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
       MenuSelectField,
       {
         ...props,
+        autoSort: isStaticList ? false : autoSort,
         options,
         getOptionValue: (option) => option === allOption ? void 0 : getOptionValue(option),
         getOptionLabel: (option) => option === allOption ? unsetText : getOptionLabel(option),
@@ -33327,7 +33320,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 +33338,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 +33732,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 +33783,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 +35440,6 @@ var togglePressStyles = {
   dateFilter,
   dateFormats,
   dateRangeFilter,
-  defaultDocumentScrollRightPaneWidth,
   defaultPage,
   defaultRenderFn,
   defaultStyle,
@@ -35461,6 +35451,7 @@ var togglePressStyles = {
   documentScrollContentWidth,
   documentScrollRightPaneContentMinCss,
   documentScrollRightPaneHeight,
+  documentScrollRightPaneWidth,
   documentScrollRightPaneWidthCss,
   dragHandleColumn,
   emptyCell,
@@ -35534,7 +35525,6 @@ var togglePressStyles = {
   resetRightPaneStore,
   resolveTableContentWidth,
   resolveTooltip,
-  resolveWithRightPaneOptions,
   rightPaneContentStore,
   rightPaneOpenActions,
   rightPaneOpenStore,