react-aria 3.50.0 → 3.51.0

package/dist/private/select/useSelect.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/select/useSelect.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 {AriaButtonProps} from '../button/useButton';\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableDOMProps,\n  KeyboardDelegate,\n  RefObject,\n  ValidationResult\n} from '@react-types/shared';\nimport {AriaListBoxOptions} from '../listbox/useListBox';\nimport {chain} from '../utils/chain';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {FocusEvent, useMemo} from 'react';\nimport {HiddenSelectProps} from './HiddenSelect';\nimport {ListKeyboardDelegate} from '../selection/ListKeyboardDelegate';\nimport {mergeProps} from '../utils/mergeProps';\nimport {nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {SelectionMode, SelectProps, SelectState} from 'react-stately/useSelectState';\nimport {setInteractionModality} from '../interactions/useFocusVisible';\nimport {useCollator} from '../i18n/useCollator';\nimport {useField} from '../label/useField';\nimport {useId} from '../utils/useId';\nimport {useMenuTrigger} from '../menu/useMenuTrigger';\nimport {useTypeSelect} from '../selection/useTypeSelect';\n\nexport interface AriaSelectProps<T, M extends SelectionMode = 'single'>\n  extends SelectProps<T, M>, DOMProps, AriaLabelingProps, FocusableDOMProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * The name of the input, used when submitting an HTML form.\n   */\n  name?: string;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\nexport interface AriaSelectOptions<T, M extends SelectionMode = 'single'> extends Omit<\n  AriaSelectProps<T, M>,\n  'children'\n> {\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate;\n}\n\nexport interface SelectAria<T, M extends SelectionMode = 'single'> extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: DOMAttributes;\n\n  /** Props for the popup trigger element. */\n  triggerProps: AriaButtonProps;\n\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes;\n\n  /** Props for the popup. */\n  menuProps: AriaListBoxOptions<T>;\n\n  /** Props for the select's description element, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the select's error message element, if any. */\n  errorMessageProps: DOMAttributes;\n\n  /** Props for the hidden select element. */\n  hiddenSelectProps: HiddenSelectProps<T, M>;\n}\n\ninterface SelectData {\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  name?: string;\n  form?: string;\n  validationBehavior?: 'aria' | 'native';\n}\n\nexport const selectData: WeakMap<SelectState<any, any>, SelectData> = new WeakMap<\n  SelectState<any>,\n  SelectData\n>();\n\n/**\n * Provides the behavior and accessibility implementation for a select component.\n * A select displays a collapsible list of options and allows a user to select one of them.\n *\n * @param props - Props for the select.\n * @param state - State for the select, as returned by `useListState`.\n */\nexport function useSelect<T, M extends SelectionMode = 'single'>(\n  props: AriaSelectOptions<T, M>,\n  state: SelectState<T, M>,\n  ref: RefObject<HTMLElement | null>\n): SelectAria<T, M> {\n  let {keyboardDelegate, isDisabled, isRequired, name, form, validationBehavior = 'aria'} = props;\n\n  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n  // When virtualized, the layout object will be passed in as a prop and override this.\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let delegate = useMemo(\n    () =>\n      keyboardDelegate ||\n      new ListKeyboardDelegate(state.collection, state.disabledKeys, ref, collator),\n    [keyboardDelegate, state.collection, state.disabledKeys, collator, ref]\n  );\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger<T>(\n    {\n      isDisabled,\n      type: 'listbox'\n    },\n    state,\n    ref\n  );\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (state.selectionManager.selectionMode === 'multiple') {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft': {\n        // prevent scrolling containers\n        e.preventDefault();\n\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyAbove?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        // prevent scrolling containers\n        e.preventDefault();\n\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyBelow?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n        break;\n      }\n    }\n  };\n\n  let {typeSelectProps} = useTypeSelect({\n    keyboardDelegate: delegate,\n    selectionManager: state.selectionManager,\n    onTypeSelect(key) {\n      state.setSelectedKey(key);\n    }\n  });\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  if (state.selectionManager.selectionMode === 'multiple') {\n    typeSelectProps = {};\n  }\n\n  let domProps = filterDOMProps(props, {labelable: true});\n  let triggerProps = mergeProps(typeSelectProps, menuTriggerProps, fieldProps);\n\n  let valueId = useId();\n\n  selectData.set(state, {\n    isDisabled,\n    isRequired,\n    name,\n    form,\n    validationBehavior\n  });\n\n  return {\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        if (!props.isDisabled) {\n          ref.current?.focus();\n\n          // Show the focus ring so the user knows where focus went\n          setInteractionModality('keyboard');\n        }\n      }\n    },\n    triggerProps: mergeProps(domProps, {\n      ...triggerProps,\n      isDisabled,\n      onKeyDown: chain(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),\n      onKeyUp: props.onKeyUp,\n      'aria-labelledby': [\n        valueId,\n        triggerProps['aria-labelledby'],\n        triggerProps['aria-label'] && !triggerProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' '),\n      onFocus(e: FocusEvent) {\n        if (state.isFocused) {\n          return;\n        }\n\n        if (props.onFocus) {\n          props.onFocus(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(true);\n        }\n\n        state.setFocused(true);\n      },\n      onBlur(e: FocusEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      }\n    }),\n    valueProps: {\n      id: valueId\n    },\n    menuProps: {\n      ...menuProps,\n      onAction: undefined,\n      autoFocus: state.focusStrategy || true,\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      disallowEmptySelection: true,\n      linkBehavior: 'selection',\n      onBlur: e => {\n        if (nodeContains(e.currentTarget, e.relatedTarget as Node)) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      },\n      'aria-labelledby': [\n        fieldProps['aria-labelledby'],\n        triggerProps['aria-label'] && !fieldProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' ')\n    },\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails,\n    hiddenSelectProps: {\n      isDisabled,\n      name,\n      label: props.label,\n      state,\n      triggerRef: ref,\n      form\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSelect.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/select/useSelect.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 {AriaButtonProps} from '../button/useButton';\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableDOMProps,\n  KeyboardDelegate,\n  RefObject,\n  ValidationResult\n} from '@react-types/shared';\nimport {AriaListBoxOptions} from '../listbox/useListBox';\nimport {chain} from '../utils/chain';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {FocusEvent, useMemo} from 'react';\nimport {HiddenSelectProps} from './HiddenSelect';\nimport {ListKeyboardDelegate} from '../selection/ListKeyboardDelegate';\nimport {mergeProps} from '../utils/mergeProps';\nimport {nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {SelectionMode, SelectProps, SelectState} from 'react-stately/useSelectState';\nimport {setInteractionModality} from '../interactions/useFocusVisible';\nimport {useCollator} from '../i18n/useCollator';\nimport {useField} from '../label/useField';\nimport {useId} from '../utils/useId';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useMenuTrigger} from '../menu/useMenuTrigger';\nimport {useTypeSelect} from '../selection/useTypeSelect';\n\nexport interface AriaSelectProps<T, M extends SelectionMode = 'single'>\n  extends SelectProps<T, M>, DOMProps, AriaLabelingProps, FocusableDOMProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * The name of the input, used when submitting an HTML form.\n   */\n  name?: string;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\nexport interface AriaSelectOptions<T, M extends SelectionMode = 'single'> extends Omit<\n  AriaSelectProps<T, M>,\n  'children'\n> {\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate;\n}\n\nexport interface SelectAria<T, M extends SelectionMode = 'single'> extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: DOMAttributes;\n\n  /** Props for the popup trigger element. */\n  triggerProps: AriaButtonProps;\n\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes;\n\n  /** Props for the popup. */\n  menuProps: AriaListBoxOptions<T>;\n\n  /** Props for the select's description element, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the select's error message element, if any. */\n  errorMessageProps: DOMAttributes;\n\n  /** Props for the hidden select element. */\n  hiddenSelectProps: HiddenSelectProps<T, M>;\n}\n\ninterface SelectData {\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  name?: string;\n  form?: string;\n  validationBehavior?: 'aria' | 'native';\n}\n\nexport const selectData: WeakMap<SelectState<any, any>, SelectData> = new WeakMap<\n  SelectState<any>,\n  SelectData\n>();\n\n/**\n * Provides the behavior and accessibility implementation for a select component.\n * A select displays a collapsible list of options and allows a user to select one of them.\n *\n * @param props - Props for the select.\n * @param state - State for the select, as returned by `useListState`.\n */\nexport function useSelect<T, M extends SelectionMode = 'single'>(\n  props: AriaSelectOptions<T, M>,\n  state: SelectState<T, M>,\n  ref: RefObject<HTMLElement | null>\n): SelectAria<T, M> {\n  let {keyboardDelegate, isDisabled, isRequired, name, form, validationBehavior = 'aria'} = props;\n\n  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n  // When virtualized, the layout object will be passed in as a prop and override this.\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let delegate = useMemo(\n    () =>\n      keyboardDelegate ||\n      new ListKeyboardDelegate(state.collection, state.disabledKeys, ref, collator),\n    [keyboardDelegate, state.collection, state.disabledKeys, collator, ref]\n  );\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger<T>(\n    {\n      isDisabled,\n      type: 'listbox'\n    },\n    state,\n    ref\n  );\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ArrowLeft: () => {\n        if (state.selectionManager.selectionMode === 'multiple') {\n          return false;\n        }\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyAbove?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n      },\n      ArrowRight: () => {\n        if (state.selectionManager.selectionMode === 'multiple') {\n          return false;\n        }\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyBelow?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n      }\n    },\n    allowRepeats: true,\n    onKeyDown: props.onKeyDown,\n    onKeyUp: props.onKeyUp\n  });\n\n  let {typeSelectProps} = useTypeSelect({\n    keyboardDelegate: delegate,\n    selectionManager: state.selectionManager,\n    onTypeSelect(key) {\n      state.setSelectedKey(key);\n    }\n  });\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  if (state.selectionManager.selectionMode === 'multiple') {\n    typeSelectProps = {};\n  }\n\n  let domProps = filterDOMProps(props, {labelable: true});\n  let triggerProps = mergeProps(typeSelectProps, menuTriggerProps, fieldProps);\n\n  let valueId = useId();\n\n  selectData.set(state, {\n    isDisabled,\n    isRequired,\n    name,\n    form,\n    validationBehavior\n  });\n\n  return {\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        if (!props.isDisabled) {\n          ref.current?.focus();\n\n          // Show the focus ring so the user knows where focus went\n          setInteractionModality('keyboard');\n        }\n      }\n    },\n    triggerProps: mergeProps(domProps, {\n      ...triggerProps,\n      isDisabled,\n      onKeyDown: chain(triggerProps.onKeyDown, keyboardProps.onKeyDown),\n      onKeyUp: keyboardProps.onKeyUp,\n      'aria-labelledby': [\n        valueId,\n        triggerProps['aria-labelledby'],\n        triggerProps['aria-label'] && !triggerProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' '),\n      onFocus(e: FocusEvent) {\n        if (state.isFocused) {\n          return;\n        }\n\n        if (props.onFocus) {\n          props.onFocus(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(true);\n        }\n\n        state.setFocused(true);\n      },\n      onBlur(e: FocusEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      }\n    }),\n    valueProps: {\n      id: valueId\n    },\n    menuProps: {\n      ...menuProps,\n      onAction: undefined,\n      autoFocus: state.focusStrategy || true,\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      disallowEmptySelection: true,\n      linkBehavior: 'selection',\n      onBlur: e => {\n        if (nodeContains(e.currentTarget, e.relatedTarget as Node)) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      },\n      'aria-labelledby': [\n        fieldProps['aria-labelledby'],\n        triggerProps['aria-label'] && !fieldProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' ')\n    },\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails,\n    hiddenSelectProps: {\n      isDisabled,\n      name,\n      label: props.label,\n      state,\n      triggerRef: ref,\n      form\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSelect.js.map"}

package/dist/private/select/useSelect.mjs

@@ -7,6 +7,7 @@ import {setInteractionModality as $8f5a2122b0992be3$export$8397ddfc504fdb9a} fro
 import {useCollator as $673d46fce3e5717d$export$a16aca283550c30d} from "../i18n/useCollator.mjs";
 import {useField as $191c9b6d48a0a4e2$export$294aa081a6c6f55d} from "../label/useField.mjs";
 import {useId as $390e54f620492c70$export$f680877a34711e37} from "../utils/useId.mjs";
+import {useKeyboard as $8296dad1a4c5e0dc$export$8f71654801c2f7cd} from "../interactions/useKeyboard.mjs";
 import {useMenuTrigger as $f19b83c1486f45cc$export$dc9c12ed27dd1b49} from "../menu/useMenuTrigger.mjs";
 import {useTypeSelect as $f5a4a9a3486154da$export$e32c88dfddc6e1d8} from "../selection/useTypeSelect.mjs";
 import {useMemo as $dmsVn$useMemo} from "react";
@@ -33,6 +34,7 @@ import {useMemo as $dmsVn$useMemo} from "react";
 
 
 
+
 const $c0a45cd074520508$export$703601b7e90536f8 = new WeakMap();
 function $c0a45cd074520508$export$e64b2f635402ca43(props, state, ref) {
     let { keyboardDelegate: keyboardDelegate, isDisabled: isDisabled, isRequired: isRequired, name: name, form: form, validationBehavior: validationBehavior = 'aria' } = props;
@@ -53,27 +55,23 @@ function $c0a45cd074520508$export$e64b2f635402ca43(props, state, ref) {
         isDisabled: isDisabled,
         type: 'listbox'
     }, state, ref);
-    let onKeyDown = (e)=>{
-        if (state.selectionManager.selectionMode === 'multiple') return;
-        switch(e.key){
-            case 'ArrowLeft':
-                {
-                    // prevent scrolling containers
-                    e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyAbove?.(state.selectedKey) : delegate.getFirstKey?.();
-                    if (key != null) state.setSelectedKey(key);
-                    break;
-                }
-            case 'ArrowRight':
-                {
-                    // prevent scrolling containers
-                    e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyBelow?.(state.selectedKey) : delegate.getFirstKey?.();
-                    if (key != null) state.setSelectedKey(key);
-                    break;
-                }
-        }
-    };
+    let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
+        shortcuts: {
+            ArrowLeft: ()=>{
+                if (state.selectionManager.selectionMode === 'multiple') return false;
+                let key = state.selectedKey != null ? delegate.getKeyAbove?.(state.selectedKey) : delegate.getFirstKey?.();
+                if (key != null) state.setSelectedKey(key);
+            },
+            ArrowRight: ()=>{
+                if (state.selectionManager.selectionMode === 'multiple') return false;
+                let key = state.selectedKey != null ? delegate.getKeyBelow?.(state.selectedKey) : delegate.getFirstKey?.();
+                if (key != null) state.setSelectedKey(key);
+            }
+        },
+        allowRepeats: true,
+        onKeyDown: props.onKeyDown,
+        onKeyUp: props.onKeyUp
+    });
     let { typeSelectProps: typeSelectProps } = (0, $f5a4a9a3486154da$export$e32c88dfddc6e1d8)({
         keyboardDelegate: delegate,
         selectionManager: state.selectionManager,
@@ -115,8 +113,8 @@ function $c0a45cd074520508$export$e64b2f635402ca43(props, state, ref) {
         triggerProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(domProps, {
             ...triggerProps,
             isDisabled: isDisabled,
-            onKeyDown: (0, $a4e76a5424781910$export$e08e3b67e392101e)(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),
-            onKeyUp: props.onKeyUp,
+            onKeyDown: (0, $a4e76a5424781910$export$e08e3b67e392101e)(triggerProps.onKeyDown, keyboardProps.onKeyDown),
+            onKeyUp: keyboardProps.onKeyUp,
             'aria-labelledby': [
                 valueId,
                 triggerProps['aria-labelledby'],

package/dist/private/select/useSelect.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/select/useSelect.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 {AriaButtonProps} from '../button/useButton';\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableDOMProps,\n  KeyboardDelegate,\n  RefObject,\n  ValidationResult\n} from '@react-types/shared';\nimport {AriaListBoxOptions} from '../listbox/useListBox';\nimport {chain} from '../utils/chain';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {FocusEvent, useMemo} from 'react';\nimport {HiddenSelectProps} from './HiddenSelect';\nimport {ListKeyboardDelegate} from '../selection/ListKeyboardDelegate';\nimport {mergeProps} from '../utils/mergeProps';\nimport {nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {SelectionMode, SelectProps, SelectState} from 'react-stately/useSelectState';\nimport {setInteractionModality} from '../interactions/useFocusVisible';\nimport {useCollator} from '../i18n/useCollator';\nimport {useField} from '../label/useField';\nimport {useId} from '../utils/useId';\nimport {useMenuTrigger} from '../menu/useMenuTrigger';\nimport {useTypeSelect} from '../selection/useTypeSelect';\n\nexport interface AriaSelectProps<T, M extends SelectionMode = 'single'>\n  extends SelectProps<T, M>, DOMProps, AriaLabelingProps, FocusableDOMProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * The name of the input, used when submitting an HTML form.\n   */\n  name?: string;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\nexport interface AriaSelectOptions<T, M extends SelectionMode = 'single'> extends Omit<\n  AriaSelectProps<T, M>,\n  'children'\n> {\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate;\n}\n\nexport interface SelectAria<T, M extends SelectionMode = 'single'> extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: DOMAttributes;\n\n  /** Props for the popup trigger element. */\n  triggerProps: AriaButtonProps;\n\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes;\n\n  /** Props for the popup. */\n  menuProps: AriaListBoxOptions<T>;\n\n  /** Props for the select's description element, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the select's error message element, if any. */\n  errorMessageProps: DOMAttributes;\n\n  /** Props for the hidden select element. */\n  hiddenSelectProps: HiddenSelectProps<T, M>;\n}\n\ninterface SelectData {\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  name?: string;\n  form?: string;\n  validationBehavior?: 'aria' | 'native';\n}\n\nexport const selectData: WeakMap<SelectState<any, any>, SelectData> = new WeakMap<\n  SelectState<any>,\n  SelectData\n>();\n\n/**\n * Provides the behavior and accessibility implementation for a select component.\n * A select displays a collapsible list of options and allows a user to select one of them.\n *\n * @param props - Props for the select.\n * @param state - State for the select, as returned by `useListState`.\n */\nexport function useSelect<T, M extends SelectionMode = 'single'>(\n  props: AriaSelectOptions<T, M>,\n  state: SelectState<T, M>,\n  ref: RefObject<HTMLElement | null>\n): SelectAria<T, M> {\n  let {keyboardDelegate, isDisabled, isRequired, name, form, validationBehavior = 'aria'} = props;\n\n  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n  // When virtualized, the layout object will be passed in as a prop and override this.\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let delegate = useMemo(\n    () =>\n      keyboardDelegate ||\n      new ListKeyboardDelegate(state.collection, state.disabledKeys, ref, collator),\n    [keyboardDelegate, state.collection, state.disabledKeys, collator, ref]\n  );\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger<T>(\n    {\n      isDisabled,\n      type: 'listbox'\n    },\n    state,\n    ref\n  );\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (state.selectionManager.selectionMode === 'multiple') {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft': {\n        // prevent scrolling containers\n        e.preventDefault();\n\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyAbove?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        // prevent scrolling containers\n        e.preventDefault();\n\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyBelow?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n        break;\n      }\n    }\n  };\n\n  let {typeSelectProps} = useTypeSelect({\n    keyboardDelegate: delegate,\n    selectionManager: state.selectionManager,\n    onTypeSelect(key) {\n      state.setSelectedKey(key);\n    }\n  });\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  if (state.selectionManager.selectionMode === 'multiple') {\n    typeSelectProps = {};\n  }\n\n  let domProps = filterDOMProps(props, {labelable: true});\n  let triggerProps = mergeProps(typeSelectProps, menuTriggerProps, fieldProps);\n\n  let valueId = useId();\n\n  selectData.set(state, {\n    isDisabled,\n    isRequired,\n    name,\n    form,\n    validationBehavior\n  });\n\n  return {\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        if (!props.isDisabled) {\n          ref.current?.focus();\n\n          // Show the focus ring so the user knows where focus went\n          setInteractionModality('keyboard');\n        }\n      }\n    },\n    triggerProps: mergeProps(domProps, {\n      ...triggerProps,\n      isDisabled,\n      onKeyDown: chain(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),\n      onKeyUp: props.onKeyUp,\n      'aria-labelledby': [\n        valueId,\n        triggerProps['aria-labelledby'],\n        triggerProps['aria-label'] && !triggerProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' '),\n      onFocus(e: FocusEvent) {\n        if (state.isFocused) {\n          return;\n        }\n\n        if (props.onFocus) {\n          props.onFocus(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(true);\n        }\n\n        state.setFocused(true);\n      },\n      onBlur(e: FocusEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      }\n    }),\n    valueProps: {\n      id: valueId\n    },\n    menuProps: {\n      ...menuProps,\n      onAction: undefined,\n      autoFocus: state.focusStrategy || true,\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      disallowEmptySelection: true,\n      linkBehavior: 'selection',\n      onBlur: e => {\n        if (nodeContains(e.currentTarget, e.relatedTarget as Node)) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      },\n      'aria-labelledby': [\n        fieldProps['aria-labelledby'],\n        triggerProps['aria-label'] && !fieldProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' ')\n    },\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails,\n    hiddenSelectProps: {\n      isDisabled,\n      name,\n      label: props.label,\n      state,\n      triggerRef: ref,\n      form\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSelect.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/select/useSelect.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 {AriaButtonProps} from '../button/useButton';\n\nimport {\n  AriaLabelingProps,\n  DOMAttributes,\n  DOMProps,\n  FocusableDOMProps,\n  KeyboardDelegate,\n  RefObject,\n  ValidationResult\n} from '@react-types/shared';\nimport {AriaListBoxOptions} from '../listbox/useListBox';\nimport {chain} from '../utils/chain';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {FocusEvent, useMemo} from 'react';\nimport {HiddenSelectProps} from './HiddenSelect';\nimport {ListKeyboardDelegate} from '../selection/ListKeyboardDelegate';\nimport {mergeProps} from '../utils/mergeProps';\nimport {nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {SelectionMode, SelectProps, SelectState} from 'react-stately/useSelectState';\nimport {setInteractionModality} from '../interactions/useFocusVisible';\nimport {useCollator} from '../i18n/useCollator';\nimport {useField} from '../label/useField';\nimport {useId} from '../utils/useId';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useMenuTrigger} from '../menu/useMenuTrigger';\nimport {useTypeSelect} from '../selection/useTypeSelect';\n\nexport interface AriaSelectProps<T, M extends SelectionMode = 'single'>\n  extends SelectProps<T, M>, DOMProps, AriaLabelingProps, FocusableDOMProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * The name of the input, used when submitting an HTML form.\n   */\n  name?: string;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\nexport interface AriaSelectOptions<T, M extends SelectionMode = 'single'> extends Omit<\n  AriaSelectProps<T, M>,\n  'children'\n> {\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate;\n}\n\nexport interface SelectAria<T, M extends SelectionMode = 'single'> extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: DOMAttributes;\n\n  /** Props for the popup trigger element. */\n  triggerProps: AriaButtonProps;\n\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes;\n\n  /** Props for the popup. */\n  menuProps: AriaListBoxOptions<T>;\n\n  /** Props for the select's description element, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the select's error message element, if any. */\n  errorMessageProps: DOMAttributes;\n\n  /** Props for the hidden select element. */\n  hiddenSelectProps: HiddenSelectProps<T, M>;\n}\n\ninterface SelectData {\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  name?: string;\n  form?: string;\n  validationBehavior?: 'aria' | 'native';\n}\n\nexport const selectData: WeakMap<SelectState<any, any>, SelectData> = new WeakMap<\n  SelectState<any>,\n  SelectData\n>();\n\n/**\n * Provides the behavior and accessibility implementation for a select component.\n * A select displays a collapsible list of options and allows a user to select one of them.\n *\n * @param props - Props for the select.\n * @param state - State for the select, as returned by `useListState`.\n */\nexport function useSelect<T, M extends SelectionMode = 'single'>(\n  props: AriaSelectOptions<T, M>,\n  state: SelectState<T, M>,\n  ref: RefObject<HTMLElement | null>\n): SelectAria<T, M> {\n  let {keyboardDelegate, isDisabled, isRequired, name, form, validationBehavior = 'aria'} = props;\n\n  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n  // When virtualized, the layout object will be passed in as a prop and override this.\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let delegate = useMemo(\n    () =>\n      keyboardDelegate ||\n      new ListKeyboardDelegate(state.collection, state.disabledKeys, ref, collator),\n    [keyboardDelegate, state.collection, state.disabledKeys, collator, ref]\n  );\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger<T>(\n    {\n      isDisabled,\n      type: 'listbox'\n    },\n    state,\n    ref\n  );\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ArrowLeft: () => {\n        if (state.selectionManager.selectionMode === 'multiple') {\n          return false;\n        }\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyAbove?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n      },\n      ArrowRight: () => {\n        if (state.selectionManager.selectionMode === 'multiple') {\n          return false;\n        }\n        let key =\n          state.selectedKey != null\n            ? delegate.getKeyBelow?.(state.selectedKey)\n            : delegate.getFirstKey?.();\n        if (key != null) {\n          state.setSelectedKey(key);\n        }\n      }\n    },\n    allowRepeats: true,\n    onKeyDown: props.onKeyDown,\n    onKeyUp: props.onKeyUp\n  });\n\n  let {typeSelectProps} = useTypeSelect({\n    keyboardDelegate: delegate,\n    selectionManager: state.selectionManager,\n    onTypeSelect(key) {\n      state.setSelectedKey(key);\n    }\n  });\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  if (state.selectionManager.selectionMode === 'multiple') {\n    typeSelectProps = {};\n  }\n\n  let domProps = filterDOMProps(props, {labelable: true});\n  let triggerProps = mergeProps(typeSelectProps, menuTriggerProps, fieldProps);\n\n  let valueId = useId();\n\n  selectData.set(state, {\n    isDisabled,\n    isRequired,\n    name,\n    form,\n    validationBehavior\n  });\n\n  return {\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        if (!props.isDisabled) {\n          ref.current?.focus();\n\n          // Show the focus ring so the user knows where focus went\n          setInteractionModality('keyboard');\n        }\n      }\n    },\n    triggerProps: mergeProps(domProps, {\n      ...triggerProps,\n      isDisabled,\n      onKeyDown: chain(triggerProps.onKeyDown, keyboardProps.onKeyDown),\n      onKeyUp: keyboardProps.onKeyUp,\n      'aria-labelledby': [\n        valueId,\n        triggerProps['aria-labelledby'],\n        triggerProps['aria-label'] && !triggerProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' '),\n      onFocus(e: FocusEvent) {\n        if (state.isFocused) {\n          return;\n        }\n\n        if (props.onFocus) {\n          props.onFocus(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(true);\n        }\n\n        state.setFocused(true);\n      },\n      onBlur(e: FocusEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      }\n    }),\n    valueProps: {\n      id: valueId\n    },\n    menuProps: {\n      ...menuProps,\n      onAction: undefined,\n      autoFocus: state.focusStrategy || true,\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      disallowEmptySelection: true,\n      linkBehavior: 'selection',\n      onBlur: e => {\n        if (nodeContains(e.currentTarget, e.relatedTarget as Node)) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      },\n      'aria-labelledby': [\n        fieldProps['aria-labelledby'],\n        triggerProps['aria-label'] && !fieldProps['aria-labelledby'] ? triggerProps.id : null\n      ]\n        .filter(Boolean)\n        .join(' ')\n    },\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails,\n    hiddenSelectProps: {\n      isDisabled,\n      name,\n      label: props.label,\n      state,\n      triggerRef: ref,\n      form\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSelect.mjs.map"}

package/dist/private/selection/useSelectableCollection.cjs

@@ -7,10 +7,12 @@ var $9fb4ac1cc58342cc$exports = require("../focus/FocusScope.cjs");
 var $d0df89f3abe2c2ca$exports = require("../interactions/useFocusVisible.cjs");
 var $b07dd3d1fedd87d6$exports = require("./utils.cjs");
 var $d74c59468d7890a7$exports = require("../utils/keyboard.cjs");
+var $d0b4a781cf26e80b$exports = require("../utils/platform.cjs");
 var $48f566b6becd50da$exports = require("../utils/isFocusable.cjs");
 var $89b39774f3b79dbb$exports = require("../utils/mergeProps.cjs");
 var $9a1324d6ffd8bbb0$exports = require("../utils/scrollIntoView.cjs");
 var $6e76e65001bbcda2$exports = require("../utils/useEvent.cjs");
+var $6d2f10bb8b359da5$exports = require("../interactions/useKeyboard.cjs");
 var $2522e612fa919664$exports = require("../i18n/I18nProvider.cjs");
 var $75bd88aab025820b$exports = require("../utils/openLink.cjs");
 var $a6299e8d95fc8908$exports = require("./useTypeSelect.cjs");
@@ -53,161 +55,214 @@ $parcel$export(module.exports, "useSelectableCollection", function () { return $
 
 
 
+
+
 function $df9ba3e9a7210056$export$d6daf82dcd84e87c(options) {
     let { selectionManager: manager, keyboardDelegate: delegate, ref: ref, autoFocus: autoFocus = false, shouldFocusWrap: shouldFocusWrap = false, disallowEmptySelection: disallowEmptySelection = false, disallowSelectAll: disallowSelectAll = false, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace', disallowTypeAhead: disallowTypeAhead = false, shouldUseVirtualFocus: shouldUseVirtualFocus, allowsTabNavigation: allowsTabNavigation = false, scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
     scrollRef = ref, linkBehavior: linkBehavior = 'action', UNSTABLE_focusOnEntry: UNSTABLE_focusOnEntry } = options;
     let { direction: direction } = (0, $2522e612fa919664$exports.useLocale)();
     let router = (0, $75bd88aab025820b$exports.useRouter)();
-    let onKeyDown = (e)=>{
-        // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
-        if (e.altKey && e.key === 'Tab') e.preventDefault();
-        // Keyboard events bubble through portals. Don't handle keyboard events
-        // for elements outside the collection (e.g. menus).
-        if (!ref.current || !(0, $da02ee888921bc9e$exports.nodeContains)(ref.current, (0, $da02ee888921bc9e$exports.getEventTarget)(e))) return;
-        const navigateToKey = (key, childFocus)=>{
-            if (key != null) {
-                if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !(0, $b07dd3d1fedd87d6$exports.isNonContiguousSelectionModifier)(e)) {
-                    // Set focused key and re-render synchronously to bring item into view if needed.
-                    (0, $aQuvg$reactdom.flushSync)(()=>{
-                        manager.setFocusedKey(key, childFocus);
-                    });
-                    let item = (0, $b07dd3d1fedd87d6$exports.getItemElement)(ref, key);
-                    let itemProps = manager.getItemProps(key);
-                    if (item) router.open(item, e, itemProps.href, itemProps.routerOptions);
+    const navigateToKey = (e, key, childFocus)=>{
+        if (key != null) {
+            if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !(0, $b07dd3d1fedd87d6$exports.isNonContiguousSelectionModifier)(e)) {
+                // Set focused key and re-render synchronously to bring item into view if needed.
+                (0, $aQuvg$reactdom.flushSync)(()=>{
+                    manager.setFocusedKey(key, childFocus);
+                });
+                let item = (0, $b07dd3d1fedd87d6$exports.getItemElement)(ref, key);
+                let itemProps = manager.getItemProps(key);
+                if (item) {
+                    router.open(item, e, itemProps.href, itemProps.routerOptions);
                     return;
                 }
-                manager.setFocusedKey(key, childFocus);
-                if (manager.isLink(key) && linkBehavior === 'override') return;
-                if (e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(key);
-                else if (selectOnFocus && !(0, $b07dd3d1fedd87d6$exports.isNonContiguousSelectionModifier)(e)) manager.replaceSelection(key);
+                return false;
             }
-        };
-        switch(e.key){
-            case 'ArrowDown':
-                if (delegate.getKeyBelow) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyBelow?.(manager.focusedKey) : delegate.getFirstKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = delegate.getFirstKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'ArrowUp':
-                if (delegate.getKeyAbove) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyAbove?.(manager.focusedKey) : delegate.getLastKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = delegate.getLastKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'ArrowLeft':
-                if (delegate.getKeyLeftOf) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyLeftOf?.(manager.focusedKey) : delegate.getFirstKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getFirstKey?.(manager.focusedKey) : delegate.getLastKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');
-                    }
-                }
-                break;
-            case 'ArrowRight':
-                if (delegate.getKeyRightOf) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyRightOf?.(manager.focusedKey) : delegate.getFirstKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getLastKey?.(manager.focusedKey) : delegate.getFirstKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');
-                    }
-                }
-                break;
-            case 'Home':
-                if (delegate.getFirstKey) {
-                    if (manager.focusedKey === null && e.shiftKey) return;
-                    e.preventDefault();
-                    let firstKey = delegate.getFirstKey(manager.focusedKey, (0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e));
-                    manager.setFocusedKey(firstKey);
-                    if (firstKey != null) {
-                        if ((0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey);
-                        else if (selectOnFocus) manager.replaceSelection(firstKey);
-                    }
-                }
-                break;
-            case 'End':
-                if (delegate.getLastKey) {
-                    if (manager.focusedKey === null && e.shiftKey) return;
-                    e.preventDefault();
-                    let lastKey = delegate.getLastKey(manager.focusedKey, (0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e));
-                    manager.setFocusedKey(lastKey);
-                    if (lastKey != null) {
-                        if ((0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey);
-                        else if (selectOnFocus) manager.replaceSelection(lastKey);
-                    }
-                }
-                break;
-            case 'PageDown':
-                if (delegate.getKeyPageBelow && manager.focusedKey != null) {
-                    let nextKey = delegate.getKeyPageBelow(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'PageUp':
-                if (delegate.getKeyPageAbove && manager.focusedKey != null) {
-                    let nextKey = delegate.getKeyPageAbove(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'a':
-                if ((0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e) && manager.selectionMode === 'multiple' && disallowSelectAll !== true) {
-                    e.preventDefault();
-                    manager.selectAll();
-                }
-                break;
-            case 'Escape':
-                if (escapeKeyBehavior === 'clearSelection' && !disallowEmptySelection && manager.selectedKeys.size !== 0) {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    manager.clearSelection();
+            manager.setFocusedKey(key, childFocus);
+            if (manager.isLink(key) && linkBehavior === 'override') return false;
+            if (e.shiftKey && manager.selectionMode === 'multiple') {
+                manager.extendSelection(key);
+                return;
+            } else if (selectOnFocus && !(0, $b07dd3d1fedd87d6$exports.isNonContiguousSelectionModifier)(e)) {
+                manager.replaceSelection(key);
+                return;
+            }
+        }
+        return false;
+    };
+    let arrowDown = (e)=>{
+        if (delegate.getKeyBelow) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyBelow?.(manager.focusedKey) : delegate.getFirstKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = delegate.getFirstKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey);
+                return;
+            }
+        }
+        return false;
+    };
+    let arrowUp = (e)=>{
+        if (delegate.getKeyAbove) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyAbove?.(manager.focusedKey) : delegate.getLastKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = delegate.getLastKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey);
+                return;
+            }
+        }
+        return false;
+    };
+    let home = (e)=>{
+        if (delegate.getFirstKey) {
+            if (manager.focusedKey === null && e.shiftKey) return false;
+            // TODO: should Home and End also be reversed in column reverse aka Home goes to top? Or should Home always to to the "first" (bottom)
+            let firstKey = delegate.getFirstKey(manager.focusedKey, (0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e));
+            manager.setFocusedKey(firstKey);
+            if (firstKey != null) {
+                if ((0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e) && e.shiftKey && manager.selectionMode === 'multiple') {
+                    manager.extendSelection(firstKey);
+                    return;
+                } else if (selectOnFocus) {
+                    manager.replaceSelection(firstKey);
+                    return;
                 }
-                break;
-            case 'Tab':
-                if (!allowsTabNavigation) {
-                    // There may be elements that are "tabbable" inside a collection (e.g. in a grid cell).
-                    // However, collections should be treated as a single tab stop, with arrow key navigation internally.
-                    // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing.
-                    // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element
-                    // in the collection, so that the browser default behavior will apply starting from that element
-                    // rather than the currently focused one.
-                    if (e.shiftKey) ref.current.focus();
-                    else {
-                        let walker = (0, $9fb4ac1cc58342cc$exports.getFocusableTreeWalker)(ref.current, {
-                            tabbable: true
-                        });
-                        let next = undefined;
-                        let last;
-                        do {
-                            last = walker.lastChild();
-                            // oxlint-disable-next-line max-depth
-                            if (last) next = last;
-                        }while (last);
-                        // If the active element is NOT tabbable but is contained by an element that IS tabbable (aka the cell), the browser will actually move focus to
-                        // the containing element. We need to special case this so that tab will move focus out of the grid instead of looping between
-                        // focusing the containing cell and back to the non-tabbable child element
-                        let activeElement = (0, $da02ee888921bc9e$exports.getActiveElement)();
-                        if (next && (!(0, $da02ee888921bc9e$exports.isFocusWithin)(next) || activeElement && !(0, $48f566b6becd50da$exports.isTabbable)(activeElement))) (0, $4b9e9ed3f006ad27$exports.focusWithoutScrolling)(next);
-                    }
-                    break;
+            }
+        }
+        return false;
+    };
+    let arrowLeft = (e)=>{
+        if (delegate.getKeyLeftOf) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyLeftOf?.(manager.focusedKey) : delegate.getFirstKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getFirstKey?.(manager.focusedKey) : delegate.getLastKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey, direction === 'rtl' ? 'first' : 'last');
+                return;
+            }
+        }
+        return false;
+    };
+    let arrowRight = (e)=>{
+        if (delegate.getKeyRightOf) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyRightOf?.(manager.focusedKey) : delegate.getFirstKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getLastKey?.(manager.focusedKey) : delegate.getFirstKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey, direction === 'rtl' ? 'last' : 'first');
+                return;
+            }
+        }
+        return false;
+    };
+    let end = (e)=>{
+        if (delegate.getLastKey) {
+            if (manager.focusedKey === null && e.shiftKey) return false;
+            let lastKey = delegate.getLastKey(manager.focusedKey, (0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e));
+            manager.setFocusedKey(lastKey);
+            if (lastKey != null) {
+                if ((0, $d74c59468d7890a7$exports.isCtrlKeyPressed)(e) && e.shiftKey && manager.selectionMode === 'multiple') {
+                    manager.extendSelection(lastKey);
+                    return;
+                } else if (selectOnFocus) {
+                    manager.replaceSelection(lastKey);
+                    return;
                 }
+            }
+        }
+        return false;
+    };
+    let pageDown = (e)=>{
+        if (delegate.getKeyPageBelow && manager.focusedKey != null) {
+            let nextKey = delegate.getKeyPageBelow(manager.focusedKey);
+            if (nextKey != null) return navigateToKey(e, nextKey);
+        }
+        return false;
+    };
+    let pageUp = (e)=>{
+        if (delegate.getKeyPageAbove && manager.focusedKey != null) {
+            let nextKey = delegate.getKeyPageAbove(manager.focusedKey);
+            if (nextKey != null) return navigateToKey(e, nextKey);
         }
+        return false;
     };
+    let aHandler = ()=>{
+        if (manager.selectionMode === 'multiple' && disallowSelectAll !== true) {
+            manager.selectAll();
+            return;
+        }
+        return false;
+    };
+    let escape = ()=>{
+        if (escapeKeyBehavior === 'clearSelection' && !disallowEmptySelection && manager.selectedKeys.size !== 0) {
+            manager.clearSelection();
+            return;
+        }
+        return false;
+    };
+    let tab = ()=>{
+        if (!allowsTabNavigation && ref.current) {
+            // There may be elements that are "tabbable" inside a collection (e.g. in a grid cell).
+            // However, collections should be treated as a single tab stop, with arrow key navigation internally.
+            // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing.
+            // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element
+            // in the collection, so that the browser default behavior will apply starting from that element
+            // rather than the currently focused one.
+            let walker = (0, $9fb4ac1cc58342cc$exports.getFocusableTreeWalker)(ref.current, {
+                tabbable: true
+            });
+            let next = undefined;
+            let last;
+            do {
+                last = walker.lastChild();
+                if (last) next = last;
+            }while (last);
+            // If the active element is NOT tabbable but is contained by an element that IS tabbable (aka the cell), the browser will actually move focus to
+            // the containing element. We need to special case this so that tab will move focus out of the grid instead of looping between
+            // focusing the containing cell and back to the non-tabbable child element
+            let activeElement = (0, $da02ee888921bc9e$exports.getActiveElement)();
+            if (next && (!(0, $da02ee888921bc9e$exports.isFocusWithin)(next) || activeElement && !(0, $48f566b6becd50da$exports.isTabbable)(activeElement))) (0, $4b9e9ed3f006ad27$exports.focusWithoutScrolling)(next);
+        }
+        return {
+            shouldContinuePropagation: true,
+            shouldPreventDefault: false
+        };
+    };
+    let shiftTab = ()=>{
+        if (!allowsTabNavigation && ref.current) ref.current.focus();
+        return {
+            shouldContinuePropagation: true,
+            shouldPreventDefault: false
+        };
+    };
+    let withShiftSel = (key, callback)=>{
+        return {
+            [(0, $d0b4a781cf26e80b$exports.isMac)() ? key + '+Shift+Alt' : key + '+Shift+Control']: callback,
+            [key + '+Shift']: callback,
+            [(0, $d0b4a781cf26e80b$exports.isMac)() ? key + '+Alt' : key + '+Control']: callback,
+            [key]: callback
+        };
+    };
+    // oxlint-disable react/react-compiler
+    let { keyboardProps: repeatKeyboardProps } = (0, $6d2f10bb8b359da5$exports.useKeyboard)({
+        shortcuts: {
+            ...withShiftSel('ArrowDown', arrowDown),
+            ...withShiftSel('ArrowUp', arrowUp),
+            ...withShiftSel('ArrowLeft', arrowLeft),
+            ...withShiftSel('ArrowRight', arrowRight),
+            ...withShiftSel('PageDown', pageDown),
+            ...withShiftSel('PageUp', pageUp)
+        },
+        allowRepeats: true
+    });
+    // oxlint-disable react/react-compiler
+    let { keyboardProps: keyboardProps } = (0, $6d2f10bb8b359da5$exports.useKeyboard)({
+        shortcuts: {
+            ...withShiftSel('Home', home),
+            ...withShiftSel('End', end),
+            'Mod+A': aHandler,
+            Escape: escape,
+            Tab: tab,
+            'Tab+Shift': shiftTab
+        }
+    });
+    // oxlint-enable react/react-compiler
     // Store the scroll position so we can restore it later.
     /// TODO: should this happen all the time??
     let scrollPos = (0, $aQuvg$react.useRef)({
@@ -237,7 +292,7 @@ function $df9ba3e9a7210056$export$d6daf82dcd84e87c(options) {
             }
         };
         // we need the "virtual" modality case checks here because shift tabbing from the prompt field's attachment card back into the
-        // thread is a virtual focus event (the tab handler in onKeyDown focuses the ref of the AttachementList aka TagGroup via a focus() call, hence the virtual modality)
+        // thread is a virtual focus event (the tab handler in onKeyDown focuses the ref of the attachmentList aka TagGroup via a focus() call, hence the virtual modality)
         if (UNSTABLE_focusOnEntry && (modality === 'keyboard' || modality === 'virtual')) // always go to the first item in the Thread when tabbing forwards/backwards into the collection
         // since it is probably more important to the user to see the new prompt reply rather than go to the last focused key
         navigateToKey(UNSTABLE_focusOnEntry === 'first' ? delegate.getFirstKey?.() : delegate.getLastKey?.());
@@ -388,7 +443,7 @@ function $df9ba3e9a7210056$export$d6daf82dcd84e87c(options) {
         manager.setFocused(true);
     });
     let handlers = {
-        onKeyDown: onKeyDown,
+        ...(0, $89b39774f3b79dbb$exports.mergeProps)(keyboardProps, repeatKeyboardProps),
         onFocus: onFocus,
         onBlur: onBlur,
         onMouseDown (e) {
@@ -401,13 +456,15 @@ function $df9ba3e9a7210056$export$d6daf82dcd84e87c(options) {
         keyboardDelegate: delegate,
         selectionManager: manager
     });
-    if (!disallowTypeAhead) handlers = (0, $89b39774f3b79dbb$exports.mergeProps)(typeSelectProps, handlers);
+    if (!disallowTypeAhead) // oxlint-disable-next-line react/react-compiler
+    handlers = (0, $89b39774f3b79dbb$exports.mergeProps)(typeSelectProps, handlers);
     // If nothing is focused within the collection, make the collection itself tabbable.
     // This will be marshalled to either the first or last item depending on where focus came from.
     let tabIndex = undefined;
     if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1;
     let collectionId = (0, $b07dd3d1fedd87d6$exports.useCollectionId)(manager.collection);
     return {
+        // oxlint-disable-next-line react/react-compiler
         collectionProps: (0, $89b39774f3b79dbb$exports.mergeProps)(handlers, {
             tabIndex: tabIndex,
             'data-collection': collectionId