@react-aria/table 3.13.6-nightly.4555 → 3.13.6-nightly.4558

package/dist/useTableCell.main.js

@@ -0,0 +1,36 @@
+var $6acf696f746f932c$exports = require("./utils.main.js");
+var $8iEv8$reactariagrid = require("@react-aria/grid");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useTableCell", () => $32387a1f2c61cda2$export$49571c903d73624c);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $32387a1f2c61cda2$export$49571c903d73624c(props, state, ref) {
+    let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $8iEv8$reactariagrid.useGridCell)(props, state, ref);
+    let columnKey = props.node.column.key;
+    if (state.collection.rowHeaderColumnKeys.has(columnKey)) {
+        gridCellProps.role = "rowheader";
+        gridCellProps.id = (0, $6acf696f746f932c$exports.getCellId)(state, props.node.parentKey, columnKey);
+    }
+    return {
+        gridCellProps: gridCellProps,
+        isPressed: isPressed
+    };
+}
+
+
+//# sourceMappingURL=useTableCell.main.js.map

package/dist/useTableCell.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAqCM,SAAS,0CAAgB,KAAyB,EAAE,KAAoB,EAAE,GAAgC;IAC/G,IAAI,iBAAC,aAAa,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,gCAAU,EAAE,OAAO,OAAO;IAE3D,IAAI,YAAY,MAAM,IAAI,CAAC,MAAM,CAAC,GAAG;IACrC,IAAI,MAAM,UAAU,CAAC,mBAAmB,CAAC,GAAG,CAAC,YAAY;QACvD,cAAc,IAAI,GAAG;QACrB,cAAc,EAAE,GAAG,CAAA,GAAA,mCAAQ,EAAE,OAAO,MAAM,IAAI,CAAC,SAAS,EAAE;IAC5D;IAEA,OAAO;uBACL;mBACA;IACF;AACF","sources":["packages/@react-aria/table/src/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} from '@react-types/shared';\nimport {getCellId} from './utils';\nimport {GridNode} from '@react-types/grid';\nimport {RefObject} from 'react';\nimport {TableState} from '@react-stately/table';\nimport {useGridCell} from '@react-aria/grid';\n\nexport interface AriaTableCellProps {\n  /** An object representing the table cell. Contains all the relevant information that makes up the row header. */\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   * @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 * @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>(props: AriaTableCellProps, state: TableState<T>, ref: RefObject<FocusableElement>): TableCellAria {\n  let {gridCellProps, isPressed} = useGridCell(props, state, ref);\n\n  let columnKey = props.node.column.key;\n  if (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.main.js.map"}

package/dist/useTableCell.mjs

@@ -0,0 +1,31 @@
+import {getCellId as $2140fb2337097f2d$export$19baff3266315d44} from "./utils.mjs";
+import {useGridCell as $1jd6q$useGridCell} from "@react-aria/grid";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $7713593715703b24$export$49571c903d73624c(props, state, ref) {
+    let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $1jd6q$useGridCell)(props, state, ref);
+    let columnKey = props.node.column.key;
+    if (state.collection.rowHeaderColumnKeys.has(columnKey)) {
+        gridCellProps.role = "rowheader";
+        gridCellProps.id = (0, $2140fb2337097f2d$export$19baff3266315d44)(state, props.node.parentKey, columnKey);
+    }
+    return {
+        gridCellProps: gridCellProps,
+        isPressed: isPressed
+    };
+}
+
+
+export {$7713593715703b24$export$49571c903d73624c as useTableCell};
+//# sourceMappingURL=useTableCell.mjs.map

package/dist/useTableCell.module.js

@@ -0,0 +1,31 @@
+import {getCellId as $2140fb2337097f2d$export$19baff3266315d44} from "./utils.module.js";
+import {useGridCell as $1jd6q$useGridCell} from "@react-aria/grid";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $7713593715703b24$export$49571c903d73624c(props, state, ref) {
+    let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $1jd6q$useGridCell)(props, state, ref);
+    let columnKey = props.node.column.key;
+    if (state.collection.rowHeaderColumnKeys.has(columnKey)) {
+        gridCellProps.role = "rowheader";
+        gridCellProps.id = (0, $2140fb2337097f2d$export$19baff3266315d44)(state, props.node.parentKey, columnKey);
+    }
+    return {
+        gridCellProps: gridCellProps,
+        isPressed: isPressed
+    };
+}
+
+
+export {$7713593715703b24$export$49571c903d73624c as useTableCell};
+//# sourceMappingURL=useTableCell.module.js.map

package/dist/useTableCell.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAqCM,SAAS,0CAAgB,KAAyB,EAAE,KAAoB,EAAE,GAAgC;IAC/G,IAAI,iBAAC,aAAa,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE,OAAO,OAAO;IAE3D,IAAI,YAAY,MAAM,IAAI,CAAC,MAAM,CAAC,GAAG;IACrC,IAAI,MAAM,UAAU,CAAC,mBAAmB,CAAC,GAAG,CAAC,YAAY;QACvD,cAAc,IAAI,GAAG;QACrB,cAAc,EAAE,GAAG,CAAA,GAAA,yCAAQ,EAAE,OAAO,MAAM,IAAI,CAAC,SAAS,EAAE;IAC5D;IAEA,OAAO;uBACL;mBACA;IACF;AACF","sources":["packages/@react-aria/table/src/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} from '@react-types/shared';\nimport {getCellId} from './utils';\nimport {GridNode} from '@react-types/grid';\nimport {RefObject} from 'react';\nimport {TableState} from '@react-stately/table';\nimport {useGridCell} from '@react-aria/grid';\n\nexport interface AriaTableCellProps {\n  /** An object representing the table cell. Contains all the relevant information that makes up the row header. */\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   * @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 * @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>(props: AriaTableCellProps, state: TableState<T>, ref: RefObject<FocusableElement>): TableCellAria {\n  let {gridCellProps, isPressed} = useGridCell(props, state, ref);\n\n  let columnKey = props.node.column.key;\n  if (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.module.js.map"}

package/dist/useTableColumnHeader.main.js

@@ -0,0 +1,93 @@
+var $6acf696f746f932c$exports = require("./utils.main.js");
+var $7ff3f66df3873a5e$exports = require("./intlStrings.main.js");
+var $33PgG$reactariautils = require("@react-aria/utils");
+var $33PgG$react = require("react");
+var $33PgG$reactariafocus = require("@react-aria/focus");
+var $33PgG$reactariagrid = require("@react-aria/grid");
+var $33PgG$reactariai18n = require("@react-aria/i18n");
+var $33PgG$reactariainteractions = require("@react-aria/interactions");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useTableColumnHeader", () => $7669c34a63ef0113$export$9514819a8c81e960);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $7669c34a63ef0113$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, $33PgG$reactariagrid.useGridCell)({
+        ...props,
+        focusMode: "child"
+    }, state, ref);
+    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
+    let { pressProps: pressProps } = (0, $33PgG$reactariainteractions.usePress)({
+        isDisabled: !allowsSorting || isSelectionCellDisabled,
+        onPress () {
+            state.sort(node.key);
+        },
+        ref: ref
+    });
+    // Needed to pick up the focusable context, enabling things like Tooltips for example
+    let { focusableProps: focusableProps } = (0, $33PgG$reactariafocus.useFocusable)({}, ref);
+    let ariaSort = null;
+    let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
+    let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
+    // aria-sort not supported in Android Talkback
+    if (node.props.allowsSorting && !(0, $33PgG$reactariautils.isAndroid)()) ariaSort = isSortedColumn ? sortDirection : "none";
+    let stringFormatter = (0, $33PgG$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), "@react-aria/table");
+    let sortDescription;
+    if (allowsSorting) {
+        sortDescription = `${stringFormatter.format("sortable")}`;
+        // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here
+        if (isSortedColumn && sortDirection && (0, $33PgG$reactariautils.isAndroid)()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
+    }
+    let descriptionProps = (0, $33PgG$reactariautils.useDescription)(sortDescription);
+    let shouldDisableFocus = state.collection.size === 0;
+    (0, $33PgG$react.useEffect)(()=>{
+        if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) state.selectionManager.setFocusedKey(null);
+    }, [
+        shouldDisableFocus,
+        state.selectionManager,
+        node.key
+    ]);
+    return {
+        columnHeaderProps: {
+            ...(0, $33PgG$reactariautils.mergeProps)(gridCellProps, pressProps, focusableProps, descriptionProps, // If the table is empty, make all column headers untabbable
+            shouldDisableFocus && {
+                tabIndex: -1
+            }),
+            role: "columnheader",
+            id: (0, $6acf696f746f932c$exports.getColumnHeaderId)(state, node.key),
+            "aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : null,
+            "aria-sort": ariaSort
+        }
+    };
+}
+
+
+//# sourceMappingURL=useTableColumnHeader.main.js.map

package/dist/useTableColumnHeader.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAiCM,SAAS,0CAAwB,KAAoC,EAAE,KAAoB,EAAE,GAAgC;QAoB7G,uBACD;IApBpB,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,4EAA4E;IAC5E,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,gCAAU,EAAE;QAAC,GAAG,KAAK;QAAE,WAAW;IAAO,GAAG,OAAO;IAEzE,IAAI,0BAA0B,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAErG,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;QAC1B,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAuC;IAC3C,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,+BAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,CAAC,EAAE,gBAAgB,MAAM,CAAC,YAAY,CAAC;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,+BAAQ,KAC7C,kBAAkB,CAAC,EAAE,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,eAAe,CAAC;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,oCAAa,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,gCAAS,EACV,eACA,YACA,gBACA,kBACA,4DAA4D;YAC5D,sBAAsB;gBAAC,UAAU;YAAE,EACpC;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;IACF;AACF","sources":["packages/@react-aria/table/src/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} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from '@react-types/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isAndroid, mergeProps, useDescription} from '@react-aria/utils';\nimport {RefObject, useEffect} from 'react';\nimport {TableState} from '@react-stately/table';\nimport {useFocusable} from '@react-aria/focus';\nimport {useGridCell} from '@react-aria/grid';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {usePress} from '@react-aria/interactions';\n\nexport interface AriaTableColumnHeaderProps<T> {\n  /** An object representing the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader). Contains all the relevant information that makes up the column header. */\n  node: GridNode<T>,\n  /** Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a virtual scroller. */\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}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\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>(props: AriaTableColumnHeaderProps<T>, state: TableState<T>, ref: RefObject<FocusableElement>): 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 = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps} = 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'] = null;\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        gridCellProps,\n        pressProps,\n        focusableProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus && {tabIndex: -1}\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colspan && node.colspan > 1 ? node.colspan : null,\n      'aria-sort': ariaSort\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.main.js.map"}

package/dist/useTableColumnHeader.mjs

@@ -0,0 +1,88 @@
+import {getColumnHeaderId as $2140fb2337097f2d$export$37cd4213f2ad742e} from "./utils.mjs";
+import $cjB6b$intlStringsmodulejs from "./intlStrings.mjs";
+import {isAndroid as $cjB6b$isAndroid, useDescription as $cjB6b$useDescription, mergeProps as $cjB6b$mergeProps} from "@react-aria/utils";
+import {useEffect as $cjB6b$useEffect} from "react";
+import {useFocusable as $cjB6b$useFocusable} from "@react-aria/focus";
+import {useGridCell as $cjB6b$useGridCell} from "@react-aria/grid";
+import {useLocalizedStringFormatter as $cjB6b$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {usePress as $cjB6b$usePress} from "@react-aria/interactions";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $f329116d8ad0aba0$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, $cjB6b$useGridCell)({
+        ...props,
+        focusMode: "child"
+    }, state, ref);
+    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
+    let { pressProps: pressProps } = (0, $cjB6b$usePress)({
+        isDisabled: !allowsSorting || isSelectionCellDisabled,
+        onPress () {
+            state.sort(node.key);
+        },
+        ref: ref
+    });
+    // Needed to pick up the focusable context, enabling things like Tooltips for example
+    let { focusableProps: focusableProps } = (0, $cjB6b$useFocusable)({}, ref);
+    let ariaSort = null;
+    let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
+    let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
+    // aria-sort not supported in Android Talkback
+    if (node.props.allowsSorting && !(0, $cjB6b$isAndroid)()) ariaSort = isSortedColumn ? sortDirection : "none";
+    let stringFormatter = (0, $cjB6b$useLocalizedStringFormatter)((0, ($parcel$interopDefault($cjB6b$intlStringsmodulejs))), "@react-aria/table");
+    let sortDescription;
+    if (allowsSorting) {
+        sortDescription = `${stringFormatter.format("sortable")}`;
+        // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here
+        if (isSortedColumn && sortDirection && (0, $cjB6b$isAndroid)()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
+    }
+    let descriptionProps = (0, $cjB6b$useDescription)(sortDescription);
+    let shouldDisableFocus = state.collection.size === 0;
+    (0, $cjB6b$useEffect)(()=>{
+        if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) state.selectionManager.setFocusedKey(null);
+    }, [
+        shouldDisableFocus,
+        state.selectionManager,
+        node.key
+    ]);
+    return {
+        columnHeaderProps: {
+            ...(0, $cjB6b$mergeProps)(gridCellProps, pressProps, focusableProps, descriptionProps, // If the table is empty, make all column headers untabbable
+            shouldDisableFocus && {
+                tabIndex: -1
+            }),
+            role: "columnheader",
+            id: (0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state, node.key),
+            "aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : null,
+            "aria-sort": ariaSort
+        }
+    };
+}
+
+
+export {$f329116d8ad0aba0$export$9514819a8c81e960 as useTableColumnHeader};
+//# sourceMappingURL=useTableColumnHeader.mjs.map

package/dist/useTableColumnHeader.module.js

@@ -0,0 +1,88 @@
+import {getColumnHeaderId as $2140fb2337097f2d$export$37cd4213f2ad742e} from "./utils.module.js";
+import $cjB6b$intlStringsmodulejs from "./intlStrings.module.js";
+import {isAndroid as $cjB6b$isAndroid, useDescription as $cjB6b$useDescription, mergeProps as $cjB6b$mergeProps} from "@react-aria/utils";
+import {useEffect as $cjB6b$useEffect} from "react";
+import {useFocusable as $cjB6b$useFocusable} from "@react-aria/focus";
+import {useGridCell as $cjB6b$useGridCell} from "@react-aria/grid";
+import {useLocalizedStringFormatter as $cjB6b$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {usePress as $cjB6b$usePress} from "@react-aria/interactions";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $f329116d8ad0aba0$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, $cjB6b$useGridCell)({
+        ...props,
+        focusMode: "child"
+    }, state, ref);
+    let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
+    let { pressProps: pressProps } = (0, $cjB6b$usePress)({
+        isDisabled: !allowsSorting || isSelectionCellDisabled,
+        onPress () {
+            state.sort(node.key);
+        },
+        ref: ref
+    });
+    // Needed to pick up the focusable context, enabling things like Tooltips for example
+    let { focusableProps: focusableProps } = (0, $cjB6b$useFocusable)({}, ref);
+    let ariaSort = null;
+    let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
+    let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
+    // aria-sort not supported in Android Talkback
+    if (node.props.allowsSorting && !(0, $cjB6b$isAndroid)()) ariaSort = isSortedColumn ? sortDirection : "none";
+    let stringFormatter = (0, $cjB6b$useLocalizedStringFormatter)((0, ($parcel$interopDefault($cjB6b$intlStringsmodulejs))), "@react-aria/table");
+    let sortDescription;
+    if (allowsSorting) {
+        sortDescription = `${stringFormatter.format("sortable")}`;
+        // Android Talkback doesn't support aria-sort so we add sort order details to the aria-described by here
+        if (isSortedColumn && sortDirection && (0, $cjB6b$isAndroid)()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
+    }
+    let descriptionProps = (0, $cjB6b$useDescription)(sortDescription);
+    let shouldDisableFocus = state.collection.size === 0;
+    (0, $cjB6b$useEffect)(()=>{
+        if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) state.selectionManager.setFocusedKey(null);
+    }, [
+        shouldDisableFocus,
+        state.selectionManager,
+        node.key
+    ]);
+    return {
+        columnHeaderProps: {
+            ...(0, $cjB6b$mergeProps)(gridCellProps, pressProps, focusableProps, descriptionProps, // If the table is empty, make all column headers untabbable
+            shouldDisableFocus && {
+                tabIndex: -1
+            }),
+            role: "columnheader",
+            id: (0, $2140fb2337097f2d$export$37cd4213f2ad742e)(state, node.key),
+            "aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : null,
+            "aria-sort": ariaSort
+        }
+    };
+}
+
+
+export {$f329116d8ad0aba0$export$9514819a8c81e960 as useTableColumnHeader};
+//# sourceMappingURL=useTableColumnHeader.module.js.map

package/dist/useTableColumnHeader.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAiCM,SAAS,0CAAwB,KAAoC,EAAE,KAAoB,EAAE,GAAgC;QAoB7G,uBACD;IApBpB,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,gBAAgB,KAAK,KAAK,CAAC,aAAa;IAC5C,4EAA4E;IAC5E,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAAC,GAAG,KAAK;QAAE,WAAW;IAAO,GAAG,OAAO;IAEzE,IAAI,0BAA0B,KAAK,KAAK,CAAC,eAAe,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAErG,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAC1B,YAAY,CAAC,iBAAiB;QAC9B;YACE,MAAM,IAAI,CAAC,KAAK,GAAG;QACrB;aACA;IACF;IAEA,qFAAqF;IACrF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE,CAAC,GAAG;IAExC,IAAI,WAAuC;IAC3C,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,gBAAQ,KACvC,WAAW,iBAAiB,gBAAgB;IAG9C,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI;IACJ,IAAI,eAAe;QACjB,kBAAkB,CAAC,EAAE,gBAAgB,MAAM,CAAC,YAAY,CAAC;QACzD,wGAAwG;QACxG,IAAI,kBAAkB,iBAAiB,CAAA,GAAA,gBAAQ,KAC7C,kBAAkB,CAAC,EAAE,gBAAgB,EAAE,EAAE,gBAAgB,MAAM,CAAC,eAAe,CAAC;IAEpF;IAEA,IAAI,mBAAmB,CAAA,GAAA,qBAAa,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,iBAAS,EACV,eACA,YACA,gBACA,kBACA,4DAA4D;YAC5D,sBAAsB;gBAAC,UAAU;YAAE,EACpC;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;IACF;AACF","sources":["packages/@react-aria/table/src/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} from '@react-types/shared';\nimport {getColumnHeaderId} from './utils';\nimport {GridNode} from '@react-types/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isAndroid, mergeProps, useDescription} from '@react-aria/utils';\nimport {RefObject, useEffect} from 'react';\nimport {TableState} from '@react-stately/table';\nimport {useFocusable} from '@react-aria/focus';\nimport {useGridCell} from '@react-aria/grid';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {usePress} from '@react-aria/interactions';\n\nexport interface AriaTableColumnHeaderProps<T> {\n  /** An object representing the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader). Contains all the relevant information that makes up the column header. */\n  node: GridNode<T>,\n  /** Whether the [column header](https://www.w3.org/TR/wai-aria-1.1/#columnheader) is contained in a virtual scroller. */\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}\n\n/**\n * Provides the behavior and accessibility implementation for a column header in a table.\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>(props: AriaTableColumnHeaderProps<T>, state: TableState<T>, ref: RefObject<FocusableElement>): 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 = node.props.isSelectionCell && state.selectionManager.selectionMode === 'single';\n\n  let {pressProps} = 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'] = null;\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        gridCellProps,\n        pressProps,\n        focusableProps,\n        descriptionProps,\n        // If the table is empty, make all column headers untabbable\n        shouldDisableFocus && {tabIndex: -1}\n      ),\n      role: 'columnheader',\n      id: getColumnHeaderId(state, node.key),\n      'aria-colspan': node.colspan && node.colspan > 1 ? node.colspan : null,\n      'aria-sort': ariaSort\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useTableColumnHeader.module.js.map"}

package/dist/useTableColumnResize.main.js

@@ -0,0 +1,216 @@
+var $6acf696f746f932c$exports = require("./utils.main.js");
+var $7ff3f66df3873a5e$exports = require("./intlStrings.main.js");
+var $gDW2h$react = require("react");
+var $gDW2h$reactariafocus = require("@react-aria/focus");
+var $gDW2h$reactariautils = require("@react-aria/utils");
+var $gDW2h$reactariainteractions = require("@react-aria/interactions");
+var $gDW2h$reactariai18n = require("@react-aria/i18n");
+var $gDW2h$reactariavisuallyhidden = require("@react-aria/visually-hidden");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useTableColumnResize", () => $16d645f9e2153641$export$52994e973806c219);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $16d645f9e2153641$export$52994e973806c219(props, state, ref) {
+    let { column: item, triggerRef: triggerRef, isDisabled: isDisabled, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, "aria-label": ariaLabel } = props;
+    const stringFormatter = (0, $gDW2h$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7ff3f66df3873a5e$exports))), "@react-aria/table");
+    let id = (0, $gDW2h$reactariautils.useId)();
+    let isResizing = state.resizingColumn === item.key;
+    let isResizingRef = (0, $gDW2h$react.useRef)(isResizing);
+    let lastSize = (0, $gDW2h$react.useRef)(null);
+    let wasFocusedOnResizeStart = (0, $gDW2h$react.useRef)(false);
+    let editModeEnabled = state.tableState.isKeyboardNavigationDisabled;
+    let { direction: direction } = (0, $gDW2h$reactariai18n.useLocale)();
+    let { keyboardProps: keyboardProps } = (0, $gDW2h$reactariainteractions.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);
+            }
+        }
+    });
+    let startResize = (0, $gDW2h$reactariautils.useEffectEvent)((item)=>{
+        if (!isResizingRef.current) {
+            lastSize.current = state.updateResizedColumns(item.key, state.getColumnWidth(item.key));
+            state.startResize(item.key);
+            state.tableState.setKeyboardNavigationDisabled(true);
+            onResizeStart === null || onResizeStart === void 0 ? void 0 : onResizeStart(lastSize.current);
+        }
+        isResizingRef.current = true;
+    });
+    let resize = (0, $gDW2h$reactariautils.useEffectEvent)((item, newWidth)=>{
+        let sizes = state.updateResizedColumns(item.key, newWidth);
+        onResize === null || onResize === void 0 ? void 0 : onResize(sizes);
+        lastSize.current = sizes;
+    });
+    let endResize = (0, $gDW2h$reactariautils.useEffectEvent)((item)=>{
+        if (isResizingRef.current) {
+            if (lastSize.current == null) lastSize.current = state.updateResizedColumns(item.key, state.getColumnWidth(item.key));
+            state.endResize();
+            state.tableState.setKeyboardNavigationDisabled(false);
+            onResizeEnd === null || onResizeEnd === void 0 ? void 0 : onResizeEnd(lastSize.current);
+            isResizingRef.current = false;
+            if ((triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) && !wasFocusedOnResizeStart.current) // switch focus back to the column header unless the resizer was already focused when resizing started.
+            (0, $gDW2h$reactariafocus.focusSafely)(triggerRef.current);
+        }
+        lastSize.current = null;
+    });
+    const columnResizeWidthRef = (0, $gDW2h$react.useRef)(0);
+    const { moveProps: moveProps } = (0, $gDW2h$reactariainteractions.useMove)({
+        onMoveStart () {
+            columnResizeWidthRef.current = state.getColumnWidth(item.key);
+            startResize(item);
+        },
+        onMove (e) {
+            let { deltaX: deltaX, deltaY: deltaY, pointerType: pointerType } = e;
+            if (direction === "rtl") deltaX *= -1;
+            if (pointerType === "keyboard") {
+                if (deltaY !== 0 && deltaX === 0) deltaX = deltaY * -1;
+                deltaX *= 10;
+            }
+            // if moving up/down only, no need to resize
+            if (deltaX !== 0) {
+                columnResizeWidthRef.current += deltaX;
+                resize(item, columnResizeWidthRef.current);
+            }
+        },
+        onMoveEnd (e) {
+            let { pointerType: pointerType } = e;
+            columnResizeWidthRef.current = 0;
+            if (pointerType === "mouse" || pointerType === "touch" && wasFocusedOnResizeStart.current) endResize(item);
+        }
+    });
+    let onKeyDown = (0, $gDW2h$react.useCallback)((e)=>{
+        if (editModeEnabled) moveProps.onKeyDown(e);
+    }, [
+        editModeEnabled,
+        moveProps
+    ]);
+    let min = Math.floor(state.getColumnMinWidth(item.key));
+    let max = Math.floor(state.getColumnMaxWidth(item.key));
+    if (max === Infinity) max = Number.MAX_SAFE_INTEGER;
+    let value = Math.floor(state.getColumnWidth(item.key));
+    let modality = (0, $gDW2h$reactariainteractions.useInteractionModality)();
+    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 descriptionProps = (0, $gDW2h$reactariautils.useDescription)(description);
+    let ariaProps = {
+        "aria-label": ariaLabel,
+        "aria-orientation": "horizontal",
+        "aria-labelledby": `${id} ${(0, $6acf696f746f932c$exports.getColumnHeaderId)(state.tableState, item.key)}`,
+        "aria-valuetext": stringFormatter.format("columnSize", {
+            value: value
+        }),
+        "type": "range",
+        min: min,
+        max: max,
+        value: value,
+        ...descriptionProps
+    };
+    const focusInput = (0, $gDW2h$react.useCallback)(()=>{
+        if (ref.current) (0, $gDW2h$reactariafocus.focusSafely)(ref.current);
+    }, [
+        ref
+    ]);
+    let resizingColumn = state.resizingColumn;
+    let prevResizingColumn = (0, $gDW2h$react.useRef)(null);
+    (0, $gDW2h$react.useEffect)(()=>{
+        if (prevResizingColumn.current !== resizingColumn && resizingColumn != null && resizingColumn === item.key) {
+            wasFocusedOnResizeStart.current = document.activeElement === ref.current;
+            startResize(item);
+            // Delay focusing input until Android Chrome's delayed click after touchend happens: https://bugs.chromium.org/p/chromium/issues/detail?id=1150073
+            let timeout = setTimeout(()=>focusInput(), 0);
+            // VoiceOver on iOS has problems focusing the input from a menu.
+            let VOTimeout = setTimeout(focusInput, 400);
+            return ()=>{
+                clearTimeout(timeout);
+                clearTimeout(VOTimeout);
+            };
+        }
+        prevResizingColumn.current = resizingColumn;
+    }, [
+        resizingColumn,
+        item,
+        focusInput,
+        ref,
+        startResize
+    ]);
+    let onChange = (e)=>{
+        let currentWidth = state.getColumnWidth(item.key);
+        let nextValue = parseFloat(e.target.value);
+        if (nextValue > currentWidth) nextValue = currentWidth + 10;
+        else nextValue = currentWidth - 10;
+        resize(item, nextValue);
+    };
+    let { pressProps: pressProps } = (0, $gDW2h$reactariainteractions.usePress)({
+        onPressStart: (e)=>{
+            if (e.ctrlKey || e.altKey || e.metaKey || e.shiftKey || e.pointerType === "keyboard") return;
+            if (e.pointerType === "virtual" && state.resizingColumn != null) {
+                endResize(item);
+                return;
+            }
+            // Sometimes onPress won't trigger for quick taps on mobile so we want to focus the input so blurring away
+            // can cancel resize mode for us.
+            focusInput();
+            // If resizer is always visible, mobile screenreader user can access the visually hidden resizer directly and thus we don't need
+            // to handle a virtual click to start the resizer.
+            if (e.pointerType !== "virtual") startResize(item);
+        },
+        onPress: (e)=>{
+            if ((e.pointerType === "touch" && wasFocusedOnResizeStart.current || e.pointerType === "mouse") && state.resizingColumn != null) endResize(item);
+        }
+    });
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $gDW2h$reactariavisuallyhidden.useVisuallyHidden)();
+    return {
+        resizerProps: (0, $gDW2h$reactariautils.mergeProps)(keyboardProps, {
+            ...moveProps,
+            onKeyDown: onKeyDown
+        }, pressProps, {
+            style: {
+                touchAction: "none"
+            }
+        }),
+        inputProps: (0, $gDW2h$reactariautils.mergeProps)(visuallyHiddenProps, {
+            id: id,
+            onBlur: ()=>{
+                endResize(item);
+            },
+            onChange: onChange,
+            disabled: isDisabled
+        }, ariaProps),
+        isResizing: isResizing
+    };
+}
+
+
+//# sourceMappingURL=useTableColumnResize.main.js.map