@homebound/beam 4.55.0 → 4.55.1

package/dist/index.cjs

@@ -20428,6 +20428,7 @@ function useMenuSelectField(props) {
     getOptionLabel = defaultOptionLabel,
     getOptionMenuLabel,
     getOptionSearchText,
+    autoSort = true,
     onSearch,
     disabledOptions,
     nothingSelectedText = "",
@@ -20470,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)();
@@ -22333,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))
@@ -32009,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),