react-aria 3.50.0 → 3.51.0

package/dist/private/table/useTableCell.mjs

@@ -17,7 +17,9 @@ function $059e6e023d86289a$export$49571c903d73624c(props, state, ref) {
     let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $a4d729ad50b8576a$export$c7e10bfc0c59f67c)(props, state, ref);
     let columnKey = props.node.column?.key;
     if (columnKey != null && state.collection.rowHeaderColumnKeys.has(columnKey)) {
+        // oxlint-disable-next-line react/react-compiler
         gridCellProps.role = 'rowheader';
+        // oxlint-disable-next-line react/react-compiler
         gridCellProps.id = (0, $cf56c58f505db99a$export$19baff3266315d44)(state, props.node.parentKey, columnKey);
     }
     return {

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

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAyCM,SAAS,0CACd,KAAyB,EACzB,KAAoB,EACpB,GAAuC;IAEvC,IAAI,iBAAC,aAAa,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE,OAAO,OAAO;IAC3D,IAAI,YAAY,MAAM,IAAI,CAAC,MAAM,EAAE;IACnC,IAAI,aAAa,QAAQ,MAAM,UAAU,CAAC,mBAAmB,CAAC,GAAG,CAAC,YAAY;QAC5E,cAAc,IAAI,GAAG;QACrB,cAAc,EAAE,GAAG,CAAA,GAAA,yCAAQ,EAAE,OAAO,MAAM,IAAI,CAAC,SAAS,EAAG;IAC7D;IAEA,OAAO;uBACL;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableCell.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getCellId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport {TableState} from 'react-stately/useTableState';\nimport {useGridCell} from '../grid/useGridCell';\n\nexport interface AriaTableCellProps {\n  /**\n   * An object representing the table cell. Contains all the relevant information that makes up the\n   * row header.\n   */\n  node: GridNode<unknown>;\n  /** Whether the cell is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the cell.\n   * Please use onCellAction at the collection level instead.\n   *\n   * @deprecated\n   */\n  onAction?: () => void;\n}\n\nexport interface TableCellAria {\n  /** Props for the table cell element. */\n  gridCellProps: DOMAttributes;\n  /** Whether the cell is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a cell in a table.\n *\n * @param props - Props for the cell.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the cell element.\n */\nexport function useTableCell<T>(\n  props: AriaTableCellProps,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableCellAria {\n  let {gridCellProps, isPressed} = useGridCell(props, state, ref);\n  let columnKey = props.node.column?.key;\n  if (columnKey != null && state.collection.rowHeaderColumnKeys.has(columnKey)) {\n    gridCellProps.role = 'rowheader';\n    gridCellProps.id = getCellId(state, props.node.parentKey!, columnKey);\n  }\n\n  return {\n    gridCellProps,\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableCell.mjs.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAqDM,SAAS,0CACd,KAAyB,EACzB,KAAoB,EACpB,GAAuC;IAEvC,IAAI,iBAAC,aAAa,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE,OAAO,OAAO;IAC3D,IAAI,YAAY,MAAM,IAAI,CAAC,MAAM,EAAE;IACnC,IAAI,aAAa,QAAQ,MAAM,UAAU,CAAC,mBAAmB,CAAC,GAAG,CAAC,YAAY;QAC5E,gDAAgD;QAChD,cAAc,IAAI,GAAG;QACrB,gDAAgD;QAChD,cAAc,EAAE,GAAG,CAAA,GAAA,yCAAQ,EAAE,OAAO,MAAM,IAAI,CAAC,SAAS,EAAG;IAC7D;IAEA,OAAO;uBACL;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableCell.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getCellId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport {TableState} from 'react-stately/useTableState';\nimport {useGridCell} from '../grid/useGridCell';\n\nexport interface AriaTableCellProps {\n  /**\n   * An object representing the table cell. Contains all the relevant information that makes up the\n   * row header.\n   */\n  node: GridNode<unknown>;\n  /** Whether the cell is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the cell.\n   * Please use onCellAction at the collection level instead.\n   *\n   * @deprecated\n   */\n  onAction?: () => void;\n  /**\n   * Whether the cell or its first focusable child element should be focused when the cell is\n   * focused. Defaults to 'child' in arrow keyboard navigation mode and 'cell' in\n   * tab keyboard navigation mode.\n   */\n  focusMode?: 'child' | 'cell';\n  /**\n   * Whether the cell should support arrow key navigation even when the containing table uses\n   * tab keyboard navigation.Allows users to navigate between rows and cells with arrow keys while\n   * focus is on an interactive child element within the cell.\n   */\n  allowsArrowNavigation?: boolean;\n}\n\nexport interface TableCellAria {\n  /** Props for the table cell element. */\n  gridCellProps: DOMAttributes;\n  /** Whether the cell is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a cell in a table.\n *\n * @param props - Props for the cell.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the cell element.\n */\nexport function useTableCell<T>(\n  props: AriaTableCellProps,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableCellAria {\n  let {gridCellProps, isPressed} = useGridCell(props, state, ref);\n  let columnKey = props.node.column?.key;\n  if (columnKey != null && state.collection.rowHeaderColumnKeys.has(columnKey)) {\n    // oxlint-disable-next-line react/react-compiler\n    gridCellProps.role = 'rowheader';\n    // oxlint-disable-next-line react/react-compiler\n    gridCellProps.id = getCellId(state, props.node.parentKey!, columnKey);\n  }\n\n  return {\n    gridCellProps,\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableCell.mjs.map"}

package/dist/private/table/useTableColumnHeader.cjs

@@ -42,10 +42,9 @@ $parcel$export(module.exports, "useTableColumnHeader", function () { return $b4d
 function $b4d2163e258b7829$export$9514819a8c81e960(props, state, ref) {
     let { node: node } = props;
     let allowsSorting = node.props.allowsSorting;
-    // if there are no focusable children, the column header will focus the cell
     let { gridCellProps: gridCellProps } = (0, $83fb058f79cd147c$exports.useGridCell)({
-        ...props,
-        focusMode: 'child'
+        focusMode: 'child',
+        ...props
     }, state, ref);
     let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';
     let { pressProps: pressProps, isPressed: isPressed } = (0, $1d003dcb6308cd89$exports.usePress)({

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AA2CM,SAAS,0CACd,KAAoC,EACpC,KAAoB,EACpB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,4EAA4E;IAC5E,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,qCAAU,EAAE;QAAC,GAAG,KAAK;QAAE,WAAW;IAAO,GAAG,OAAO;IAEzE,IAAI,0BACF,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAEzE,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,kCAAO,EAAE;QACrC,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,sCAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAmD;IACvD,IAAI,iBAAiB,MAAM,cAAc,EAAE,WAAW,KAAK,GAAG;IAC9D,IAAI,gBAAgB,MAAM,cAAc,EAAE;IAC1C,8CAA8C;IAC9C,IAAI,KAAK,KAAK,CAAC,aAAa,IAAI,CAAC,CAAA,GAAA,mCAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,qDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,GAAG,gBAAgB,MAAM,CAAC,aAAa;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,mCAAQ,KAC7C,kBAAkB,GAAG,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,gBAAgB;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,wCAAa,EAAE;IAEtC,IAAI,qBAAqB,MAAM,UAAU,CAAC,IAAI,KAAK;IACnD,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,sBAAsB,MAAM,gBAAgB,CAAC,UAAU,KAAK,KAAK,GAAG,EACtE,MAAM,gBAAgB,CAAC,aAAa,CAAC;IAEzC,GAAG;QAAC;QAAoB,MAAM,gBAAgB;QAAE,KAAK,GAAG;KAAC;IAEzD,OAAO;QACL,mBAAmB;YACjB,GAAG,CAAA,GAAA,oCAAS,EACV,gBACA,eACA,YACA,kBACA,4DAA4D;YAC5D,qBAAqB;gBAAC,UAAU;YAAE,IAAI,KACvC;YACD,MAAM;YACN,IAAI,CAAA,GAAA,2CAAgB,EAAE,OAAO,KAAK,GAAG;YACrC,gBAAgB,KAAK,OAAO,IAAI,KAAK,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG;YAClE,aAAa;QACf;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableColumnHeader.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isAndroid} from '../utils/platform';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffect} from 'react';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridCell} from '../grid/useGridCell';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {usePress} from '../interactions/usePress';\n\nexport interface AriaTableColumnHeaderProps<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  node: GridNode<T>;\n  /**\n   * Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a\n   * virtual scroller.\n   */\n  isVirtualized?: boolean;\n}\n\nexport interface TableColumnHeaderAria {\n  /** Props for the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) element. */\n  columnHeaderProps: DOMAttributes;\n  /** Whether the column is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\n *\n * @param props - Props for the column header.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the column header element.\n */\nexport function useTableColumnHeader<T>(\n  props: AriaTableColumnHeaderProps<T>,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableColumnHeaderAria {\n  let {node} = props;\n  let allowsSorting = node.props.allowsSorting;\n  // if there are no focusable children, the column header will focus the cell\n  let {gridCellProps} = useGridCell({...props, focusMode: 'child'}, state, ref);\n\n  let isSelectionCellDisabled =\n    node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps, isPressed} = usePress({\n    isDisabled: !allowsSorting || isSelectionCellDisabled,\n    onPress() {\n      state.sort(node.key);\n    },\n    ref\n  });\n\n  // Needed to pick up the focusable context, enabling things like Tooltips for example\n  let {focusableProps} = useFocusable({}, ref);\n\n  let ariaSort: DOMAttributes['aria-sort'] | undefined = undefined;\n  let isSortedColumn = state.sortDescriptor?.column === node.key;\n  let sortDirection = state.sortDescriptor?.direction;\n  // aria-sort not supported in Android Talkback\n  if (node.props.allowsSorting && !isAndroid()) {\n    ariaSort = isSortedColumn ? sortDirection : 'none';\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let sortDescription;\n  if (allowsSorting) {\n    sortDescription = `${stringFormatter.format('sortable')}`;\n    // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here\n    if (isSortedColumn && sortDirection && isAndroid()) {\n      sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;\n    }\n  }\n\n  let descriptionProps = useDescription(sortDescription);\n\n  let shouldDisableFocus = state.collection.size === 0;\n  useEffect(() => {\n    if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) {\n      state.selectionManager.setFocusedKey(null);\n    }\n  }, [shouldDisableFocus, state.selectionManager, node.key]);\n\n  return {\n    columnHeaderProps: {\n      ...mergeProps(\n        focusableProps,\n        gridCellProps,\n        pressProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus ? {tabIndex: -1} : null\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colSpan && node.colSpan > 1 ? node.colSpan : undefined,\n      'aria-sort': ariaSort\n    },\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAuDM,SAAS,0CACd,KAAoC,EACpC,KAAoB,EACpB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,qCAAU,EAAE;QAAC,WAAW;QAAS,GAAG,KAAK;IAAA,GAAG,OAAO;IAEzE,IAAI,0BACF,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAEzE,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,kCAAO,EAAE;QACrC,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,sCAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAmD;IACvD,IAAI,iBAAiB,MAAM,cAAc,EAAE,WAAW,KAAK,GAAG;IAC9D,IAAI,gBAAgB,MAAM,cAAc,EAAE;IAC1C,8CAA8C;IAC9C,IAAI,KAAK,KAAK,CAAC,aAAa,IAAI,CAAC,CAAA,GAAA,mCAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,qDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,GAAG,gBAAgB,MAAM,CAAC,aAAa;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,mCAAQ,KAC7C,kBAAkB,GAAG,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,gBAAgB;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,wCAAa,EAAE;IAEtC,IAAI,qBAAqB,MAAM,UAAU,CAAC,IAAI,KAAK;IACnD,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,sBAAsB,MAAM,gBAAgB,CAAC,UAAU,KAAK,KAAK,GAAG,EACtE,MAAM,gBAAgB,CAAC,aAAa,CAAC;IAEzC,GAAG;QAAC;QAAoB,MAAM,gBAAgB;QAAE,KAAK,GAAG;KAAC;IAEzD,OAAO;QACL,mBAAmB;YACjB,GAAG,CAAA,GAAA,oCAAS,EACV,gBACA,eACA,YACA,kBACA,4DAA4D;YAC5D,qBAAqB;gBAAC,UAAU;YAAE,IAAI,KACvC;YACD,MAAM;YACN,IAAI,CAAA,GAAA,2CAAgB,EAAE,OAAO,KAAK,GAAG;YACrC,gBAAgB,KAAK,OAAO,IAAI,KAAK,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG;YAClE,aAAa;QACf;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableColumnHeader.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isAndroid} from '../utils/platform';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffect} from 'react';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridCell} from '../grid/useGridCell';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {usePress} from '../interactions/usePress';\n\nexport interface AriaTableColumnHeaderProps<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  node: GridNode<T>;\n  /**\n   * Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a\n   * virtual scroller.\n   */\n  isVirtualized?: boolean;\n  /**\n   * Whether the column header or its first focusable child element should be focused when the\n   * column header is focused. Defaults to 'child' in arrow keyboard navigation mode and 'cell' in\n   * tab keyboard navigation mode.\n   */\n  focusMode?: 'child' | 'cell';\n  /**\n   * Whether the column header should support arrow key navigation even when the containing table\n   * uses tab keyboard navigation. Allows users to navigate between columns with arrow keys while\n   * focus is on an interactive child element within the cell.\n   */\n  allowsArrowNavigation?: boolean;\n}\n\nexport interface TableColumnHeaderAria {\n  /** Props for the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) element. */\n  columnHeaderProps: DOMAttributes;\n  /** Whether the column is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\n *\n * @param props - Props for the column header.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the column header element.\n */\nexport function useTableColumnHeader<T>(\n  props: AriaTableColumnHeaderProps<T>,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableColumnHeaderAria {\n  let {node} = props;\n  let allowsSorting = node.props.allowsSorting;\n  let {gridCellProps} = useGridCell({focusMode: 'child', ...props}, state, ref);\n\n  let isSelectionCellDisabled =\n    node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps, isPressed} = usePress({\n    isDisabled: !allowsSorting || isSelectionCellDisabled,\n    onPress() {\n      state.sort(node.key);\n    },\n    ref\n  });\n\n  // Needed to pick up the focusable context, enabling things like Tooltips for example\n  let {focusableProps} = useFocusable({}, ref);\n\n  let ariaSort: DOMAttributes['aria-sort'] | undefined = undefined;\n  let isSortedColumn = state.sortDescriptor?.column === node.key;\n  let sortDirection = state.sortDescriptor?.direction;\n  // aria-sort not supported in Android Talkback\n  if (node.props.allowsSorting && !isAndroid()) {\n    ariaSort = isSortedColumn ? sortDirection : 'none';\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let sortDescription;\n  if (allowsSorting) {\n    sortDescription = `${stringFormatter.format('sortable')}`;\n    // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here\n    if (isSortedColumn && sortDirection && isAndroid()) {\n      sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;\n    }\n  }\n\n  let descriptionProps = useDescription(sortDescription);\n\n  let shouldDisableFocus = state.collection.size === 0;\n  useEffect(() => {\n    if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) {\n      state.selectionManager.setFocusedKey(null);\n    }\n  }, [shouldDisableFocus, state.selectionManager, node.key]);\n\n  return {\n    columnHeaderProps: {\n      ...mergeProps(\n        focusableProps,\n        gridCellProps,\n        pressProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus ? {tabIndex: -1} : null\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colSpan && node.colSpan > 1 ? node.colSpan : undefined,\n      'aria-sort': ariaSort\n    },\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.cjs.map"}

package/dist/private/table/useTableColumnHeader.js

@@ -37,10 +37,9 @@ function $a7064ebacf1aff0b$export$9514819a8c81e960(props, state, ref) {
     var _state_sortDescriptor, _state_sortDescriptor1;
     let { node: node } = props;
     let allowsSorting = node.props.allowsSorting;
-    // if there are no focusable children, the column header will focus the cell
     let { gridCellProps: gridCellProps } = (0, $9b19f290bcf2fee1$export$c7e10bfc0c59f67c)({
-        ...props,
-        focusMode: 'child'
+        focusMode: 'child',
+        ...props
     }, state, ref);
     let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';
     let { pressProps: pressProps, isPressed: isPressed } = (0, $a87f4c40785e693b$export$45712eceda6fad21)({

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AA2CM,SAAS,0CACd,KAAoC,EACpC,KAAoB,EACpB,GAAuC;QAsBlB,uBACD;IArBpB,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,4EAA4E;IAC5E,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAAC,GAAG,KAAK;QAAE,WAAW;IAAO,GAAG,OAAO;IAEzE,IAAI,0BACF,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAEzE,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;QACrC,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAmD;IACvD,IAAI,iBAAiB,EAAA,wBAAA,MAAM,cAAc,cAApB,4CAAA,sBAAsB,MAAM,MAAK,KAAK,GAAG;IAC9D,IAAI,iBAAgB,yBAAA,MAAM,cAAc,cAApB,6CAAA,uBAAsB,SAAS;IACnD,8CAA8C;IAC9C,IAAI,KAAK,KAAK,CAAC,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,GAAG,gBAAgB,MAAM,CAAC,aAAa;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,yCAAQ,KAC7C,kBAAkB,GAAG,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,gBAAgB;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAa,EAAE;IAEtC,IAAI,qBAAqB,MAAM,UAAU,CAAC,IAAI,KAAK;IACnD,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,sBAAsB,MAAM,gBAAgB,CAAC,UAAU,KAAK,KAAK,GAAG,EACtE,MAAM,gBAAgB,CAAC,aAAa,CAAC;IAEzC,GAAG;QAAC;QAAoB,MAAM,gBAAgB;QAAE,KAAK,GAAG;KAAC;IAEzD,OAAO;QACL,mBAAmB;YACjB,GAAG,CAAA,GAAA,yCAAS,EACV,gBACA,eACA,YACA,kBACA,4DAA4D;YAC5D,qBAAqB;gBAAC,UAAU;YAAE,IAAI,KACvC;YACD,MAAM;YACN,IAAI,CAAA,GAAA,yCAAgB,EAAE,OAAO,KAAK,GAAG;YACrC,gBAAgB,KAAK,OAAO,IAAI,KAAK,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG;YAClE,aAAa;QACf;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableColumnHeader.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isAndroid} from '../utils/platform';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffect} from 'react';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridCell} from '../grid/useGridCell';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {usePress} from '../interactions/usePress';\n\nexport interface AriaTableColumnHeaderProps<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  node: GridNode<T>;\n  /**\n   * Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a\n   * virtual scroller.\n   */\n  isVirtualized?: boolean;\n}\n\nexport interface TableColumnHeaderAria {\n  /** Props for the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) element. */\n  columnHeaderProps: DOMAttributes;\n  /** Whether the column is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\n *\n * @param props - Props for the column header.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the column header element.\n */\nexport function useTableColumnHeader<T>(\n  props: AriaTableColumnHeaderProps<T>,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableColumnHeaderAria {\n  let {node} = props;\n  let allowsSorting = node.props.allowsSorting;\n  // if there are no focusable children, the column header will focus the cell\n  let {gridCellProps} = useGridCell({...props, focusMode: 'child'}, state, ref);\n\n  let isSelectionCellDisabled =\n    node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps, isPressed} = usePress({\n    isDisabled: !allowsSorting || isSelectionCellDisabled,\n    onPress() {\n      state.sort(node.key);\n    },\n    ref\n  });\n\n  // Needed to pick up the focusable context, enabling things like Tooltips for example\n  let {focusableProps} = useFocusable({}, ref);\n\n  let ariaSort: DOMAttributes['aria-sort'] | undefined = undefined;\n  let isSortedColumn = state.sortDescriptor?.column === node.key;\n  let sortDirection = state.sortDescriptor?.direction;\n  // aria-sort not supported in Android Talkback\n  if (node.props.allowsSorting && !isAndroid()) {\n    ariaSort = isSortedColumn ? sortDirection : 'none';\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let sortDescription;\n  if (allowsSorting) {\n    sortDescription = `${stringFormatter.format('sortable')}`;\n    // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here\n    if (isSortedColumn && sortDirection && isAndroid()) {\n      sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;\n    }\n  }\n\n  let descriptionProps = useDescription(sortDescription);\n\n  let shouldDisableFocus = state.collection.size === 0;\n  useEffect(() => {\n    if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) {\n      state.selectionManager.setFocusedKey(null);\n    }\n  }, [shouldDisableFocus, state.selectionManager, node.key]);\n\n  return {\n    columnHeaderProps: {\n      ...mergeProps(\n        focusableProps,\n        gridCellProps,\n        pressProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus ? {tabIndex: -1} : null\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colSpan && node.colSpan > 1 ? node.colSpan : undefined,\n      'aria-sort': ariaSort\n    },\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.js.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAuDM,SAAS,0CACd,KAAoC,EACpC,KAAoB,EACpB,GAAuC;QAqBlB,uBACD;IApBpB,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAAC,WAAW;QAAS,GAAG,KAAK;IAAA,GAAG,OAAO;IAEzE,IAAI,0BACF,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAEzE,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;QACrC,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAmD;IACvD,IAAI,iBAAiB,EAAA,wBAAA,MAAM,cAAc,cAApB,4CAAA,sBAAsB,MAAM,MAAK,KAAK,GAAG;IAC9D,IAAI,iBAAgB,yBAAA,MAAM,cAAc,cAApB,6CAAA,uBAAsB,SAAS;IACnD,8CAA8C;IAC9C,IAAI,KAAK,KAAK,CAAC,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,GAAG,gBAAgB,MAAM,CAAC,aAAa;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,yCAAQ,KAC7C,kBAAkB,GAAG,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,gBAAgB;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAa,EAAE;IAEtC,IAAI,qBAAqB,MAAM,UAAU,CAAC,IAAI,KAAK;IACnD,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,sBAAsB,MAAM,gBAAgB,CAAC,UAAU,KAAK,KAAK,GAAG,EACtE,MAAM,gBAAgB,CAAC,aAAa,CAAC;IAEzC,GAAG;QAAC;QAAoB,MAAM,gBAAgB;QAAE,KAAK,GAAG;KAAC;IAEzD,OAAO;QACL,mBAAmB;YACjB,GAAG,CAAA,GAAA,yCAAS,EACV,gBACA,eACA,YACA,kBACA,4DAA4D;YAC5D,qBAAqB;gBAAC,UAAU;YAAE,IAAI,KACvC;YACD,MAAM;YACN,IAAI,CAAA,GAAA,yCAAgB,EAAE,OAAO,KAAK,GAAG;YACrC,gBAAgB,KAAK,OAAO,IAAI,KAAK,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG;YAClE,aAAa;QACf;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableColumnHeader.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isAndroid} from '../utils/platform';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffect} from 'react';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridCell} from '../grid/useGridCell';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {usePress} from '../interactions/usePress';\n\nexport interface AriaTableColumnHeaderProps<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  node: GridNode<T>;\n  /**\n   * Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a\n   * virtual scroller.\n   */\n  isVirtualized?: boolean;\n  /**\n   * Whether the column header or its first focusable child element should be focused when the\n   * column header is focused. Defaults to 'child' in arrow keyboard navigation mode and 'cell' in\n   * tab keyboard navigation mode.\n   */\n  focusMode?: 'child' | 'cell';\n  /**\n   * Whether the column header should support arrow key navigation even when the containing table\n   * uses tab keyboard navigation. Allows users to navigate between columns with arrow keys while\n   * focus is on an interactive child element within the cell.\n   */\n  allowsArrowNavigation?: boolean;\n}\n\nexport interface TableColumnHeaderAria {\n  /** Props for the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) element. */\n  columnHeaderProps: DOMAttributes;\n  /** Whether the column is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\n *\n * @param props - Props for the column header.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the column header element.\n */\nexport function useTableColumnHeader<T>(\n  props: AriaTableColumnHeaderProps<T>,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableColumnHeaderAria {\n  let {node} = props;\n  let allowsSorting = node.props.allowsSorting;\n  let {gridCellProps} = useGridCell({focusMode: 'child', ...props}, state, ref);\n\n  let isSelectionCellDisabled =\n    node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps, isPressed} = usePress({\n    isDisabled: !allowsSorting || isSelectionCellDisabled,\n    onPress() {\n      state.sort(node.key);\n    },\n    ref\n  });\n\n  // Needed to pick up the focusable context, enabling things like Tooltips for example\n  let {focusableProps} = useFocusable({}, ref);\n\n  let ariaSort: DOMAttributes['aria-sort'] | undefined = undefined;\n  let isSortedColumn = state.sortDescriptor?.column === node.key;\n  let sortDirection = state.sortDescriptor?.direction;\n  // aria-sort not supported in Android Talkback\n  if (node.props.allowsSorting && !isAndroid()) {\n    ariaSort = isSortedColumn ? sortDirection : 'none';\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let sortDescription;\n  if (allowsSorting) {\n    sortDescription = `${stringFormatter.format('sortable')}`;\n    // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here\n    if (isSortedColumn && sortDirection && isAndroid()) {\n      sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;\n    }\n  }\n\n  let descriptionProps = useDescription(sortDescription);\n\n  let shouldDisableFocus = state.collection.size === 0;\n  useEffect(() => {\n    if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) {\n      state.selectionManager.setFocusedKey(null);\n    }\n  }, [shouldDisableFocus, state.selectionManager, node.key]);\n\n  return {\n    columnHeaderProps: {\n      ...mergeProps(\n        focusableProps,\n        gridCellProps,\n        pressProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus ? {tabIndex: -1} : null\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colSpan && node.colSpan > 1 ? node.colSpan : undefined,\n      'aria-sort': ariaSort\n    },\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.js.map"}

package/dist/private/table/useTableColumnHeader.mjs

@@ -36,10 +36,9 @@ function $parcel$interopDefault(a) {
 function $7354db473d14c864$export$9514819a8c81e960(props, state, ref) {
     let { node: node } = props;
     let allowsSorting = node.props.allowsSorting;
-    // if there are no focusable children, the column header will focus the cell
     let { gridCellProps: gridCellProps } = (0, $a4d729ad50b8576a$export$c7e10bfc0c59f67c)({
-        ...props,
-        focusMode: 'child'
+        focusMode: 'child',
+        ...props
     }, state, ref);
     let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';
     let { pressProps: pressProps, isPressed: isPressed } = (0, $d27d541f9569d26d$export$45712eceda6fad21)({

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AA2CM,SAAS,0CACd,KAAoC,EACpC,KAAoB,EACpB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,4EAA4E;IAC5E,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAAC,GAAG,KAAK;QAAE,WAAW;IAAO,GAAG,OAAO;IAEzE,IAAI,0BACF,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAEzE,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;QACrC,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAmD;IACvD,IAAI,iBAAiB,MAAM,cAAc,EAAE,WAAW,KAAK,GAAG;IAC9D,IAAI,gBAAgB,MAAM,cAAc,EAAE;IAC1C,8CAA8C;IAC9C,IAAI,KAAK,KAAK,CAAC,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,GAAG,gBAAgB,MAAM,CAAC,aAAa;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,yCAAQ,KAC7C,kBAAkB,GAAG,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,gBAAgB;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAa,EAAE;IAEtC,IAAI,qBAAqB,MAAM,UAAU,CAAC,IAAI,KAAK;IACnD,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,sBAAsB,MAAM,gBAAgB,CAAC,UAAU,KAAK,KAAK,GAAG,EACtE,MAAM,gBAAgB,CAAC,aAAa,CAAC;IAEzC,GAAG;QAAC;QAAoB,MAAM,gBAAgB;QAAE,KAAK,GAAG;KAAC;IAEzD,OAAO;QACL,mBAAmB;YACjB,GAAG,CAAA,GAAA,yCAAS,EACV,gBACA,eACA,YACA,kBACA,4DAA4D;YAC5D,qBAAqB;gBAAC,UAAU;YAAE,IAAI,KACvC;YACD,MAAM;YACN,IAAI,CAAA,GAAA,yCAAgB,EAAE,OAAO,KAAK,GAAG;YACrC,gBAAgB,KAAK,OAAO,IAAI,KAAK,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG;YAClE,aAAa;QACf;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableColumnHeader.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isAndroid} from '../utils/platform';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffect} from 'react';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridCell} from '../grid/useGridCell';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {usePress} from '../interactions/usePress';\n\nexport interface AriaTableColumnHeaderProps<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  node: GridNode<T>;\n  /**\n   * Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a\n   * virtual scroller.\n   */\n  isVirtualized?: boolean;\n}\n\nexport interface TableColumnHeaderAria {\n  /** Props for the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) element. */\n  columnHeaderProps: DOMAttributes;\n  /** Whether the column is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\n *\n * @param props - Props for the column header.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the column header element.\n */\nexport function useTableColumnHeader<T>(\n  props: AriaTableColumnHeaderProps<T>,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableColumnHeaderAria {\n  let {node} = props;\n  let allowsSorting = node.props.allowsSorting;\n  // if there are no focusable children, the column header will focus the cell\n  let {gridCellProps} = useGridCell({...props, focusMode: 'child'}, state, ref);\n\n  let isSelectionCellDisabled =\n    node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps, isPressed} = usePress({\n    isDisabled: !allowsSorting || isSelectionCellDisabled,\n    onPress() {\n      state.sort(node.key);\n    },\n    ref\n  });\n\n  // Needed to pick up the focusable context, enabling things like Tooltips for example\n  let {focusableProps} = useFocusable({}, ref);\n\n  let ariaSort: DOMAttributes['aria-sort'] | undefined = undefined;\n  let isSortedColumn = state.sortDescriptor?.column === node.key;\n  let sortDirection = state.sortDescriptor?.direction;\n  // aria-sort not supported in Android Talkback\n  if (node.props.allowsSorting && !isAndroid()) {\n    ariaSort = isSortedColumn ? sortDirection : 'none';\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let sortDescription;\n  if (allowsSorting) {\n    sortDescription = `${stringFormatter.format('sortable')}`;\n    // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here\n    if (isSortedColumn && sortDirection && isAndroid()) {\n      sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;\n    }\n  }\n\n  let descriptionProps = useDescription(sortDescription);\n\n  let shouldDisableFocus = state.collection.size === 0;\n  useEffect(() => {\n    if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) {\n      state.selectionManager.setFocusedKey(null);\n    }\n  }, [shouldDisableFocus, state.selectionManager, node.key]);\n\n  return {\n    columnHeaderProps: {\n      ...mergeProps(\n        focusableProps,\n        gridCellProps,\n        pressProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus ? {tabIndex: -1} : null\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colSpan && node.colSpan > 1 ? node.colSpan : undefined,\n      'aria-sort': ariaSort\n    },\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAuDM,SAAS,0CACd,KAAoC,EACpC,KAAoB,EACpB,GAAuC;IAEvC,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAAC,WAAW;QAAS,GAAG,KAAK;IAAA,GAAG,OAAO;IAEzE,IAAI,0BACF,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAEzE,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;QACrC,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAmD;IACvD,IAAI,iBAAiB,MAAM,cAAc,EAAE,WAAW,KAAK,GAAG;IAC9D,IAAI,gBAAgB,MAAM,cAAc,EAAE;IAC1C,8CAA8C;IAC9C,IAAI,KAAK,KAAK,CAAC,aAAa,IAAI,CAAC,CAAA,GAAA,yCAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,GAAG,gBAAgB,MAAM,CAAC,aAAa;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,yCAAQ,KAC7C,kBAAkB,GAAG,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,gBAAgB;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,yCAAa,EAAE;IAEtC,IAAI,qBAAqB,MAAM,UAAU,CAAC,IAAI,KAAK;IACnD,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,sBAAsB,MAAM,gBAAgB,CAAC,UAAU,KAAK,KAAK,GAAG,EACtE,MAAM,gBAAgB,CAAC,aAAa,CAAC;IAEzC,GAAG;QAAC;QAAoB,MAAM,gBAAgB;QAAE,KAAK,GAAG;KAAC;IAEzD,OAAO;QACL,mBAAmB;YACjB,GAAG,CAAA,GAAA,yCAAS,EACV,gBACA,eACA,YACA,kBACA,4DAA4D;YAC5D,qBAAqB;gBAAC,UAAU;YAAE,IAAI,KACvC;YACD,MAAM;YACN,IAAI,CAAA,GAAA,yCAAgB,EAAE,OAAO,KAAK,GAAG;YACrC,gBAAgB,KAAK,OAAO,IAAI,KAAK,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG;YAClE,aAAa;QACf;mBACA;IACF;AACF","sources":["packages/react-aria/src/table/useTableColumnHeader.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, FocusableElement, RefObject} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isAndroid} from '../utils/platform';\nimport {mergeProps} from '../utils/mergeProps';\nimport {TableState} from 'react-stately/useTableState';\nimport {useDescription} from '../utils/useDescription';\nimport {useEffect} from 'react';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useGridCell} from '../grid/useGridCell';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {usePress} from '../interactions/usePress';\n\nexport interface AriaTableColumnHeaderProps<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  node: GridNode<T>;\n  /**\n   * Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a\n   * virtual scroller.\n   */\n  isVirtualized?: boolean;\n  /**\n   * Whether the column header or its first focusable child element should be focused when the\n   * column header is focused. Defaults to 'child' in arrow keyboard navigation mode and 'cell' in\n   * tab keyboard navigation mode.\n   */\n  focusMode?: 'child' | 'cell';\n  /**\n   * Whether the column header should support arrow key navigation even when the containing table\n   * uses tab keyboard navigation. Allows users to navigate between columns with arrow keys while\n   * focus is on an interactive child element within the cell.\n   */\n  allowsArrowNavigation?: boolean;\n}\n\nexport interface TableColumnHeaderAria {\n  /** Props for the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) element. */\n  columnHeaderProps: DOMAttributes;\n  /** Whether the column is currently in a pressed state. */\n  isPressed: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\n *\n * @param props - Props for the column header.\n * @param state - State of the table, as returned by `useTableState`.\n * @param ref - The ref attached to the column header element.\n */\nexport function useTableColumnHeader<T>(\n  props: AriaTableColumnHeaderProps<T>,\n  state: TableState<T>,\n  ref: RefObject<FocusableElement | null>\n): TableColumnHeaderAria {\n  let {node} = props;\n  let allowsSorting = node.props.allowsSorting;\n  let {gridCellProps} = useGridCell({focusMode: 'child', ...props}, state, ref);\n\n  let isSelectionCellDisabled =\n    node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps, isPressed} = usePress({\n    isDisabled: !allowsSorting || isSelectionCellDisabled,\n    onPress() {\n      state.sort(node.key);\n    },\n    ref\n  });\n\n  // Needed to pick up the focusable context, enabling things like Tooltips for example\n  let {focusableProps} = useFocusable({}, ref);\n\n  let ariaSort: DOMAttributes['aria-sort'] | undefined = undefined;\n  let isSortedColumn = state.sortDescriptor?.column === node.key;\n  let sortDirection = state.sortDescriptor?.direction;\n  // aria-sort not supported in Android Talkback\n  if (node.props.allowsSorting && !isAndroid()) {\n    ariaSort = isSortedColumn ? sortDirection : 'none';\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');\n  let sortDescription;\n  if (allowsSorting) {\n    sortDescription = `${stringFormatter.format('sortable')}`;\n    // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here\n    if (isSortedColumn && sortDirection && isAndroid()) {\n      sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;\n    }\n  }\n\n  let descriptionProps = useDescription(sortDescription);\n\n  let shouldDisableFocus = state.collection.size === 0;\n  useEffect(() => {\n    if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) {\n      state.selectionManager.setFocusedKey(null);\n    }\n  }, [shouldDisableFocus, state.selectionManager, node.key]);\n\n  return {\n    columnHeaderProps: {\n      ...mergeProps(\n        focusableProps,\n        gridCellProps,\n        pressProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus ? {tabIndex: -1} : null\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colSpan && node.colSpan > 1 ? node.colSpan : undefined,\n      'aria-sort': ariaSort\n    },\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.mjs.map"}

package/dist/private/table/useTableColumnResize.cjs

@@ -60,6 +60,9 @@ function $0c8ce4d883832c66$export$52994e973806c219(props, state, ref) {
     let lastSize = (0, $jPYmD$react.useRef)(null);
     let wasFocusedOnResizeStart = (0, $jPYmD$react.useRef)(false);
     let editModeEnabled = state.tableState.isKeyboardNavigationDisabled;
+    // Whether a mouse drag-resize is active. Set on the first move (not on press) so a cursor
+    // overlay only mounts during an actual drag.
+    let [isMouseResizing, setMouseResizing] = (0, $jPYmD$react.useState)(false);
     let { direction: direction } = (0, $2522e612fa919664$exports.useLocale)();
     let startResize = (0, $jPYmD$react.useCallback)((item)=>{
         if (!isResizingRef.current) {
@@ -97,24 +100,35 @@ function $0c8ce4d883832c66$export$52994e973806c219(props, state, ref) {
         triggerRef,
         onResizeEnd
     ]);
+    let endResizeEvent = ()=>{
+        if (editModeEnabled) {
+            endResize(item);
+            return;
+        }
+        return false;
+    };
     let { keyboardProps: keyboardProps } = (0, $6d2f10bb8b359da5$exports.useKeyboard)({
-        onKeyDown: (e)=>{
-            if (editModeEnabled) {
-                if (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ' || e.key === 'Tab') {
-                    e.preventDefault();
-                    endResize(item);
-                }
-            } else {
-                // Continue propagation on keydown events so they still bubbles to useSelectableCollection and are handled there
-                e.continuePropagation();
-                if (e.key === 'Enter') startResize(item);
+        shortcuts: {
+            Escape: ()=>{
+                return endResizeEvent();
+            },
+            Enter: ()=>{
+                if (editModeEnabled) endResize(item);
+                else startResize(item);
+            },
+            ' ': ()=>{
+                return endResizeEvent();
+            },
+            Tab: ()=>{
+                return endResizeEvent();
             }
         }
     });
     const columnResizeWidthRef = (0, $jPYmD$react.useRef)(0);
     const { moveProps: moveProps } = (0, $2304f84c457be372$exports.useMove)({
-        onMoveStart () {
+        onMoveStart (e) {
             columnResizeWidthRef.current = state.getColumnWidth(item.key);
+            if (e.pointerType === 'mouse') setMouseResizing(true);
             startResize(item);
         },
         onMove (e) {
@@ -133,6 +147,7 @@ function $0c8ce4d883832c66$export$52994e973806c219(props, state, ref) {
         onMoveEnd (e) {
             let { pointerType: pointerType } = e;
             columnResizeWidthRef.current = 0;
+            setMouseResizing(false);
             if (pointerType === 'mouse' || pointerType === 'touch' && wasFocusedOnResizeStart.current) endResize(item);
         }
     });
@@ -148,7 +163,8 @@ function $0c8ce4d883832c66$export$52994e973806c219(props, state, ref) {
     let value = Math.floor(state.getColumnWidth(item.key));
     let modality = (0, $d0df89f3abe2c2ca$exports.useInteractionModality)();
     if (modality === 'virtual' && typeof window !== 'undefined' && 'ontouchstart' in window) modality = 'touch';
-    let description = triggerRef?.current == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : undefined;
+    let description = // oxlint-disable-next-line react/react-compiler
+    triggerRef?.current == null && (modality === 'keyboard' || modality === 'virtual') && !isResizing ? stringFormatter.format('resizerDescription') : undefined;
     let descriptionProps = (0, $2205bbfafbd0b5cd$exports.useDescription)(description);
     let ariaProps = {
         'aria-label': ariaLabel,
@@ -227,7 +243,8 @@ function $0c8ce4d883832c66$export$52994e973806c219(props, state, ref) {
                 touchAction: 'none'
             }
         }),
-        inputProps: (0, $89b39774f3b79dbb$exports.mergeProps)(visuallyHiddenProps, {
+        inputProps: (0, $89b39774f3b79dbb$exports.mergeProps)(visuallyHiddenProps, // oxlint-disable-next-line react/react-compiler
+        {
             id: id,
             onBlur: ()=>{
                 endResize(item);
@@ -235,7 +252,8 @@ function $0c8ce4d883832c66$export$52994e973806c219(props, state, ref) {
             onChange: onChange,
             disabled: isDisabled
         }, ariaProps),
-        isResizing: isResizing
+        isResizing: isResizing,
+        isMouseResizing: isMouseResizing
     };
 }
 

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

package/dist/private/table/useTableColumnResize.js

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

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