@homebound/beam 2.416.0-alpha.1 → 2.416.1

package/dist/index.cjs

@@ -10567,23 +10567,22 @@ function TreeSelectFieldBase(props) {
       }));
     }
   }
+  const comboBoxChildren = (0, import_react47.useCallback)(
+    ([item]) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_stately6.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item))),
+    [getOptionValue, getOptionLabel, getOptionMenuLabel]
+  );
   const comboBoxProps = {
     ...otherProps,
     disabledKeys: Object.keys(disabledOptionsWithReasons),
     placeholder: !values || values.length === 0 ? placeholder : "",
     label: props.label,
     inputValue: fieldState.inputValue,
-    // where we might want to do flatmap and return diff kind of array (children ? add level prop) inside children callback - can put markup wrapper div adds padding
-    // so we're not doing it multiple places
     items: fieldState.filteredOptions,
     isDisabled,
     isReadOnly,
     onInputChange,
     onOpenChange,
-    children: ([item]) => (
-      // what we're telling it to render. look at padding here - don't have to pass down to tree option - filtered options is where we're flat mapping
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_stately6.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item)))
-    )
+    children: comboBoxChildren
   };
   const state = (0, import_react_stately6.useComboBoxState)({
     ...comboBoxProps,
@@ -11101,6 +11100,10 @@ function ComboBoxBase(props) {
   const listBoxRef = (0, import_react49.useRef)(null);
   const popoverRef = (0, import_react49.useRef)(null);
   const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
+  const comboBoxChildren = (0, import_react49.useCallback)(
+    (item) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_stately7.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item))),
+    [getOptionValue, getOptionLabel, getOptionMenuLabel]
+  );
   const comboBoxProps = {
     ...otherProps,
     disabledKeys: Object.keys(disabledOptionsWithReasons),
@@ -11110,7 +11113,7 @@ function ComboBoxBase(props) {
     isReadOnly,
     onInputChange,
     onOpenChange,
-    children: (item) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_stately7.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item)))
+    children: comboBoxChildren
   };
   const state = (0, import_react_stately7.useComboBoxState)({
     ...comboBoxProps,
@@ -11310,6 +11313,10 @@ function Autocomplete(props) {
     ...others
   } = props;
   const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
+  const comboBoxChildren = (0, import_react50.useCallback)(
+    (item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_stately8.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
+    [getOptionValue, getOptionLabel, getOptionMenuLabel]
+  );
   const comboBoxProps = {
     isDisabled: !!disabled,
     disabledKeys: Object.keys(disabledOptionsWithReasons),
@@ -11318,7 +11325,7 @@ function Autocomplete(props) {
     items: options,
     // Allow the user to type in a value that is not in the list. Allows for the text to stay in the input when the user clicks away
     allowsCustomValue: true,
-    children: (item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_stately8.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
+    children: comboBoxChildren,
     onSelectionChange: (key) => {
       if (key == null) return;
       const selectedItem = options.find((i) => getOptionValue(i) === key);