@react-spectrum/table 3.16.0 → 3.17.0

package/dist/{vars.27f08d5f.css → table.0cdc494a.css}

@@ -989,4 +989,4 @@ tbody.hm005a_spectrum-Table-body .hm005a_spectrum-Table-row:last-child .hm005a_s
     --spectrum-table-background-color: transparent;
   }
 }
-/*# sourceMappingURL=vars.27f08d5f.css.map */
+/*# sourceMappingURL=table.0cdc494a.css.map */

package/dist/{vars.27f08d5f.css.map → table.0cdc494a.css.map}

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;AAUA;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;;;;;;;;;;AAYE;;;;AAME;;;;;AAQA;;;;AAIF;;;;AAEE;;;;;AAIA;;;;;;;AAWJ;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUE;;;;;;;;AAQA;;;;AAMF;;;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;AAOE;;;;;;;AAWF;;;;;;;;;AAWE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;AAQE;;;;;;;AAQF;;;;;;;;;;;AAgBA;;;;;;;;;;;AAWI;;;;AAGA;;;;AAMJ;;;;;AAKA;;;;AAIA;;;;AAKE;;;;AAQE;;;;;;;;AAJF;;;;AAIE;;;;;;;;AAiBJ;;;;;AAKA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AAYI;;;;;;;AASJ;;;;AAIA;;;;;;AAKE;;;;AAIA;;;;AAME;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAWA;;;;;AAUE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAWA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAWR;;;;AAIA;;;;AAKE;;;;;AAKA;;;;AAOI;;;;AAON;;;;;;;AAQE;;;;AAKF;;;;AAIA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAQE;;;;AAKF;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUE;;;;AAKF;EAMM;;;;;;;;AAsBN;;;;;;;;;;AAUA;;;;;;AASA;;;;;;AAUI;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAKF;;;;AAGE;;;;AAxBF;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAKF;;;;AAGE;;;;AASN;;;;;AAIE;;;;AAUE;;;;;AASJ;;;;;;AAMI;;;;;;;;;;AAWF;;;;;AAIE;;;;AASJ;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQA;;;;AAUE;;;;AAKF;;;;AAIA;;;;AAYA;;;;;;;;;;;AAkBE;;;;AAMA;;;;AAIA;;;;AAKA;;;;AAMA;;;;AAUE;;;;AAOF;;;;;;AAUJ;;;;;AAKA;;;;;AAME;;;;;AAIE;;;;;AAIE;;;;AAOF;;;;AAIA;;;;AASA;;;;AAKE;;;;AAIA;;;;AAIA;;;;AAQF;;;;;AASF;;;;AAOE;;;;AAOF;;;;AAOE;;;;;AAIA;;;;;AAOJ;;;;AAIA;EACE;;;;;;;;;;;;;;;;EAkBI;;;;EASA","sources":["packages/@adobe/spectrum-css-temp/components/table/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.27f08d5f.css.map"}
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;AAUA;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;;;;;;;;;;AAYE;;;;AAME;;;;;AAQA;;;;AAIF;;;;AAEE;;;;;AAIA;;;;;;;AAWJ;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUE;;;;;;;;AAQA;;;;AAMF;;;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;AAOE;;;;;;;AAWF;;;;;;;;;AAWE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;AAQE;;;;;;;AAQF;;;;;;;;;;;AAgBA;;;;;;;;;;;AAWI;;;;AAGA;;;;AAMJ;;;;;AAKA;;;;AAIA;;;;AAKE;;;;AAQE;;;;;;;;AAJF;;;;AAIE;;;;;;;;AAiBJ;;;;;AAKA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AAYI;;;;;;;AASJ;;;;AAIA;;;;;;AAKE;;;;AAIA;;;;AAME;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAWA;;;;;AAUE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAWA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAWR;;;;AAIA;;;;AAKE;;;;;AAKA;;;;AAOI;;;;AAON;;;;;;;AAQE;;;;AAKF;;;;AAIA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAQE;;;;AAKF;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUE;;;;AAKF;EAMM;;;;;;;;AAsBN;;;;;;;;;;AAUA;;;;;;AASA;;;;;;AAUI;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAKF;;;;AAGE;;;;AAxBF;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAKF;;;;AAGE;;;;AASN;;;;;AAIE;;;;AAUE;;;;;AASJ;;;;;;AAMI;;;;;;;;;;AAWF;;;;;AAIE;;;;AASJ;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQA;;;;AAUE;;;;AAKF;;;;AAIA;;;;AAYA;;;;;;;;;;;AAkBE;;;;AAMA;;;;AAIA;;;;AAKA;;;;AAMA;;;;AAUE;;;;AAOF;;;;;;AAUJ;;;;;AAKA;;;;;AAME;;;;;AAIE;;;;;AAIE;;;;AAOF;;;;AAIA;;;;AASA;;;;AAKE;;;;AAIA;;;;AAIA;;;;AAQF;;;;;AASF;;;;AAOE;;;;AAOF;;;;AAOE;;;;;AAIA;;;;;AAOJ;;;;AAIA;EACE;;;;;;;;;;;;;;;;EAkBI;;;;EASA","sources":["packages/@adobe/spectrum-css-temp/components/table/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"table.0cdc494a.css.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/table",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,31 +36,31 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/button": "^3.12.0",
-    "@react-aria/focus": "^3.20.0",
-    "@react-aria/i18n": "^3.12.6",
-    "@react-aria/interactions": "^3.24.0",
-    "@react-aria/overlays": "^3.26.0",
-    "@react-aria/selection": "^3.23.0",
-    "@react-aria/table": "^3.17.0",
-    "@react-aria/utils": "^3.28.0",
-    "@react-aria/virtualizer": "^4.1.2",
-    "@react-aria/visually-hidden": "^3.8.20",
-    "@react-spectrum/checkbox": "^3.9.13",
-    "@react-spectrum/dnd": "^3.5.2",
-    "@react-spectrum/layout": "^3.6.12",
-    "@react-spectrum/menu": "^3.21.2",
-    "@react-spectrum/progress": "^3.7.13",
-    "@react-spectrum/tooltip": "^3.7.2",
-    "@react-spectrum/utils": "^3.12.2",
-    "@react-stately/flags": "^3.1.0",
-    "@react-stately/layout": "^4.2.0",
-    "@react-stately/table": "^3.14.0",
-    "@react-stately/virtualizer": "^4.3.0",
-    "@react-types/grid": "^3.3.0",
-    "@react-types/shared": "^3.28.0",
-    "@react-types/table": "^3.11.0",
-    "@spectrum-icons/ui": "^3.6.13",
+    "@react-aria/button": "^3.13.0",
+    "@react-aria/focus": "^3.20.2",
+    "@react-aria/i18n": "^3.12.8",
+    "@react-aria/interactions": "^3.25.0",
+    "@react-aria/overlays": "^3.27.0",
+    "@react-aria/selection": "^3.24.0",
+    "@react-aria/table": "^3.17.2",
+    "@react-aria/utils": "^3.28.2",
+    "@react-aria/virtualizer": "^4.1.4",
+    "@react-aria/visually-hidden": "^3.8.22",
+    "@react-spectrum/checkbox": "^3.9.15",
+    "@react-spectrum/dnd": "^3.5.4",
+    "@react-spectrum/layout": "^3.6.14",
+    "@react-spectrum/menu": "^3.22.0",
+    "@react-spectrum/progress": "^3.7.15",
+    "@react-spectrum/tooltip": "^3.7.4",
+    "@react-spectrum/utils": "^3.12.4",
+    "@react-stately/flags": "^3.1.1",
+    "@react-stately/layout": "^4.2.2",
+    "@react-stately/table": "^3.14.1",
+    "@react-stately/virtualizer": "^4.3.2",
+    "@react-types/grid": "^3.3.1",
+    "@react-types/shared": "^3.29.0",
+    "@react-types/table": "^3.12.0",
+    "@spectrum-icons/ui": "^3.6.15",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
+  "gitHead": "9b66d270572f482948afee95622a85cdf68ed408"
 }

package/src/DragPreview.tsx

@@ -12,7 +12,7 @@
 
 import {classNames} from '@react-spectrum/utils';
 import {Flex} from '@react-spectrum/layout';
-import React from 'react';
+import React, {ReactNode} from 'react';
 import styles from '@adobe/spectrum-css-temp/components/table/vars.css';
 import stylesOverrides from './table.css';
 
@@ -23,7 +23,7 @@ interface DragPreviewProps {
   maxWidth: number
 }
 
-export function DragPreview(props: DragPreviewProps) {
+export function DragPreview(props: DragPreviewProps): ReactNode {
   let {
     itemText,
     itemCount,

package/src/InsertionIndicator.tsx

@@ -12,7 +12,7 @@
 
 import {classNames} from '@react-spectrum/utils';
 import {FocusableElement, ItemDropTarget} from '@react-types/shared';
-import React, {DOMAttributes, HTMLAttributes, useRef} from 'react';
+import React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';
 import styles from './table.css';
 import {useTableContext} from './TableViewBase';
 import {useVisuallyHidden} from '@react-aria/visually-hidden';
@@ -22,7 +22,7 @@ interface InsertionIndicatorProps {
   rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>
 }
 
-export function InsertionIndicator(props: InsertionIndicatorProps) {
+export function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {
   let {dropState, dragAndDropHooks} = useTableContext();
   const {target, rowProps} = props;
 

package/src/Nubbin.tsx

@@ -10,11 +10,11 @@
  * governing permissions and limitations under the License.
  */
 
-import React from 'react';
+import React, {ReactNode} from 'react';
 
 
 // TODO resize with scale? colors should be variables
-export function Nubbin() {
+export function Nubbin(): ReactNode {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
       <g fill="var(--spectrum-global-color-blue-600)" stroke="var(--spectrum-global-color-blue-600)" strokeWidth="2">

package/src/Resizer.tsx

@@ -1,4 +1,4 @@
- 
+
 import {classNames} from '@react-spectrum/utils';
 import {ColumnSize} from '@react-types/table';
 import eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';
@@ -16,7 +16,7 @@ import {TableColumnResizeState} from '@react-stately/table';
 import {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';
 import {useTableColumnResize} from '@react-aria/table';
 import {useTableContext, useVirtualizerContext} from './TableViewBase';
-import {useUNSTABLE_PortalContext} from '@react-aria/overlays';
+import {useUNSAFE_PortalContext} from '@react-aria/overlays';
 // @ts-ignore
 import wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';
 
@@ -132,6 +132,6 @@ export const Resizer = React.forwardRef(function Resizer<T>(props: ResizerProps<
 
 function CursorOverlay(props) {
   let {show, children} = props;
-  let {getContainer} = useUNSTABLE_PortalContext();
+  let {getContainer} = useUNSAFE_PortalContext();
   return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;
 }

package/src/RootDropIndicator.tsx

@@ -10,11 +10,11 @@
  * governing permissions and limitations under the License.
  */
 
-import React, {useRef} from 'react';
+import React, {ReactNode, useRef} from 'react';
 import {useTableContext} from './TableViewBase';
 import {useVisuallyHidden} from '@react-aria/visually-hidden';
 
-export function RootDropIndicator() {
+export function RootDropIndicator(): ReactNode | null {
   let {dropState, dragAndDropHooks, state} = useTableContext();
   let ref = useRef<HTMLDivElement | null>(null);
   let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!({

package/src/TableViewBase.tsx

@@ -128,12 +128,15 @@ export interface TableContextValue<T> {
 }
 
 export const TableContext = React.createContext<TableContextValue<unknown> | null>(null);
-export function useTableContext() {
+export function useTableContext(): TableContextValue<unknown> {
   return useContext(TableContext)!;
 }
 
 export const VirtualizerContext = React.createContext<{width: number, key: Key | null} | null>(null);
-export function useVirtualizerContext() {
+export function useVirtualizerContext(): {
+  width: number,
+  key: Key | null
+} | null {
   return useContext(VirtualizerContext);
 }
 
@@ -158,6 +161,9 @@ function TableViewBase<T extends object>(props: TableBaseProps<T>, ref: DOMRef<H
   let dragHooksProvided = useRef(isTableDraggable);
   let dropHooksProvided = useRef(isTableDroppable);
   useEffect(() => {
+    if (process.env.NODE_ENV === 'production') {
+      return;
+    }
     if (dragHooksProvided.current !== isTableDraggable) {
       console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
     }
@@ -748,7 +754,7 @@ function TableColumnHeader(props) {
   let {pressProps, isPressed} = usePress({isDisabled: isEmpty});
   let columnProps = column.props as SpectrumColumnProps<unknown>;
   useEffect(() => {
-    if (column.hasChildNodes && columnProps.allowsResizing) {
+    if (column.hasChildNodes && columnProps.allowsResizing && process.env.NODE_ENV !== 'production') {
       console.warn(`Column key: ${column.key}. Columns with child columns don't allow resizing.`);
     }
   }, [column.hasChildNodes, column.key, columnProps.allowsResizing]);
@@ -1044,6 +1050,7 @@ function TableSelectAllCell({column}) {
         }
         <Checkbox
           {...checkboxProps}
+          data-testid="selectAll"
           isEmphasized
           UNSAFE_style={isSingleSelectionMode ? {visibility: 'hidden'} : undefined}
           UNSAFE_className={classNames(styles, 'spectrum-Table-checkbox')} />
@@ -1128,7 +1135,7 @@ interface TableRowContextValue {
 
 
 const TableRowContext = React.createContext<TableRowContextValue | null>(null);
-export function useTableRowContext() {
+export function useTableRowContext(): TableRowContextValue {
   return useContext(TableRowContext)!;
 }
 

package/src/TableViewLayout.ts

@@ -89,8 +89,8 @@ export class TableViewLayout<T> extends TableLayout<T> {
     return super.getEstimatedRowHeight() + 1; // for bottom border
   }
 
-  protected isStickyColumn(node: GridNode<T>) {
-    return node.props?.isDragButtonCell || node.props?.isSelectionCell;
+  protected isStickyColumn(node: GridNode<T>): boolean {
+    return (node.props?.isDragButtonCell || node.props?.isSelectionCell) ?? false;
   }
 
   getDropTargetFromPoint(x: number, y: number, isValidDropTarget: (target: DropTarget) => boolean): DropTarget | null {