@lumx/react 4.13.0-next.0 → 4.13.0-next.2

package/index.d.ts

@@ -4020,6 +4020,8 @@ interface RenderOptionContext {
     index: number;
     /** Resolved option id (from `getOptionId`). Should be passed as `value` to `<Combobox.Option>`. */
     value: any;
+    /** Resolved option name (from `getOptionName`, falling back to `getOptionId`). */
+    name: string;
     /** Whether this option is currently selected. Should be forwarded as `isSelected`. */
     isSelected: boolean;
     /** Resolved description string (from `getOptionDescription`), if any. Should be forwarded as `description`. */

package/index.js

@@ -6622,11 +6622,14 @@ function setupCombobox(callbacks, options, onTriggerAttach) {
             if (!handle.isMultiSelect && !isActionCell(activeItem)) {
               handle.setIsOpen(false);
             }
-          } else if (!handle.isMultiSelect) {
-            // No active item — toggle open/close.
-            handle.setIsOpen(!handle.isOpen);
+            flag = true;
+          } else if (handle.isOpen && !handle.isMultiSelect) {
+            // Open with no active item (single select) => close the popup.
+            handle.setIsOpen(false);
+            flag = true;
           }
-          flag = true;
+          // Otherwise (closed popup, or multi-select with no active item),
+          // let Enter pass through so it can submit a surrounding form
           break;
         case 'ArrowDown':
           if (nav?.hasNavigableItems) {
@@ -16856,7 +16859,7 @@ function renderSelectOptions(props, components) {
   const selectedIds = selected ? new Set((Array.isArray(selected) ? selected : [selected]).map(s => getWithSelector(getOptionId, s))) : undefined;
   return options?.map((item, index) => {
     const id = getWithSelector(getOptionId || getOptionName, item);
-    const name = getWithSelector(getOptionName || getOptionId, item);
+    const name = getWithSelector(getOptionName || getOptionId, item) || id;
     const description = getOptionDescription && getWithSelector(getOptionDescription, item);
     const isSelected = selectedIds?.has(id) ?? false;
 
@@ -16867,6 +16870,7 @@ function renderSelectOptions(props, components) {
       return renderOption(item, {
         index,
         value: id,
+        name,
         isSelected,
         description
       });
@@ -16999,6 +17003,7 @@ SelectButton$2.className = CLASSNAME$m;
  * - If `renderOption` is `undefined`, returns `undefined` (no custom rendering).
  * - If the consumer returns a `<Combobox.Option>`, its props/children are merged with the
  *   core-computed `value` / `isSelected` / `description` / `key`.
+ *   When the consumer's `<Combobox.Option>` has no children, falls back to the option `name`.
  * - If the consumer returns anything else, returns `null` (skips the option).
  *
  * @param renderOption Consumer-provided render function.
@@ -17010,14 +17015,15 @@ function wrapRenderOption(renderOption) {
     index,
     value: optionValue,
     isSelected,
-    description
+    description,
+    name
   }) => {
     const node = renderOption(option, index);
     if (!isComponentType(ComboboxOption)(node)) {
       return null;
     }
     const {
-      children,
+      children = name,
       ...customProps
     } = node.props;
     return /*#__PURE__*/jsx(ComboboxOption, {