@homebound/beam 2.415.5 → 2.416.0-alpha.1

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   safeKeys,
   toToggleState,
   useTestIds
-} from "./chunk-ZQBDHF22.js";
+} from "./chunk-XH44AYND.js";
 
 // src/Css.ts
 var CssBuilder = class _CssBuilder {
@@ -6726,7 +6726,7 @@ function Button(props) {
         const result = onPress(e);
         if (isPromise(result)) {
           setAsyncInProgress(true);
-          result.finally(() => setAsyncInProgress(false));
+          void result.finally(() => setAsyncInProgress(false));
         }
         return result;
       },
@@ -8133,7 +8133,7 @@ var RowState = class {
     }
   }
   /** Used by node when doing `console.log(rs)`. */
-  [Symbol.for("nodejs.util.inspect.custom")]() {
+  [/* @__PURE__ */ Symbol.for("nodejs.util.inspect.custom")]() {
     return `RowState@${this.row.id}`;
   }
 };
@@ -8709,7 +8709,7 @@ function Menu(props) {
     const { items: items2, ...others } = tree;
     const [itemsSection, persistentSection] = items2;
     if (search) {
-      const filteredChildren = itemsSection.children.filter((item) => contains(item.value.label, search));
+      const filteredChildren = (itemsSection.children ?? []).filter((item) => contains(item.value.label, search));
       const { items: items3, ...otherValues } = itemsSection.value;
       const filteredValue = items3?.filter((item) => contains(item.label, search));
       return {
@@ -9159,18 +9159,21 @@ function ListBoxChip({ label }) {
 }
 
 // src/inputs/Value.ts
+var VALUE_PREFIX = "__VALUE--";
 function keyToValue(key) {
   if (typeof key === "number") {
     return key;
   } else if (typeof key === "string") {
-    if (key === "__VALUE:null") {
+    if (key === `${VALUE_PREFIX}null` || key === "__VALUE:null") {
       return null;
-    } else if (key === "__VALUE:undefined") {
+    } else if (key === `${VALUE_PREFIX}undefined` || key === "__VALUE:undefined") {
       return void 0;
-    } else if (key.startsWith("__VALUE:boolean:")) {
-      return key.split(":")[2] === "true";
-    } else if (key.startsWith("__VALUE:number")) {
-      return Number(key.split(":")[2]);
+    } else if (key.startsWith(`${VALUE_PREFIX}boolean--`) || key.startsWith("__VALUE:boolean:")) {
+      const parts = key.includes("--boolean--") ? key.split("--") : key.split(":");
+      return parts[parts.length - 1] === "true";
+    } else if (key.startsWith(`${VALUE_PREFIX}number--`) || key.startsWith("__VALUE:number:")) {
+      const parts = key.includes("--number--") ? key.split("--") : key.split(":");
+      return Number(parts[parts.length - 1]);
     } else {
       return key;
     }
@@ -9182,13 +9185,13 @@ function valueToKey(value) {
   if (typeof value === "string") {
     return value;
   } else if (typeof value === "number") {
-    return `__VALUE:number:${value}`;
+    return `${VALUE_PREFIX}number--${value}`;
   } else if (typeof value === "boolean") {
-    return `__VALUE:boolean:${value}`;
+    return `${VALUE_PREFIX}boolean--${value}`;
   } else if (value === null) {
-    return "__VALUE:null";
+    return `${VALUE_PREFIX}null`;
   } else if (value === void 0) {
-    return "__VALUE:undefined";
+    return `${VALUE_PREFIX}undefined`;
   } else {
     throw new Error(`Unsupported value ${value}`);
   }
@@ -9759,7 +9762,8 @@ function VirtualizedOptions(props) {
     allowCollapsing
   } = props;
   const virtuosoRef = useRef21(null);
-  const focusedItem = state.collection.getItem(state.selectionManager.focusedKey);
+  const focusedKey = state.selectionManager.focusedKey;
+  const focusedItem = focusedKey != null ? state.collection.getItem(focusedKey) : null;
   const selectedItem = state.selectionManager.selectedKeys.size > 0 ? state.collection.getItem([...state.selectionManager.selectedKeys.values()][0]) : void 0;
   useEffect12(
     () => {
@@ -10229,6 +10233,7 @@ function TreeSelectFieldBase(props) {
   state.selectionManager.state = useMultipleSelectionState({
     selectionMode: "multiple",
     selectedKeys: fieldState.selectedKeys,
+    disabledKeys: Object.keys(disabledOptionsWithReasons),
     onSelectionChange: (newKeys) => {
       if (newKeys === "all") {
         return;
@@ -10521,7 +10526,9 @@ function ComboBoxInput(props) {
           onKeyDown: (e) => {
             if (isMultiSelect) {
               if (isTree) {
-                const item = state.collection.getItem(state.selectionManager.focusedKey);
+                const focusedKey = state.selectionManager.focusedKey;
+                if (focusedKey == null) return;
+                const item = state.collection.getItem(focusedKey);
                 if (item && (e.key === "ArrowRight" || e.key === "ArrowLeft")) {
                   if (!isLeveledNode(item)) return;
                   const leveledOption = item.value;
@@ -10543,7 +10550,10 @@ function ComboBoxInput(props) {
                 if (state.isOpen) {
                   e.preventDefault();
                 }
-                state.selectionManager.toggleSelection(state.selectionManager.focusedKey);
+                const focusedKey = state.selectionManager.focusedKey;
+                if (focusedKey != null) {
+                  state.selectionManager.toggleSelection(focusedKey);
+                }
                 return;
               }
               if (e.key === "Escape") {
@@ -10765,7 +10775,8 @@ function ComboBoxBase(props) {
     // Do not allow an empty selection if single select mode
     disallowEmptySelection: !multiselect,
     selectedKeys,
-    onSelectionChange
+    onSelectionChange,
+    disabledKeys: Object.keys(disabledOptionsWithReasons)
   });
   const [debouncedSearch] = useDebounce(searchValue, 300);
   useEffect15(() => {
@@ -10949,6 +10960,7 @@ function Autocomplete(props) {
     allowsCustomValue: true,
     children: (item) => /* @__PURE__ */ jsx58(Item5, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
     onSelectionChange: (key) => {
+      if (key == null) return;
       const selectedItem = options.find((i) => getOptionValue(i) === key);
       if (selectedItem) {
         onInputChange(getOptionLabel(selectedItem));
@@ -11787,7 +11799,6 @@ function RadioGroupField(props) {
       /* @__PURE__ */ jsx70(Label, { label, ...labelProps, ...tid.label, hidden: labelStyle === "hidden" }),
       /* @__PURE__ */ jsxs41("div", { ...radioGroupProps, children: [
         options.map((option) => {
-          const isDisabled = state.isDisabled || !!option.disabled;
           return /* @__PURE__ */ jsx70(Fragment18, { children: maybeTooltip({
             title: resolveTooltip(option.disabled),
             placement: "bottom",
@@ -11796,7 +11807,8 @@ function RadioGroupField(props) {
               {
                 parentId: name,
                 option,
-                state: { ...state, isDisabled },
+                state,
+                isOptionDisabled: !!option.disabled,
                 ...otherProps,
                 ...tid[option.value]
               }
@@ -11814,13 +11826,18 @@ function Radio(props) {
     parentId,
     option: { description, label, value },
     state,
+    isOptionDisabled,
     ...others
   } = props;
-  const disabled = state.isDisabled;
   const labelId = `${parentId}-${value}-label`;
   const descriptionId = `${parentId}-${value}-description`;
   const ref = useRef30(null);
-  const { inputProps } = useRadio({ value, "aria-labelledby": labelId }, state, ref);
+  const { inputProps, isDisabled } = useRadio(
+    { value, "aria-labelledby": labelId, isDisabled: isOptionDisabled },
+    state,
+    ref
+  );
+  const disabled = isDisabled;
   const { focusProps, isFocusVisible } = useFocusRing6();
   const { hoverProps, isHovered } = useHover12({ isDisabled: disabled });
   return /* @__PURE__ */ jsxs41("label", { css: Css.df.cursorPointer.mb1.if(disabled).add("cursor", "initial").$, ...hoverProps, children: [
@@ -12360,7 +12377,7 @@ function ToggleButton(props) {
       const result = onChange(e);
       if (isPromise(result)) {
         setAsyncInProgress(true);
-        result.finally(() => setAsyncInProgress(false));
+        void result.finally(() => setAsyncInProgress(false));
       }
       return result;
     }
@@ -13996,7 +14013,7 @@ function renderVirtual(style, id, columns, visibleDataRows, keptSelectedRows, fi
           const result = infiniteScroll.onEndReached(index);
           if (isPromise(result)) {
             setFetchMoreInProgress(true);
-            result.finally(() => setFetchMoreInProgress(false));
+            void result.finally(() => setFetchMoreInProgress(false));
           }
         }
       } : {}
@@ -17466,7 +17483,10 @@ function ButtonDatePicker(props) {
   const { defaultOpen, disabled, trigger, onSelect, ...datePickerProps } = props;
   const state = useMenuTriggerState4({ isOpen: defaultOpen });
   const buttonRef = useRef47(null);
-  const { menuTriggerProps, menuProps } = useMenuTrigger4({ isDisabled: !!disabled }, state, buttonRef);
+  const {
+    menuTriggerProps,
+    menuProps: { autoFocus: _af, ...menuProps }
+  } = useMenuTrigger4({ isDisabled: !!disabled }, state, buttonRef);
   const tid = useTestIds(
     props,
     isTextButton(trigger) ? defaultTestId(labelOr(trigger, "buttonDatePicker")) : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name