react-aria 3.48.0 → 3.50.0

package/dist/private/table/useTableColumnResize.cjs.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';\n// @ts-ignore\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  /** An object representing the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader). Contains all the relevant information that makes up the column header. */\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,\n   * focus will be returned there when resizing is done. If it isn't provided, it is assumed that the resizer is\n   * visible at all time and keyboard resizing is started via pressing Enter on the 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 * @param props - Props for the resizer.\n * @param state - State for the table's resizable columns, as returned by `useTableColumnResizeState`.\n * @param ref - The ref attached to the resizer's visually hidden input element.\n */\nexport function useTableColumnResize<T>(props: AriaTableColumnResizeProps<T>, state: TableColumnResizeState<T>, ref: RefObject<HTMLInputElement | null>): TableColumnResizeAria {\n  let {column: item, triggerRef, isDisabled, onResizeStart, onResize, onResizeEnd, 'aria-label': ariaLabel} = 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((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  }, [state, onResizeStart]);\n\n  let resize = useCallback((item, newWidth) => {\n    let sizes = state.updateResizedColumns(item.key, newWidth);\n    onResize?.(sizes);\n    lastSize.current = sizes;\n  }, [state, onResize]);\n\n  let endResize = useCallback((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  }, [state, triggerRef, onResizeEnd]);\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((e) => {\n    if (editModeEnabled) {\n      moveProps.onKeyDown?.(e);\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 = triggerRef?.current == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : 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 (prevResizingColumn.current !== resizingColumn && resizingColumn != null && resizingColumn === item.key) {\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 (((e.pointerType === 'touch' && wasFocusedOnResizeStart.current) || e.pointerType === 'mouse') && state.resizingColumn != null) {\n        endResize(item);\n      }\n    }\n  });\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  return {\n    resizerProps: mergeProps(\n      keyboardProps,\n      {...moveProps, onKeyDown},\n      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.cjs.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} 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.cjs.map"}

package/dist/private/table/useTableColumnResize.js

@@ -152,7 +152,7 @@ function $966c74f4398bece2$export$52994e973806c219(props, state, ref) {
         'aria-valuetext': stringFormatter.format('columnSize', {
             value: value
         }),
-        'type': 'range',
+        type: 'range',
         min: min,
         max: max,
         value: value,

package/dist/private/table/useTableColumnResize.js.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';\n// @ts-ignore\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  /** An object representing the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader). Contains all the relevant information that makes up the column header. */\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,\n   * focus will be returned there when resizing is done. If it isn't provided, it is assumed that the resizer is\n   * visible at all time and keyboard resizing is started via pressing Enter on the 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 * @param props - Props for the resizer.\n * @param state - State for the table's resizable columns, as returned by `useTableColumnResizeState`.\n * @param ref - The ref attached to the resizer's visually hidden input element.\n */\nexport function useTableColumnResize<T>(props: AriaTableColumnResizeProps<T>, state: TableColumnResizeState<T>, ref: RefObject<HTMLInputElement | null>): TableColumnResizeAria {\n  let {column: item, triggerRef, isDisabled, onResizeStart, onResize, onResizeEnd, 'aria-label': ariaLabel} = 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((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  }, [state, onResizeStart]);\n\n  let resize = useCallback((item, newWidth) => {\n    let sizes = state.updateResizedColumns(item.key, newWidth);\n    onResize?.(sizes);\n    lastSize.current = sizes;\n  }, [state, onResize]);\n\n  let endResize = useCallback((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  }, [state, triggerRef, onResizeEnd]);\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((e) => {\n    if (editModeEnabled) {\n      moveProps.onKeyDown?.(e);\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 = triggerRef?.current == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : 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 (prevResizingColumn.current !== resizingColumn && resizingColumn != null && resizingColumn === item.key) {\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 (((e.pointerType === 'touch' && wasFocusedOnResizeStart.current) || e.pointerType === 'mouse') && state.resizingColumn != null) {\n        endResize(item);\n      }\n    }\n  });\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  return {\n    resizerProps: mergeProps(\n      keyboardProps,\n      {...moveProps, onKeyDown},\n      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.js.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} 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.js.map"}

package/dist/private/table/useTableColumnResize.mjs

@@ -151,7 +151,7 @@ function $963a203da37f9c8f$export$52994e973806c219(props, state, ref) {
         'aria-valuetext': stringFormatter.format('columnSize', {
             value: value
         }),
-        'type': 'range',
+        type: 'range',
         min: min,
         max: max,
         value: value,

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';\n// @ts-ignore\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  /** An object representing the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader). Contains all the relevant information that makes up the column header. */\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,\n   * focus will be returned there when resizing is done. If it isn't provided, it is assumed that the resizer is\n   * visible at all time and keyboard resizing is started via pressing Enter on the 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 * @param props - Props for the resizer.\n * @param state - State for the table's resizable columns, as returned by `useTableColumnResizeState`.\n * @param ref - The ref attached to the resizer's visually hidden input element.\n */\nexport function useTableColumnResize<T>(props: AriaTableColumnResizeProps<T>, state: TableColumnResizeState<T>, ref: RefObject<HTMLInputElement | null>): TableColumnResizeAria {\n  let {column: item, triggerRef, isDisabled, onResizeStart, onResize, onResizeEnd, 'aria-label': ariaLabel} = 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((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  }, [state, onResizeStart]);\n\n  let resize = useCallback((item, newWidth) => {\n    let sizes = state.updateResizedColumns(item.key, newWidth);\n    onResize?.(sizes);\n    lastSize.current = sizes;\n  }, [state, onResize]);\n\n  let endResize = useCallback((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  }, [state, triggerRef, onResizeEnd]);\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((e) => {\n    if (editModeEnabled) {\n      moveProps.onKeyDown?.(e);\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 = triggerRef?.current == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : 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 (prevResizingColumn.current !== resizingColumn && resizingColumn != null && resizingColumn === item.key) {\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 (((e.pointerType === 'touch' && wasFocusedOnResizeStart.current) || e.pointerType === 'mouse') && state.resizingColumn != null) {\n        endResize(item);\n      }\n    }\n  });\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  return {\n    resizerProps: mergeProps(\n      keyboardProps,\n      {...moveProps, onKeyDown},\n      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":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAiEM,SAAS,0CACd,KAAoC,EACpC,KAAgC,EAChC,GAAuC;IAEvC,IAAI,EACF,QAAQ,IAAI,cACZ,UAAU,cACV,UAAU,iBACV,aAAa,YACb,QAAQ,eACR,WAAW,EACX,cAAc,SAAS,EACxB,GAAG;IACJ,MAAM,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAClE,IAAI,KAAK,CAAA,GAAA,yCAAI;IACb,IAAI,aAAa,MAAM,cAAc,KAAK,KAAK,GAAG;IAClD,IAAI,gBAAgB,CAAA,GAAA,aAAK,EAAE;IAC3B,IAAI,WAAW,CAAA,GAAA,aAAK,EAA+B;IACnD,IAAI,0BAA0B,CAAA,GAAA,aAAK,EAAE;IACrC,IAAI,kBAAkB,MAAM,UAAU,CAAC,4BAA4B;IAEnE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAE1B,IAAI,cAAc,CAAA,GAAA,kBAAU,EAC1B,CAAA;QACE,IAAI,CAAC,cAAc,OAAO,EAAE;YAC1B,SAAS,OAAO,GAAG,MAAM,oBAAoB,CAAC,KAAK,GAAG,EAAE,MAAM,cAAc,CAAC,KAAK,GAAG;YACrF,MAAM,WAAW,CAAC,KAAK,GAAG;YAC1B,MAAM,UAAU,CAAC,6BAA6B,CAAC;YAC/C,gBAAgB,SAAS,OAAO;QAClC;QACA,cAAc,OAAO,GAAG;IAC1B,GACA;QAAC;QAAO;KAAc;IAGxB,IAAI,SAAS,CAAA,GAAA,kBAAU,EACrB,CAAC,MAAM;QACL,IAAI,QAAQ,MAAM,oBAAoB,CAAC,KAAK,GAAG,EAAE;QACjD,WAAW;QACX,SAAS,OAAO,GAAG;IACrB,GACA;QAAC;QAAO;KAAS;IAGnB,IAAI,YAAY,CAAA,GAAA,kBAAU,EACxB,CAAA;QACE,IAAI,cAAc,OAAO,EAAE;YACzB,IAAI,SAAS,OAAO,IAAI,MACtB,SAAS,OAAO,GAAG,MAAM,oBAAoB,CAAC,KAAK,GAAG,EAAE,MAAM,cAAc,CAAC,KAAK,GAAG;YAGvF,MAAM,SAAS;YACf,MAAM,UAAU,CAAC,6BAA6B,CAAC;YAC/C,cAAc,SAAS,OAAO;YAC9B,cAAc,OAAO,GAAG;YAExB,IAAI,YAAY,WAAW,CAAC,wBAAwB,OAAO,EACzD,uGAAuG;YACvG,CAAA,GAAA,yCAAU,EAAE,WAAW,OAAO;QAElC;QACA,SAAS,OAAO,GAAG;IACrB,GACA;QAAC;QAAO;QAAY;KAAY;IAGlC,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAChC,WAAW,CAAA;YACT,IAAI,iBACF;gBAAA,IAAI,EAAE,GAAG,KAAK,YAAY,EAAE,GAAG,KAAK,WAAW,EAAE,GAAG,KAAK,OAAO,EAAE,GAAG,KAAK,OAAO;oBAC/E,EAAE,cAAc;oBAChB,UAAU;gBACZ;YAAA,OACK;gBACL,gHAAgH;gBAChH,EAAE,mBAAmB;gBAErB,IAAI,EAAE,GAAG,KAAK,SACZ,YAAY;YAEhB;QACF;IACF;IAEA,MAAM,uBAAuB,CAAA,GAAA,aAAK,EAAU;IAC5C,MAAM,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAM,EAAE;QAC1B;YACE,qBAAqB,OAAO,GAAG,MAAM,cAAc,CAAC,KAAK,GAAG;YAC5D,YAAY;QACd;QACA,QAAO,CAAC;YACN,IAAI,UAAC,MAAM,UAAE,MAAM,eAAE,WAAW,EAAC,GAAG;YACpC,IAAI,cAAc,OAChB,UAAU;YAEZ,IAAI,gBAAgB,YAAY;gBAC9B,IAAI,WAAW,KAAK,WAAW,GAC7B,SAAS,SAAS;gBAEpB,UAAU;YACZ;YACA,4CAA4C;YAC5C,IAAI,WAAW,GAAG;gBAChB,qBAAqB,OAAO,IAAI;gBAChC,OAAO,MAAM,qBAAqB,OAAO;YAC3C;QACF;QACA,WAAU,CAAC;YACT,IAAI,eAAC,WAAW,EAAC,GAAG;YACpB,qBAAqB,OAAO,GAAG;YAC/B,IAAI,gBAAgB,WAAY,gBAAgB,WAAW,wBAAwB,OAAO,EACxF,UAAU;QAEd;IACF;IAEA,IAAI,YAAY,CAAA,GAAA,kBAAU,EACxB,CAAA;QACE,IAAI,iBACF,UAAU,SAAS,GAAG;IAE1B,GACA;QAAC;QAAiB;KAAU;IAG9B,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,iBAAiB,CAAC,KAAK,GAAG;IACrD,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,iBAAiB,CAAC,KAAK,GAAG;IACrD,IAAI,QAAQ,UACV,MAAM,OAAO,gBAAgB;IAE/B,IAAI,QAAQ,KAAK,KAAK,CAAC,MAAM,cAAc,CAAC,KAAK,GAAG;IACpD,IAAI,WAA0B,CAAA,GAAA,yCAAqB;IACnD,IAAI,aAAa,aAAa,OAAO,WAAW,eAAe,kBAAkB,QAC/E,WAAW;IAEb,IAAI,cACF,YAAY,WAAW,QACtB,CAAA,aAAa,cAAc,aAAa,SAAQ,KACjD,CAAC,aACG,gBAAgB,MAAM,CAAC,wBACvB;IACN,IAAI,mBAAmB,CAAA,GAAA,yCAAa,EAAE;IACtC,IAAI,YAAY;QACd,cAAc;QACd,oBAAoB;QACpB,mBAAmB,GAAG,GAAG,CAAC,EAAE,CAAA,GAAA,yCAAgB,EAAE,MAAM,UAAU,EAAE,KAAK,GAAG,GAAG;QAC3E,kBAAkB,gBAAgB,MAAM,CAAC,cAAc;mBAAC;QAAK;QAC7D,MAAM;aACN;aACA;eACA;QACA,GAAG,gBAAgB;IACrB;IAEA,MAAM,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC7B,IAAI,IAAI,OAAO,EACb,CAAA,GAAA,yCAAU,EAAE,IAAI,OAAO;IAE3B,GAAG;QAAC;KAAI;IAER,IAAI,iBAAiB,MAAM,cAAc;IACzC,IAAI,qBAAqB,CAAA,GAAA,aAAK,EAAc;IAC5C,IAAI,mBAAmB,CAAA,GAAA,yCAAa,EAAE;IACtC,CAAA,GAAA,gBAAQ,EAAE;QACR,IACE,mBAAmB,OAAO,KAAK,kBAC/B,kBAAkB,QAClB,mBAAmB,KAAK,GAAG,EAC3B;YACA,wBAAwB,OAAO,GAAG,CAAA,GAAA,yCAAe,QAAQ,IAAI,OAAO;YACpE,iBAAiB;YACjB,kJAAkJ;YAClJ,IAAI,UAAU,WAAW,IAAM,cAAc;YAC7C,gEAAgE;YAChE,IAAI,YAAY,WAAW,YAAY;YACvC,OAAO;gBACL,aAAa;gBACb,aAAa;YACf;QACF;QACA,mBAAmB,OAAO,GAAG;IAC/B,GAAG;QAAC;QAAgB;QAAM;QAAY;KAAI;IAE1C,IAAI,WAAW,CAAC;QACd,IAAI,eAAe,MAAM,cAAc,CAAC,KAAK,GAAG;QAChD,IAAI,YAAY,WAAW,CAAA,GAAA,yCAAa,EAAE,GAAG,KAAK;QAElD,IAAI,YAAY,cACd,YAAY,eAAe;aAE3B,YAAY,eAAe;QAE7B,OAAO,MAAM;IACf;IAEA,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;QAC1B,qBAAqB;QACrB,cAAc,CAAA;YACZ,IAAI,EAAE,OAAO,IAAI,EAAE,MAAM,IAAI,EAAE,OAAO,IAAI,EAAE,QAAQ,IAAI,EAAE,WAAW,KAAK,YACxE;YAEF,IAAI,EAAE,WAAW,KAAK,aAAa,MAAM,cAAc,IAAI,MAAM;gBAC/D,UAAU;gBACV;YACF;YAEA,0GAA0G;YAC1G,iCAAiC;YACjC;YAEA,gIAAgI;YAChI,kDAAkD;YAClD,IAAI,EAAE,WAAW,KAAK,WACpB,YAAY;QAEhB;QACA,SAAS,CAAA;YACP,IACE,AAAC,CAAA,AAAC,EAAE,WAAW,KAAK,WAAW,wBAAwB,OAAO,IAC5D,EAAE,WAAW,KAAK,OAAM,KAC1B,MAAM,cAAc,IAAI,MAExB,UAAU;QAEd;IACF;IACA,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,yCAAgB;IAE5C,OAAO;QACL,cAAc,CAAA,GAAA,yCAAS,EAAE,eAAe;YAAC,GAAG,SAAS;uBAAE;QAAS,GAAG,YAAY;YAC7E,OAAO;gBAAC,aAAa;YAAM;QAC7B;QACA,YAAY,CAAA,GAAA,yCAAS,EACnB,qBACA;gBACE;YACA,QAAQ;gBACN,UAAU;YACZ;sBACA;YACA,UAAU;QACZ,GACA;oBAEF;IACF;AACF","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"}

package/dist/private/table/useTableHeaderRow.cjs

@@ -14,7 +14,8 @@ $parcel$export(module.exports, "useTableHeaderRow", function () { return $93b395
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ function $93b395a0a8d531d0$export$1b95a7d2d517b841(props, state, ref) {
+ */ function $93b395a0a8d531d0$export$1b95a7d2d517b841(props, state, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ref) {
     let { node: node, isVirtualized: isVirtualized } = props;
     let rowProps = {
         role: 'row'

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

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GAiBM,SAAS,0CAAqB,KAAsB,EAAE,KAAoB,EAAE,GAA8B;IAC/G,IAAI,QAAC,IAAI,iBAAE,aAAa,EAAC,GAAG;IAC5B,IAAI,WAAW;QACb,MAAM;IACR;IAEA,IAAI,iBAAiB,MAAM,UAAU,IAAI,MACvC,QAAQ,CAAC,gBAAgB,GAAG,KAAK,KAAK,GAAG,GAAG,2BAA2B;IAGzE,OAAO;kBACL;IACF;AACF","sources":["packages/react-aria/src/table/useTableHeaderRow.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 {DOMAttributes, RefObject} from '@react-types/shared';\nimport {GridRowProps} from '../grid/useGridRow';\nimport {TableState} from 'react-stately/useTableState';\n\nexport interface TableHeaderRowAria {\n  /** Props for the grid row element. */\n  rowProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a header row in a table.\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function useTableHeaderRow<T>(props: GridRowProps<T>, state: TableState<T>, ref: RefObject<Element | null>): TableHeaderRowAria {\n  let {node, isVirtualized} = props;\n  let rowProps = {\n    role: 'row'\n  };\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based\n  }\n\n  return {\n    rowProps\n  };\n}\n"],"names":[],"version":3,"file":"useTableHeaderRow.cjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GAiBM,SAAS,0CACd,KAAsB,EACtB,KAAoB,EACpB,6DAA6D;AAC7D,GAA8B;IAE9B,IAAI,QAAC,IAAI,iBAAE,aAAa,EAAC,GAAG;IAC5B,IAAI,WAAW;QACb,MAAM;IACR;IAEA,IAAI,iBAAiB,MAAM,UAAU,IAAI,MACvC,QAAQ,CAAC,gBAAgB,GAAG,KAAK,KAAK,GAAG,GAAG,2BAA2B;IAGzE,OAAO;kBACL;IACF;AACF","sources":["packages/react-aria/src/table/useTableHeaderRow.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 {DOMAttributes, RefObject} from '@react-types/shared';\nimport {GridRowProps} from '../grid/useGridRow';\nimport {TableState} from 'react-stately/useTableState';\n\nexport interface TableHeaderRowAria {\n  /** Props for the grid row element. */\n  rowProps: DOMAttributes;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a header 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 useTableHeaderRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T>,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ref: RefObject<Element | null>\n): TableHeaderRowAria {\n  let {node, isVirtualized} = props;\n  let rowProps = {\n    role: 'row'\n  };\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based\n  }\n\n  return {\n    rowProps\n  };\n}\n"],"names":[],"version":3,"file":"useTableHeaderRow.cjs.map"}

package/dist/private/table/useTableHeaderRow.js

@@ -8,7 +8,8 @@
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ function $edd2249e3a467c0d$export$1b95a7d2d517b841(props, state, ref) {
+ */ function $edd2249e3a467c0d$export$1b95a7d2d517b841(props, state, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ref) {
     let { node: node, isVirtualized: isVirtualized } = props;
     let rowProps = {
         role: 'row'

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

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;CAUC,GAiBM,SAAS,0CAAqB,KAAsB,EAAE,KAAoB,EAAE,GAA8B;IAC/G,IAAI,QAAC,IAAI,iBAAE,aAAa,EAAC,GAAG;IAC5B,IAAI,WAAW;QACb,MAAM;IACR;IAEA,IAAI,iBAAiB,MAAM,UAAU,IAAI,MACvC,QAAQ,CAAC,gBAAgB,GAAG,KAAK,KAAK,GAAG,GAAG,2BAA2B;IAGzE,OAAO;kBACL;IACF;AACF","sources":["packages/react-aria/src/table/useTableHeaderRow.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 {DOMAttributes, RefObject} from '@react-types/shared';\nimport {GridRowProps} from '../grid/useGridRow';\nimport {TableState} from 'react-stately/useTableState';\n\nexport interface TableHeaderRowAria {\n  /** Props for the grid row element. */\n  rowProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a header row in a table.\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function useTableHeaderRow<T>(props: GridRowProps<T>, state: TableState<T>, ref: RefObject<Element | null>): TableHeaderRowAria {\n  let {node, isVirtualized} = props;\n  let rowProps = {\n    role: 'row'\n  };\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based\n  }\n\n  return {\n    rowProps\n  };\n}\n"],"names":[],"version":3,"file":"useTableHeaderRow.js.map"}
+{"mappings":"AAAA;;;;;;;;;;CAUC,GAiBM,SAAS,0CACd,KAAsB,EACtB,KAAoB,EACpB,6DAA6D;AAC7D,GAA8B;IAE9B,IAAI,QAAC,IAAI,iBAAE,aAAa,EAAC,GAAG;IAC5B,IAAI,WAAW;QACb,MAAM;IACR;IAEA,IAAI,iBAAiB,MAAM,UAAU,IAAI,MACvC,QAAQ,CAAC,gBAAgB,GAAG,KAAK,KAAK,GAAG,GAAG,2BAA2B;IAGzE,OAAO;kBACL;IACF;AACF","sources":["packages/react-aria/src/table/useTableHeaderRow.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 {DOMAttributes, RefObject} from '@react-types/shared';\nimport {GridRowProps} from '../grid/useGridRow';\nimport {TableState} from 'react-stately/useTableState';\n\nexport interface TableHeaderRowAria {\n  /** Props for the grid row element. */\n  rowProps: DOMAttributes;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a header 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 useTableHeaderRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T>,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ref: RefObject<Element | null>\n): TableHeaderRowAria {\n  let {node, isVirtualized} = props;\n  let rowProps = {\n    role: 'row'\n  };\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based\n  }\n\n  return {\n    rowProps\n  };\n}\n"],"names":[],"version":3,"file":"useTableHeaderRow.js.map"}

package/dist/private/table/useTableHeaderRow.mjs

@@ -8,7 +8,8 @@
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ function $b79421b14039b021$export$1b95a7d2d517b841(props, state, ref) {
+ */ function $b79421b14039b021$export$1b95a7d2d517b841(props, state, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ref) {
     let { node: node, isVirtualized: isVirtualized } = props;
     let rowProps = {
         role: 'row'

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

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;CAUC,GAiBM,SAAS,0CAAqB,KAAsB,EAAE,KAAoB,EAAE,GAA8B;IAC/G,IAAI,QAAC,IAAI,iBAAE,aAAa,EAAC,GAAG;IAC5B,IAAI,WAAW;QACb,MAAM;IACR;IAEA,IAAI,iBAAiB,MAAM,UAAU,IAAI,MACvC,QAAQ,CAAC,gBAAgB,GAAG,KAAK,KAAK,GAAG,GAAG,2BAA2B;IAGzE,OAAO;kBACL;IACF;AACF","sources":["packages/react-aria/src/table/useTableHeaderRow.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 {DOMAttributes, RefObject} from '@react-types/shared';\nimport {GridRowProps} from '../grid/useGridRow';\nimport {TableState} from 'react-stately/useTableState';\n\nexport interface TableHeaderRowAria {\n  /** Props for the grid row element. */\n  rowProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a header row in a table.\n * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function useTableHeaderRow<T>(props: GridRowProps<T>, state: TableState<T>, ref: RefObject<Element | null>): TableHeaderRowAria {\n  let {node, isVirtualized} = props;\n  let rowProps = {\n    role: 'row'\n  };\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based\n  }\n\n  return {\n    rowProps\n  };\n}\n"],"names":[],"version":3,"file":"useTableHeaderRow.mjs.map"}
+{"mappings":"AAAA;;;;;;;;;;CAUC,GAiBM,SAAS,0CACd,KAAsB,EACtB,KAAoB,EACpB,6DAA6D;AAC7D,GAA8B;IAE9B,IAAI,QAAC,IAAI,iBAAE,aAAa,EAAC,GAAG;IAC5B,IAAI,WAAW;QACb,MAAM;IACR;IAEA,IAAI,iBAAiB,MAAM,UAAU,IAAI,MACvC,QAAQ,CAAC,gBAAgB,GAAG,KAAK,KAAK,GAAG,GAAG,2BAA2B;IAGzE,OAAO;kBACL;IACF;AACF","sources":["packages/react-aria/src/table/useTableHeaderRow.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 {DOMAttributes, RefObject} from '@react-types/shared';\nimport {GridRowProps} from '../grid/useGridRow';\nimport {TableState} from 'react-stately/useTableState';\n\nexport interface TableHeaderRowAria {\n  /** Props for the grid row element. */\n  rowProps: DOMAttributes;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a header 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 useTableHeaderRow<T>(\n  props: GridRowProps<T>,\n  state: TableState<T>,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ref: RefObject<Element | null>\n): TableHeaderRowAria {\n  let {node, isVirtualized} = props;\n  let rowProps = {\n    role: 'row'\n  };\n\n  if (isVirtualized && state.treeColumn == null) {\n    rowProps['aria-rowindex'] = node.index + 1; // aria-rowindex is 1 based\n  }\n\n  return {\n    rowProps\n  };\n}\n"],"names":[],"version":3,"file":"useTableHeaderRow.mjs.map"}

package/dist/private/table/useTableRow.cjs

@@ -40,7 +40,7 @@ const $068ae3d49ce17647$var$EXPANSION_KEYS = {
         ltr: 'ArrowRight',
         rtl: 'ArrowLeft'
     },
-    'collapse': {
+    collapse: {
         ltr: 'ArrowLeft',
         rtl: 'ArrowRight'
     }
@@ -78,7 +78,7 @@ function $068ae3d49ce17647$export$7f2f6ae19e707aa5(props, state, ref) {
                             if (hasChildRows && state.expandedKeys.has(treeNode.key)) {
                                 state.toggleKey(treeNode.key);
                                 e.stopPropagation();
-                            } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey && treeNode.level > 0) {
+                            } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey != null && treeNode.level > 0) {
                                 // Item is a leaf or already collapsed, move focus to parent
                                 state.selectionManager.setFocusedKey(treeNode.parentKey);
                                 e.stopPropagation();

package/dist/private/table/useTableRow.cjs.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';\n// @ts-ignore\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 * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(props: GridRowProps<T>, state: TableState<T> | TreeGridState<T>, ref: RefObject<FocusableElement | null>): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(props, state as TableState<T>, ref);\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 = 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 ? stringFormatter.format('collapse') : 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 = treeNode.props?.hasChildRows || treeNode.props?.UNSTABLE_childItems || 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 ((e.key === EXPANSION_KEYS['expand'][direction]) && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== 'all' && !state.expandedKeys.has(treeNode.key)) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if ((e.key === EXPANSION_KEYS['collapse'][direction]) && state.selectionManager.focusedKey === treeNode.key) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey && treeNode.level > 0) {\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 ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key) : 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    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"}

package/dist/private/table/useTableRow.js

@@ -34,7 +34,7 @@ const $e2f10f6b84ce4b1d$var$EXPANSION_KEYS = {
         ltr: 'ArrowRight',
         rtl: 'ArrowLeft'
     },
-    'collapse': {
+    collapse: {
         ltr: 'ArrowLeft',
         rtl: 'ArrowRight'
     }
@@ -73,7 +73,7 @@ function $e2f10f6b84ce4b1d$export$7f2f6ae19e707aa5(props, state, ref) {
                             if (hasChildRows && state.expandedKeys.has(treeNode.key)) {
                                 state.toggleKey(treeNode.key);
                                 e.stopPropagation();
-                            } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey && treeNode.level > 0) {
+                            } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey != null && treeNode.level > 0) {
                                 // Item is a leaf or already collapsed, move focus to parent
                                 state.selectionManager.setFocusedKey(treeNode.parentKey);
                                 e.stopPropagation();

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';\n// @ts-ignore\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 * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(props: GridRowProps<T>, state: TableState<T> | TreeGridState<T>, ref: RefObject<FocusableElement | null>): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(props, state as TableState<T>, ref);\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 = 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 ? stringFormatter.format('collapse') : 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 = treeNode.props?.hasChildRows || treeNode.props?.UNSTABLE_childItems || 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 ((e.key === EXPANSION_KEYS['expand'][direction]) && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== 'all' && !state.expandedKeys.has(treeNode.key)) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if ((e.key === EXPANSION_KEYS['collapse'][direction]) && state.selectionManager.focusedKey === treeNode.key) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey && treeNode.level > 0) {\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 ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key) : 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    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"}

package/dist/private/table/useTableRow.mjs

@@ -34,7 +34,7 @@ const $d5954d038bf91c37$var$EXPANSION_KEYS = {
         ltr: 'ArrowRight',
         rtl: 'ArrowLeft'
     },
-    'collapse': {
+    collapse: {
         ltr: 'ArrowLeft',
         rtl: 'ArrowRight'
     }
@@ -72,7 +72,7 @@ function $d5954d038bf91c37$export$7f2f6ae19e707aa5(props, state, ref) {
                             if (hasChildRows && state.expandedKeys.has(treeNode.key)) {
                                 state.toggleKey(treeNode.key);
                                 e.stopPropagation();
-                            } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey && treeNode.level > 0) {
+                            } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey != null && treeNode.level > 0) {
                                 // Item is a leaf or already collapsed, move focus to parent
                                 state.selectionManager.setFocusedKey(treeNode.parentKey);
                                 e.stopPropagation();

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';\n// @ts-ignore\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 * @param props - Props for the row.\n * @param state - State of the table, as returned by `useTableState`.\n */\nexport function useTableRow<T>(props: GridRowProps<T>, state: TableState<T> | TreeGridState<T>, ref: RefObject<FocusableElement | null>): TableRowAria {\n  let {node, isVirtualized} = props;\n  let {rowProps, ...states} = useGridRow<T, ITableCollection<T>, TableState<T>>(props, state as TableState<T>, ref);\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 = 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 ? stringFormatter.format('collapse') : 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 = treeNode.props?.hasChildRows || treeNode.props?.UNSTABLE_childItems || 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 ((e.key === EXPANSION_KEYS['expand'][direction]) && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== 'all' && !state.expandedKeys.has(treeNode.key)) {\n            state.toggleKey(treeNode.key);\n            e.stopPropagation();\n          } else if ((e.key === EXPANSION_KEYS['collapse'][direction]) && state.selectionManager.focusedKey === treeNode.key) {\n            if (state.expandedKeys !== 'all') {\n              if (hasChildRows && state.expandedKeys.has(treeNode.key)) {\n                state.toggleKey(treeNode.key);\n                e.stopPropagation();\n              } else if (!state.expandedKeys.has(treeNode.key) && treeNode.parentKey && treeNode.level > 0) {\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 ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key) : 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    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"}