@wallarm-org/design-system 0.40.0-rc-feature-AS-982.2 → 0.40.0-rc-feature-AS-982.3

package/dist/components/FilterInput/FilterInputField/hooks/useSegmentEditKeyboard.d.ts

@@ -24,7 +24,8 @@ interface UseSegmentEditKeyboardOptions {
  *   attribute) and, if the attribute is empty with no operator/value left,
  *   removes the chip.
  * - Enter commits the typed text via the segment-specific commit callback.
- * - ArrowDown moves focus into the open menu.
+ * - ArrowDown is intercepted (preventDefault) but focus stays on the input —
+ *   highlight navigation runs through useKeyboardNav's window-capture listener.
  *
  * Returns the keydown + blur handlers fed to `EditingProvider` so every
  * segment input dispatches through the same logic.

package/dist/components/FilterInput/FilterInputMenu/hooks/useKeyboardNav.js

@@ -154,7 +154,6 @@ const useKeyboardNav = ({ items, open, onSelect, onClose, onArrowRight, onPendin
                     e.preventDefault();
                     e.stopPropagation();
                     navigate('ArrowDown' === e.key ? 1 : -1);
-                    stateRef.current.menuRef?.current?.focus();
                     break;
                 case 'Enter':
                     {

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useFocusManagement.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
 import { isMenuRelated, nextBuildingMenu } from "../../lib/index.js";
 const useFocusManagement = ({ menuState, isFocused, conditionsLength, inputText, selectedField, selectedOperator, containerRef, inputRef, editingSegment, segmentAttributeInputRef, segmentOperatorInputRef, segmentValueInputRef, blurCommitRef, commitBuildingOnBlur, hasIncompleteBuilding, setIsFocused, setMenuState, resetMenuOffset, resetState })=>{
@@ -102,6 +102,42 @@ const useFocusManagement = ({ menuState, isFocused, conditionsLength, inputText,
         segmentOperatorInputRef,
         segmentValueInputRef
     ]);
+    const segmentInputRefsMap = useMemo(()=>({
+            [SEGMENT_VARIANT.attribute]: segmentAttributeInputRef,
+            [SEGMENT_VARIANT.operator]: segmentOperatorInputRef,
+            [SEGMENT_VARIANT.value]: segmentValueInputRef
+        }), [
+        segmentAttributeInputRef,
+        segmentOperatorInputRef,
+        segmentValueInputRef
+    ]);
+    useEffect(()=>{
+        if ('closed' === menuState) return;
+        if (!isFocused) return;
+        const handleFocusIn = (e)=>{
+            const targetEl = e.target;
+            if (!targetEl) return;
+            const menu = targetEl.closest('[data-filter-input-menu]');
+            if (!menu) return;
+            if (menu.querySelector('[data-scope="date-picker"]')) return;
+            const tag = targetEl.tagName;
+            if ('BUTTON' === tag || 'INPUT' === tag || 'TEXTAREA' === tag || 'SELECT' === tag) return;
+            const dest = editingSegment ? segmentInputRefsMap[editingSegment]?.current : inputRef.current;
+            if (!dest) return;
+            if (document.activeElement === dest) return;
+            dest.focus({
+                preventScroll: true
+            });
+        };
+        document.addEventListener('focusin', handleFocusIn);
+        return ()=>document.removeEventListener('focusin', handleFocusIn);
+    }, [
+        menuState,
+        isFocused,
+        editingSegment,
+        inputRef,
+        segmentInputRefsMap
+    ]);
     return {
         handleFocus,
         handleBlur

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
   "version": "0.39.0",
-  "generatedAt": "2026-05-19T13:38:33.316Z",
+  "generatedAt": "2026-05-19T15:51:47.595Z",
   "components": [
     {
       "name": "Accordion",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.40.0-rc-feature-AS-982.2",
+  "version": "0.40.0-rc-feature-AS-982.3",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",