react-aria 3.50.0 → 3.51.0

package/dist/private/table/useTableColumnResize.mjs

@@ -13,7 +13,7 @@ import {useLocalizedStringFormatter as $cf2482eff2eeeec2$export$f12b703ca79dfbb1
 import {useMove as $1dfdc54e7eb53ba0$export$36da96379f79f245} from "../interactions/useMove.mjs";
 import {usePress as $d27d541f9569d26d$export$45712eceda6fad21} from "../interactions/usePress.mjs";
 import {useVisuallyHidden as $ea3928288112382f$export$a966af930f325cab} from "../visually-hidden/VisuallyHidden.mjs";
-import {useRef as $jgovN$useRef, useCallback as $jgovN$useCallback, useEffect as $jgovN$useEffect} from "react";
+import {useRef as $jgovN$useRef, useState as $jgovN$useState, useCallback as $jgovN$useCallback, useEffect as $jgovN$useEffect} from "react";
 
 
 function $parcel$interopDefault(a) {
@@ -54,6 +54,9 @@ function $963a203da37f9c8f$export$52994e973806c219(props, state, ref) {
     let lastSize = (0, $jgovN$useRef)(null);
     let wasFocusedOnResizeStart = (0, $jgovN$useRef)(false);
     let editModeEnabled = state.tableState.isKeyboardNavigationDisabled;
+    // Whether a mouse drag-resize is active. Set on the first move (not on press) so a cursor
+    // overlay only mounts during an actual drag.
+    let [isMouseResizing, setMouseResizing] = (0, $jgovN$useState)(false);
     let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
     let startResize = (0, $jgovN$useCallback)((item)=>{
         if (!isResizingRef.current) {
@@ -91,24 +94,35 @@ function $963a203da37f9c8f$export$52994e973806c219(props, state, ref) {
         triggerRef,
         onResizeEnd
     ]);
+    let endResizeEvent = ()=>{
+        if (editModeEnabled) {
+            endResize(item);
+            return;
+        }
+        return false;
+    };
     let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
-        onKeyDown: (e)=>{
-            if (editModeEnabled) {
-                if (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ' || e.key === 'Tab') {
-                    e.preventDefault();
-                    endResize(item);
-                }
-            } else {
-                // Continue propagation on keydown events so they still bubbles to useSelectableCollection and are handled there
-                e.continuePropagation();
-                if (e.key === 'Enter') startResize(item);
+        shortcuts: {
+            Escape: ()=>{
+                return endResizeEvent();
+            },
+            Enter: ()=>{
+                if (editModeEnabled) endResize(item);
+                else startResize(item);
+            },
+            ' ': ()=>{
+                return endResizeEvent();
+            },
+            Tab: ()=>{
+                return endResizeEvent();
             }
         }
     });
     const columnResizeWidthRef = (0, $jgovN$useRef)(0);
     const { moveProps: moveProps } = (0, $1dfdc54e7eb53ba0$export$36da96379f79f245)({
-        onMoveStart () {
+        onMoveStart (e) {
             columnResizeWidthRef.current = state.getColumnWidth(item.key);
+            if (e.pointerType === 'mouse') setMouseResizing(true);
             startResize(item);
         },
         onMove (e) {
@@ -127,6 +141,7 @@ function $963a203da37f9c8f$export$52994e973806c219(props, state, ref) {
         onMoveEnd (e) {
             let { pointerType: pointerType } = e;
             columnResizeWidthRef.current = 0;
+            setMouseResizing(false);
             if (pointerType === 'mouse' || pointerType === 'touch' && wasFocusedOnResizeStart.current) endResize(item);
         }
     });
@@ -142,7 +157,8 @@ function $963a203da37f9c8f$export$52994e973806c219(props, state, ref) {
     let value = Math.floor(state.getColumnWidth(item.key));
     let modality = (0, $8f5a2122b0992be3$export$98e20ec92f614cfe)();
     if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) modality = 'touch';
-    let description = triggerRef?.current == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : undefined;
+    let description = // oxlint-disable-next-line react/react-compiler
+    triggerRef?.current == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : undefined;
     let descriptionProps = (0, $121970af65029459$export$f8aeda7b10753fa1)(description);
     let ariaProps = {
         'aria-label': ariaLabel,
@@ -221,7 +237,8 @@ function $963a203da37f9c8f$export$52994e973806c219(props, state, ref) {
                 touchAction: 'none'
             }
         }),
-        inputProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(visuallyHiddenProps, {
+        inputProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(visuallyHiddenProps, // oxlint-disable-next-line react/react-compiler
+        {
             id: id,
             onBlur: ()=>{
                 endResize(item);
@@ -229,7 +246,8 @@ function $963a203da37f9c8f$export$52994e973806c219(props, state, ref) {
             onChange: onChange,
             disabled: isDisabled
         }, ariaProps),
-        isResizing: isResizing
+        isResizing: isResizing,
+        isMouseResizing: isMouseResizing
     };
 }
 

package/dist/private/table/useTableColumnResize.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/table/useTableColumnResize.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 {ChangeEvent, useCallback, useEffect, useRef} from 'react';\nimport {ColumnSize} from 'react-stately/useTableState';\nimport {DOMAttributes, FocusableElement, Key, RefObject} from '@react-types/shared';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {getActiveElement, getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableColumnResizeState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useId} from '../utils/useId';\nimport {useInteractionModality} from '../interactions/useFocusVisible';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMove} from '../interactions/useMove';\nimport {usePress} from '../interactions/usePress';\nimport {useVisuallyHidden} from '../visually-hidden/VisuallyHidden';\n\nexport interface TableColumnResizeAria {\n  /** Props for the visually hidden input element. */\n  inputProps: DOMAttributes;\n  /** Props for the resizer element. */\n  resizerProps: DOMAttributes;\n  /** Whether this column is currently being resized. */\n  isResizing: boolean;\n}\n\nexport interface AriaTableColumnResizeProps<T> {\n  /**\n   * An object representing the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader).\n   * Contains all the relevant information that makes up the column header.\n   */\n  column: GridNode<T>;\n  /** Aria label for the hidden input. Gets read when resizing. */\n  'aria-label': string;\n  /**\n   * Ref to the trigger if resizing was started from a column header menu. If it's provided, focus\n   * will be returned there when resizing is done. If it isn't provided, it is assumed that the\n   * resizer is visible at all time and keyboard resizing is started via pressing Enter on the\n   * resizer and not on focus.\n   */\n  triggerRef?: RefObject<FocusableElement | null>;\n  /** If resizing is disabled. */\n  isDisabled?: boolean;\n  /** Called when resizing starts. */\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  /** Called for every resize event that results in new column sizes. */\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  /** Called when resizing ends. */\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a table column resizer element.\n *\n * @param props - Props for the resizer.\n * @param state - State for the table's resizable columns, as returned by\n *   `useTableColumnResizeState`.\n * @param ref - The ref attached to the resizer's visually hidden input element.\n */\nexport function useTableColumnResize<T>(\n  props: AriaTableColumnResizeProps<T>,\n  state: TableColumnResizeState<T>,\n  ref: RefObject<HTMLInputElement | null>\n): TableColumnResizeAria {\n  let {\n    column: item,\n    triggerRef,\n    isDisabled,\n    onResizeStart,\n    onResize,\n    onResizeEnd,\n    'aria-label': ariaLabel\n  } = props;\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let id = useId();\n  let isResizing = state.resizingColumn === item.key;\n  let isResizingRef = useRef(isResizing);\n  let lastSize = useRef<Map<Key, ColumnSize> | null>(null);\n  let wasFocusedOnResizeStart = useRef(false);\n  let editModeEnabled = state.tableState.isKeyboardNavigationDisabled;\n\n  let {direction} = useLocale();\n\n  let startResize = useCallback(\n    item => {\n      if (!isResizingRef.current) {\n        lastSize.current = state.updateResizedColumns(item.key, state.getColumnWidth(item.key));\n        state.startResize(item.key);\n        state.tableState.setKeyboardNavigationDisabled(true);\n        onResizeStart?.(lastSize.current);\n      }\n      isResizingRef.current = true;\n    },\n    [state, onResizeStart]\n  );\n\n  let resize = useCallback(\n    (item, newWidth) => {\n      let sizes = state.updateResizedColumns(item.key, newWidth);\n      onResize?.(sizes);\n      lastSize.current = sizes;\n    },\n    [state, onResize]\n  );\n\n  let endResize = useCallback(\n    item => {\n      if (isResizingRef.current) {\n        if (lastSize.current == null) {\n          lastSize.current = state.updateResizedColumns(item.key, state.getColumnWidth(item.key));\n        }\n\n        state.endResize();\n        state.tableState.setKeyboardNavigationDisabled(false);\n        onResizeEnd?.(lastSize.current);\n        isResizingRef.current = false;\n\n        if (triggerRef?.current && !wasFocusedOnResizeStart.current) {\n          // switch focus back to the column header unless the resizer was already focused when resizing started.\n          focusSafely(triggerRef.current);\n        }\n      }\n      lastSize.current = null;\n    },\n    [state, triggerRef, onResizeEnd]\n  );\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown: e => {\n      if (editModeEnabled) {\n        if (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ' || e.key === 'Tab') {\n          e.preventDefault();\n          endResize(item);\n        }\n      } else {\n        // Continue propagation on keydown events so they still bubbles to useSelectableCollection and are handled there\n        e.continuePropagation();\n\n        if (e.key === 'Enter') {\n          startResize(item);\n        }\n      }\n    }\n  });\n\n  const columnResizeWidthRef = useRef<number>(0);\n  const {moveProps} = useMove({\n    onMoveStart() {\n      columnResizeWidthRef.current = state.getColumnWidth(item.key);\n      startResize(item);\n    },\n    onMove(e) {\n      let {deltaX, deltaY, pointerType} = e;\n      if (direction === 'rtl') {\n        deltaX *= -1;\n      }\n      if (pointerType === 'keyboard') {\n        if (deltaY !== 0 && deltaX === 0) {\n          deltaX = deltaY * -1;\n        }\n        deltaX *= 10;\n      }\n      // if moving up/down only, no need to resize\n      if (deltaX !== 0) {\n        columnResizeWidthRef.current += deltaX;\n        resize(item, columnResizeWidthRef.current);\n      }\n    },\n    onMoveEnd(e) {\n      let {pointerType} = e;\n      columnResizeWidthRef.current = 0;\n      if (pointerType === 'mouse' || (pointerType === 'touch' && wasFocusedOnResizeStart.current)) {\n        endResize(item);\n      }\n    }\n  });\n\n  let onKeyDown = useCallback(\n    e => {\n      if (editModeEnabled) {\n        moveProps.onKeyDown?.(e);\n      }\n    },\n    [editModeEnabled, moveProps]\n  );\n\n  let min = Math.floor(state.getColumnMinWidth(item.key));\n  let max = Math.floor(state.getColumnMaxWidth(item.key));\n  if (max === Infinity) {\n    max = Number.MAX_SAFE_INTEGER;\n  }\n  let value = Math.floor(state.getColumnWidth(item.key));\n  let modality: string | null = useInteractionModality();\n  if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) {\n    modality = 'touch';\n  }\n  let description =\n    triggerRef?.current == null &&\n    (modality === 'keyboard' || modality === 'virtual') &&\n    !isResizing\n      ? stringFormatter.format('resizerDescription')\n      : undefined;\n  let descriptionProps = useDescription(description);\n  let ariaProps = {\n    'aria-label': ariaLabel,\n    'aria-orientation': 'horizontal' as 'horizontal',\n    'aria-labelledby': `${id} ${getColumnHeaderId(state.tableState, item.key)}`,\n    'aria-valuetext': stringFormatter.format('columnSize', {value}),\n    type: 'range',\n    min,\n    max,\n    value,\n    ...descriptionProps\n  };\n\n  const focusInput = useCallback(() => {\n    if (ref.current) {\n      focusSafely(ref.current);\n    }\n  }, [ref]);\n\n  let resizingColumn = state.resizingColumn;\n  let prevResizingColumn = useRef<Key | null>(null);\n  let startResizeEvent = useEffectEvent(startResize);\n  useEffect(() => {\n    if (\n      prevResizingColumn.current !== resizingColumn &&\n      resizingColumn != null &&\n      resizingColumn === item.key\n    ) {\n      wasFocusedOnResizeStart.current = getActiveElement() === ref.current;\n      startResizeEvent(item);\n      // Delay focusing input until Android Chrome's delayed click after touchend happens: https://bugs.chromium.org/p/chromium/issues/detail?id=1150073\n      let timeout = setTimeout(() => focusInput(), 0);\n      // VoiceOver on iOS has problems focusing the input from a menu.\n      let VOTimeout = setTimeout(focusInput, 400);\n      return () => {\n        clearTimeout(timeout);\n        clearTimeout(VOTimeout);\n      };\n    }\n    prevResizingColumn.current = resizingColumn;\n  }, [resizingColumn, item, focusInput, ref]);\n\n  let onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    let currentWidth = state.getColumnWidth(item.key);\n    let nextValue = parseFloat(getEventTarget(e).value);\n\n    if (nextValue > currentWidth) {\n      nextValue = currentWidth + 10;\n    } else {\n      nextValue = currentWidth - 10;\n    }\n    resize(item, nextValue);\n  };\n\n  let {pressProps} = usePress({\n    preventFocusOnPress: true,\n    onPressStart: e => {\n      if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === 'keyboard') {\n        return;\n      }\n      if (e.pointerType === 'virtual' && state.resizingColumn != null) {\n        endResize(item);\n        return;\n      }\n\n      // Sometimes onPress won't trigger for quick taps on mobile so we want to focus the input so blurring away\n      // can cancel resize mode for us.\n      focusInput();\n\n      // If resizer is always visible, mobile screenreader user can access the visually hidden resizer directly and thus we don't need\n      // to handle a virtual click to start the resizer.\n      if (e.pointerType !== 'virtual') {\n        startResize(item);\n      }\n    },\n    onPress: e => {\n      if (\n        ((e.pointerType === 'touch' && wasFocusedOnResizeStart.current) ||\n          e.pointerType === 'mouse') &&\n        state.resizingColumn != null\n      ) {\n        endResize(item);\n      }\n    }\n  });\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  return {\n    resizerProps: mergeProps(keyboardProps, {...moveProps, onKeyDown}, pressProps, {\n      style: {touchAction: 'none'}\n    }),\n    inputProps: mergeProps(\n      visuallyHiddenProps,\n      {\n        id,\n        onBlur: () => {\n          endResize(item);\n        },\n        onChange,\n        disabled: isDisabled\n      },\n      ariaProps\n    ),\n    isResizing\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnResize.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/table/useTableColumnResize.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 {ChangeEvent, useCallback, useEffect, useRef, useState} from 'react';\nimport {ColumnSize} from 'react-stately/useTableState';\nimport {DOMAttributes, FocusableElement, Key, RefObject} from '@react-types/shared';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {getActiveElement, getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableColumnResizeState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useId} from '../utils/useId';\nimport {useInteractionModality} from '../interactions/useFocusVisible';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMove} from '../interactions/useMove';\nimport {usePress} from '../interactions/usePress';\nimport {useVisuallyHidden} from '../visually-hidden/VisuallyHidden';\n\nexport interface TableColumnResizeAria {\n  /** Props for the visually hidden input element. */\n  inputProps: DOMAttributes;\n  /** Props for the resizer element. */\n  resizerProps: DOMAttributes;\n  /** Whether this column is currently being resized. */\n  isResizing: boolean;\n  /**\n   * Whether this column is currently being resized via a mouse drag (e.g. to render a cursor\n   * overlay).\n   */\n  isMouseResizing: boolean;\n}\n\nexport interface AriaTableColumnResizeProps<T> {\n  /**\n   * An object representing the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader).\n   * Contains all the relevant information that makes up the column header.\n   */\n  column: GridNode<T>;\n  /** Aria label for the hidden input. Gets read when resizing. */\n  'aria-label': string;\n  /**\n   * Ref to the trigger if resizing was started from a column header menu. If it's provided, focus\n   * will be returned there when resizing is done. If it isn't provided, it is assumed that the\n   * resizer is visible at all time and keyboard resizing is started via pressing Enter on the\n   * resizer and not on focus.\n   */\n  triggerRef?: RefObject<FocusableElement | null>;\n  /** If resizing is disabled. */\n  isDisabled?: boolean;\n  /** Called when resizing starts. */\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  /** Called for every resize event that results in new column sizes. */\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  /** Called when resizing ends. */\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a table column resizer element.\n *\n * @param props - Props for the resizer.\n * @param state - State for the table's resizable columns, as returned by\n *   `useTableColumnResizeState`.\n * @param ref - The ref attached to the resizer's visually hidden input element.\n */\nexport function useTableColumnResize<T>(\n  props: AriaTableColumnResizeProps<T>,\n  state: TableColumnResizeState<T>,\n  ref: RefObject<HTMLInputElement | null>\n): TableColumnResizeAria {\n  let {\n    column: item,\n    triggerRef,\n    isDisabled,\n    onResizeStart,\n    onResize,\n    onResizeEnd,\n    'aria-label': ariaLabel\n  } = props;\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let id = useId();\n  let isResizing = state.resizingColumn === item.key;\n  let isResizingRef = useRef(isResizing);\n  let lastSize = useRef<Map<Key, ColumnSize> | null>(null);\n  let wasFocusedOnResizeStart = useRef(false);\n  let editModeEnabled = state.tableState.isKeyboardNavigationDisabled;\n  // Whether a mouse drag-resize is active. Set on the first move (not on press) so a cursor\n  // overlay only mounts during an actual drag.\n  let [isMouseResizing, setMouseResizing] = useState(false);\n\n  let {direction} = useLocale();\n\n  let startResize = useCallback(\n    item => {\n      if (!isResizingRef.current) {\n        lastSize.current = state.updateResizedColumns(item.key, state.getColumnWidth(item.key));\n        state.startResize(item.key);\n        state.tableState.setKeyboardNavigationDisabled(true);\n        onResizeStart?.(lastSize.current);\n      }\n      isResizingRef.current = true;\n    },\n    [state, onResizeStart]\n  );\n\n  let resize = useCallback(\n    (item, newWidth) => {\n      let sizes = state.updateResizedColumns(item.key, newWidth);\n      onResize?.(sizes);\n      lastSize.current = sizes;\n    },\n    [state, onResize]\n  );\n\n  let endResize = useCallback(\n    item => {\n      if (isResizingRef.current) {\n        if (lastSize.current == null) {\n          lastSize.current = state.updateResizedColumns(item.key, state.getColumnWidth(item.key));\n        }\n\n        state.endResize();\n        state.tableState.setKeyboardNavigationDisabled(false);\n        onResizeEnd?.(lastSize.current);\n        isResizingRef.current = false;\n\n        if (triggerRef?.current && !wasFocusedOnResizeStart.current) {\n          // switch focus back to the column header unless the resizer was already focused when resizing started.\n          focusSafely(triggerRef.current);\n        }\n      }\n      lastSize.current = null;\n    },\n    [state, triggerRef, onResizeEnd]\n  );\n\n  let endResizeEvent = () => {\n    if (editModeEnabled) {\n      endResize(item);\n      return;\n    }\n    return false;\n  };\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      Escape: () => {\n        return endResizeEvent();\n      },\n      Enter: () => {\n        if (editModeEnabled) {\n          endResize(item);\n        } else {\n          startResize(item);\n        }\n      },\n      ' ': () => {\n        return endResizeEvent();\n      },\n      Tab: () => {\n        return endResizeEvent();\n      }\n    }\n  });\n\n  const columnResizeWidthRef = useRef<number>(0);\n  const {moveProps} = useMove({\n    onMoveStart(e) {\n      columnResizeWidthRef.current = state.getColumnWidth(item.key);\n      if (e.pointerType === 'mouse') {\n        setMouseResizing(true);\n      }\n      startResize(item);\n    },\n    onMove(e) {\n      let {deltaX, deltaY, pointerType} = e;\n      if (direction === 'rtl') {\n        deltaX *= -1;\n      }\n      if (pointerType === 'keyboard') {\n        if (deltaY !== 0 && deltaX === 0) {\n          deltaX = deltaY * -1;\n        }\n        deltaX *= 10;\n      }\n      // if moving up/down only, no need to resize\n      if (deltaX !== 0) {\n        columnResizeWidthRef.current += deltaX;\n        resize(item, columnResizeWidthRef.current);\n      }\n    },\n    onMoveEnd(e) {\n      let {pointerType} = e;\n      columnResizeWidthRef.current = 0;\n      setMouseResizing(false);\n      if (pointerType === 'mouse' || (pointerType === 'touch' && wasFocusedOnResizeStart.current)) {\n        endResize(item);\n      }\n    }\n  });\n\n  let onKeyDown = useCallback(\n    e => {\n      if (editModeEnabled) {\n        moveProps.onKeyDown?.(e);\n      }\n    },\n    [editModeEnabled, moveProps]\n  );\n\n  let min = Math.floor(state.getColumnMinWidth(item.key));\n  let max = Math.floor(state.getColumnMaxWidth(item.key));\n  if (max === Infinity) {\n    max = Number.MAX_SAFE_INTEGER;\n  }\n  let value = Math.floor(state.getColumnWidth(item.key));\n  let modality: string | null = useInteractionModality();\n  if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) {\n    modality = 'touch';\n  }\n  let description =\n    // oxlint-disable-next-line react/react-compiler\n    triggerRef?.current == null &&\n    (modality === 'keyboard' || modality === 'virtual') &&\n    !isResizing\n      ? stringFormatter.format('resizerDescription')\n      : undefined;\n  let descriptionProps = useDescription(description);\n  let ariaProps = {\n    'aria-label': ariaLabel,\n    'aria-orientation': 'horizontal' as 'horizontal',\n    'aria-labelledby': `${id} ${getColumnHeaderId(state.tableState, item.key)}`,\n    'aria-valuetext': stringFormatter.format('columnSize', {value}),\n    type: 'range',\n    min,\n    max,\n    value,\n    ...descriptionProps\n  };\n\n  const focusInput = useCallback(() => {\n    if (ref.current) {\n      focusSafely(ref.current);\n    }\n  }, [ref]);\n\n  let resizingColumn = state.resizingColumn;\n  let prevResizingColumn = useRef<Key | null>(null);\n  let startResizeEvent = useEffectEvent(startResize);\n  useEffect(() => {\n    if (\n      prevResizingColumn.current !== resizingColumn &&\n      resizingColumn != null &&\n      resizingColumn === item.key\n    ) {\n      wasFocusedOnResizeStart.current = getActiveElement() === ref.current;\n      startResizeEvent(item);\n      // Delay focusing input until Android Chrome's delayed click after touchend happens: https://bugs.chromium.org/p/chromium/issues/detail?id=1150073\n      let timeout = setTimeout(() => focusInput(), 0);\n      // VoiceOver on iOS has problems focusing the input from a menu.\n      let VOTimeout = setTimeout(focusInput, 400);\n      return () => {\n        clearTimeout(timeout);\n        clearTimeout(VOTimeout);\n      };\n    }\n    prevResizingColumn.current = resizingColumn;\n  }, [resizingColumn, item, focusInput, ref]);\n\n  let onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    let currentWidth = state.getColumnWidth(item.key);\n    let nextValue = parseFloat(getEventTarget(e).value);\n\n    if (nextValue > currentWidth) {\n      nextValue = currentWidth + 10;\n    } else {\n      nextValue = currentWidth - 10;\n    }\n    resize(item, nextValue);\n  };\n\n  let {pressProps} = usePress({\n    preventFocusOnPress: true,\n    onPressStart: e => {\n      if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === 'keyboard') {\n        return;\n      }\n      if (e.pointerType === 'virtual' && state.resizingColumn != null) {\n        endResize(item);\n        return;\n      }\n\n      // Sometimes onPress won't trigger for quick taps on mobile so we want to focus the input so blurring away\n      // can cancel resize mode for us.\n      focusInput();\n\n      // If resizer is always visible, mobile screenreader user can access the visually hidden resizer directly and thus we don't need\n      // to handle a virtual click to start the resizer.\n      if (e.pointerType !== 'virtual') {\n        startResize(item);\n      }\n    },\n    onPress: e => {\n      if (\n        ((e.pointerType === 'touch' && wasFocusedOnResizeStart.current) ||\n          e.pointerType === 'mouse') &&\n        state.resizingColumn != null\n      ) {\n        endResize(item);\n      }\n    }\n  });\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  return {\n    resizerProps: mergeProps(keyboardProps, {...moveProps, onKeyDown}, pressProps, {\n      style: {touchAction: 'none'}\n    }),\n    inputProps: mergeProps(\n      visuallyHiddenProps,\n      // oxlint-disable-next-line react/react-compiler\n      {\n        id,\n        onBlur: () => {\n          endResize(item);\n        },\n        onChange,\n        disabled: isDisabled\n      },\n      ariaProps\n    ),\n    isResizing,\n    isMouseResizing\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnResize.mjs.map"}

package/dist/private/table/useTableRow.cjs

@@ -49,8 +49,10 @@ function $068ae3d49ce17647$export$7f2f6ae19e707aa5(props, state, ref) {
     let { node: node, isVirtualized: isVirtualized } = props;
     let { rowProps: rowProps, ...states } = (0, $2e39d55f4397f5df$exports.useGridRow)(props, state, ref);
     let { direction: direction } = (0, $2522e612fa919664$exports.useLocale)();
-    if (isVirtualized && state.treeColumn == null) rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
-    else delete rowProps['aria-rowindex'];
+    if (isVirtualized && state.treeColumn == null) // oxlint-disable-next-line react/react-compiler
+    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
+    else // oxlint-disable-next-line react/react-compiler
+    delete rowProps['aria-rowindex'];
     let isExpanded = state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));
     let stringFormatter = (0, $d4e8e26182baab6e$exports.useLocalizedStringFormatter)((0, ($parcel$interopDefault($526eef38cac7f2b8$exports))), '@react-aria/table');
     let labelProps = (0, $3f0180db35edfbf7$exports.useLabels)({

package/dist/private/table/useTableRow.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkBD,MAAM,uCAAiB;IACrB,QAAQ;QACN,KAAK;QACL,KAAK;IACP;IACA,UAAU;QACR,KAAK;QACL,KAAK;IACP;AACF;AAYO,SAAS,0CACd,KAAsB,EACtB,KAAuC,EACvC,GAAuC;IAEvC,IAAI,QAAC,IAAI,iBAAE,aAAa,EAAC,GAAG;IAC5B,IAAI,YAAC,QAAQ,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,oCAAS,EACnC,OACA,OACA;IAEF,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAQ;IAE1B,IAAI,iBAAiB,MAAM,UAAU,IAAI,MACvC,QAAQ,CAAC,gBAAgB,GAAG,KAAK,KAAK,GAAG,IAAI,MAAM,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,2BAA2B;SAE5G,OAAO,QAAQ,CAAC,gBAAgB;IAGlC,IAAI,aACF,MAAM,UAAU,IAAI,QAAS,CAAA,MAAM,YAAY,KAAK,SAAS,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,CAAA;IAC9F,IAAI,kBAAkB,CAAA,GAAA,qDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,aAAa,CAAA,GAAA,mCAAQ,EAAE;QACzB,cAAc,aACV,gBAAgB,MAAM,CAAC,cACvB,gBAAgB,MAAM,CAAC;QAC3B,mBAAmB,CAAA,GAAA,0CAAe,EAAE,OAAwB,KAAK,GAAG;IACtE;IAEA,IAAI,mBAAgD,CAAC;IACrD,IAAI,oBAAqC,CAAC;IAC1C,IAAI,MAAM,UAAU,IAAI,MAAM;QAC5B,IAAI,WAAW,MAAM,UAAU,CAAC,OAAO,CAAC,KAAK,GAAG;QAChD,IAAI,YAAY,MAAM;YACpB,IAAI,YAAY,mCAAa,MAAM,UAAU,EAAE;YAC/C,IAAI,eACF,SAAS,KAAK,EAAE,gBAChB,SAAS,KAAK,EAAE,uBAChB,WAAW,SAAS;YACtB,IAAI,SAAS,MAAM,UAAU,CAAC,OAAO,CAAC,KAAK,SAAS;YACpD,IAAI,eAAe,OAAO,IAAI,KAAK,eAAe,OAAO,IAAI,KAAK;YAClE,IAAI,cAAc,mCAAa,MAAM,UAAU,EAAE;YACjD,MAAO,eAAe,YAAY,IAAI,KAAK,UAAU,YAAY,OAAO,IAAI,KAC1E,cAAc,MAAM,UAAU,CAAC,OAAO,CAAC,YAAY,OAAO;YAG5D,mBAAmB;gBACjB,WAAW,CAAA;oBACT,IACE,EAAE,GAAG,KAAK,oCAAc,CAAC,SAAS,CAAC,UAAU,IAC7C,MAAM,gBAAgB,CAAC,UAAU,KAAK,SAAS,GAAG,IAClD,gBACA,MAAM,YAAY,KAAK,SACvB,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,SAAS,GAAG,GACpC;wBACA,MAAM,SAAS,CAAC,SAAS,GAAG;wBAC5B,EAAE,eAAe;oBACnB,OAAO,IACL,EAAE,GAAG,KAAK,oCAAc,CAAC,WAAW,CAAC,UAAU,IAC/C,MAAM,gBAAgB,CAAC,UAAU,KAAK,SAAS,GAAG,EAClD;wBACA,IAAI,MAAM,YAAY,KAAK,OAAO;4BAChC,IAAI,gBAAgB,MAAM,YAAY,CAAC,GAAG,CAAC,SAAS,GAAG,GAAG;gCACxD,MAAM,SAAS,CAAC,SAAS,GAAG;gCAC5B,EAAE,eAAe;4BACnB,OAAO,IACL,CAAC,MAAM,YAAY,CAAC,GAAG,CAAC,SAAS,GAAG,KACpC,SAAS,SAAS,IAAI,QACtB,SAAS,KAAK,GAAG,GACjB;gCACA,4DAA4D;gCAC5D,MAAM,gBAAgB,CAAC,aAAa,CAAC,SAAS,SAAS;gCACvD,EAAE,eAAe;4BACnB;wBACF,OAAO,IAAI,MAAM,YAAY,KAAK,OAAO;4BACvC,MAAM,SAAS,CAAC,SAAS,GAAG;4BAC5B,EAAE,eAAe;wBACnB;oBACF;gBACF;gBACA,iBAAiB,eACb,MAAM,YAAY,KAAK,SAAS,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,IAC/D;gBACJ,cAAc,SAAS,KAAK,GAAG;gBAC/B,iBAAiB,SAAS,KAAK,GAAI,CAAA,eAAe,IAAI,MAAM,UAAU,CAAC,WAAW,AAAD,IAAK;gBACtF,gBAAgB,YAAY,KAAK,GAAI,CAAA,eAAe,IAAI,MAAM,UAAU,CAAC,WAAW,AAAD,IAAK;YAC1F;YAEA,oBAAoB;gBAClB,YAAY,OAAO,UAAU;gBAC7B,SAAS;oBACP,IAAI,CAAC,OAAO,UAAU,EAAE;wBACtB,MAAM,SAAS,CAAC,KAAK,GAAG;wBACxB,MAAM,gBAAgB,CAAC,UAAU,CAAC;wBAClC,MAAM,gBAAgB,CAAC,aAAa,CAAC,KAAK,GAAG;oBAC/C;gBACF;gBACA,qBAAqB;gBACrB,qBAAqB;gBACrB,aAAa;gBACb,iCAAiC;gBACjC,GAAG,UAAU;YACf;QACF;IACF;IAEA,IAAI,qBAAqB,CAAA,GAAA,+CAAoB,EAAE,KAAK,KAAK;IACzD,IAAI,YAAY,OAAO,SAAS,GAAG,qBAAqB,CAAC;IACzD,OAAO;QACL,UAAU;YACR,GAAG,CAAA,GAAA,oCAAS,EAAE,UAAU,kBAAkB,UAAU;YACpD,mBAAmB,CAAA,GAAA,0CAAe,EAAE,OAAwB,KAAK,GAAG;QACtE;2BACA;QACA,GAAG,MAAM;IACX;AACF;AAEA,SAAS,mCAAa,UAAqC,EAAE,IAAmB;IAC9E,IAAI,kBAAkB,MACpB,OAAO,KAAK,YAAY,IAAI,OAAO,WAAW,OAAO,CAAC,KAAK,YAAY,IAAI;SAE3E,OAAO,MAAM,IAAI,CAAC,KAAK,UAAU,EAAE,QAAQ,CAAC,CAAA,OAAQ,KAAK,SAAS,KAAK,KAAK,GAAG;AAEnF","sources":["packages/react-aria/src/table/useTableRow.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 {Collection, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {getRowLabelledBy} from './utils';\nimport {GridRowAria, GridRowProps, useGridRow} from '../grid/useGridRow';\nimport {HTMLAttributes} from 'react';\nimport intlMessages from '../../intl/table/*.json';\nimport {ITableCollection} from 'react-stately/private/table/TableCollection';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {TreeGridState} from 'react-stately/private/table/useTreeGridState';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\nexport interface TableRowAria extends GridRowAria {\n  expandButtonProps: AriaButtonProps;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a row in a table.\n *\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T> | TreeGridState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(\n    props,\n    state as TableState<T>,\n    ref\n  );\n  let {direction} = useLocale();\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based\n  } else {\n    delete rowProps['aria-rowindex'];\n  }\n\n  let isExpanded =\n    state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let labelProps = useLabels({\n    'aria-label': isExpanded\n      ? stringFormatter.format('collapse')\n      : stringFormatter.format('expand'),\n    'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n  });\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let expandButtonProps: AriaButtonProps = {};\n  if (state.treeColumn != null) {\n    let treeNode = state.collection.getItem(node.key);\n    if (treeNode != null) {\n      let lastChild = getLastChild(state.collection, node);\n      let hasChildRows =\n        treeNode.props?.hasChildRows ||\n        treeNode.props?.UNSTABLE_childItems ||\n        lastChild?.type !== 'cell';\n      let parent = state.collection.getItem(node.parentKey!)!;\n      let isParentBody = parent.type === 'tablebody' || parent.type === 'body';\n      let lastSibling = getLastChild(state.collection, parent)!;\n      while (lastSibling && lastSibling.type !== 'item' && lastSibling.prevKey != null) {\n        lastSibling = state.collection.getItem(lastSibling.prevKey)!;\n      }\n\n      treeGridRowProps = {\n        onKeyDown: e => {\n          if (\n            e.key === EXPANSION_KEYS['expand'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key &&\n            hasChildRows &&\n            state.expandedKeys !== 'all' &&\n            !state.expandedKeys.has(treeNode.key)\n          ) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if (\n            e.key === EXPANSION_KEYS['collapse'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key\n          ) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (\n                !state.expandedKeys.has(treeNode.key) &&\n                treeNode.parentKey != null &&\n                treeNode.level > 0\n              ) {\n                // Item is a leaf or already collapsed, move focus to parent\n                state.selectionManager.setFocusedKey(treeNode.parentKey);\n                e.stopPropagation();\n              }\n            } else if (state.expandedKeys === 'all') {\n              state.toggleKey(treeNode.key);\n              e.stopPropagation();\n            }\n          }\n        },\n        'aria-expanded': hasChildRows\n          ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key)\n          : undefined,\n        'aria-level': treeNode.level + 1,\n        'aria-posinset': treeNode.index - (isParentBody ? 0 : state.collection.columnCount) + 1,\n        'aria-setsize': lastSibling.index - (isParentBody ? 0 : state.collection.columnCount) + 1\n      };\n\n      expandButtonProps = {\n        isDisabled: states.isDisabled,\n        onPress: () => {\n          if (!states.isDisabled) {\n            state.toggleKey(node.key);\n            state.selectionManager.setFocused(true);\n            state.selectionManager.setFocusedKey(node.key);\n          }\n        },\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        // @ts-ignore\n        'data-react-aria-prevent-focus': true,\n        ...labelProps\n      };\n    }\n  }\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = states.hasAction ? syntheticLinkProps : {};\n  return {\n    rowProps: {\n      ...mergeProps(rowProps, treeGridRowProps, linkProps),\n      'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n    },\n    expandButtonProps,\n    ...states\n  };\n}\n\nfunction getLastChild(collection: Collection<Node<unknown>>, node: Node<unknown>) {\n  if ('lastChildKey' in node) {\n    return node.lastChildKey != null ? collection.getItem(node.lastChildKey) : null;\n  } else {\n    return Array.from(node.childNodes).findLast(item => item.parentKey === node.key);\n  }\n}\n"],"names":[],"version":3,"file":"useTableRow.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/table/useTableRow.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 {Collection, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {getRowLabelledBy} from './utils';\nimport {GridRowAria, GridRowProps, useGridRow} from '../grid/useGridRow';\nimport {HTMLAttributes} from 'react';\nimport intlMessages from '../../intl/table/*.json';\nimport {ITableCollection} from 'react-stately/private/table/TableCollection';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {TreeGridState} from 'react-stately/private/table/useTreeGridState';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\nexport interface TableRowAria extends GridRowAria {\n  expandButtonProps: AriaButtonProps;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a row in a table.\n *\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T> | TreeGridState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(\n    props,\n    state as TableState<T>,\n    ref\n  );\n  let {direction} = useLocale();\n\n  if (isVirtualized && state.treeColumn == null) {\n    // oxlint-disable-next-line react/react-compiler\n    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based\n  } else {\n    // oxlint-disable-next-line react/react-compiler\n    delete rowProps['aria-rowindex'];\n  }\n\n  let isExpanded =\n    state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let labelProps = useLabels({\n    'aria-label': isExpanded\n      ? stringFormatter.format('collapse')\n      : stringFormatter.format('expand'),\n    'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n  });\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let expandButtonProps: AriaButtonProps = {};\n  if (state.treeColumn != null) {\n    let treeNode = state.collection.getItem(node.key);\n    if (treeNode != null) {\n      let lastChild = getLastChild(state.collection, node);\n      let hasChildRows =\n        treeNode.props?.hasChildRows ||\n        treeNode.props?.UNSTABLE_childItems ||\n        lastChild?.type !== 'cell';\n      let parent = state.collection.getItem(node.parentKey!)!;\n      let isParentBody = parent.type === 'tablebody' || parent.type === 'body';\n      let lastSibling = getLastChild(state.collection, parent)!;\n      while (lastSibling && lastSibling.type !== 'item' && lastSibling.prevKey != null) {\n        lastSibling = state.collection.getItem(lastSibling.prevKey)!;\n      }\n\n      treeGridRowProps = {\n        onKeyDown: e => {\n          if (\n            e.key === EXPANSION_KEYS['expand'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key &&\n            hasChildRows &&\n            state.expandedKeys !== 'all' &&\n            !state.expandedKeys.has(treeNode.key)\n          ) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if (\n            e.key === EXPANSION_KEYS['collapse'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key\n          ) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (\n                !state.expandedKeys.has(treeNode.key) &&\n                treeNode.parentKey != null &&\n                treeNode.level > 0\n              ) {\n                // Item is a leaf or already collapsed, move focus to parent\n                state.selectionManager.setFocusedKey(treeNode.parentKey);\n                e.stopPropagation();\n              }\n            } else if (state.expandedKeys === 'all') {\n              state.toggleKey(treeNode.key);\n              e.stopPropagation();\n            }\n          }\n        },\n        'aria-expanded': hasChildRows\n          ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key)\n          : undefined,\n        'aria-level': treeNode.level + 1,\n        'aria-posinset': treeNode.index - (isParentBody ? 0 : state.collection.columnCount) + 1,\n        'aria-setsize': lastSibling.index - (isParentBody ? 0 : state.collection.columnCount) + 1\n      };\n\n      expandButtonProps = {\n        isDisabled: states.isDisabled,\n        onPress: () => {\n          if (!states.isDisabled) {\n            state.toggleKey(node.key);\n            state.selectionManager.setFocused(true);\n            state.selectionManager.setFocusedKey(node.key);\n          }\n        },\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        // @ts-ignore\n        'data-react-aria-prevent-focus': true,\n        ...labelProps\n      };\n    }\n  }\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = states.hasAction ? syntheticLinkProps : {};\n  return {\n    rowProps: {\n      ...mergeProps(rowProps, treeGridRowProps, linkProps),\n      'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n    },\n    expandButtonProps,\n    ...states\n  };\n}\n\nfunction getLastChild(collection: Collection<Node<unknown>>, node: Node<unknown>) {\n  if ('lastChildKey' in node) {\n    return node.lastChildKey != null ? collection.getItem(node.lastChildKey) : null;\n  } else {\n    return Array.from(node.childNodes).findLast(item => item.parentKey === node.key);\n  }\n}\n"],"names":[],"version":3,"file":"useTableRow.cjs.map"}

package/dist/private/table/useTableRow.js

@@ -43,8 +43,10 @@ function $e2f10f6b84ce4b1d$export$7f2f6ae19e707aa5(props, state, ref) {
     let { node: node, isVirtualized: isVirtualized } = props;
     let { rowProps: rowProps, ...states } = (0, $2c62d09fc068cb16$export$96357d5a73f686fa)(props, state, ref);
     let { direction: direction } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
-    if (isVirtualized && state.treeColumn == null) rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
-    else delete rowProps['aria-rowindex'];
+    if (isVirtualized && state.treeColumn == null) // oxlint-disable-next-line react/react-compiler
+    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
+    else // oxlint-disable-next-line react/react-compiler
+    delete rowProps['aria-rowindex'];
     let isExpanded = state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));
     let stringFormatter = (0, $1adfa757ef3cd864$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($4QDRk$intlStringsjs))), '@react-aria/table');
     let labelProps = (0, $93a7fe14591f425f$export$d6875122194c7b44)({

package/dist/private/table/useTableRow.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/table/useTableRow.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 {Collection, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {getRowLabelledBy} from './utils';\nimport {GridRowAria, GridRowProps, useGridRow} from '../grid/useGridRow';\nimport {HTMLAttributes} from 'react';\nimport intlMessages from '../../intl/table/*.json';\nimport {ITableCollection} from 'react-stately/private/table/TableCollection';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {TreeGridState} from 'react-stately/private/table/useTreeGridState';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\nexport interface TableRowAria extends GridRowAria {\n  expandButtonProps: AriaButtonProps;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a row in a table.\n *\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T> | TreeGridState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(\n    props,\n    state as TableState<T>,\n    ref\n  );\n  let {direction} = useLocale();\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based\n  } else {\n    delete rowProps['aria-rowindex'];\n  }\n\n  let isExpanded =\n    state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let labelProps = useLabels({\n    'aria-label': isExpanded\n      ? stringFormatter.format('collapse')\n      : stringFormatter.format('expand'),\n    'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n  });\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let expandButtonProps: AriaButtonProps = {};\n  if (state.treeColumn != null) {\n    let treeNode = state.collection.getItem(node.key);\n    if (treeNode != null) {\n      let lastChild = getLastChild(state.collection, node);\n      let hasChildRows =\n        treeNode.props?.hasChildRows ||\n        treeNode.props?.UNSTABLE_childItems ||\n        lastChild?.type !== 'cell';\n      let parent = state.collection.getItem(node.parentKey!)!;\n      let isParentBody = parent.type === 'tablebody' || parent.type === 'body';\n      let lastSibling = getLastChild(state.collection, parent)!;\n      while (lastSibling && lastSibling.type !== 'item' && lastSibling.prevKey != null) {\n        lastSibling = state.collection.getItem(lastSibling.prevKey)!;\n      }\n\n      treeGridRowProps = {\n        onKeyDown: e => {\n          if (\n            e.key === EXPANSION_KEYS['expand'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key &&\n            hasChildRows &&\n            state.expandedKeys !== 'all' &&\n            !state.expandedKeys.has(treeNode.key)\n          ) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if (\n            e.key === EXPANSION_KEYS['collapse'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key\n          ) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (\n                !state.expandedKeys.has(treeNode.key) &&\n                treeNode.parentKey != null &&\n                treeNode.level > 0\n              ) {\n                // Item is a leaf or already collapsed, move focus to parent\n                state.selectionManager.setFocusedKey(treeNode.parentKey);\n                e.stopPropagation();\n              }\n            } else if (state.expandedKeys === 'all') {\n              state.toggleKey(treeNode.key);\n              e.stopPropagation();\n            }\n          }\n        },\n        'aria-expanded': hasChildRows\n          ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key)\n          : undefined,\n        'aria-level': treeNode.level + 1,\n        'aria-posinset': treeNode.index - (isParentBody ? 0 : state.collection.columnCount) + 1,\n        'aria-setsize': lastSibling.index - (isParentBody ? 0 : state.collection.columnCount) + 1\n      };\n\n      expandButtonProps = {\n        isDisabled: states.isDisabled,\n        onPress: () => {\n          if (!states.isDisabled) {\n            state.toggleKey(node.key);\n            state.selectionManager.setFocused(true);\n            state.selectionManager.setFocusedKey(node.key);\n          }\n        },\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        // @ts-ignore\n        'data-react-aria-prevent-focus': true,\n        ...labelProps\n      };\n    }\n  }\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = states.hasAction ? syntheticLinkProps : {};\n  return {\n    rowProps: {\n      ...mergeProps(rowProps, treeGridRowProps, linkProps),\n      'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n    },\n    expandButtonProps,\n    ...states\n  };\n}\n\nfunction getLastChild(collection: Collection<Node<unknown>>, node: Node<unknown>) {\n  if ('lastChildKey' in node) {\n    return node.lastChildKey != null ? collection.getItem(node.lastChildKey) : null;\n  } else {\n    return Array.from(node.childNodes).findLast(item => item.parentKey === node.key);\n  }\n}\n"],"names":[],"version":3,"file":"useTableRow.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/table/useTableRow.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 {Collection, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {getRowLabelledBy} from './utils';\nimport {GridRowAria, GridRowProps, useGridRow} from '../grid/useGridRow';\nimport {HTMLAttributes} from 'react';\nimport intlMessages from '../../intl/table/*.json';\nimport {ITableCollection} from 'react-stately/private/table/TableCollection';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {TreeGridState} from 'react-stately/private/table/useTreeGridState';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\nexport interface TableRowAria extends GridRowAria {\n  expandButtonProps: AriaButtonProps;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a row in a table.\n *\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T> | TreeGridState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(\n    props,\n    state as TableState<T>,\n    ref\n  );\n  let {direction} = useLocale();\n\n  if (isVirtualized && state.treeColumn == null) {\n    // oxlint-disable-next-line react/react-compiler\n    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based\n  } else {\n    // oxlint-disable-next-line react/react-compiler\n    delete rowProps['aria-rowindex'];\n  }\n\n  let isExpanded =\n    state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let labelProps = useLabels({\n    'aria-label': isExpanded\n      ? stringFormatter.format('collapse')\n      : stringFormatter.format('expand'),\n    'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n  });\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let expandButtonProps: AriaButtonProps = {};\n  if (state.treeColumn != null) {\n    let treeNode = state.collection.getItem(node.key);\n    if (treeNode != null) {\n      let lastChild = getLastChild(state.collection, node);\n      let hasChildRows =\n        treeNode.props?.hasChildRows ||\n        treeNode.props?.UNSTABLE_childItems ||\n        lastChild?.type !== 'cell';\n      let parent = state.collection.getItem(node.parentKey!)!;\n      let isParentBody = parent.type === 'tablebody' || parent.type === 'body';\n      let lastSibling = getLastChild(state.collection, parent)!;\n      while (lastSibling && lastSibling.type !== 'item' && lastSibling.prevKey != null) {\n        lastSibling = state.collection.getItem(lastSibling.prevKey)!;\n      }\n\n      treeGridRowProps = {\n        onKeyDown: e => {\n          if (\n            e.key === EXPANSION_KEYS['expand'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key &&\n            hasChildRows &&\n            state.expandedKeys !== 'all' &&\n            !state.expandedKeys.has(treeNode.key)\n          ) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if (\n            e.key === EXPANSION_KEYS['collapse'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key\n          ) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (\n                !state.expandedKeys.has(treeNode.key) &&\n                treeNode.parentKey != null &&\n                treeNode.level > 0\n              ) {\n                // Item is a leaf or already collapsed, move focus to parent\n                state.selectionManager.setFocusedKey(treeNode.parentKey);\n                e.stopPropagation();\n              }\n            } else if (state.expandedKeys === 'all') {\n              state.toggleKey(treeNode.key);\n              e.stopPropagation();\n            }\n          }\n        },\n        'aria-expanded': hasChildRows\n          ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key)\n          : undefined,\n        'aria-level': treeNode.level + 1,\n        'aria-posinset': treeNode.index - (isParentBody ? 0 : state.collection.columnCount) + 1,\n        'aria-setsize': lastSibling.index - (isParentBody ? 0 : state.collection.columnCount) + 1\n      };\n\n      expandButtonProps = {\n        isDisabled: states.isDisabled,\n        onPress: () => {\n          if (!states.isDisabled) {\n            state.toggleKey(node.key);\n            state.selectionManager.setFocused(true);\n            state.selectionManager.setFocusedKey(node.key);\n          }\n        },\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        // @ts-ignore\n        'data-react-aria-prevent-focus': true,\n        ...labelProps\n      };\n    }\n  }\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = states.hasAction ? syntheticLinkProps : {};\n  return {\n    rowProps: {\n      ...mergeProps(rowProps, treeGridRowProps, linkProps),\n      'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n    },\n    expandButtonProps,\n    ...states\n  };\n}\n\nfunction getLastChild(collection: Collection<Node<unknown>>, node: Node<unknown>) {\n  if ('lastChildKey' in node) {\n    return node.lastChildKey != null ? collection.getItem(node.lastChildKey) : null;\n  } else {\n    return Array.from(node.childNodes).findLast(item => item.parentKey === node.key);\n  }\n}\n"],"names":[],"version":3,"file":"useTableRow.js.map"}

package/dist/private/table/useTableRow.mjs

@@ -43,8 +43,10 @@ function $d5954d038bf91c37$export$7f2f6ae19e707aa5(props, state, ref) {
     let { node: node, isVirtualized: isVirtualized } = props;
     let { rowProps: rowProps, ...states } = (0, $6b16276e8bbdaf8e$export$96357d5a73f686fa)(props, state, ref);
     let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
-    if (isVirtualized && state.treeColumn == null) rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
-    else delete rowProps['aria-rowindex'];
+    if (isVirtualized && state.treeColumn == null) // oxlint-disable-next-line react/react-compiler
+    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
+    else // oxlint-disable-next-line react/react-compiler
+    delete rowProps['aria-rowindex'];
     let isExpanded = state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));
     let stringFormatter = (0, $cf2482eff2eeeec2$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($eezcW$intlStringsmjs))), '@react-aria/table');
     let labelProps = (0, $e8ac3c3f5d4bae7f$export$d6875122194c7b44)({

package/dist/private/table/useTableRow.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/table/useTableRow.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 {Collection, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {getRowLabelledBy} from './utils';\nimport {GridRowAria, GridRowProps, useGridRow} from '../grid/useGridRow';\nimport {HTMLAttributes} from 'react';\nimport intlMessages from '../../intl/table/*.json';\nimport {ITableCollection} from 'react-stately/private/table/TableCollection';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {TreeGridState} from 'react-stately/private/table/useTreeGridState';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\nexport interface TableRowAria extends GridRowAria {\n  expandButtonProps: AriaButtonProps;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a row in a table.\n *\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T> | TreeGridState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(\n    props,\n    state as TableState<T>,\n    ref\n  );\n  let {direction} = useLocale();\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based\n  } else {\n    delete rowProps['aria-rowindex'];\n  }\n\n  let isExpanded =\n    state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let labelProps = useLabels({\n    'aria-label': isExpanded\n      ? stringFormatter.format('collapse')\n      : stringFormatter.format('expand'),\n    'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n  });\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let expandButtonProps: AriaButtonProps = {};\n  if (state.treeColumn != null) {\n    let treeNode = state.collection.getItem(node.key);\n    if (treeNode != null) {\n      let lastChild = getLastChild(state.collection, node);\n      let hasChildRows =\n        treeNode.props?.hasChildRows ||\n        treeNode.props?.UNSTABLE_childItems ||\n        lastChild?.type !== 'cell';\n      let parent = state.collection.getItem(node.parentKey!)!;\n      let isParentBody = parent.type === 'tablebody' || parent.type === 'body';\n      let lastSibling = getLastChild(state.collection, parent)!;\n      while (lastSibling && lastSibling.type !== 'item' && lastSibling.prevKey != null) {\n        lastSibling = state.collection.getItem(lastSibling.prevKey)!;\n      }\n\n      treeGridRowProps = {\n        onKeyDown: e => {\n          if (\n            e.key === EXPANSION_KEYS['expand'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key &&\n            hasChildRows &&\n            state.expandedKeys !== 'all' &&\n            !state.expandedKeys.has(treeNode.key)\n          ) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if (\n            e.key === EXPANSION_KEYS['collapse'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key\n          ) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (\n                !state.expandedKeys.has(treeNode.key) &&\n                treeNode.parentKey != null &&\n                treeNode.level > 0\n              ) {\n                // Item is a leaf or already collapsed, move focus to parent\n                state.selectionManager.setFocusedKey(treeNode.parentKey);\n                e.stopPropagation();\n              }\n            } else if (state.expandedKeys === 'all') {\n              state.toggleKey(treeNode.key);\n              e.stopPropagation();\n            }\n          }\n        },\n        'aria-expanded': hasChildRows\n          ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key)\n          : undefined,\n        'aria-level': treeNode.level + 1,\n        'aria-posinset': treeNode.index - (isParentBody ? 0 : state.collection.columnCount) + 1,\n        'aria-setsize': lastSibling.index - (isParentBody ? 0 : state.collection.columnCount) + 1\n      };\n\n      expandButtonProps = {\n        isDisabled: states.isDisabled,\n        onPress: () => {\n          if (!states.isDisabled) {\n            state.toggleKey(node.key);\n            state.selectionManager.setFocused(true);\n            state.selectionManager.setFocusedKey(node.key);\n          }\n        },\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        // @ts-ignore\n        'data-react-aria-prevent-focus': true,\n        ...labelProps\n      };\n    }\n  }\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = states.hasAction ? syntheticLinkProps : {};\n  return {\n    rowProps: {\n      ...mergeProps(rowProps, treeGridRowProps, linkProps),\n      'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n    },\n    expandButtonProps,\n    ...states\n  };\n}\n\nfunction getLastChild(collection: Collection<Node<unknown>>, node: Node<unknown>) {\n  if ('lastChildKey' in node) {\n    return node.lastChildKey != null ? collection.getItem(node.lastChildKey) : null;\n  } else {\n    return Array.from(node.childNodes).findLast(item => item.parentKey === node.key);\n  }\n}\n"],"names":[],"version":3,"file":"useTableRow.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/table/useTableRow.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 {Collection, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {getRowLabelledBy} from './utils';\nimport {GridRowAria, GridRowProps, useGridRow} from '../grid/useGridRow';\nimport {HTMLAttributes} from 'react';\nimport intlMessages from '../../intl/table/*.json';\nimport {ITableCollection} from 'react-stately/private/table/TableCollection';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {TreeGridState} from 'react-stately/private/table/useTreeGridState';\nimport {useLabels} from '../utils/useLabels';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\nexport interface TableRowAria extends GridRowAria {\n  expandButtonProps: AriaButtonProps;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a row in a table.\n *\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T> | TreeGridState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(\n    props,\n    state as TableState<T>,\n    ref\n  );\n  let {direction} = useLocale();\n\n  if (isVirtualized && state.treeColumn == null) {\n    // oxlint-disable-next-line react/react-compiler\n    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based\n  } else {\n    // oxlint-disable-next-line react/react-compiler\n    delete rowProps['aria-rowindex'];\n  }\n\n  let isExpanded =\n    state.treeColumn != null && (state.expandedKeys === 'all' || state.expandedKeys.has(node.key));\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let labelProps = useLabels({\n    'aria-label': isExpanded\n      ? stringFormatter.format('collapse')\n      : stringFormatter.format('expand'),\n    'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n  });\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let expandButtonProps: AriaButtonProps = {};\n  if (state.treeColumn != null) {\n    let treeNode = state.collection.getItem(node.key);\n    if (treeNode != null) {\n      let lastChild = getLastChild(state.collection, node);\n      let hasChildRows =\n        treeNode.props?.hasChildRows ||\n        treeNode.props?.UNSTABLE_childItems ||\n        lastChild?.type !== 'cell';\n      let parent = state.collection.getItem(node.parentKey!)!;\n      let isParentBody = parent.type === 'tablebody' || parent.type === 'body';\n      let lastSibling = getLastChild(state.collection, parent)!;\n      while (lastSibling && lastSibling.type !== 'item' && lastSibling.prevKey != null) {\n        lastSibling = state.collection.getItem(lastSibling.prevKey)!;\n      }\n\n      treeGridRowProps = {\n        onKeyDown: e => {\n          if (\n            e.key === EXPANSION_KEYS['expand'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key &&\n            hasChildRows &&\n            state.expandedKeys !== 'all' &&\n            !state.expandedKeys.has(treeNode.key)\n          ) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if (\n            e.key === EXPANSION_KEYS['collapse'][direction] &&\n            state.selectionManager.focusedKey === treeNode.key\n          ) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (\n                !state.expandedKeys.has(treeNode.key) &&\n                treeNode.parentKey != null &&\n                treeNode.level > 0\n              ) {\n                // Item is a leaf or already collapsed, move focus to parent\n                state.selectionManager.setFocusedKey(treeNode.parentKey);\n                e.stopPropagation();\n              }\n            } else if (state.expandedKeys === 'all') {\n              state.toggleKey(treeNode.key);\n              e.stopPropagation();\n            }\n          }\n        },\n        'aria-expanded': hasChildRows\n          ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key)\n          : undefined,\n        'aria-level': treeNode.level + 1,\n        'aria-posinset': treeNode.index - (isParentBody ? 0 : state.collection.columnCount) + 1,\n        'aria-setsize': lastSibling.index - (isParentBody ? 0 : state.collection.columnCount) + 1\n      };\n\n      expandButtonProps = {\n        isDisabled: states.isDisabled,\n        onPress: () => {\n          if (!states.isDisabled) {\n            state.toggleKey(node.key);\n            state.selectionManager.setFocused(true);\n            state.selectionManager.setFocusedKey(node.key);\n          }\n        },\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        // @ts-ignore\n        'data-react-aria-prevent-focus': true,\n        ...labelProps\n      };\n    }\n  }\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = states.hasAction ? syntheticLinkProps : {};\n  return {\n    rowProps: {\n      ...mergeProps(rowProps, treeGridRowProps, linkProps),\n      'aria-labelledby': getRowLabelledBy(state as TableState<T>, node.key)\n    },\n    expandButtonProps,\n    ...states\n  };\n}\n\nfunction getLastChild(collection: Collection<Node<unknown>>, node: Node<unknown>) {\n  if ('lastChildKey' in node) {\n    return node.lastChildKey != null ? collection.getItem(node.lastChildKey) : null;\n  } else {\n    return Array.from(node.childNodes).findLast(item => item.parentKey === node.key);\n  }\n}\n"],"names":[],"version":3,"file":"useTableRow.mjs.map"}

package/dist/private/tag/useTag.cjs

@@ -7,6 +7,7 @@ var $cfe896014413cb8c$exports = require("../interactions/useFocusable.cjs");
 var $d07dc266c3dc14c0$exports = require("../gridlist/useGridListItem.cjs");
 var $7ac82d1fee77eb8a$exports = require("../utils/useId.cjs");
 var $d0df89f3abe2c2ca$exports = require("../interactions/useFocusVisible.cjs");
+var $6d2f10bb8b359da5$exports = require("../interactions/useKeyboard.cjs");
 var $d4e8e26182baab6e$exports = require("../i18n/useLocalizedStringFormatter.cjs");
 var $75bd88aab025820b$exports = require("../utils/openLink.cjs");
 
@@ -41,6 +42,7 @@ $parcel$export(module.exports, "useTag", function () { return $e6145a72dc2af01a$
 
 
 
+
 function $e6145a72dc2af01a$export$3f568fff7dff2f03(props, state, ref) {
     let { item: item } = props;
     let stringFormatter = (0, $d4e8e26182baab6e$exports.useLocalizedStringFormatter)((0, ($parcel$interopDefault($a3175550c11b26b5$exports))), '@react-aria/tag');
@@ -52,16 +54,24 @@ function $e6145a72dc2af01a$export$3f568fff7dff2f03(props, state, ref) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let { descriptionProps: _, ...stateWithoutDescription } = states;
     let isDisabled = state.disabledKeys.has(item.key) || item.props.isDisabled;
-    let onKeyDown = (e)=>{
-        if (e.key === 'Delete' || e.key === 'Backspace') {
-            if (isDisabled) return;
-            e.preventDefault();
-            if (state.selectionManager.isSelected(item.key)) onRemove?.(new Set(state.selectionManager.selectedKeys));
-            else onRemove?.(new Set([
-                item.key
-            ]));
-        }
-    };
+    let { keyboardProps: keyboardProps } = (0, $6d2f10bb8b359da5$exports.useKeyboard)({
+        isDisabled: isDisabled,
+        shortcuts: {
+            Delete: ()=>{
+                if (state.selectionManager.isSelected(item.key)) onRemove?.(new Set(state.selectionManager.selectedKeys));
+                else onRemove?.(new Set([
+                    item.key
+                ]));
+            },
+            Backspace: ()=>{
+                if (state.selectionManager.isSelected(item.key)) onRemove?.(new Set(state.selectionManager.selectedKeys));
+                else onRemove?.(new Set([
+                    item.key
+                ]));
+            }
+        },
+        allowRepeats: true
+    });
     let modality = (0, $d0df89f3abe2c2ca$exports.useInteractionModality)();
     if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) modality = 'pointer';
     let description = onRemove && (modality === 'keyboard' || modality === 'virtual') ? stringFormatter.format('removeDescription') : '';
@@ -88,7 +98,7 @@ function $e6145a72dc2af01a$export$3f568fff7dff2f03(props, state, ref) {
         },
         rowProps: (0, $89b39774f3b79dbb$exports.mergeProps)(focusableProps, rowProps, domProps, linkProps, {
             tabIndex: tabIndex,
-            onKeyDown: onRemove ? onKeyDown : undefined,
+            ...onRemove ? keyboardProps : {},
             'aria-describedby': descProps['aria-describedby']
         }),
         gridCellProps: (0, $89b39774f3b79dbb$exports.mergeProps)(gridCellProps, {

package/dist/private/tag/useTag.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA0CM,SAAS,0CACd,KAAsB,EACtB,KAAmB,EACnB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,kBAAkB,CAAA,GAAA,qDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,WAAW,CAAA,GAAA,+BAAI;IAEnB,IAAI,YAAC,QAAQ,EAAC,GAAG,CAAA,GAAA,kCAAO,EAAE,GAAG,CAAC,UAAU,CAAC;IACzC,IAAI,YAAC,QAAQ,iBAAE,aAAa,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,yCAAc,EACvD;QACE,MAAM;IACR,GACA,OACA;IAGF,6DAA6D;IAC7D,IAAI,EAAC,kBAAkB,CAAC,EAAE,GAAG,yBAAwB,GAAG;IAExD,IAAI,aAAa,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,KAAK,KAAK,CAAC,UAAU;IAC1E,IAAI,YAAY,CAAC;QACf,IAAI,EAAE,GAAG,KAAK,YAAY,EAAE,GAAG,KAAK,aAAa;YAC/C,IAAI,YACF;YAGF,EAAE,cAAc;YAChB,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,GAC5C,WAAW,IAAI,IAAI,MAAM,gBAAgB,CAAC,YAAY;iBAEtD,WAAW,IAAI,IAAI;gBAAC,KAAK,GAAG;aAAC;QAEjC;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,gDAAqB;IACpC,IAAI,aAAa,aAAa,OAAO,WAAW,eAAe,kBAAkB,QAC/E,WAAW;IAEb,IAAI,cACF,YAAa,CAAA,aAAa,cAAc,aAAa,SAAQ,IACzD,gBAAgB,MAAM,CAAC,uBACvB;IACN,IAAI,YAAY,CAAA,GAAA,wCAAa,EAAE;IAE/B,IAAI,gBAAgB,KAAK,GAAG,KAAK,MAAM,gBAAgB,CAAC,UAAU;IAClE,IAAI,YAAY,MAAM,gBAAgB,CAAC,UAAU,IAAI;IACrD,IAAI,WAAW;IACf,IAAI,CAAC,cAAe,CAAA,iBAAiB,CAAC,SAAQ,GAC5C,WAAW;IAGb,IAAI,WAAW,CAAA,GAAA,wCAAa,EAAE,KAAK,KAAK;IACxC,IAAI,YAAY,CAAA,GAAA,+CAAoB,EAAE,KAAK,KAAK;IAChD,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,sCAAW,EAChC;QACE,GAAG,KAAK,KAAK;oBACb;IACF,GACA;IAGF,OAAO;QACL,mBAAmB;YACjB,cAAc,gBAAgB,MAAM,CAAC;YACrC,mBAAmB,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;wBAC/C;YACA,IAAI;YACJ,SAAS,IAAO,WAAW,SAAS,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC,KAAK;QAC7D;QACA,UAAU,CAAA,GAAA,oCAAS,EAAE,gBAAgB,UAAU,UAAU,WAAW;sBAClE;YACA,WAAW,WAAW,YAAY;YAClC,oBAAoB,SAAS,CAAC,mBAAmB;QACnD;QACA,eAAe,CAAA,GAAA,oCAAS,EAAE,eAAe;YACvC,qBAAqB,KAAK,CAAC,oBAAoB;YAC/C,cAAc,KAAK,CAAC,aAAa;QACnC;QACA,GAAG,uBAAuB;QAC1B,gBAAgB,CAAC,CAAC;IACpB;AACF","sources":["packages/react-aria/src/tag/useTag.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';\nimport {DOMAttributes, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {hookData} from './useTagGroup';\nimport intlMessages from '../../intl/tag/*.json';\nimport {KeyboardEvent} from 'react';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {SelectableItemStates} from '../selection/useSelectableItem';\nimport {useDescription} from '../utils/useDescription';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridListItem} from '../gridlist/useGridListItem';\nimport {useId} from '../utils/useId';\nimport {useInteractionModality} from '../interactions/useFocusVisible';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface TagAria extends SelectableItemStates {\n  /** Props for the tag row element. */\n  rowProps: DOMAttributes;\n  /** Props for the tag cell element. */\n  gridCellProps: DOMAttributes;\n  /** Props for the tag remove button. */\n  removeButtonProps: AriaButtonProps;\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean;\n}\n\nexport interface AriaTagProps<T> {\n  /** An object representing the tag. Contains all the relevant information that makes up the tag. */\n  item: Node<T>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag component.\n *\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useListState`.\n * @param ref - A ref to a DOM element for the tag.\n */\nexport function useTag<T>(\n  props: AriaTagProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): TagAria {\n  let {item} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/tag');\n  let buttonId = useId();\n\n  let {onRemove} = hookData.get(state) || {};\n  let {rowProps, gridCellProps, ...states} = useGridListItem(\n    {\n      node: item\n    },\n    state,\n    ref\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {descriptionProps: _, ...stateWithoutDescription} = states;\n\n  let isDisabled = state.disabledKeys.has(item.key) || item.props.isDisabled;\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Delete' || e.key === 'Backspace') {\n      if (isDisabled) {\n        return;\n      }\n\n      e.preventDefault();\n      if (state.selectionManager.isSelected(item.key)) {\n        onRemove?.(new Set(state.selectionManager.selectedKeys));\n      } else {\n        onRemove?.(new Set([item.key]));\n      }\n    }\n  };\n\n  let modality = useInteractionModality();\n  if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) {\n    modality = 'pointer';\n  }\n  let description =\n    onRemove && (modality === 'keyboard' || modality === 'virtual')\n      ? stringFormatter.format('removeDescription')\n      : '';\n  let descProps = useDescription(description);\n\n  let isItemFocused = item.key === state.selectionManager.focusedKey;\n  let isFocused = state.selectionManager.focusedKey != null;\n  let tabIndex = -1;\n  if (!isDisabled && (isItemFocused || !isFocused)) {\n    tabIndex = 0;\n  }\n\n  let domProps = filterDOMProps(item.props);\n  let linkProps = useSyntheticLinkProps(item.props);\n  let {focusableProps} = useFocusable(\n    {\n      ...item.props,\n      isDisabled\n    },\n    ref\n  );\n\n  return {\n    removeButtonProps: {\n      'aria-label': stringFormatter.format('removeButtonLabel'),\n      'aria-labelledby': `${buttonId} ${rowProps.id}`,\n      isDisabled,\n      id: buttonId,\n      onPress: () => (onRemove ? onRemove(new Set([item.key])) : null)\n    },\n    rowProps: mergeProps(focusableProps, rowProps, domProps, linkProps, {\n      tabIndex,\n      onKeyDown: onRemove ? onKeyDown : undefined,\n      'aria-describedby': descProps['aria-describedby']\n    }),\n    gridCellProps: mergeProps(gridCellProps, {\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-label': props['aria-label']\n    }),\n    ...stateWithoutDescription,\n    allowsRemoving: !!onRemove\n  };\n}\n"],"names":[],"version":3,"file":"useTag.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA0CM,SAAS,0CACd,KAAsB,EACtB,KAAmB,EACnB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,kBAAkB,CAAA,GAAA,qDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,WAAW,CAAA,GAAA,+BAAI;IAEnB,IAAI,YAAC,QAAQ,EAAC,GAAG,CAAA,GAAA,kCAAO,EAAE,GAAG,CAAC,UAAU,CAAC;IACzC,IAAI,YAAC,QAAQ,iBAAE,aAAa,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,yCAAc,EACvD;QACE,MAAM;IACR,GACA,OACA;IAGF,6DAA6D;IAC7D,IAAI,EAAC,kBAAkB,CAAC,EAAE,GAAG,yBAAwB,GAAG;IAExD,IAAI,aAAa,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,KAAK,KAAK,CAAC,UAAU;IAC1E,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,qCAAU,EAAE;oBAChC;QACA,WAAW;YACT,QAAQ;gBACN,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,GAC5C,WAAW,IAAI,IAAI,MAAM,gBAAgB,CAAC,YAAY;qBAEtD,WAAW,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC;YAEjC;YACA,WAAW;gBACT,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,GAC5C,WAAW,IAAI,IAAI,MAAM,gBAAgB,CAAC,YAAY;qBAEtD,WAAW,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC;YAEjC;QACF;QACA,cAAc;IAChB;IAEA,IAAI,WAAW,CAAA,GAAA,gDAAqB;IACpC,IAAI,aAAa,aAAa,OAAO,WAAW,eAAe,kBAAkB,QAC/E,WAAW;IAEb,IAAI,cACF,YAAa,CAAA,aAAa,cAAc,aAAa,SAAQ,IACzD,gBAAgB,MAAM,CAAC,uBACvB;IACN,IAAI,YAAY,CAAA,GAAA,wCAAa,EAAE;IAE/B,IAAI,gBAAgB,KAAK,GAAG,KAAK,MAAM,gBAAgB,CAAC,UAAU;IAClE,IAAI,YAAY,MAAM,gBAAgB,CAAC,UAAU,IAAI;IACrD,IAAI,WAAW;IACf,IAAI,CAAC,cAAe,CAAA,iBAAiB,CAAC,SAAQ,GAC5C,WAAW;IAGb,IAAI,WAAW,CAAA,GAAA,wCAAa,EAAE,KAAK,KAAK;IACxC,IAAI,YAAY,CAAA,GAAA,+CAAoB,EAAE,KAAK,KAAK;IAChD,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,sCAAW,EAChC;QACE,GAAG,KAAK,KAAK;oBACb;IACF,GACA;IAGF,OAAO;QACL,mBAAmB;YACjB,cAAc,gBAAgB,MAAM,CAAC;YACrC,mBAAmB,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;wBAC/C;YACA,IAAI;YACJ,SAAS,IAAO,WAAW,SAAS,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC,KAAK;QAC7D;QACA,UAAU,CAAA,GAAA,oCAAS,EAAE,gBAAgB,UAAU,UAAU,WAAW;sBAClE;YACA,GAAI,WAAW,gBAAgB,CAAC,CAAC;YACjC,oBAAoB,SAAS,CAAC,mBAAmB;QACnD;QACA,eAAe,CAAA,GAAA,oCAAS,EAAE,eAAe;YACvC,qBAAqB,KAAK,CAAC,oBAAoB;YAC/C,cAAc,KAAK,CAAC,aAAa;QACnC;QACA,GAAG,uBAAuB;QAC1B,gBAAgB,CAAC,CAAC;IACpB;AACF","sources":["packages/react-aria/src/tag/useTag.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';\nimport {DOMAttributes, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {hookData} from './useTagGroup';\nimport intlMessages from '../../intl/tag/*.json';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {SelectableItemStates} from '../selection/useSelectableItem';\nimport {useDescription} from '../utils/useDescription';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridListItem} from '../gridlist/useGridListItem';\nimport {useId} from '../utils/useId';\nimport {useInteractionModality} from '../interactions/useFocusVisible';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface TagAria extends SelectableItemStates {\n  /** Props for the tag row element. */\n  rowProps: DOMAttributes;\n  /** Props for the tag cell element. */\n  gridCellProps: DOMAttributes;\n  /** Props for the tag remove button. */\n  removeButtonProps: AriaButtonProps;\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean;\n}\n\nexport interface AriaTagProps<T> {\n  /** An object representing the tag. Contains all the relevant information that makes up the tag. */\n  item: Node<T>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag component.\n *\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useListState`.\n * @param ref - A ref to a DOM element for the tag.\n */\nexport function useTag<T>(\n  props: AriaTagProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): TagAria {\n  let {item} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/tag');\n  let buttonId = useId();\n\n  let {onRemove} = hookData.get(state) || {};\n  let {rowProps, gridCellProps, ...states} = useGridListItem(\n    {\n      node: item\n    },\n    state,\n    ref\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {descriptionProps: _, ...stateWithoutDescription} = states;\n\n  let isDisabled = state.disabledKeys.has(item.key) || item.props.isDisabled;\n  let {keyboardProps} = useKeyboard({\n    isDisabled,\n    shortcuts: {\n      Delete: () => {\n        if (state.selectionManager.isSelected(item.key)) {\n          onRemove?.(new Set(state.selectionManager.selectedKeys));\n        } else {\n          onRemove?.(new Set([item.key]));\n        }\n      },\n      Backspace: () => {\n        if (state.selectionManager.isSelected(item.key)) {\n          onRemove?.(new Set(state.selectionManager.selectedKeys));\n        } else {\n          onRemove?.(new Set([item.key]));\n        }\n      }\n    },\n    allowRepeats: true\n  });\n\n  let modality = useInteractionModality();\n  if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) {\n    modality = 'pointer';\n  }\n  let description =\n    onRemove && (modality === 'keyboard' || modality === 'virtual')\n      ? stringFormatter.format('removeDescription')\n      : '';\n  let descProps = useDescription(description);\n\n  let isItemFocused = item.key === state.selectionManager.focusedKey;\n  let isFocused = state.selectionManager.focusedKey != null;\n  let tabIndex = -1;\n  if (!isDisabled && (isItemFocused || !isFocused)) {\n    tabIndex = 0;\n  }\n\n  let domProps = filterDOMProps(item.props);\n  let linkProps = useSyntheticLinkProps(item.props);\n  let {focusableProps} = useFocusable(\n    {\n      ...item.props,\n      isDisabled\n    },\n    ref\n  );\n\n  return {\n    removeButtonProps: {\n      'aria-label': stringFormatter.format('removeButtonLabel'),\n      'aria-labelledby': `${buttonId} ${rowProps.id}`,\n      isDisabled,\n      id: buttonId,\n      onPress: () => (onRemove ? onRemove(new Set([item.key])) : null)\n    },\n    rowProps: mergeProps(focusableProps, rowProps, domProps, linkProps, {\n      tabIndex,\n      ...(onRemove ? keyboardProps : {}),\n      'aria-describedby': descProps['aria-describedby']\n    }),\n    gridCellProps: mergeProps(gridCellProps, {\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-label': props['aria-label']\n    }),\n    ...stateWithoutDescription,\n    allowsRemoving: !!onRemove\n  };\n}\n"],"names":[],"version":3,"file":"useTag.cjs.map"}

package/dist/private/tag/useTag.js

@@ -7,6 +7,7 @@ import {useFocusable as $088f27a386bc4a8f$export$4c014de7c8940b4c} from "../inte
 import {useGridListItem as $7d08662b45460e3b$export$9610e69494fadfd2} from "../gridlist/useGridListItem.js";
 import {useId as $0292efe68908de6b$export$f680877a34711e37} from "../utils/useId.js";
 import {useInteractionModality as $b50b1cc8a843ace7$export$98e20ec92f614cfe} from "../interactions/useFocusVisible.js";
+import {useKeyboard as $bf74df7506f65576$export$8f71654801c2f7cd} from "../interactions/useKeyboard.js";
 import {useLocalizedStringFormatter as $1adfa757ef3cd864$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.js";
 import {useSyntheticLinkProps as $044d3c97ce5d6621$export$bdc77b0c0a3a85d6} from "../utils/openLink.js";
 
@@ -35,6 +36,7 @@ function $parcel$interopDefault(a) {
 
 
 
+
 function $b13ee33d16055494$export$3f568fff7dff2f03(props, state, ref) {
     let { item: item } = props;
     let stringFormatter = (0, $1adfa757ef3cd864$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($ecwFx$intlStringsjs))), '@react-aria/tag');
@@ -46,16 +48,24 @@ function $b13ee33d16055494$export$3f568fff7dff2f03(props, state, ref) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let { descriptionProps: _, ...stateWithoutDescription } = states;
     let isDisabled = state.disabledKeys.has(item.key) || item.props.isDisabled;
-    let onKeyDown = (e)=>{
-        if (e.key === 'Delete' || e.key === 'Backspace') {
-            if (isDisabled) return;
-            e.preventDefault();
-            if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set(state.selectionManager.selectedKeys));
-            else onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set([
-                item.key
-            ]));
-        }
-    };
+    let { keyboardProps: keyboardProps } = (0, $bf74df7506f65576$export$8f71654801c2f7cd)({
+        isDisabled: isDisabled,
+        shortcuts: {
+            Delete: ()=>{
+                if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set(state.selectionManager.selectedKeys));
+                else onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set([
+                    item.key
+                ]));
+            },
+            Backspace: ()=>{
+                if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set(state.selectionManager.selectedKeys));
+                else onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set([
+                    item.key
+                ]));
+            }
+        },
+        allowRepeats: true
+    });
     let modality = (0, $b50b1cc8a843ace7$export$98e20ec92f614cfe)();
     if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) modality = 'pointer';
     let description = onRemove && (modality === 'keyboard' || modality === 'virtual') ? stringFormatter.format('removeDescription') : '';
@@ -82,7 +92,7 @@ function $b13ee33d16055494$export$3f568fff7dff2f03(props, state, ref) {
         },
         rowProps: (0, $64c36edd757dfa16$export$9d1611c77c2fe928)(focusableProps, rowProps, domProps, linkProps, {
             tabIndex: tabIndex,
-            onKeyDown: onRemove ? onKeyDown : undefined,
+            ...onRemove ? keyboardProps : {},
             'aria-describedby': descProps['aria-describedby']
         }),
         gridCellProps: (0, $64c36edd757dfa16$export$9d1611c77c2fe928)(gridCellProps, {

package/dist/private/tag/useTag.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA0CM,SAAS,0CACd,KAAsB,EACtB,KAAmB,EACnB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,WAAW,CAAA,GAAA,yCAAI;IAEnB,IAAI,YAAC,QAAQ,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE,GAAG,CAAC,UAAU,CAAC;IACzC,IAAI,YAAC,QAAQ,iBAAE,aAAa,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,yCAAc,EACvD;QACE,MAAM;IACR,GACA,OACA;IAGF,6DAA6D;IAC7D,IAAI,EAAC,kBAAkB,CAAC,EAAE,GAAG,yBAAwB,GAAG;IAExD,IAAI,aAAa,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,KAAK,KAAK,CAAC,UAAU;IAC1E,IAAI,YAAY,CAAC;QACf,IAAI,EAAE,GAAG,KAAK,YAAY,EAAE,GAAG,KAAK,aAAa;YAC/C,IAAI,YACF;YAGF,EAAE,cAAc;YAChB,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,GAC5C,qBAAA,+BAAA,SAAW,IAAI,IAAI,MAAM,gBAAgB,CAAC,YAAY;iBAEtD,qBAAA,+BAAA,SAAW,IAAI,IAAI;gBAAC,KAAK,GAAG;aAAC;QAEjC;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,yCAAqB;IACpC,IAAI,aAAa,aAAa,OAAO,WAAW,eAAe,kBAAkB,QAC/E,WAAW;IAEb,IAAI,cACF,YAAa,CAAA,aAAa,cAAc,aAAa,SAAQ,IACzD,gBAAgB,MAAM,CAAC,uBACvB;IACN,IAAI,YAAY,CAAA,GAAA,yCAAa,EAAE;IAE/B,IAAI,gBAAgB,KAAK,GAAG,KAAK,MAAM,gBAAgB,CAAC,UAAU;IAClE,IAAI,YAAY,MAAM,gBAAgB,CAAC,UAAU,IAAI;IACrD,IAAI,WAAW;IACf,IAAI,CAAC,cAAe,CAAA,iBAAiB,CAAC,SAAQ,GAC5C,WAAW;IAGb,IAAI,WAAW,CAAA,GAAA,yCAAa,EAAE,KAAK,KAAK;IACxC,IAAI,YAAY,CAAA,GAAA,yCAAoB,EAAE,KAAK,KAAK;IAChD,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAChC;QACE,GAAG,KAAK,KAAK;oBACb;IACF,GACA;IAGF,OAAO;QACL,mBAAmB;YACjB,cAAc,gBAAgB,MAAM,CAAC;YACrC,mBAAmB,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;wBAC/C;YACA,IAAI;YACJ,SAAS,IAAO,WAAW,SAAS,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC,KAAK;QAC7D;QACA,UAAU,CAAA,GAAA,yCAAS,EAAE,gBAAgB,UAAU,UAAU,WAAW;sBAClE;YACA,WAAW,WAAW,YAAY;YAClC,oBAAoB,SAAS,CAAC,mBAAmB;QACnD;QACA,eAAe,CAAA,GAAA,yCAAS,EAAE,eAAe;YACvC,qBAAqB,KAAK,CAAC,oBAAoB;YAC/C,cAAc,KAAK,CAAC,aAAa;QACnC;QACA,GAAG,uBAAuB;QAC1B,gBAAgB,CAAC,CAAC;IACpB;AACF","sources":["packages/react-aria/src/tag/useTag.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';\nimport {DOMAttributes, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {hookData} from './useTagGroup';\nimport intlMessages from '../../intl/tag/*.json';\nimport {KeyboardEvent} from 'react';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {SelectableItemStates} from '../selection/useSelectableItem';\nimport {useDescription} from '../utils/useDescription';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridListItem} from '../gridlist/useGridListItem';\nimport {useId} from '../utils/useId';\nimport {useInteractionModality} from '../interactions/useFocusVisible';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface TagAria extends SelectableItemStates {\n  /** Props for the tag row element. */\n  rowProps: DOMAttributes;\n  /** Props for the tag cell element. */\n  gridCellProps: DOMAttributes;\n  /** Props for the tag remove button. */\n  removeButtonProps: AriaButtonProps;\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean;\n}\n\nexport interface AriaTagProps<T> {\n  /** An object representing the tag. Contains all the relevant information that makes up the tag. */\n  item: Node<T>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag component.\n *\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useListState`.\n * @param ref - A ref to a DOM element for the tag.\n */\nexport function useTag<T>(\n  props: AriaTagProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): TagAria {\n  let {item} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/tag');\n  let buttonId = useId();\n\n  let {onRemove} = hookData.get(state) || {};\n  let {rowProps, gridCellProps, ...states} = useGridListItem(\n    {\n      node: item\n    },\n    state,\n    ref\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {descriptionProps: _, ...stateWithoutDescription} = states;\n\n  let isDisabled = state.disabledKeys.has(item.key) || item.props.isDisabled;\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Delete' || e.key === 'Backspace') {\n      if (isDisabled) {\n        return;\n      }\n\n      e.preventDefault();\n      if (state.selectionManager.isSelected(item.key)) {\n        onRemove?.(new Set(state.selectionManager.selectedKeys));\n      } else {\n        onRemove?.(new Set([item.key]));\n      }\n    }\n  };\n\n  let modality = useInteractionModality();\n  if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) {\n    modality = 'pointer';\n  }\n  let description =\n    onRemove && (modality === 'keyboard' || modality === 'virtual')\n      ? stringFormatter.format('removeDescription')\n      : '';\n  let descProps = useDescription(description);\n\n  let isItemFocused = item.key === state.selectionManager.focusedKey;\n  let isFocused = state.selectionManager.focusedKey != null;\n  let tabIndex = -1;\n  if (!isDisabled && (isItemFocused || !isFocused)) {\n    tabIndex = 0;\n  }\n\n  let domProps = filterDOMProps(item.props);\n  let linkProps = useSyntheticLinkProps(item.props);\n  let {focusableProps} = useFocusable(\n    {\n      ...item.props,\n      isDisabled\n    },\n    ref\n  );\n\n  return {\n    removeButtonProps: {\n      'aria-label': stringFormatter.format('removeButtonLabel'),\n      'aria-labelledby': `${buttonId} ${rowProps.id}`,\n      isDisabled,\n      id: buttonId,\n      onPress: () => (onRemove ? onRemove(new Set([item.key])) : null)\n    },\n    rowProps: mergeProps(focusableProps, rowProps, domProps, linkProps, {\n      tabIndex,\n      onKeyDown: onRemove ? onKeyDown : undefined,\n      'aria-describedby': descProps['aria-describedby']\n    }),\n    gridCellProps: mergeProps(gridCellProps, {\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-label': props['aria-label']\n    }),\n    ...stateWithoutDescription,\n    allowsRemoving: !!onRemove\n  };\n}\n"],"names":[],"version":3,"file":"useTag.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AA0CM,SAAS,0CACd,KAAsB,EACtB,KAAmB,EACnB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,WAAW,CAAA,GAAA,yCAAI;IAEnB,IAAI,YAAC,QAAQ,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE,GAAG,CAAC,UAAU,CAAC;IACzC,IAAI,YAAC,QAAQ,iBAAE,aAAa,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,yCAAc,EACvD;QACE,MAAM;IACR,GACA,OACA;IAGF,6DAA6D;IAC7D,IAAI,EAAC,kBAAkB,CAAC,EAAE,GAAG,yBAAwB,GAAG;IAExD,IAAI,aAAa,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,KAAK,KAAK,CAAC,UAAU;IAC1E,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;oBAChC;QACA,WAAW;YACT,QAAQ;gBACN,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,GAC5C,qBAAA,+BAAA,SAAW,IAAI,IAAI,MAAM,gBAAgB,CAAC,YAAY;qBAEtD,qBAAA,+BAAA,SAAW,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC;YAEjC;YACA,WAAW;gBACT,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,GAC5C,qBAAA,+BAAA,SAAW,IAAI,IAAI,MAAM,gBAAgB,CAAC,YAAY;qBAEtD,qBAAA,+BAAA,SAAW,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC;YAEjC;QACF;QACA,cAAc;IAChB;IAEA,IAAI,WAAW,CAAA,GAAA,yCAAqB;IACpC,IAAI,aAAa,aAAa,OAAO,WAAW,eAAe,kBAAkB,QAC/E,WAAW;IAEb,IAAI,cACF,YAAa,CAAA,aAAa,cAAc,aAAa,SAAQ,IACzD,gBAAgB,MAAM,CAAC,uBACvB;IACN,IAAI,YAAY,CAAA,GAAA,yCAAa,EAAE;IAE/B,IAAI,gBAAgB,KAAK,GAAG,KAAK,MAAM,gBAAgB,CAAC,UAAU;IAClE,IAAI,YAAY,MAAM,gBAAgB,CAAC,UAAU,IAAI;IACrD,IAAI,WAAW;IACf,IAAI,CAAC,cAAe,CAAA,iBAAiB,CAAC,SAAQ,GAC5C,WAAW;IAGb,IAAI,WAAW,CAAA,GAAA,yCAAa,EAAE,KAAK,KAAK;IACxC,IAAI,YAAY,CAAA,GAAA,yCAAoB,EAAE,KAAK,KAAK;IAChD,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAChC;QACE,GAAG,KAAK,KAAK;oBACb;IACF,GACA;IAGF,OAAO;QACL,mBAAmB;YACjB,cAAc,gBAAgB,MAAM,CAAC;YACrC,mBAAmB,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;wBAC/C;YACA,IAAI;YACJ,SAAS,IAAO,WAAW,SAAS,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC,KAAK;QAC7D;QACA,UAAU,CAAA,GAAA,yCAAS,EAAE,gBAAgB,UAAU,UAAU,WAAW;sBAClE;YACA,GAAI,WAAW,gBAAgB,CAAC,CAAC;YACjC,oBAAoB,SAAS,CAAC,mBAAmB;QACnD;QACA,eAAe,CAAA,GAAA,yCAAS,EAAE,eAAe;YACvC,qBAAqB,KAAK,CAAC,oBAAoB;YAC/C,cAAc,KAAK,CAAC,aAAa;QACnC;QACA,GAAG,uBAAuB;QAC1B,gBAAgB,CAAC,CAAC;IACpB;AACF","sources":["packages/react-aria/src/tag/useTag.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';\nimport {DOMAttributes, FocusableElement, Node, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {hookData} from './useTagGroup';\nimport intlMessages from '../../intl/tag/*.json';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {SelectableItemStates} from '../selection/useSelectableItem';\nimport {useDescription} from '../utils/useDescription';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridListItem} from '../gridlist/useGridListItem';\nimport {useId} from '../utils/useId';\nimport {useInteractionModality} from '../interactions/useFocusVisible';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface TagAria extends SelectableItemStates {\n  /** Props for the tag row element. */\n  rowProps: DOMAttributes;\n  /** Props for the tag cell element. */\n  gridCellProps: DOMAttributes;\n  /** Props for the tag remove button. */\n  removeButtonProps: AriaButtonProps;\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean;\n}\n\nexport interface AriaTagProps<T> {\n  /** An object representing the tag. Contains all the relevant information that makes up the tag. */\n  item: Node<T>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tag component.\n *\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useListState`.\n * @param ref - A ref to a DOM element for the tag.\n */\nexport function useTag<T>(\n  props: AriaTagProps<T>,\n  state: ListState<T>,\n  ref: RefObject<FocusableElement | null>\n): TagAria {\n  let {item} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/tag');\n  let buttonId = useId();\n\n  let {onRemove} = hookData.get(state) || {};\n  let {rowProps, gridCellProps, ...states} = useGridListItem(\n    {\n      node: item\n    },\n    state,\n    ref\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {descriptionProps: _, ...stateWithoutDescription} = states;\n\n  let isDisabled = state.disabledKeys.has(item.key) || item.props.isDisabled;\n  let {keyboardProps} = useKeyboard({\n    isDisabled,\n    shortcuts: {\n      Delete: () => {\n        if (state.selectionManager.isSelected(item.key)) {\n          onRemove?.(new Set(state.selectionManager.selectedKeys));\n        } else {\n          onRemove?.(new Set([item.key]));\n        }\n      },\n      Backspace: () => {\n        if (state.selectionManager.isSelected(item.key)) {\n          onRemove?.(new Set(state.selectionManager.selectedKeys));\n        } else {\n          onRemove?.(new Set([item.key]));\n        }\n      }\n    },\n    allowRepeats: true\n  });\n\n  let modality = useInteractionModality();\n  if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) {\n    modality = 'pointer';\n  }\n  let description =\n    onRemove && (modality === 'keyboard' || modality === 'virtual')\n      ? stringFormatter.format('removeDescription')\n      : '';\n  let descProps = useDescription(description);\n\n  let isItemFocused = item.key === state.selectionManager.focusedKey;\n  let isFocused = state.selectionManager.focusedKey != null;\n  let tabIndex = -1;\n  if (!isDisabled && (isItemFocused || !isFocused)) {\n    tabIndex = 0;\n  }\n\n  let domProps = filterDOMProps(item.props);\n  let linkProps = useSyntheticLinkProps(item.props);\n  let {focusableProps} = useFocusable(\n    {\n      ...item.props,\n      isDisabled\n    },\n    ref\n  );\n\n  return {\n    removeButtonProps: {\n      'aria-label': stringFormatter.format('removeButtonLabel'),\n      'aria-labelledby': `${buttonId} ${rowProps.id}`,\n      isDisabled,\n      id: buttonId,\n      onPress: () => (onRemove ? onRemove(new Set([item.key])) : null)\n    },\n    rowProps: mergeProps(focusableProps, rowProps, domProps, linkProps, {\n      tabIndex,\n      ...(onRemove ? keyboardProps : {}),\n      'aria-describedby': descProps['aria-describedby']\n    }),\n    gridCellProps: mergeProps(gridCellProps, {\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-label': props['aria-label']\n    }),\n    ...stateWithoutDescription,\n    allowsRemoving: !!onRemove\n  };\n}\n"],"names":[],"version":3,"file":"useTag.js.map"}