@lumx/react 4.9.0-next.16 → 4.9.0-next.18

package/index.d.ts

@@ -1889,6 +1889,7 @@ interface RawInputTextProps$1 extends HasTheme, HasClassName {
     name?: string | undefined;
     ref?: CommonRef;
     handleChange?: (value: string, name?: string, event?: any) => void;
+    handleInput?: (value: string, name?: string, event?: any) => void;
 }
 
 type NativeInputProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'>;
@@ -1914,6 +1915,7 @@ interface RawInputTextareaProps$1 extends HasTheme, HasClassName {
     name?: string | undefined;
     ref?: CommonRef;
     handleChange?: (value: string, name?: string, event?: any) => void;
+    handleInput?: (value: string, name?: string, event?: any) => void;
 }
 
 type NativeTextareaProps = Omit<ComponentProps<'textarea'>, 'value' | 'onChange'>;

package/index.js

@@ -2498,7 +2498,8 @@ function isOptionDisabled(option) {
 /** Returns true when the cell is NOT the first gridcell in its row (i.e., it's an action cell). */
 function isActionCell(cell) {
   const row = cell.closest('[role="row"]');
-  return row?.querySelector('[role="gridcell"]') !== cell;
+  if (!row) return false;
+  return row.querySelector('[role="gridcell"]') !== cell;
 }
 
 /** Predicate matching an option element that carries `aria-selected="true"`. */
@@ -3371,16 +3372,17 @@ function setupCombobox(callbacks, options, onTriggerAttach) {
       switch (event.key) {
         case 'Enter':
           if (handle.isOpen && nav?.hasActiveItem && nav.activeItem) {
-            if (!isOptionDisabled(nav.activeItem)) {
-              // Click the active item. For option cells, the delegated click handler
-              // on the listbox will call handle.select() and handle closing.
-              // For action cells and link options, the native click fires too.
-              nav.activeItem.click();
+            // Capture activeItem before click — the click handler may close
+            // the popover and clear the focus navigation state.
+            const {
+              activeItem
+            } = nav;
+            // "Click" on active option
+            if (!isOptionDisabled(activeItem)) {
+              activeItem.click();
             }
-            // Close for single-select. For option cells the delegated handler
-            // already closed, but setIsOpen(false) is idempotent. For action cells
-            // and disabled options, the delegated handler did NOT close, so this is needed.
-            if (!handle.isMultiSelect) {
+            // Only close when not in multi select and not in action cell
+            if (!handle.isMultiSelect && !isActionCell(activeItem)) {
               handle.setIsOpen(false);
             }
           } else if (!handle.isMultiSelect) {
@@ -7014,6 +7016,7 @@ const RawInputText$1 = props => {
     theme,
     value,
     handleChange,
+    handleInput,
     type = DEFAULT_PROPS$10.type,
     name,
     ref,
@@ -7022,6 +7025,9 @@ const RawInputText$1 = props => {
   const handleOnChange = evt => {
     handleChange?.(evt.target.value, name, evt);
   };
+  const handleOnInput = evt => {
+    handleInput?.(evt.target.value, name, evt);
+  };
   return /*#__PURE__*/jsx("input", {
     ...forwardedProps,
     name: name,
@@ -7032,6 +7038,7 @@ const RawInputText$1 = props => {
       text: true
     })),
     onChange: handleOnChange,
+    onInput: handleOnInput,
     value: value
   });
 };
@@ -7080,6 +7087,7 @@ const RawInputTextarea$1 = props => {
     theme,
     value,
     handleChange,
+    handleInput,
     rows = DEFAULT_PROPS$$.rows,
     name,
     ref,
@@ -7088,6 +7096,9 @@ const RawInputTextarea$1 = props => {
   const handleOnChange = evt => {
     handleChange?.(evt.target.value, name, evt);
   };
+  const handleOnInput = evt => {
+    handleInput?.(evt.target.value, name, evt);
+  };
   return /*#__PURE__*/jsx("textarea", {
     ...forwardedProps,
     name: name,
@@ -7097,6 +7108,7 @@ const RawInputTextarea$1 = props => {
       textarea: true
     })),
     onChange: handleOnChange,
+    onInput: handleOnInput,
     value: value,
     rows: rows
   });