@react-aria/table 3.0.1-nightly.2977 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/table",
-  "version": "3.0.1-nightly.2977+b34e500dd",
+  "version": "3.1.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,19 +18,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "3.0.0-nightly.1291+b34e500dd",
-    "@react-aria/grid": "3.0.1-nightly.2977+b34e500dd",
-    "@react-aria/i18n": "3.0.0-nightly.1291+b34e500dd",
-    "@react-aria/interactions": "3.0.0-nightly.1291+b34e500dd",
-    "@react-aria/live-announcer": "3.0.0-nightly.1291+b34e500dd",
-    "@react-aria/selection": "3.0.0-nightly.1291+b34e500dd",
-    "@react-aria/utils": "3.0.0-nightly.1291+b34e500dd",
-    "@react-stately/table": "3.0.1-nightly.2977+b34e500dd",
-    "@react-stately/virtualizer": "3.1.6-nightly.2977+b34e500dd",
-    "@react-types/checkbox": "3.0.0-nightly.1291+b34e500dd",
-    "@react-types/grid": "3.0.1-nightly.2977+b34e500dd",
-    "@react-types/shared": "3.0.0-nightly.1291+b34e500dd",
-    "@react-types/table": "3.0.1-nightly.2977+b34e500dd"
+    "@react-aria/focus": "^3.5.0",
+    "@react-aria/grid": "^3.1.0",
+    "@react-aria/i18n": "^3.3.3",
+    "@react-aria/interactions": "^3.7.0",
+    "@react-aria/live-announcer": "^3.0.1",
+    "@react-aria/selection": "^3.7.0",
+    "@react-aria/utils": "^3.10.0",
+    "@react-stately/table": "^3.1.0",
+    "@react-stately/virtualizer": "^3.1.6",
+    "@react-types/checkbox": "^3.2.3",
+    "@react-types/grid": "^3.0.0",
+    "@react-types/shared": "^3.10.0",
+    "@react-types/table": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1",
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b34e500ddd6ca860cbc943f90a85ea911f2d881b"
+  "gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
 }

package/src/useTableCell.ts

@@ -27,7 +27,9 @@ interface TableCellProps {
 
 interface TableCellAria {
   /** Props for the table cell element. */
-  gridCellProps: HTMLAttributes<HTMLElement>
+  gridCellProps: HTMLAttributes<HTMLElement>,
+  /** Whether the cell is currently in a pressed state. */
+  isPressed: boolean
 }
 
 /**
@@ -37,7 +39,7 @@ interface TableCellAria {
  * @param ref - The ref attached to the cell element.
  */
 export function useTableCell<T>(props: TableCellProps, state: TableState<T>, ref: RefObject<HTMLElement>): TableCellAria {
-  let {gridCellProps} = useGridCell(props, state, ref);
+  let {gridCellProps, isPressed} = useGridCell(props, state, ref);
 
   let columnKey = props.node.column.key;
   if (state.collection.rowHeaderColumnKeys.has(columnKey)) {
@@ -46,6 +48,7 @@ export function useTableCell<T>(props: TableCellProps, state: TableState<T>, ref
   }
 
   return {
-    gridCellProps
+    gridCellProps,
+    isPressed
   };
 }

package/src/useTableHeaderRow.ts

@@ -10,17 +10,22 @@
  * governing permissions and limitations under the License.
  */
 
-import {GridRowAria, GridRowProps} from '@react-aria/grid';
-import {RefObject} from 'react';
+import {GridRowProps} from '@react-aria/grid';
+import {HTMLAttributes, RefObject} from 'react';
 import {TableState} from '@react-stately/table';
 
+export interface TableHeaderRowAria {
+  /** Props for the grid row element. */
+  rowProps: HTMLAttributes<HTMLElement>
+}
+
 /**
  * Provides the behavior and accessibility implementation for a header row in a table.
  * @param props - Props for the row.
  * @param state - State of the table, as returned by `useTableState`.
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function useTableHeaderRow<T>(props: GridRowProps<T>, state: TableState<T>, ref: RefObject<HTMLElement>): GridRowAria {
+export function useTableHeaderRow<T>(props: GridRowProps<T>, state: TableState<T>, ref: RefObject<HTMLElement>): TableHeaderRowAria {
   let {node, isVirtualized} = props;
   let rowProps = {
     role: 'row'

package/src/useTableRow.ts

@@ -23,11 +23,12 @@ import {TableState} from '@react-stately/table';
  */
 export function useTableRow<T>(props: GridRowProps<T>, state: TableState<T>, ref: RefObject<HTMLElement>): GridRowAria {
   let {node} = props;
-  let {rowProps} = useGridRow<T, TableCollection<T>, TableState<T>>(props, state, ref);
+  let {rowProps, isPressed} = useGridRow<T, TableCollection<T>, TableState<T>>(props, state, ref);
   return {
     rowProps: {
       ...rowProps,
       'aria-labelledby': getRowLabelledBy(state, node.key)
-    }
+    },
+    isPressed
   };
 }