@homebound/beam 4.55.0 → 4.55.1

package/dist/index.d.cts

@@ -8732,6 +8732,8 @@ type MenuSelectFieldBaseProps<O, V extends Value> = {
     getOptionMenuLabel?: (opt: O) => ReactNode;
     /** Extra text the menu search matches, in addition to `getOptionLabel`. */
     getOptionSearchText?: (opt: O) => string | readonly string[];
+    /** Sort options by `getOptionLabel`. On by default. `MenuTreeSelectField` defaults this to false. */
+    autoSort?: boolean;
     /** Debounced menu search text. The caller replaces `options` and should keep the current selection in that list. Closing calls this with `""`. */
     onSearch?: (search: string) => void;
     disabledOptions?: (V | {

package/dist/index.d.ts

@@ -8732,6 +8732,8 @@ type MenuSelectFieldBaseProps<O, V extends Value> = {
     getOptionMenuLabel?: (opt: O) => ReactNode;
     /** Extra text the menu search matches, in addition to `getOptionLabel`. */
     getOptionSearchText?: (opt: O) => string | readonly string[];
+    /** Sort options by `getOptionLabel`. On by default. `MenuTreeSelectField` defaults this to false. */
+    autoSort?: boolean;
     /** Debounced menu search text. The caller replaces `options` and should keep the current selection in that list. Closing calls this with `""`. */
     onSearch?: (search: string) => void;
     disabledOptions?: (V | {

package/dist/index.js

@@ -19919,6 +19919,7 @@ function useMenuSelectField(props) {
     getOptionLabel = defaultOptionLabel,
     getOptionMenuLabel,
     getOptionSearchText,
+    autoSort = true,
     onSearch,
     disabledOptions,
     nothingSelectedText = "",
@@ -19961,10 +19962,10 @@ function useMenuSelectField(props) {
   const [optionsLoading, setOptionsLoading] = useState31(false);
   const didRequestOptionsRef = useRef36(false);
   const options = useMemo28(
-    () => 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 } = useHover13({});
   const { focusProps, isFocusVisible } = useFocusRing10();
@@ -21824,11 +21825,12 @@ import { Observer as Observer8 } from "mobx-react";
 // src/inputs/MenuSelectField/MenuTreeSelectField.tsx
 import { jsx as jsx140 } from "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__ */ jsx140(
     BaseMenuSelectField,
     {
       ...rest,
+      autoSort,
       selectionMode: "multiple",
       tree: { getChildren: getNestedChildren, display: selectionDisplay, defaultExpanded },
       onCommit: (values, opts) => onSelect(treeSelectResponse(values, opts))
@@ -31508,14 +31510,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__ */ jsx241(
       MenuSelectField,
       {
         ...props,
+        autoSort: isStaticList ? false : autoSort,
         options,
         getOptionValue: (option) => option === allOption ? void 0 : getOptionValue(option),
         getOptionLabel: (option) => option === allOption ? unsetText : getOptionLabel(option),