react-aria 3.49.0 → 3.51.0

package/dist/private/actiongroup/useActionGroup.cjs

@@ -1,6 +1,6 @@
 var $9fb4ac1cc58342cc$exports = require("../focus/FocusScope.cjs");
 var $b97366b6eabbb2cc$exports = require("../utils/filterDOMProps.cjs");
-var $da02ee888921bc9e$exports = require("../utils/shadowdom/DOMFunctions.cjs");
+var $6d2f10bb8b359da5$exports = require("../interactions/useKeyboard.cjs");
 var $429333cab433657c$exports = require("../utils/useLayoutEffect.cjs");
 var $2522e612fa919664$exports = require("../i18n/I18nProvider.cjs");
 var $dj5Yx$react = require("react");
@@ -45,35 +45,40 @@ function $89f42f05fc2fa6f0$export$f4bf8d43c16de704(props, state, ref) {
     ];
     if (!allKeys.some((key)=>!state.disabledKeys.has(key))) isDisabled = true;
     let { direction: direction } = (0, $2522e612fa919664$exports.useLocale)();
+    // oxlint-disable-next-line react/react-compiler
     let focusManager = (0, $9fb4ac1cc58342cc$exports.createFocusManager)(ref);
     let flipDirection = direction === 'rtl' && orientation === 'horizontal';
-    let onKeyDown = (e)=>{
-        if (!(0, $da02ee888921bc9e$exports.nodeContains)(e.currentTarget, (0, $da02ee888921bc9e$exports.getEventTarget)(e))) return;
-        switch(e.key){
-            case 'ArrowRight':
-            case 'ArrowDown':
-                e.preventDefault();
-                e.stopPropagation();
-                if (e.key === 'ArrowRight' && flipDirection) focusManager.focusPrevious({
+    let { keyboardProps: keyboardProps } = (0, $6d2f10bb8b359da5$exports.useKeyboard)({
+        shortcuts: {
+            ArrowRight: ()=>{
+                if (flipDirection) focusManager.focusPrevious({
                     wrap: true
                 });
                 else focusManager.focusNext({
                     wrap: true
                 });
-                break;
-            case 'ArrowLeft':
-            case 'ArrowUp':
-                e.preventDefault();
-                e.stopPropagation();
-                if (e.key === 'ArrowLeft' && flipDirection) focusManager.focusNext({
+            },
+            ArrowDown: ()=>{
+                focusManager.focusNext({
+                    wrap: true
+                });
+            },
+            ArrowLeft: ()=>{
+                if (flipDirection) focusManager.focusNext({
                     wrap: true
                 });
                 else focusManager.focusPrevious({
                     wrap: true
                 });
-                break;
-        }
-    };
+            },
+            ArrowUp: ()=>{
+                focusManager.focusPrevious({
+                    wrap: true
+                });
+            }
+        },
+        allowRepeats: true
+    });
     let role = $89f42f05fc2fa6f0$var$BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];
     if (isInToolbar && role === 'toolbar') role = 'group';
     return {
@@ -84,7 +89,7 @@ function $89f42f05fc2fa6f0$export$f4bf8d43c16de704(props, state, ref) {
             role: role,
             'aria-orientation': role === 'toolbar' ? orientation : undefined,
             'aria-disabled': isDisabled,
-            onKeyDown: onKeyDown
+            ...keyboardProps
         }
     };
 }

package/dist/private/actiongroup/useActionGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBD,MAAM,2CAAqB;IACzB,MAAM;IACN,QAAQ;IACR,UAAU;AACZ;AAqCO,SAAS,0CACd,KAA8B,EAC9B,KAAmB,EACnB,GAAuC;IAEvC,IAAI,cAAC,UAAU,eAAE,cAAc,cAA4B,GAAG;IAE9D,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC3C,CAAA,GAAA,yCAAc,EAAE;QACd,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,aAAa,EAAE,QAAQ,mBAAkB;IACtF,GAAG;QAAC;KAAI;IAER,IAAI,UAAU;WAAI,MAAM,UAAU,CAAC,OAAO;KAAG;IAC7C,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAO,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,OAC/C,aAAa;IAGf,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAQ;IAC1B,IAAI,eAAe,CAAA,GAAA,4CAAiB,EAAE;IACtC,IAAI,gBAAgB,cAAc,SAAS,gBAAgB;IAC3D,IAAI,YAAkC,CAAA;QACpC,IAAI,CAAC,CAAA,GAAA,sCAAW,EAAE,EAAE,aAAa,EAAE,CAAA,GAAA,wCAAa,EAAE,KAChD;QAGF,OAAQ,EAAE,GAAG;YACX,KAAK;YACL,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,EAAE,GAAG,KAAK,gBAAgB,eAC5B,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;qBAEtC,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;gBAEpC;YACF,KAAK;YACL,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,EAAE,GAAG,KAAK,eAAe,eAC3B,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;qBAElC,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;gBAExC;QACJ;IACF;IAEA,IAAI,OAA2B,wCAAkB,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvF,IAAI,eAAe,SAAS,WAC1B,OAAO;IAET,OAAO;QACL,kBAAkB;YAChB,GAAG,CAAA,GAAA,wCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,oBAAoB,SAAS,YAAY,cAAc;YACvD,iBAAiB;uBACjB;QACF;IACF;AACF","sources":["packages/react-aria/src/actiongroup/useActionGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  ItemElement,\n  ItemRenderer,\n  Key,\n  MultipleSelection,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {createFocusManager} from '../focus/FocusScope';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEventHandler, useState} from 'react';\nimport {ListState} from 'react-stately/useListState';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\n\nconst BUTTON_GROUP_ROLES = {\n  none: 'toolbar',\n  single: 'radiogroup',\n  multiple: 'toolbar'\n};\n\n// Not extending CollectionBase to avoid async loading props\nexport interface ActionGroupProps<T> extends MultipleSelection {\n  /**\n   * The axis the ActionGroup should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * Whether the ActionGroup is disabled.\n   * Shows that a selection exists, but is not available in that circumstance.\n   */\n  isDisabled?: boolean;\n  /**\n   * Invoked when an action is taken on a child. Especially useful when `selectionMode` is none.\n   * The sole argument `key` is the key for the item.\n   */\n  onAction?: (key: Key) => void;\n}\n\nexport interface AriaActionGroupProps<T> extends ActionGroupProps<T>, DOMProps, AriaLabelingProps {}\n\nexport interface ActionGroupAria {\n  actionGroupProps: DOMAttributes;\n}\n\nexport function useActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): ActionGroupAria {\n  let {isDisabled, orientation = 'horizontal' as Orientation} = props;\n\n  let [isInToolbar, setInToolbar] = useState(false);\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  }, [ref]);\n\n  let allKeys = [...state.collection.getKeys()];\n  if (!allKeys.some(key => !state.disabledKeys.has(key))) {\n    isDisabled = true;\n  }\n\n  let {direction} = useLocale();\n  let focusManager = createFocusManager(ref);\n  let flipDirection = direction === 'rtl' && orientation === 'horizontal';\n  let onKeyDown: KeyboardEventHandler = e => {\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === 'ArrowRight' && flipDirection) {\n          focusManager.focusPrevious({wrap: true});\n        } else {\n          focusManager.focusNext({wrap: true});\n        }\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === 'ArrowLeft' && flipDirection) {\n          focusManager.focusNext({wrap: true});\n        } else {\n          focusManager.focusPrevious({wrap: true});\n        }\n        break;\n    }\n  };\n\n  let role: string | undefined = BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];\n  if (isInToolbar && role === 'toolbar') {\n    role = 'group';\n  }\n  return {\n    actionGroupProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      'aria-orientation': role === 'toolbar' ? orientation : undefined,\n      'aria-disabled': isDisabled,\n      onKeyDown\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useActionGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBD,MAAM,2CAAqB;IACzB,MAAM;IACN,QAAQ;IACR,UAAU;AACZ;AAqCO,SAAS,0CACd,KAA8B,EAC9B,KAAmB,EACnB,GAAuC;IAEvC,IAAI,cAAC,UAAU,eAAE,cAAc,cAA4B,GAAG;IAE9D,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC3C,CAAA,GAAA,yCAAc,EAAE;QACd,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,aAAa,EAAE,QAAQ,mBAAkB;IACtF,GAAG;QAAC;KAAI;IAER,IAAI,UAAU;WAAI,MAAM,UAAU,CAAC,OAAO;KAAG;IAC7C,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAO,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,OAC/C,aAAa;IAGf,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAQ;IAC1B,gDAAgD;IAChD,IAAI,eAAe,CAAA,GAAA,4CAAiB,EAAE;IACtC,IAAI,gBAAgB,cAAc,SAAS,gBAAgB;IAC3D,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,qCAAU,EAAE;QAChC,WAAW;YACT,YAAY;gBACV,IAAI,eACF,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;qBAEtC,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;YAEtC;YACA,WAAW;gBACT,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;YACpC;YACA,WAAW;gBACT,IAAI,eACF,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;qBAElC,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;YAE1C;YACA,SAAS;gBACP,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;YACxC;QACF;QACA,cAAc;IAChB;IAEA,IAAI,OAA2B,wCAAkB,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvF,IAAI,eAAe,SAAS,WAC1B,OAAO;IAET,OAAO;QACL,kBAAkB;YAChB,GAAG,CAAA,GAAA,wCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,oBAAoB,SAAS,YAAY,cAAc;YACvD,iBAAiB;YACjB,GAAG,aAAa;QAClB;IACF;AACF","sources":["packages/react-aria/src/actiongroup/useActionGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  ItemElement,\n  ItemRenderer,\n  Key,\n  MultipleSelection,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {createFocusManager} from '../focus/FocusScope';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {ListState} from 'react-stately/useListState';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useState} from 'react';\n\nconst BUTTON_GROUP_ROLES = {\n  none: 'toolbar',\n  single: 'radiogroup',\n  multiple: 'toolbar'\n};\n\n// Not extending CollectionBase to avoid async loading props\nexport interface ActionGroupProps<T> extends MultipleSelection {\n  /**\n   * The axis the ActionGroup should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * Whether the ActionGroup is disabled.\n   * Shows that a selection exists, but is not available in that circumstance.\n   */\n  isDisabled?: boolean;\n  /**\n   * Invoked when an action is taken on a child. Especially useful when `selectionMode` is none.\n   * The sole argument `key` is the key for the item.\n   */\n  onAction?: (key: Key) => void;\n}\n\nexport interface AriaActionGroupProps<T> extends ActionGroupProps<T>, DOMProps, AriaLabelingProps {}\n\nexport interface ActionGroupAria {\n  actionGroupProps: DOMAttributes;\n}\n\nexport function useActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): ActionGroupAria {\n  let {isDisabled, orientation = 'horizontal' as Orientation} = props;\n\n  let [isInToolbar, setInToolbar] = useState(false);\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  }, [ref]);\n\n  let allKeys = [...state.collection.getKeys()];\n  if (!allKeys.some(key => !state.disabledKeys.has(key))) {\n    isDisabled = true;\n  }\n\n  let {direction} = useLocale();\n  // oxlint-disable-next-line react/react-compiler\n  let focusManager = createFocusManager(ref);\n  let flipDirection = direction === 'rtl' && orientation === 'horizontal';\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ArrowRight: () => {\n        if (flipDirection) {\n          focusManager.focusPrevious({wrap: true});\n        } else {\n          focusManager.focusNext({wrap: true});\n        }\n      },\n      ArrowDown: () => {\n        focusManager.focusNext({wrap: true});\n      },\n      ArrowLeft: () => {\n        if (flipDirection) {\n          focusManager.focusNext({wrap: true});\n        } else {\n          focusManager.focusPrevious({wrap: true});\n        }\n      },\n      ArrowUp: () => {\n        focusManager.focusPrevious({wrap: true});\n      }\n    },\n    allowRepeats: true\n  });\n\n  let role: string | undefined = BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];\n  if (isInToolbar && role === 'toolbar') {\n    role = 'group';\n  }\n  return {\n    actionGroupProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      'aria-orientation': role === 'toolbar' ? orientation : undefined,\n      'aria-disabled': isDisabled,\n      ...keyboardProps\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useActionGroup.cjs.map"}

package/dist/private/actiongroup/useActionGroup.js

@@ -1,6 +1,6 @@
 import {createFocusManager as $903814aeb7d53b38$export$c5251b9e124bf29} from "../focus/FocusScope.js";
 import {filterDOMProps as $6a28a4717b9a4e1c$export$457c3d6518dd4c6f} from "../utils/filterDOMProps.js";
-import {getEventTarget as $d8ac7ed472840322$export$e58f029f0fbfdb29, nodeContains as $d8ac7ed472840322$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.js";
+import {useKeyboard as $bf74df7506f65576$export$8f71654801c2f7cd} from "../interactions/useKeyboard.js";
 import {useLayoutEffect as $53fed047b798be36$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.js";
 import {useLocale as $4defb058003b3e05$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.js";
 import {useState as $dhpmw$useState} from "react";
@@ -40,35 +40,40 @@ function $e5974f34cf218762$export$f4bf8d43c16de704(props, state, ref) {
     ];
     if (!allKeys.some((key)=>!state.disabledKeys.has(key))) isDisabled = true;
     let { direction: direction } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
+    // oxlint-disable-next-line react/react-compiler
     let focusManager = (0, $903814aeb7d53b38$export$c5251b9e124bf29)(ref);
     let flipDirection = direction === 'rtl' && orientation === 'horizontal';
-    let onKeyDown = (e)=>{
-        if (!(0, $d8ac7ed472840322$export$4282f70798064fe0)(e.currentTarget, (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e))) return;
-        switch(e.key){
-            case 'ArrowRight':
-            case 'ArrowDown':
-                e.preventDefault();
-                e.stopPropagation();
-                if (e.key === 'ArrowRight' && flipDirection) focusManager.focusPrevious({
+    let { keyboardProps: keyboardProps } = (0, $bf74df7506f65576$export$8f71654801c2f7cd)({
+        shortcuts: {
+            ArrowRight: ()=>{
+                if (flipDirection) focusManager.focusPrevious({
                     wrap: true
                 });
                 else focusManager.focusNext({
                     wrap: true
                 });
-                break;
-            case 'ArrowLeft':
-            case 'ArrowUp':
-                e.preventDefault();
-                e.stopPropagation();
-                if (e.key === 'ArrowLeft' && flipDirection) focusManager.focusNext({
+            },
+            ArrowDown: ()=>{
+                focusManager.focusNext({
+                    wrap: true
+                });
+            },
+            ArrowLeft: ()=>{
+                if (flipDirection) focusManager.focusNext({
                     wrap: true
                 });
                 else focusManager.focusPrevious({
                     wrap: true
                 });
-                break;
-        }
-    };
+            },
+            ArrowUp: ()=>{
+                focusManager.focusPrevious({
+                    wrap: true
+                });
+            }
+        },
+        allowRepeats: true
+    });
     let role = $e5974f34cf218762$var$BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];
     if (isInToolbar && role === 'toolbar') role = 'group';
     return {
@@ -79,7 +84,7 @@ function $e5974f34cf218762$export$f4bf8d43c16de704(props, state, ref) {
             role: role,
             'aria-orientation': role === 'toolbar' ? orientation : undefined,
             'aria-disabled': isDisabled,
-            onKeyDown: onKeyDown
+            ...keyboardProps
         }
     };
 }

package/dist/private/actiongroup/useActionGroup.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBD,MAAM,2CAAqB;IACzB,MAAM;IACN,QAAQ;IACR,UAAU;AACZ;AAqCO,SAAS,0CACd,KAA8B,EAC9B,KAAmB,EACnB,GAAuC;IAEvC,IAAI,cAAC,UAAU,eAAE,cAAc,cAA4B,GAAG;IAE9D,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,yCAAc,EAAE;YACiB;QAA/B,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,MAAI,6BAAA,IAAI,OAAO,CAAC,aAAa,cAAzB,iDAAA,2BAA2B,OAAO,CAAC,oBAAkB;IACtF,GAAG;QAAC;KAAI;IAER,IAAI,UAAU;WAAI,MAAM,UAAU,CAAC,OAAO;KAAG;IAC7C,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAO,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,OAC/C,aAAa;IAGf,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,IAAI,eAAe,CAAA,GAAA,wCAAiB,EAAE;IACtC,IAAI,gBAAgB,cAAc,SAAS,gBAAgB;IAC3D,IAAI,YAAkC,CAAA;QACpC,IAAI,CAAC,CAAA,GAAA,yCAAW,EAAE,EAAE,aAAa,EAAE,CAAA,GAAA,yCAAa,EAAE,KAChD;QAGF,OAAQ,EAAE,GAAG;YACX,KAAK;YACL,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,EAAE,GAAG,KAAK,gBAAgB,eAC5B,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;qBAEtC,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;gBAEpC;YACF,KAAK;YACL,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,EAAE,GAAG,KAAK,eAAe,eAC3B,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;qBAElC,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;gBAExC;QACJ;IACF;IAEA,IAAI,OAA2B,wCAAkB,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvF,IAAI,eAAe,SAAS,WAC1B,OAAO;IAET,OAAO;QACL,kBAAkB;YAChB,GAAG,CAAA,GAAA,yCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,oBAAoB,SAAS,YAAY,cAAc;YACvD,iBAAiB;uBACjB;QACF;IACF;AACF","sources":["packages/react-aria/src/actiongroup/useActionGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  ItemElement,\n  ItemRenderer,\n  Key,\n  MultipleSelection,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {createFocusManager} from '../focus/FocusScope';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEventHandler, useState} from 'react';\nimport {ListState} from 'react-stately/useListState';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\n\nconst BUTTON_GROUP_ROLES = {\n  none: 'toolbar',\n  single: 'radiogroup',\n  multiple: 'toolbar'\n};\n\n// Not extending CollectionBase to avoid async loading props\nexport interface ActionGroupProps<T> extends MultipleSelection {\n  /**\n   * The axis the ActionGroup should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * Whether the ActionGroup is disabled.\n   * Shows that a selection exists, but is not available in that circumstance.\n   */\n  isDisabled?: boolean;\n  /**\n   * Invoked when an action is taken on a child. Especially useful when `selectionMode` is none.\n   * The sole argument `key` is the key for the item.\n   */\n  onAction?: (key: Key) => void;\n}\n\nexport interface AriaActionGroupProps<T> extends ActionGroupProps<T>, DOMProps, AriaLabelingProps {}\n\nexport interface ActionGroupAria {\n  actionGroupProps: DOMAttributes;\n}\n\nexport function useActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): ActionGroupAria {\n  let {isDisabled, orientation = 'horizontal' as Orientation} = props;\n\n  let [isInToolbar, setInToolbar] = useState(false);\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  }, [ref]);\n\n  let allKeys = [...state.collection.getKeys()];\n  if (!allKeys.some(key => !state.disabledKeys.has(key))) {\n    isDisabled = true;\n  }\n\n  let {direction} = useLocale();\n  let focusManager = createFocusManager(ref);\n  let flipDirection = direction === 'rtl' && orientation === 'horizontal';\n  let onKeyDown: KeyboardEventHandler = e => {\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === 'ArrowRight' && flipDirection) {\n          focusManager.focusPrevious({wrap: true});\n        } else {\n          focusManager.focusNext({wrap: true});\n        }\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === 'ArrowLeft' && flipDirection) {\n          focusManager.focusNext({wrap: true});\n        } else {\n          focusManager.focusPrevious({wrap: true});\n        }\n        break;\n    }\n  };\n\n  let role: string | undefined = BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];\n  if (isInToolbar && role === 'toolbar') {\n    role = 'group';\n  }\n  return {\n    actionGroupProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      'aria-orientation': role === 'toolbar' ? orientation : undefined,\n      'aria-disabled': isDisabled,\n      onKeyDown\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useActionGroup.js.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBD,MAAM,2CAAqB;IACzB,MAAM;IACN,QAAQ;IACR,UAAU;AACZ;AAqCO,SAAS,0CACd,KAA8B,EAC9B,KAAmB,EACnB,GAAuC;IAEvC,IAAI,cAAC,UAAU,eAAE,cAAc,cAA4B,GAAG;IAE9D,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,yCAAc,EAAE;YACiB;QAA/B,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,MAAI,6BAAA,IAAI,OAAO,CAAC,aAAa,cAAzB,iDAAA,2BAA2B,OAAO,CAAC,oBAAkB;IACtF,GAAG;QAAC;KAAI;IAER,IAAI,UAAU;WAAI,MAAM,UAAU,CAAC,OAAO;KAAG;IAC7C,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAO,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,OAC/C,aAAa;IAGf,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,gDAAgD;IAChD,IAAI,eAAe,CAAA,GAAA,wCAAiB,EAAE;IACtC,IAAI,gBAAgB,cAAc,SAAS,gBAAgB;IAC3D,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAChC,WAAW;YACT,YAAY;gBACV,IAAI,eACF,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;qBAEtC,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;YAEtC;YACA,WAAW;gBACT,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;YACpC;YACA,WAAW;gBACT,IAAI,eACF,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;qBAElC,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;YAE1C;YACA,SAAS;gBACP,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;YACxC;QACF;QACA,cAAc;IAChB;IAEA,IAAI,OAA2B,wCAAkB,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvF,IAAI,eAAe,SAAS,WAC1B,OAAO;IAET,OAAO;QACL,kBAAkB;YAChB,GAAG,CAAA,GAAA,yCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,oBAAoB,SAAS,YAAY,cAAc;YACvD,iBAAiB;YACjB,GAAG,aAAa;QAClB;IACF;AACF","sources":["packages/react-aria/src/actiongroup/useActionGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  ItemElement,\n  ItemRenderer,\n  Key,\n  MultipleSelection,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {createFocusManager} from '../focus/FocusScope';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {ListState} from 'react-stately/useListState';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useState} from 'react';\n\nconst BUTTON_GROUP_ROLES = {\n  none: 'toolbar',\n  single: 'radiogroup',\n  multiple: 'toolbar'\n};\n\n// Not extending CollectionBase to avoid async loading props\nexport interface ActionGroupProps<T> extends MultipleSelection {\n  /**\n   * The axis the ActionGroup should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * Whether the ActionGroup is disabled.\n   * Shows that a selection exists, but is not available in that circumstance.\n   */\n  isDisabled?: boolean;\n  /**\n   * Invoked when an action is taken on a child. Especially useful when `selectionMode` is none.\n   * The sole argument `key` is the key for the item.\n   */\n  onAction?: (key: Key) => void;\n}\n\nexport interface AriaActionGroupProps<T> extends ActionGroupProps<T>, DOMProps, AriaLabelingProps {}\n\nexport interface ActionGroupAria {\n  actionGroupProps: DOMAttributes;\n}\n\nexport function useActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): ActionGroupAria {\n  let {isDisabled, orientation = 'horizontal' as Orientation} = props;\n\n  let [isInToolbar, setInToolbar] = useState(false);\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  }, [ref]);\n\n  let allKeys = [...state.collection.getKeys()];\n  if (!allKeys.some(key => !state.disabledKeys.has(key))) {\n    isDisabled = true;\n  }\n\n  let {direction} = useLocale();\n  // oxlint-disable-next-line react/react-compiler\n  let focusManager = createFocusManager(ref);\n  let flipDirection = direction === 'rtl' && orientation === 'horizontal';\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ArrowRight: () => {\n        if (flipDirection) {\n          focusManager.focusPrevious({wrap: true});\n        } else {\n          focusManager.focusNext({wrap: true});\n        }\n      },\n      ArrowDown: () => {\n        focusManager.focusNext({wrap: true});\n      },\n      ArrowLeft: () => {\n        if (flipDirection) {\n          focusManager.focusNext({wrap: true});\n        } else {\n          focusManager.focusPrevious({wrap: true});\n        }\n      },\n      ArrowUp: () => {\n        focusManager.focusPrevious({wrap: true});\n      }\n    },\n    allowRepeats: true\n  });\n\n  let role: string | undefined = BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];\n  if (isInToolbar && role === 'toolbar') {\n    role = 'group';\n  }\n  return {\n    actionGroupProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      'aria-orientation': role === 'toolbar' ? orientation : undefined,\n      'aria-disabled': isDisabled,\n      ...keyboardProps\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useActionGroup.js.map"}

package/dist/private/actiongroup/useActionGroup.mjs

@@ -1,6 +1,6 @@
 import {createFocusManager as $535772f9d2c1f38d$export$c5251b9e124bf29} from "../focus/FocusScope.mjs";
 import {filterDOMProps as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f} from "../utils/filterDOMProps.mjs";
-import {getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29, nodeContains as $23f2114a1b82827e$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.mjs";
+import {useKeyboard as $8296dad1a4c5e0dc$export$8f71654801c2f7cd} from "../interactions/useKeyboard.mjs";
 import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.mjs";
 import {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.mjs";
 import {useState as $4PGsl$useState} from "react";
@@ -39,35 +39,40 @@ function $db60a6d462053998$export$f4bf8d43c16de704(props, state, ref) {
     ];
     if (!allKeys.some((key)=>!state.disabledKeys.has(key))) isDisabled = true;
     let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
+    // oxlint-disable-next-line react/react-compiler
     let focusManager = (0, $535772f9d2c1f38d$export$c5251b9e124bf29)(ref);
     let flipDirection = direction === 'rtl' && orientation === 'horizontal';
-    let onKeyDown = (e)=>{
-        if (!(0, $23f2114a1b82827e$export$4282f70798064fe0)(e.currentTarget, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e))) return;
-        switch(e.key){
-            case 'ArrowRight':
-            case 'ArrowDown':
-                e.preventDefault();
-                e.stopPropagation();
-                if (e.key === 'ArrowRight' && flipDirection) focusManager.focusPrevious({
+    let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
+        shortcuts: {
+            ArrowRight: ()=>{
+                if (flipDirection) focusManager.focusPrevious({
                     wrap: true
                 });
                 else focusManager.focusNext({
                     wrap: true
                 });
-                break;
-            case 'ArrowLeft':
-            case 'ArrowUp':
-                e.preventDefault();
-                e.stopPropagation();
-                if (e.key === 'ArrowLeft' && flipDirection) focusManager.focusNext({
+            },
+            ArrowDown: ()=>{
+                focusManager.focusNext({
+                    wrap: true
+                });
+            },
+            ArrowLeft: ()=>{
+                if (flipDirection) focusManager.focusNext({
                     wrap: true
                 });
                 else focusManager.focusPrevious({
                     wrap: true
                 });
-                break;
-        }
-    };
+            },
+            ArrowUp: ()=>{
+                focusManager.focusPrevious({
+                    wrap: true
+                });
+            }
+        },
+        allowRepeats: true
+    });
     let role = $db60a6d462053998$var$BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];
     if (isInToolbar && role === 'toolbar') role = 'group';
     return {
@@ -78,7 +83,7 @@ function $db60a6d462053998$export$f4bf8d43c16de704(props, state, ref) {
             role: role,
             'aria-orientation': role === 'toolbar' ? orientation : undefined,
             'aria-disabled': isDisabled,
-            onKeyDown: onKeyDown
+            ...keyboardProps
         }
     };
 }

package/dist/private/actiongroup/useActionGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBD,MAAM,2CAAqB;IACzB,MAAM;IACN,QAAQ;IACR,UAAU;AACZ;AAqCO,SAAS,0CACd,KAA8B,EAC9B,KAAmB,EACnB,GAAuC;IAEvC,IAAI,cAAC,UAAU,eAAE,cAAc,cAA4B,GAAG;IAE9D,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,yCAAc,EAAE;QACd,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,aAAa,EAAE,QAAQ,mBAAkB;IACtF,GAAG;QAAC;KAAI;IAER,IAAI,UAAU;WAAI,MAAM,UAAU,CAAC,OAAO;KAAG;IAC7C,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAO,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,OAC/C,aAAa;IAGf,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,IAAI,eAAe,CAAA,GAAA,wCAAiB,EAAE;IACtC,IAAI,gBAAgB,cAAc,SAAS,gBAAgB;IAC3D,IAAI,YAAkC,CAAA;QACpC,IAAI,CAAC,CAAA,GAAA,yCAAW,EAAE,EAAE,aAAa,EAAE,CAAA,GAAA,yCAAa,EAAE,KAChD;QAGF,OAAQ,EAAE,GAAG;YACX,KAAK;YACL,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,EAAE,GAAG,KAAK,gBAAgB,eAC5B,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;qBAEtC,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;gBAEpC;YACF,KAAK;YACL,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,EAAE,GAAG,KAAK,eAAe,eAC3B,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;qBAElC,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;gBAExC;QACJ;IACF;IAEA,IAAI,OAA2B,wCAAkB,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvF,IAAI,eAAe,SAAS,WAC1B,OAAO;IAET,OAAO;QACL,kBAAkB;YAChB,GAAG,CAAA,GAAA,yCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,oBAAoB,SAAS,YAAY,cAAc;YACvD,iBAAiB;uBACjB;QACF;IACF;AACF","sources":["packages/react-aria/src/actiongroup/useActionGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  ItemElement,\n  ItemRenderer,\n  Key,\n  MultipleSelection,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {createFocusManager} from '../focus/FocusScope';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {KeyboardEventHandler, useState} from 'react';\nimport {ListState} from 'react-stately/useListState';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\n\nconst BUTTON_GROUP_ROLES = {\n  none: 'toolbar',\n  single: 'radiogroup',\n  multiple: 'toolbar'\n};\n\n// Not extending CollectionBase to avoid async loading props\nexport interface ActionGroupProps<T> extends MultipleSelection {\n  /**\n   * The axis the ActionGroup should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * Whether the ActionGroup is disabled.\n   * Shows that a selection exists, but is not available in that circumstance.\n   */\n  isDisabled?: boolean;\n  /**\n   * Invoked when an action is taken on a child. Especially useful when `selectionMode` is none.\n   * The sole argument `key` is the key for the item.\n   */\n  onAction?: (key: Key) => void;\n}\n\nexport interface AriaActionGroupProps<T> extends ActionGroupProps<T>, DOMProps, AriaLabelingProps {}\n\nexport interface ActionGroupAria {\n  actionGroupProps: DOMAttributes;\n}\n\nexport function useActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): ActionGroupAria {\n  let {isDisabled, orientation = 'horizontal' as Orientation} = props;\n\n  let [isInToolbar, setInToolbar] = useState(false);\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  }, [ref]);\n\n  let allKeys = [...state.collection.getKeys()];\n  if (!allKeys.some(key => !state.disabledKeys.has(key))) {\n    isDisabled = true;\n  }\n\n  let {direction} = useLocale();\n  let focusManager = createFocusManager(ref);\n  let flipDirection = direction === 'rtl' && orientation === 'horizontal';\n  let onKeyDown: KeyboardEventHandler = e => {\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === 'ArrowRight' && flipDirection) {\n          focusManager.focusPrevious({wrap: true});\n        } else {\n          focusManager.focusNext({wrap: true});\n        }\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === 'ArrowLeft' && flipDirection) {\n          focusManager.focusNext({wrap: true});\n        } else {\n          focusManager.focusPrevious({wrap: true});\n        }\n        break;\n    }\n  };\n\n  let role: string | undefined = BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];\n  if (isInToolbar && role === 'toolbar') {\n    role = 'group';\n  }\n  return {\n    actionGroupProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      'aria-orientation': role === 'toolbar' ? orientation : undefined,\n      'aria-disabled': isDisabled,\n      onKeyDown\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useActionGroup.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBD,MAAM,2CAAqB;IACzB,MAAM;IACN,QAAQ;IACR,UAAU;AACZ;AAqCO,SAAS,0CACd,KAA8B,EAC9B,KAAmB,EACnB,GAAuC;IAEvC,IAAI,cAAC,UAAU,eAAE,cAAc,cAA4B,GAAG;IAE9D,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,yCAAc,EAAE;QACd,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,aAAa,EAAE,QAAQ,mBAAkB;IACtF,GAAG;QAAC;KAAI;IAER,IAAI,UAAU;WAAI,MAAM,UAAU,CAAC,OAAO;KAAG;IAC7C,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAO,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,OAC/C,aAAa;IAGf,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,gDAAgD;IAChD,IAAI,eAAe,CAAA,GAAA,wCAAiB,EAAE;IACtC,IAAI,gBAAgB,cAAc,SAAS,gBAAgB;IAC3D,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAChC,WAAW;YACT,YAAY;gBACV,IAAI,eACF,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;qBAEtC,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;YAEtC;YACA,WAAW;gBACT,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;YACpC;YACA,WAAW;gBACT,IAAI,eACF,aAAa,SAAS,CAAC;oBAAC,MAAM;gBAAI;qBAElC,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;YAE1C;YACA,SAAS;gBACP,aAAa,aAAa,CAAC;oBAAC,MAAM;gBAAI;YACxC;QACF;QACA,cAAc;IAChB;IAEA,IAAI,OAA2B,wCAAkB,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvF,IAAI,eAAe,SAAS,WAC1B,OAAO;IAET,OAAO;QACL,kBAAkB;YAChB,GAAG,CAAA,GAAA,yCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,oBAAoB,SAAS,YAAY,cAAc;YACvD,iBAAiB;YACjB,GAAG,aAAa;QAClB;IACF;AACF","sources":["packages/react-aria/src/actiongroup/useActionGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  ItemElement,\n  ItemRenderer,\n  Key,\n  MultipleSelection,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {createFocusManager} from '../focus/FocusScope';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {ListState} from 'react-stately/useListState';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useState} from 'react';\n\nconst BUTTON_GROUP_ROLES = {\n  none: 'toolbar',\n  single: 'radiogroup',\n  multiple: 'toolbar'\n};\n\n// Not extending CollectionBase to avoid async loading props\nexport interface ActionGroupProps<T> extends MultipleSelection {\n  /**\n   * The axis the ActionGroup should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * Whether the ActionGroup is disabled.\n   * Shows that a selection exists, but is not available in that circumstance.\n   */\n  isDisabled?: boolean;\n  /**\n   * Invoked when an action is taken on a child. Especially useful when `selectionMode` is none.\n   * The sole argument `key` is the key for the item.\n   */\n  onAction?: (key: Key) => void;\n}\n\nexport interface AriaActionGroupProps<T> extends ActionGroupProps<T>, DOMProps, AriaLabelingProps {}\n\nexport interface ActionGroupAria {\n  actionGroupProps: DOMAttributes;\n}\n\nexport function useActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): ActionGroupAria {\n  let {isDisabled, orientation = 'horizontal' as Orientation} = props;\n\n  let [isInToolbar, setInToolbar] = useState(false);\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  }, [ref]);\n\n  let allKeys = [...state.collection.getKeys()];\n  if (!allKeys.some(key => !state.disabledKeys.has(key))) {\n    isDisabled = true;\n  }\n\n  let {direction} = useLocale();\n  // oxlint-disable-next-line react/react-compiler\n  let focusManager = createFocusManager(ref);\n  let flipDirection = direction === 'rtl' && orientation === 'horizontal';\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ArrowRight: () => {\n        if (flipDirection) {\n          focusManager.focusPrevious({wrap: true});\n        } else {\n          focusManager.focusNext({wrap: true});\n        }\n      },\n      ArrowDown: () => {\n        focusManager.focusNext({wrap: true});\n      },\n      ArrowLeft: () => {\n        if (flipDirection) {\n          focusManager.focusNext({wrap: true});\n        } else {\n          focusManager.focusPrevious({wrap: true});\n        }\n      },\n      ArrowUp: () => {\n        focusManager.focusPrevious({wrap: true});\n      }\n    },\n    allowRepeats: true\n  });\n\n  let role: string | undefined = BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];\n  if (isInToolbar && role === 'toolbar') {\n    role = 'group';\n  }\n  return {\n    actionGroupProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      'aria-orientation': role === 'toolbar' ? orientation : undefined,\n      'aria-disabled': isDisabled,\n      ...keyboardProps\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useActionGroup.mjs.map"}

package/dist/private/autocomplete/useAutocomplete.cjs

@@ -68,6 +68,7 @@ function $520542e1cf209aea$export$1e40b3ca02d92d21(props, state) {
     // Tracks if a collection has been connected to the autocomplete. If false, we don't want to add various attributes to the autocomplete input
     // since it isn't attached to a filterable collection (e.g. Tabs)
     let [hasCollection, setHasCollection] = (0, $7JMdJ$react.useState)(false);
+    let [autoFocusOnMount, setAutoFocusOnMount] = (0, $7JMdJ$react.useState)(false);
     (0, $7JMdJ$react.useEffect)(()=>{
         return ()=>clearTimeout(timeout.current);
     }, []);
@@ -120,11 +121,16 @@ function $520542e1cf209aea$export$1e40b3ca02d92d21(props, state) {
         collectionNode
     ]);
     // Make sure to memo so that React doesn't keep registering a new event listeners on every rerender of the wrapped collection
-    let mergedCollectionRef = (0, $d3019c77b88650e9$exports.useObjectRef)((0, $7JMdJ$react.useMemo)(()=>(0, $8b3af019b8cf786c$exports.mergeRefs)(collectionRef, callbackRef), [
+    let mergedCollectionRef = (0, $d3019c77b88650e9$exports.useObjectRef)(// oxlint-disable-next-line react/react-compiler
+    (0, $7JMdJ$react.useMemo)(()=>(0, $8b3af019b8cf786c$exports.mergeRefs)(collectionRef, callbackRef), [
         collectionRef,
         callbackRef
     ]));
     let focusFirstItem = (0, $7JMdJ$react.useCallback)(()=>{
+        if (!collectionRef.current) {
+            setAutoFocusOnMount(true);
+            return;
+        }
         delayNextActiveDescendant.current = true;
         collectionRef.current?.dispatchEvent(new CustomEvent((0, $79558b1ff24cb93a$exports.FOCUS_EVENT), {
             cancelable: true,
@@ -137,6 +143,7 @@ function $520542e1cf209aea$export$1e40b3ca02d92d21(props, state) {
         collectionRef
     ]);
     let clearVirtualFocus = (0, $7JMdJ$react.useCallback)((clearFocusKey)=>{
+        setAutoFocusOnMount(false);
         (0, $4f541c01c875ab4e$exports.moveVirtualFocus)((0, $da02ee888921bc9e$exports.getActiveElement)());
         queuedActiveDescendant.current = null;
         state.setFocusedNodeId(null);
@@ -155,14 +162,16 @@ function $520542e1cf209aea$export$1e40b3ca02d92d21(props, state) {
         state
     ]);
     let lastInputType = (0, $7JMdJ$react.useRef)('');
-    (0, $6e76e65001bbcda2$exports.useEvent)(inputRef, 'input', (e)=>{
+    (0, $6e76e65001bbcda2$exports.useEvent)(inputRef, 'beforeinput', (e)=>{
         let { inputType: inputType } = e;
         lastInputType.current = inputType;
     });
     let onChange = (value)=>{
         // Tell wrapped collection to focus the first element in the list when typing forward and to clear focused key when modifying the text via
         // copy paste/backspacing/undo/redo for screen reader announcements
-        if (lastInputType.current === 'insertText' && !disableAutoFocusFirst) focusFirstItem();
+        if ((lastInputType.current === 'insertText' || // IME composition (e.g. CJK input) reports 'insertCompositionText'/'insertFromComposition'
+        // instead of 'insertText'. Treat these as forward typing so the first item gets virtual focus.
+        lastInputType.current === 'insertCompositionText' || lastInputType.current === 'insertFromComposition') && !disableAutoFocusFirst) focusFirstItem();
         else if (lastInputType.current && (lastInputType.current.includes('insert') || lastInputType.current.includes('delete') || lastInputType.current.includes('history'))) {
             clearVirtualFocus(true);
             // If onChange was triggered before the timeout actually updated the activedescendant, we need to fire
@@ -216,7 +225,7 @@ function $520542e1cf209aea$export$1e40b3ca02d92d21(props, state) {
                     // to the wrapped collection if there is a focused node so that a user can continue moving the
                     // virtual focus. However, if the user doesn't have a focus in the collection, just move the text
                     // cursor instead. They can move focus down into the collection via down/up arrow if need be
-                    if ((e.key === 'ArrowRight' || e.key === 'ArrowLeft') && state.inputValue.length > 0) {
+                    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
                         if (focusedNodeId == null) {
                             if (!e.isPropagationStopped()) e.stopPropagation();
                             return;
@@ -337,11 +346,11 @@ function $520542e1cf209aea$export$1e40b3ca02d92d21(props, state) {
         onFocus: onFocus,
         onPointerDown: onPointerDown
     };
-    if (hasCollection) inputProps = {
+    inputProps = {
         ...inputProps,
-        ...shouldUseVirtualFocus && virtualFocusProps,
+        ...shouldUseVirtualFocus && hasCollection && virtualFocusProps,
         enterKeyHint: 'go',
-        'aria-controls': collectionId,
+        'aria-controls': hasCollection ? collectionId : undefined,
         // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
         'aria-autocomplete': 'list',
         // This disable's iOS's autocorrect suggestions, since the autocomplete provides its own suggestions.
@@ -354,7 +363,8 @@ function $520542e1cf209aea$export$1e40b3ca02d92d21(props, state) {
         inputProps: inputProps,
         collectionProps: (0, $89b39774f3b79dbb$exports.mergeProps)(collectionProps, {
             shouldUseVirtualFocus: shouldUseVirtualFocus,
-            disallowTypeAhead: shouldUseVirtualFocus
+            disallowTypeAhead: shouldUseVirtualFocus,
+            autoFocus: autoFocusOnMount ? 'first' : false
         }),
         collectionRef: mergedCollectionRef,
         filter: filter != null ? filterFn : undefined

package/dist/private/autocomplete/useAutocomplete.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/autocomplete/useAutocomplete.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  BaseEvent,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  KeyboardEvents,\n  Node,\n  RefObject,\n  ValueBase\n} from '@react-types/shared';\nimport {AriaTextFieldProps} from '../textfield/useTextField';\nimport {\n  AutocompleteProps,\n  AutocompleteState\n} from 'react-stately/private/autocomplete/useAutocompleteState';\nimport {CLEAR_FOCUS_EVENT, FOCUS_EVENT} from '../utils/constants';\nimport {\n  dispatchVirtualBlur,\n  dispatchVirtualFocus,\n  getVirtuallyFocusedElement,\n  moveVirtualFocus\n} from '../focus/virtualFocus';\nimport {getActiveElement, getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getInteractionModality, getPointerType} from '../interactions/useFocusVisible';\nimport {getOwnerDocument} from '../utils/domHelpers';\nimport intlMessages from '../../intl/autocomplete/*.json';\nimport {isAndroid, isIOS} from '../utils/platform';\nimport {isCtrlKeyPressed} from '../utils/keyboard';\nimport {mergeProps} from '../utils/mergeProps';\nimport {mergeRefs} from '../utils/mergeRefs';\nimport {\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  PointerEvent as ReactPointerEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useEvent} from '../utils/useEvent';\n\nimport {useId} from '../utils/useId';\n\nimport {useLabels} from '../utils/useLabels';\n// @ts-ignore\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useObjectRef} from '../utils/useObjectRef';\n\nexport interface CollectionOptions extends DOMProps, AriaLabelingProps {\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead: boolean;\n}\n\nexport interface InputProps<T = FocusableElement>\n  extends\n    DOMProps,\n    FocusEvents<T>,\n    KeyboardEvents,\n    Pick<ValueBase<string>, 'onChange' | 'value'>,\n    Pick<\n      AriaTextFieldProps,\n      | 'enterKeyHint'\n      | 'aria-controls'\n      | 'aria-autocomplete'\n      | 'aria-activedescendant'\n      | 'spellCheck'\n      | 'autoCorrect'\n      | 'autoComplete'\n    > {}\n\nexport interface AriaAutocompleteProps<T> extends AutocompleteProps {\n  /**\n   * An optional filter function used to determine if a option should be included in the\n   * autocomplete list. Include this if the items you are providing to your wrapped collection\n   * aren't filtered by default.\n   */\n  filter?: (textValue: string, inputValue: string, node: Node<T>) => boolean;\n\n  /**\n   * Whether or not to focus the first item in the collection after a filter is performed. Note this\n   * is only applicable if virtual focus behavior is not turned off via `disableVirtualFocus`.\n   *\n   * @default false\n   */\n  disableAutoFocusFirst?: boolean;\n\n  /**\n   * Whether the autocomplete should disable virtual focus, instead making the wrapped collection\n   * directly tabbable.\n   *\n   * @default false\n   */\n  disableVirtualFocus?: boolean;\n}\n\nexport interface AriaAutocompleteOptions<T> extends Omit<AriaAutocompleteProps<T>, 'children'> {\n  /** The ref for the wrapped collection element. */\n  inputRef: RefObject<HTMLInputElement | null>;\n  /** The ref for the wrapped collection element. */\n  collectionRef: RefObject<HTMLElement | null>;\n}\n\nexport interface AutocompleteAria<T> {\n  /**\n   * Props for the autocomplete input element. These should be passed to the input's aria hooks\n   * (e.g. useTextField/useSearchField/etc) respectively.\n   */\n  inputProps: InputProps;\n  /** Props for the collection, to be passed to collection's respective aria hook (e.g. useMenu). */\n  collectionProps: CollectionOptions;\n  /** Ref to attach to the wrapped collection. */\n  collectionRef: RefObject<HTMLElement | null>;\n  /**\n   * A filter function that returns if the provided collection node should be filtered out of the\n   * collection.\n   */\n  filter?: (nodeTextValue: string, node: Node<T>) => boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an autocomplete component. An\n * autocomplete combines a text input with a collection, allowing users to filter the collection's\n * contents match a query.\n *\n * @param props - Props for the autocomplete.\n * @param state - State for the autocomplete, as returned by `useAutocompleteState`.\n */\nexport function useAutocomplete<T>(\n  props: AriaAutocompleteOptions<T>,\n  state: AutocompleteState\n): AutocompleteAria<T> {\n  let {\n    inputRef,\n    collectionRef,\n    filter,\n    disableAutoFocusFirst = false,\n    disableVirtualFocus = false\n  } = props;\n\n  let collectionId = useId();\n  let timeout = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  let delayNextActiveDescendant = useRef(false);\n  let queuedActiveDescendant = useRef<string | null>(null);\n\n  // For mobile screen readers, we don't want virtual focus, instead opting to disable FocusScope's restoreFocus and manually\n  // moving focus back to the subtriggers\n  let isMobileScreenReader = getInteractionModality() === 'virtual' && (isIOS() || isAndroid());\n  let [shouldUseVirtualFocus, setShouldUseVirtualFocus] = useState(\n    !isMobileScreenReader && !disableVirtualFocus\n  );\n  // Tracks if a collection has been connected to the autocomplete. If false, we don't want to add various attributes to the autocomplete input\n  // since it isn't attached to a filterable collection (e.g. Tabs)\n  let [hasCollection, setHasCollection] = useState(false);\n\n  useEffect(() => {\n    return () => clearTimeout(timeout.current);\n  }, []);\n\n  let updateActiveDescendantEvent = useEffectEvent((e: Event) => {\n    // Ensure input is focused if the user clicks on the collection directly.\n    // don't trigger on touch so that mobile keyboard doesnt appear when tapping on options\n    if (\n      !e.isTrusted &&\n      shouldUseVirtualFocus &&\n      inputRef.current &&\n      getActiveElement(getOwnerDocument(inputRef.current)) !== inputRef.current &&\n      getPointerType() !== 'touch'\n    ) {\n      inputRef.current.focus();\n    }\n\n    let target = getEventTarget(e) as Element | null;\n    if (e.isTrusted || !target || queuedActiveDescendant.current === target.id) {\n      return;\n    }\n\n    clearTimeout(timeout.current);\n    if (target !== collectionRef.current) {\n      if (delayNextActiveDescendant.current) {\n        queuedActiveDescendant.current = target.id;\n        timeout.current = setTimeout(() => {\n          state.setFocusedNodeId(target.id);\n        }, 500);\n      } else {\n        queuedActiveDescendant.current = target.id;\n        state.setFocusedNodeId(target.id);\n      }\n    } else if (\n      queuedActiveDescendant.current &&\n      !document.getElementById(queuedActiveDescendant.current)\n    ) {\n      // If we recieve a focus event refocusing the collection, either we have newly refocused the input and are waiting for the\n      // wrapped collection to refocus the previously focused node if any OR\n      // we are in a state where we've filtered to such a point that there aren't any matching items in the collection to focus.\n      // In this case we want to clear tracked item if any and clear active descendant\n      queuedActiveDescendant.current = null;\n      state.setFocusedNodeId(null);\n    }\n\n    delayNextActiveDescendant.current = false;\n  });\n\n  let [collectionNode, setCollectionNode] = useState<HTMLElement | null>(null);\n  let callbackRef = useCallback(node => {\n    setCollectionNode(node);\n    if (node != null) {\n      // If useSelectableCollection isn't passed shouldUseVirtualFocus even when useAutocomplete provides it\n      // that means the collection doesn't support it (e.g. Table). If that is the case, we need to disable it here regardless\n      // of what the user's provided so that the input doesn't recieve the onKeyDown and autocomplete props.\n      if (node.getAttribute('tabindex') != null) {\n        setShouldUseVirtualFocus(false);\n      }\n      setHasCollection(true);\n    } else {\n      setHasCollection(false);\n    }\n  }, []);\n  useLayoutEffect(() => {\n    if (collectionNode != null) {\n      // When typing forward, we want to delay the setting of active descendant to not interrupt the native screen reader announcement\n      // of the letter you just typed. If we recieve another focus event then we clear the queued update\n      collectionNode.addEventListener('focusin', updateActiveDescendantEvent);\n    }\n    return () => {\n      collectionNode?.removeEventListener('focusin', updateActiveDescendantEvent);\n    };\n  }, [collectionNode]);\n\n  // Make sure to memo so that React doesn't keep registering a new event listeners on every rerender of the wrapped collection\n  let mergedCollectionRef = useObjectRef(\n    useMemo(() => mergeRefs(collectionRef, callbackRef), [collectionRef, callbackRef])\n  );\n\n  let focusFirstItem = useCallback(() => {\n    delayNextActiveDescendant.current = true;\n    collectionRef.current?.dispatchEvent(\n      new CustomEvent(FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          focusStrategy: 'first'\n        }\n      })\n    );\n  }, [collectionRef]);\n\n  let clearVirtualFocus = useCallback(\n    (clearFocusKey?: boolean) => {\n      moveVirtualFocus(getActiveElement());\n      queuedActiveDescendant.current = null;\n      state.setFocusedNodeId(null);\n      let clearFocusEvent = new CustomEvent(CLEAR_FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          clearFocusKey\n        }\n      });\n      clearTimeout(timeout.current);\n      delayNextActiveDescendant.current = false;\n      collectionRef.current?.dispatchEvent(clearFocusEvent);\n    },\n    [collectionRef, state]\n  );\n\n  let lastInputType = useRef('');\n  useEvent(inputRef, 'input', e => {\n    let {inputType} = e as InputEvent;\n    lastInputType.current = inputType;\n  });\n\n  let onChange = (value: string) => {\n    // Tell wrapped collection to focus the first element in the list when typing forward and to clear focused key when modifying the text via\n    // copy paste/backspacing/undo/redo for screen reader announcements\n    if (lastInputType.current === 'insertText' && !disableAutoFocusFirst) {\n      focusFirstItem();\n    } else if (\n      lastInputType.current &&\n      (lastInputType.current.includes('insert') ||\n        lastInputType.current.includes('delete') ||\n        lastInputType.current.includes('history'))\n    ) {\n      clearVirtualFocus(true);\n\n      // If onChange was triggered before the timeout actually updated the activedescendant, we need to fire\n      // our own dispatchVirtualFocus so focusVisible gets reapplied on the input\n      if (getVirtuallyFocusedElement(document) === inputRef.current) {\n        dispatchVirtualFocus(inputRef.current!, null);\n      }\n    }\n\n    state.setInputValue(value);\n  };\n\n  let keyDownTarget = useRef<Element | null>(null);\n  // For textfield specific keydown operations\n  let onKeyDown = (e: BaseEvent<ReactKeyboardEvent<any>>) => {\n    keyDownTarget.current = getEventTarget(e) as Element;\n    if (e.nativeEvent.isComposing) {\n      return;\n    }\n\n    let focusedNodeId = queuedActiveDescendant.current;\n    if (\n      focusedNodeId !== null &&\n      getOwnerDocument(inputRef.current).getElementById(focusedNodeId) == null\n    ) {\n      // if the focused id doesn't exist in document, then we need to clear the tracked focused node, otherwise\n      // we will be attempting to fire key events on a non-existing node instead of trying to focus the newly swapped wrapped collection.\n      // This can happen if you are swapping out the Autocomplete wrapped collection component like in the docs search.\n      queuedActiveDescendant.current = null;\n      focusedNodeId = null;\n    }\n\n    switch (e.key) {\n      case 'a':\n        if (isCtrlKeyPressed(e)) {\n          return;\n        }\n        break;\n      case 'Escape':\n        // Early return for Escape here so it doesn't leak the Escape event from the simulated collection event below and\n        // close the dialog prematurely. Ideally that should be up to the discretion of the input element hence the check\n        // for isPropagationStopped\n        if (e.isDefaultPrevented()) {\n          return;\n        }\n        break;\n      case ' ':\n        // Space shouldn't trigger onAction so early return.\n        return;\n      case 'Tab':\n        // Don't propogate Tab down to the collection, otherwise we will try to focus the collection via useSelectableCollection's Tab handler (aka shift tab logic)\n        // We want FocusScope to handle Tab if one exists (aka sub dialog), so special casepropogate\n        if ('continuePropagation' in e) {\n          e.continuePropagation();\n        }\n        return;\n      case 'Home':\n      case 'End':\n      case 'PageDown':\n      case 'PageUp':\n      case 'ArrowUp':\n      case 'ArrowDown':\n      case 'ArrowRight':\n      case 'ArrowLeft': {\n        if ((e.key === 'Home' || e.key === 'End') && focusedNodeId == null && e.shiftKey) {\n          return;\n        }\n\n        // If there is text within the input field, we'll want continue propagating events down\n        // to the wrapped collection if there is a focused node so that a user can continue moving the\n        // virtual focus. However, if the user doesn't have a focus in the collection, just move the text\n        // cursor instead. They can move focus down into the collection via down/up arrow if need be\n        if ((e.key === 'ArrowRight' || e.key === 'ArrowLeft') && state.inputValue.length > 0) {\n          if (focusedNodeId == null) {\n            if (!e.isPropagationStopped()) {\n              e.stopPropagation();\n            }\n            return;\n          }\n\n          break;\n        }\n\n        // Prevent these keys from moving the text cursor in the input\n        e.preventDefault();\n        // Move virtual focus into the wrapped collection\n        let focusCollection = new CustomEvent(FOCUS_EVENT, {\n          cancelable: true,\n          bubbles: true\n        });\n\n        collectionRef.current?.dispatchEvent(focusCollection);\n        break;\n      }\n    }\n\n    // Emulate the keyboard events that happen in the input field in the wrapped collection. This is for triggering things like onAction via Enter\n    // or moving focus from one item to another. Stop propagation on the input event if it isn't already stopped so it doesn't leak out. For events\n    // like ESC, the dispatched event below will bubble out of the collection and be stopped if handled by useSelectableCollection, otherwise will bubble\n    // as expected\n    if (!e.isPropagationStopped()) {\n      e.stopPropagation();\n    }\n\n    let shouldPerformDefaultAction = true;\n    if (collectionRef.current !== null) {\n      if (focusedNodeId == null) {\n        shouldPerformDefaultAction =\n          collectionRef.current?.dispatchEvent(\n            new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)\n          ) || false;\n      } else {\n        let item = document.getElementById(focusedNodeId);\n        if (item) {\n          shouldPerformDefaultAction =\n            item?.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)) || false;\n        }\n      }\n    }\n\n    if (shouldPerformDefaultAction) {\n      switch (e.key) {\n        case 'ArrowLeft':\n        case 'ArrowRight': {\n          // Clear the activedescendant so NVDA announcements aren't interrupted but retain the focused key in the collection so the\n          // user's keyboard navigation restarts from where they left off\n          clearVirtualFocus();\n          break;\n        }\n        case 'Enter':\n          // Trigger click action on item when Enter key was pressed.\n          if (focusedNodeId != null) {\n            let item = document.getElementById(focusedNodeId);\n            item?.dispatchEvent(new PointerEvent('click', e.nativeEvent));\n          }\n          break;\n      }\n    } else {\n      // TODO: check if we can do this, want to stop textArea from using its default Enter behavior so items are properly triggered\n      e.preventDefault();\n    }\n  };\n\n  let onKeyUpCapture = useEffectEvent(e => {\n    // Dispatch simulated key up events for things like triggering links in listbox\n    // Make sure to stop the propagation of the input keyup event so that the simulated keyup/down pair\n    // is detected by usePress instead of the original keyup originating from the input\n    if (getEventTarget(e) === keyDownTarget.current) {\n      e.stopImmediatePropagation();\n      let focusedNodeId = queuedActiveDescendant.current;\n      if (focusedNodeId == null) {\n        collectionRef.current?.dispatchEvent(new KeyboardEvent(e.type, e));\n      } else {\n        let item = document.getElementById(focusedNodeId);\n        item?.dispatchEvent(new KeyboardEvent(e.type, e));\n      }\n    }\n  });\n\n  useEffect(() => {\n    document.addEventListener('keyup', onKeyUpCapture, true);\n    return () => {\n      document.removeEventListener('keyup', onKeyUpCapture, true);\n    };\n  }, []);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/autocomplete');\n  let collectionProps = useLabels({\n    id: collectionId,\n    'aria-label': stringFormatter.format('collectionLabel')\n  });\n\n  let filterFn = useCallback(\n    (nodeTextValue: string, node: Node<T>) => {\n      if (filter) {\n        return filter(nodeTextValue, state.inputValue, node);\n      }\n\n      return true;\n    },\n    [state.inputValue, filter]\n  );\n\n  // Be sure to clear/restore the virtual + collection focus when blurring/refocusing the field so we only show the\n  // focus ring on the virtually focused collection when are actually interacting with the Autocomplete\n  let onBlur = (e: ReactFocusEvent) => {\n    if (!e.isTrusted) {\n      return;\n    }\n\n    let lastFocusedNode = queuedActiveDescendant.current\n      ? document.getElementById(queuedActiveDescendant.current)\n      : null;\n    if (lastFocusedNode) {\n      dispatchVirtualBlur(lastFocusedNode, e.relatedTarget);\n    }\n  };\n\n  let onFocus = (e: ReactFocusEvent) => {\n    if (!e.isTrusted) {\n      return;\n    }\n\n    let curFocusedNode = queuedActiveDescendant.current\n      ? document.getElementById(queuedActiveDescendant.current)\n      : null;\n    if (curFocusedNode) {\n      let target = getEventTarget(e);\n      queueMicrotask(() => {\n        // instead of focusing the last focused node, just focus the collection instead and have the collection handle what item to focus via useSelectableCollection/Item\n        dispatchVirtualBlur(target, collectionRef.current);\n        dispatchVirtualFocus(collectionRef.current!, target);\n      });\n    }\n  };\n\n  // Clicking back into the input can happen after focus moved elsewhere in the dialog, while\n  // virtual focus is still on an option. Clear virtual focus on pointer down so mouse\n  // interactions restore the input state before the click's focus handling runs.\n  // Touch is excluded because touch interactions should not move focus back to the input.\n  let onPointerDown = (e: ReactPointerEvent) => {\n    if (\n      e.button !== 0 ||\n      e.pointerType === 'touch' ||\n      queuedActiveDescendant.current == null ||\n      inputRef.current == null\n    ) {\n      return;\n    }\n\n    if (getEventTarget(e) === inputRef.current) {\n      clearVirtualFocus();\n    }\n  };\n\n  // Only apply the autocomplete specific behaviors if the collection component wrapped by it is actually\n  // being filtered/allows filtering by the Autocomplete.\n  let inputProps = {\n    value: state.inputValue,\n    onChange\n  } as AriaTextFieldProps<FocusableElement>;\n\n  let virtualFocusProps = {\n    onKeyDown,\n    'aria-activedescendant': state.focusedNodeId ?? undefined,\n    onBlur,\n    onFocus,\n    onPointerDown\n  };\n\n  if (hasCollection) {\n    inputProps = {\n      ...inputProps,\n      ...(shouldUseVirtualFocus && virtualFocusProps),\n      enterKeyHint: 'go',\n      'aria-controls': collectionId,\n      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)\n      'aria-autocomplete': 'list',\n      // This disable's iOS's autocorrect suggestions, since the autocomplete provides its own suggestions.\n      autoCorrect: 'off',\n      // This disable's the macOS Safari spell check auto corrections.\n      spellCheck: 'false',\n      autoComplete: 'off'\n    };\n  }\n\n  return {\n    inputProps,\n    collectionProps: mergeProps(collectionProps, {\n      shouldUseVirtualFocus,\n      disallowTypeAhead: shouldUseVirtualFocus\n    }),\n    collectionRef: mergedCollectionRef,\n    filter: filter != null ? filterFn : undefined\n  };\n}\n"],"names":[],"version":3,"file":"useAutocomplete.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/autocomplete/useAutocomplete.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  AriaLabelingProps,\n  BaseEvent,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  KeyboardEvents,\n  Node,\n  RefObject,\n  ValueBase\n} from '@react-types/shared';\nimport {AriaTextFieldProps} from '../textfield/useTextField';\nimport {\n  AutocompleteProps,\n  AutocompleteState\n} from 'react-stately/private/autocomplete/useAutocompleteState';\nimport {CLEAR_FOCUS_EVENT, FOCUS_EVENT} from '../utils/constants';\nimport {\n  dispatchVirtualBlur,\n  dispatchVirtualFocus,\n  getVirtuallyFocusedElement,\n  moveVirtualFocus\n} from '../focus/virtualFocus';\nimport {getActiveElement, getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getInteractionModality, getPointerType} from '../interactions/useFocusVisible';\nimport {getOwnerDocument} from '../utils/domHelpers';\nimport intlMessages from '../../intl/autocomplete/*.json';\nimport {isAndroid, isIOS} from '../utils/platform';\nimport {isCtrlKeyPressed} from '../utils/keyboard';\nimport {mergeProps} from '../utils/mergeProps';\nimport {mergeRefs} from '../utils/mergeRefs';\nimport {\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  PointerEvent as ReactPointerEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useEvent} from '../utils/useEvent';\nimport {useId} from '../utils/useId';\nimport {useLabels} from '../utils/useLabels';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useObjectRef} from '../utils/useObjectRef';\n\nexport interface CollectionOptions extends DOMProps, AriaLabelingProps {\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead: boolean;\n}\n\nexport interface InputProps<T = FocusableElement>\n  extends\n    DOMProps,\n    FocusEvents<T>,\n    KeyboardEvents,\n    Pick<ValueBase<string>, 'onChange' | 'value'>,\n    Pick<\n      AriaTextFieldProps,\n      | 'enterKeyHint'\n      | 'aria-controls'\n      | 'aria-autocomplete'\n      | 'aria-activedescendant'\n      | 'spellCheck'\n      | 'autoCorrect'\n      | 'autoComplete'\n    > {}\n\nexport interface AriaAutocompleteProps<T> extends AutocompleteProps {\n  /**\n   * An optional filter function used to determine if a option should be included in the\n   * autocomplete list. Include this if the items you are providing to your wrapped collection\n   * aren't filtered by default.\n   */\n  filter?: (textValue: string, inputValue: string, node: Node<T>) => boolean;\n\n  /**\n   * Whether or not to focus the first item in the collection after a filter is performed. Note this\n   * is only applicable if virtual focus behavior is not turned off via `disableVirtualFocus`.\n   *\n   * @default false\n   */\n  disableAutoFocusFirst?: boolean;\n\n  /**\n   * Whether the autocomplete should disable virtual focus, instead making the wrapped collection\n   * directly tabbable.\n   *\n   * @default false\n   */\n  disableVirtualFocus?: boolean;\n}\n\nexport interface AriaAutocompleteOptions<T> extends Omit<AriaAutocompleteProps<T>, 'children'> {\n  /** The ref for the wrapped collection element. */\n  inputRef: RefObject<HTMLInputElement | null>;\n  /** The ref for the wrapped collection element. */\n  collectionRef: RefObject<HTMLElement | null>;\n}\n\nexport interface AutocompleteAria<T> {\n  /**\n   * Props for the autocomplete input element. These should be passed to the input's aria hooks\n   * (e.g. useTextField/useSearchField/etc) respectively.\n   */\n  inputProps: InputProps;\n  /** Props for the collection, to be passed to collection's respective aria hook (e.g. useMenu). */\n  collectionProps: CollectionOptions;\n  /** Ref to attach to the wrapped collection. */\n  collectionRef: RefObject<HTMLElement | null>;\n  /**\n   * A filter function that returns if the provided collection node should be filtered out of the\n   * collection.\n   */\n  filter?: (nodeTextValue: string, node: Node<T>) => boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an autocomplete component. An\n * autocomplete combines a text input with a collection, allowing users to filter the collection's\n * contents match a query.\n *\n * @param props - Props for the autocomplete.\n * @param state - State for the autocomplete, as returned by `useAutocompleteState`.\n */\nexport function useAutocomplete<T>(\n  props: AriaAutocompleteOptions<T>,\n  state: AutocompleteState\n): AutocompleteAria<T> {\n  let {\n    inputRef,\n    collectionRef,\n    filter,\n    disableAutoFocusFirst = false,\n    disableVirtualFocus = false\n  } = props;\n\n  let collectionId = useId();\n  let timeout = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  let delayNextActiveDescendant = useRef(false);\n  let queuedActiveDescendant = useRef<string | null>(null);\n\n  // For mobile screen readers, we don't want virtual focus, instead opting to disable FocusScope's restoreFocus and manually\n  // moving focus back to the subtriggers\n  let isMobileScreenReader = getInteractionModality() === 'virtual' && (isIOS() || isAndroid());\n  let [shouldUseVirtualFocus, setShouldUseVirtualFocus] = useState(\n    !isMobileScreenReader && !disableVirtualFocus\n  );\n  // Tracks if a collection has been connected to the autocomplete. If false, we don't want to add various attributes to the autocomplete input\n  // since it isn't attached to a filterable collection (e.g. Tabs)\n  let [hasCollection, setHasCollection] = useState(false);\n  let [autoFocusOnMount, setAutoFocusOnMount] = useState(false);\n\n  useEffect(() => {\n    return () => clearTimeout(timeout.current);\n  }, []);\n\n  let updateActiveDescendantEvent = useEffectEvent((e: Event) => {\n    // Ensure input is focused if the user clicks on the collection directly.\n    // don't trigger on touch so that mobile keyboard doesnt appear when tapping on options\n    if (\n      !e.isTrusted &&\n      shouldUseVirtualFocus &&\n      inputRef.current &&\n      getActiveElement(getOwnerDocument(inputRef.current)) !== inputRef.current &&\n      getPointerType() !== 'touch'\n    ) {\n      inputRef.current.focus();\n    }\n\n    let target = getEventTarget(e) as Element | null;\n    if (e.isTrusted || !target || queuedActiveDescendant.current === target.id) {\n      return;\n    }\n\n    clearTimeout(timeout.current);\n    if (target !== collectionRef.current) {\n      if (delayNextActiveDescendant.current) {\n        queuedActiveDescendant.current = target.id;\n        timeout.current = setTimeout(() => {\n          state.setFocusedNodeId(target.id);\n        }, 500);\n      } else {\n        queuedActiveDescendant.current = target.id;\n        state.setFocusedNodeId(target.id);\n      }\n    } else if (\n      queuedActiveDescendant.current &&\n      !document.getElementById(queuedActiveDescendant.current)\n    ) {\n      // If we recieve a focus event refocusing the collection, either we have newly refocused the input and are waiting for the\n      // wrapped collection to refocus the previously focused node if any OR\n      // we are in a state where we've filtered to such a point that there aren't any matching items in the collection to focus.\n      // In this case we want to clear tracked item if any and clear active descendant\n      queuedActiveDescendant.current = null;\n      state.setFocusedNodeId(null);\n    }\n\n    delayNextActiveDescendant.current = false;\n  });\n\n  let [collectionNode, setCollectionNode] = useState<HTMLElement | null>(null);\n  let callbackRef = useCallback(node => {\n    setCollectionNode(node);\n    if (node != null) {\n      // If useSelectableCollection isn't passed shouldUseVirtualFocus even when useAutocomplete provides it\n      // that means the collection doesn't support it (e.g. Table). If that is the case, we need to disable it here regardless\n      // of what the user's provided so that the input doesn't recieve the onKeyDown and autocomplete props.\n      if (node.getAttribute('tabindex') != null) {\n        setShouldUseVirtualFocus(false);\n      }\n      setHasCollection(true);\n    } else {\n      setHasCollection(false);\n    }\n  }, []);\n  useLayoutEffect(() => {\n    if (collectionNode != null) {\n      // When typing forward, we want to delay the setting of active descendant to not interrupt the native screen reader announcement\n      // of the letter you just typed. If we recieve another focus event then we clear the queued update\n      collectionNode.addEventListener('focusin', updateActiveDescendantEvent);\n    }\n    return () => {\n      collectionNode?.removeEventListener('focusin', updateActiveDescendantEvent);\n    };\n  }, [collectionNode]);\n\n  // Make sure to memo so that React doesn't keep registering a new event listeners on every rerender of the wrapped collection\n  let mergedCollectionRef = useObjectRef(\n    // oxlint-disable-next-line react/react-compiler\n    useMemo(() => mergeRefs(collectionRef, callbackRef), [collectionRef, callbackRef])\n  );\n\n  let focusFirstItem = useCallback(() => {\n    if (!collectionRef.current) {\n      setAutoFocusOnMount(true);\n      return;\n    }\n\n    delayNextActiveDescendant.current = true;\n    collectionRef.current?.dispatchEvent(\n      new CustomEvent(FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          focusStrategy: 'first'\n        }\n      })\n    );\n  }, [collectionRef]);\n\n  let clearVirtualFocus = useCallback(\n    (clearFocusKey?: boolean) => {\n      setAutoFocusOnMount(false);\n      moveVirtualFocus(getActiveElement());\n      queuedActiveDescendant.current = null;\n      state.setFocusedNodeId(null);\n      let clearFocusEvent = new CustomEvent(CLEAR_FOCUS_EVENT, {\n        cancelable: true,\n        bubbles: true,\n        detail: {\n          clearFocusKey\n        }\n      });\n      clearTimeout(timeout.current);\n      delayNextActiveDescendant.current = false;\n      collectionRef.current?.dispatchEvent(clearFocusEvent);\n    },\n    [collectionRef, state]\n  );\n\n  let lastInputType = useRef('');\n  useEvent(inputRef, 'beforeinput', e => {\n    let {inputType} = e as InputEvent;\n    lastInputType.current = inputType;\n  });\n\n  let onChange = (value: string) => {\n    // Tell wrapped collection to focus the first element in the list when typing forward and to clear focused key when modifying the text via\n    // copy paste/backspacing/undo/redo for screen reader announcements\n    if (\n      (lastInputType.current === 'insertText' ||\n        // IME composition (e.g. CJK input) reports 'insertCompositionText'/'insertFromComposition'\n        // instead of 'insertText'. Treat these as forward typing so the first item gets virtual focus.\n        lastInputType.current === 'insertCompositionText' ||\n        lastInputType.current === 'insertFromComposition') &&\n      !disableAutoFocusFirst\n    ) {\n      focusFirstItem();\n    } else if (\n      lastInputType.current &&\n      (lastInputType.current.includes('insert') ||\n        lastInputType.current.includes('delete') ||\n        lastInputType.current.includes('history'))\n    ) {\n      clearVirtualFocus(true);\n\n      // If onChange was triggered before the timeout actually updated the activedescendant, we need to fire\n      // our own dispatchVirtualFocus so focusVisible gets reapplied on the input\n      if (getVirtuallyFocusedElement(document) === inputRef.current) {\n        dispatchVirtualFocus(inputRef.current!, null);\n      }\n    }\n\n    state.setInputValue(value);\n  };\n\n  let keyDownTarget = useRef<Element | null>(null);\n  // For textfield specific keydown operations\n  let onKeyDown = (e: BaseEvent<ReactKeyboardEvent<any>>) => {\n    keyDownTarget.current = getEventTarget(e) as Element;\n    if (e.nativeEvent.isComposing) {\n      return;\n    }\n\n    let focusedNodeId = queuedActiveDescendant.current;\n    if (\n      focusedNodeId !== null &&\n      getOwnerDocument(inputRef.current).getElementById(focusedNodeId) == null\n    ) {\n      // if the focused id doesn't exist in document, then we need to clear the tracked focused node, otherwise\n      // we will be attempting to fire key events on a non-existing node instead of trying to focus the newly swapped wrapped collection.\n      // This can happen if you are swapping out the Autocomplete wrapped collection component like in the docs search.\n      queuedActiveDescendant.current = null;\n      focusedNodeId = null;\n    }\n\n    switch (e.key) {\n      case 'a':\n        if (isCtrlKeyPressed(e)) {\n          return;\n        }\n        break;\n      case 'Escape':\n        // Early return for Escape here so it doesn't leak the Escape event from the simulated collection event below and\n        // close the dialog prematurely. Ideally that should be up to the discretion of the input element hence the check\n        // for isPropagationStopped\n        if (e.isDefaultPrevented()) {\n          return;\n        }\n        break;\n      case ' ':\n        // Space shouldn't trigger onAction so early return.\n        return;\n      case 'Tab':\n        // Don't propogate Tab down to the collection, otherwise we will try to focus the collection via useSelectableCollection's Tab handler (aka shift tab logic)\n        // We want FocusScope to handle Tab if one exists (aka sub dialog), so special casepropogate\n        if ('continuePropagation' in e) {\n          e.continuePropagation();\n        }\n        return;\n      case 'Home':\n      case 'End':\n      case 'PageDown':\n      case 'PageUp':\n      case 'ArrowUp':\n      case 'ArrowDown':\n      case 'ArrowRight':\n      case 'ArrowLeft': {\n        if ((e.key === 'Home' || e.key === 'End') && focusedNodeId == null && e.shiftKey) {\n          return;\n        }\n\n        // If there is text within the input field, we'll want continue propagating events down\n        // to the wrapped collection if there is a focused node so that a user can continue moving the\n        // virtual focus. However, if the user doesn't have a focus in the collection, just move the text\n        // cursor instead. They can move focus down into the collection via down/up arrow if need be\n        if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n          if (focusedNodeId == null) {\n            if (!e.isPropagationStopped()) {\n              e.stopPropagation();\n            }\n            return;\n          }\n\n          break;\n        }\n\n        // Prevent these keys from moving the text cursor in the input\n        e.preventDefault();\n        // Move virtual focus into the wrapped collection\n        let focusCollection = new CustomEvent(FOCUS_EVENT, {\n          cancelable: true,\n          bubbles: true\n        });\n\n        collectionRef.current?.dispatchEvent(focusCollection);\n        break;\n      }\n    }\n\n    // Emulate the keyboard events that happen in the input field in the wrapped collection. This is for triggering things like onAction via Enter\n    // or moving focus from one item to another. Stop propagation on the input event if it isn't already stopped so it doesn't leak out. For events\n    // like ESC, the dispatched event below will bubble out of the collection and be stopped if handled by useSelectableCollection, otherwise will bubble\n    // as expected\n    if (!e.isPropagationStopped()) {\n      e.stopPropagation();\n    }\n\n    let shouldPerformDefaultAction = true;\n    if (collectionRef.current !== null) {\n      if (focusedNodeId == null) {\n        shouldPerformDefaultAction =\n          collectionRef.current?.dispatchEvent(\n            new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)\n          ) || false;\n      } else {\n        let item = document.getElementById(focusedNodeId);\n        if (item) {\n          shouldPerformDefaultAction =\n            item?.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)) || false;\n        }\n      }\n    }\n\n    if (shouldPerformDefaultAction) {\n      switch (e.key) {\n        case 'ArrowLeft':\n        case 'ArrowRight': {\n          // Clear the activedescendant so NVDA announcements aren't interrupted but retain the focused key in the collection so the\n          // user's keyboard navigation restarts from where they left off\n          clearVirtualFocus();\n          break;\n        }\n        case 'Enter':\n          // Trigger click action on item when Enter key was pressed.\n          if (focusedNodeId != null) {\n            let item = document.getElementById(focusedNodeId);\n            item?.dispatchEvent(new PointerEvent('click', e.nativeEvent));\n          }\n          break;\n      }\n    } else {\n      // TODO: check if we can do this, want to stop textArea from using its default Enter behavior so items are properly triggered\n      e.preventDefault();\n    }\n  };\n\n  let onKeyUpCapture = useEffectEvent(e => {\n    // Dispatch simulated key up events for things like triggering links in listbox\n    // Make sure to stop the propagation of the input keyup event so that the simulated keyup/down pair\n    // is detected by usePress instead of the original keyup originating from the input\n    if (getEventTarget(e) === keyDownTarget.current) {\n      e.stopImmediatePropagation();\n      let focusedNodeId = queuedActiveDescendant.current;\n      if (focusedNodeId == null) {\n        collectionRef.current?.dispatchEvent(new KeyboardEvent(e.type, e));\n      } else {\n        let item = document.getElementById(focusedNodeId);\n        item?.dispatchEvent(new KeyboardEvent(e.type, e));\n      }\n    }\n  });\n\n  useEffect(() => {\n    document.addEventListener('keyup', onKeyUpCapture, true);\n    return () => {\n      document.removeEventListener('keyup', onKeyUpCapture, true);\n    };\n  }, []);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/autocomplete');\n  let collectionProps = useLabels({\n    id: collectionId,\n    'aria-label': stringFormatter.format('collectionLabel')\n  });\n\n  let filterFn = useCallback(\n    (nodeTextValue: string, node: Node<T>) => {\n      if (filter) {\n        return filter(nodeTextValue, state.inputValue, node);\n      }\n\n      return true;\n    },\n    [state.inputValue, filter]\n  );\n\n  // Be sure to clear/restore the virtual + collection focus when blurring/refocusing the field so we only show the\n  // focus ring on the virtually focused collection when are actually interacting with the Autocomplete\n  let onBlur = (e: ReactFocusEvent) => {\n    if (!e.isTrusted) {\n      return;\n    }\n\n    let lastFocusedNode = queuedActiveDescendant.current\n      ? document.getElementById(queuedActiveDescendant.current)\n      : null;\n    if (lastFocusedNode) {\n      dispatchVirtualBlur(lastFocusedNode, e.relatedTarget);\n    }\n  };\n\n  let onFocus = (e: ReactFocusEvent) => {\n    if (!e.isTrusted) {\n      return;\n    }\n\n    let curFocusedNode = queuedActiveDescendant.current\n      ? document.getElementById(queuedActiveDescendant.current)\n      : null;\n    if (curFocusedNode) {\n      let target = getEventTarget(e);\n      queueMicrotask(() => {\n        // instead of focusing the last focused node, just focus the collection instead and have the collection handle what item to focus via useSelectableCollection/Item\n        dispatchVirtualBlur(target, collectionRef.current);\n        dispatchVirtualFocus(collectionRef.current!, target);\n      });\n    }\n  };\n\n  // Clicking back into the input can happen after focus moved elsewhere in the dialog, while\n  // virtual focus is still on an option. Clear virtual focus on pointer down so mouse\n  // interactions restore the input state before the click's focus handling runs.\n  // Touch is excluded because touch interactions should not move focus back to the input.\n  let onPointerDown = (e: ReactPointerEvent) => {\n    if (\n      e.button !== 0 ||\n      e.pointerType === 'touch' ||\n      queuedActiveDescendant.current == null ||\n      inputRef.current == null\n    ) {\n      return;\n    }\n\n    if (getEventTarget(e) === inputRef.current) {\n      clearVirtualFocus();\n    }\n  };\n\n  // Only apply the autocomplete specific behaviors if the collection component wrapped by it is actually\n  // being filtered/allows filtering by the Autocomplete.\n  let inputProps = {\n    value: state.inputValue,\n    onChange\n  } as AriaTextFieldProps<FocusableElement>;\n\n  let virtualFocusProps = {\n    onKeyDown,\n    'aria-activedescendant': state.focusedNodeId ?? undefined,\n    onBlur,\n    onFocus,\n    onPointerDown\n  };\n\n  inputProps = {\n    ...inputProps,\n    ...(shouldUseVirtualFocus && hasCollection && virtualFocusProps),\n    enterKeyHint: 'go',\n    'aria-controls': hasCollection ? collectionId : undefined,\n    // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)\n    'aria-autocomplete': 'list',\n    // This disable's iOS's autocorrect suggestions, since the autocomplete provides its own suggestions.\n    autoCorrect: 'off',\n    // This disable's the macOS Safari spell check auto corrections.\n    spellCheck: 'false',\n    autoComplete: 'off'\n  };\n\n  return {\n    inputProps,\n    collectionProps: mergeProps(collectionProps, {\n      shouldUseVirtualFocus,\n      disallowTypeAhead: shouldUseVirtualFocus,\n      autoFocus: autoFocusOnMount ? 'first' : false\n    }),\n    collectionRef: mergedCollectionRef,\n    filter: filter != null ? filterFn : undefined\n  };\n}\n"],"names":[],"version":3,"file":"useAutocomplete.cjs.map"}