@react-spectrum/table 3.0.0-beta.1 → 3.0.0-nightly-641446f65-240905

package/dist/vars.ce47d5ba.css.map

@@ -0,0 +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.ce47d5ba.css.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,14 @@
+module.exports = {
+    "collapse": `\u{6298}\u{53E0}`,
+    "columnResizer": `\u{5217}\u{5C3A}\u{5BF8}\u{8C03}\u{6574}\u{5668}`,
+    "drag": `\u{62D6}\u{52A8}`,
+    "expand": `\u{6269}\u{5C55}`,
+    "loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
+    "loadingMore": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}\u{66F4}\u{591A}...`,
+    "resizeColumn": `\u{8C03}\u{6574}\u{5217}\u{5927}\u{5C0F}`,
+    "sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,YAAY,CAAC,gBAAE,CAAC;IAClC,iBAAiB,CAAC,gDAAM,CAAC;IACzB,QAAQ,CAAC,gBAAE,CAAC;IACZ,UAAU,CAAC,gBAAE,CAAC;IACd,WAAW,CAAC,mCAAO,CAAC;IACpB,eAAe,CAAC,mDAAS,CAAC;IAC1B,gBAAgB,CAAC,wCAAK,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,kBAAkB,CAAC,gCAAI,CAAC;AAC1B","sources":["packages/@react-spectrum/table/intl/zh-CN.json"],"sourcesContent":["{\n  \"collapse\": \"折叠\",\n  \"columnResizer\": \"列尺寸调整器\",\n  \"drag\": \"拖动\",\n  \"expand\": \"扩展\",\n  \"loading\": \"正在加载...\",\n  \"loadingMore\": \"正在加载更多...\",\n  \"resizeColumn\": \"调整列大小\",\n  \"sortAscending\": \"升序排序\",\n  \"sortDescending\": \"降序排序\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,16 @@
+var $8de129c51e22709f$exports = {};
+$8de129c51e22709f$exports = {
+    "collapse": `\u{6298}\u{53E0}`,
+    "columnResizer": `\u{5217}\u{5C3A}\u{5BF8}\u{8C03}\u{6574}\u{5668}`,
+    "drag": `\u{62D6}\u{52A8}`,
+    "expand": `\u{6269}\u{5C55}`,
+    "loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
+    "loadingMore": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}\u{66F4}\u{591A}...`,
+    "resizeColumn": `\u{8C03}\u{6574}\u{5217}\u{5927}\u{5C0F}`,
+    "sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`
+};
+
+
+export {$8de129c51e22709f$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -0,0 +1,16 @@
+var $8de129c51e22709f$exports = {};
+$8de129c51e22709f$exports = {
+    "collapse": `\u{6298}\u{53E0}`,
+    "columnResizer": `\u{5217}\u{5C3A}\u{5BF8}\u{8C03}\u{6574}\u{5668}`,
+    "drag": `\u{62D6}\u{52A8}`,
+    "expand": `\u{6269}\u{5C55}`,
+    "loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
+    "loadingMore": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}\u{66F4}\u{591A}...`,
+    "resizeColumn": `\u{8C03}\u{6574}\u{5217}\u{5927}\u{5C0F}`,
+    "sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`
+};
+
+
+export {$8de129c51e22709f$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,YAAY,CAAC,gBAAE,CAAC;IAClC,iBAAiB,CAAC,gDAAM,CAAC;IACzB,QAAQ,CAAC,gBAAE,CAAC;IACZ,UAAU,CAAC,gBAAE,CAAC;IACd,WAAW,CAAC,mCAAO,CAAC;IACpB,eAAe,CAAC,mDAAS,CAAC;IAC1B,gBAAgB,CAAC,wCAAK,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,kBAAkB,CAAC,gCAAI,CAAC;AAC1B","sources":["packages/@react-spectrum/table/intl/zh-CN.json"],"sourcesContent":["{\n  \"collapse\": \"折叠\",\n  \"columnResizer\": \"列尺寸调整器\",\n  \"drag\": \"拖动\",\n  \"expand\": \"扩展\",\n  \"loading\": \"正在加载...\",\n  \"loadingMore\": \"正在加载更多...\",\n  \"resizeColumn\": \"调整列大小\",\n  \"sortAscending\": \"升序排序\",\n  \"sortDescending\": \"降序排序\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,14 @@
+module.exports = {
+    "collapse": `\u{6536}\u{5408}`,
+    "columnResizer": `\u{6B04}\u{5927}\u{5C0F}\u{8ABF}\u{6574}\u{5668}`,
+    "drag": `\u{62D6}\u{66F3}`,
+    "expand": `\u{5C55}\u{958B}`,
+    "loading": `\u{8F09}\u{5165}\u{4E2D}\u{2026}`,
+    "loadingMore": `\u{6B63}\u{5728}\u{8F09}\u{5165}\u{66F4}\u{591A}\u{2026}`,
+    "resizeColumn": `\u{8ABF}\u{6574}\u{6B04}\u{5927}\u{5C0F}`,
+    "sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,YAAY,CAAC,gBAAE,CAAC;IAClC,iBAAiB,CAAC,gDAAM,CAAC;IACzB,QAAQ,CAAC,gBAAE,CAAC;IACZ,UAAU,CAAC,gBAAE,CAAC;IACd,WAAW,CAAC,gCAAI,CAAC;IACjB,eAAe,CAAC,wDAAO,CAAC;IACxB,gBAAgB,CAAC,wCAAK,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,kBAAkB,CAAC,gCAAI,CAAC;AAC1B","sources":["packages/@react-spectrum/table/intl/zh-TW.json"],"sourcesContent":["{\n  \"collapse\": \"收合\",\n  \"columnResizer\": \"欄大小調整器\",\n  \"drag\": \"拖曳\",\n  \"expand\": \"展開\",\n  \"loading\": \"載入中…\",\n  \"loadingMore\": \"正在載入更多…\",\n  \"resizeColumn\": \"調整欄大小\",\n  \"sortAscending\": \"升序排序\",\n  \"sortDescending\": \"降序排序\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,16 @@
+var $e57af0887d00746b$exports = {};
+$e57af0887d00746b$exports = {
+    "collapse": `\u{6536}\u{5408}`,
+    "columnResizer": `\u{6B04}\u{5927}\u{5C0F}\u{8ABF}\u{6574}\u{5668}`,
+    "drag": `\u{62D6}\u{66F3}`,
+    "expand": `\u{5C55}\u{958B}`,
+    "loading": `\u{8F09}\u{5165}\u{4E2D}\u{2026}`,
+    "loadingMore": `\u{6B63}\u{5728}\u{8F09}\u{5165}\u{66F4}\u{591A}\u{2026}`,
+    "resizeColumn": `\u{8ABF}\u{6574}\u{6B04}\u{5927}\u{5C0F}`,
+    "sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`
+};
+
+
+export {$e57af0887d00746b$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -0,0 +1,16 @@
+var $e57af0887d00746b$exports = {};
+$e57af0887d00746b$exports = {
+    "collapse": `\u{6536}\u{5408}`,
+    "columnResizer": `\u{6B04}\u{5927}\u{5C0F}\u{8ABF}\u{6574}\u{5668}`,
+    "drag": `\u{62D6}\u{66F3}`,
+    "expand": `\u{5C55}\u{958B}`,
+    "loading": `\u{8F09}\u{5165}\u{4E2D}\u{2026}`,
+    "loadingMore": `\u{6B63}\u{5728}\u{8F09}\u{5165}\u{66F4}\u{591A}\u{2026}`,
+    "resizeColumn": `\u{8ABF}\u{6574}\u{6B04}\u{5927}\u{5C0F}`,
+    "sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`
+};
+
+
+export {$e57af0887d00746b$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,YAAY,CAAC,gBAAE,CAAC;IAClC,iBAAiB,CAAC,gDAAM,CAAC;IACzB,QAAQ,CAAC,gBAAE,CAAC;IACZ,UAAU,CAAC,gBAAE,CAAC;IACd,WAAW,CAAC,gCAAI,CAAC;IACjB,eAAe,CAAC,wDAAO,CAAC;IACxB,gBAAgB,CAAC,wCAAK,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,kBAAkB,CAAC,gCAAI,CAAC;AAC1B","sources":["packages/@react-spectrum/table/intl/zh-TW.json"],"sourcesContent":["{\n  \"collapse\": \"收合\",\n  \"columnResizer\": \"欄大小調整器\",\n  \"drag\": \"拖曳\",\n  \"expand\": \"展開\",\n  \"loading\": \"載入中…\",\n  \"loadingMore\": \"正在載入更多…\",\n  \"resizeColumn\": \"調整欄大小\",\n  \"sortAscending\": \"升序排序\",\n  \"sortDescending\": \"降序排序\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-spectrum/table",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-nightly-641446f65-240905",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -31,38 +36,45 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "^3.4.0",
-    "@react-aria/grid": "3.0.0-beta.1",
-    "@react-aria/i18n": "^3.3.1",
-    "@react-aria/interactions": "^3.5.0",
-    "@react-aria/table": "3.0.0-beta.1",
-    "@react-aria/utils": "^3.8.1",
-    "@react-aria/virtualizer": "^3.3.3",
-    "@react-aria/visually-hidden": "^3.2.2",
-    "@react-spectrum/checkbox": "^3.2.3",
-    "@react-spectrum/progress": "^3.1.2",
-    "@react-spectrum/tooltip": "^3.1.3",
-    "@react-spectrum/utils": "^3.6.1",
-    "@react-stately/collections": "^3.3.2",
-    "@react-stately/grid": "3.0.0-beta.0",
-    "@react-stately/layout": "^3.3.1",
-    "@react-stately/table": "3.0.0-beta.1",
-    "@react-stately/virtualizer": "^3.1.4",
-    "@react-types/grid": "3.0.0-beta.0",
-    "@react-types/shared": "^3.7.0",
-    "@react-types/table": "3.0.0-beta.1",
-    "@spectrum-icons/ui": "^3.2.0"
+    "@react-aria/button": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/focus": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/i18n": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/interactions": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/overlays": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/selection": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/table": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/utils": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/virtualizer": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/visually-hidden": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/checkbox": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/dnd": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/layout": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/menu": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/progress": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/tooltip": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/utils": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/flags": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/layout": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/table": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/virtualizer": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/grid": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/shared": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/table": "^3.0.0-nightly-641446f65-240905",
+    "@spectrum-icons/ui": "^3.0.0-nightly-641446f65-240905",
+    "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
+    "@react-aria/dnd": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/dnd": "^3.0.0-nightly-641446f65-240905"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0-rc.1",
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "@react-spectrum/provider": "^3.0.0-nightly-641446f65-240905",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2c7164335bcbadf2382d1f984859cc620dc00cc7"
-}
+  "stableVersion": "3.13.1"
+}

package/src/DragPreview.tsx

@@ -0,0 +1,77 @@
+/*
+ * Copyright 2023 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.
+ */
+
+import {classNames} from '@react-spectrum/utils';
+import {Flex} from '@react-spectrum/layout';
+import React from 'react';
+import styles from '@adobe/spectrum-css-temp/components/table/vars.css';
+import stylesOverrides from './table.css';
+
+interface DragPreviewProps {
+  itemText: string,
+  itemCount: number,
+  height: number,
+  maxWidth: number
+}
+
+export function DragPreview(props: DragPreviewProps) {
+  let {
+    itemText,
+    itemCount,
+    height,
+    maxWidth
+  } = props;
+  let isDraggingMultiple = itemCount > 1;
+  return (
+    <Flex
+      justifyContent="space-between"
+      height={height}
+      maxWidth={maxWidth}
+      UNSAFE_className={
+        classNames(
+          styles,
+          'spectrum-Table-row',
+          classNames(
+            stylesOverrides,
+            'react-spectrum-Table-row',
+            'react-spectrum-Table-row-dragPreview',
+            {'react-spectrum-Table-row-dragPreview--multiple': isDraggingMultiple}
+          )
+        )
+      }>
+      <div
+        className={
+        classNames(
+          styles,
+          'spectrum-Table-cell',
+          classNames(
+            stylesOverrides,
+            'react-spectrum-Table-cell'
+          )
+        )
+      }>
+        <span
+          className={
+            classNames(
+              styles,
+              'spectrum-Table-cellContents'
+            )
+        }>
+          {itemText}
+        </span>
+      </div>
+      {isDraggingMultiple &&
+        <div className={classNames(stylesOverrides, 'react-spectrum-Table-row-badge')}>{itemCount}</div>
+      }
+    </Flex>
+  );
+}

package/src/InsertionIndicator.tsx

@@ -0,0 +1,62 @@
+/*
+ * Copyright 2023 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.
+ */
+
+import {classNames} from '@react-spectrum/utils';
+import {FocusableElement, ItemDropTarget} from '@react-types/shared';
+import React, {DOMAttributes, HTMLAttributes, useRef} from 'react';
+import styles from './table.css';
+import {useTableContext} from './TableViewBase';
+import {useVisuallyHidden} from '@react-aria/visually-hidden';
+
+interface InsertionIndicatorProps {
+  target: ItemDropTarget,
+  rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>
+}
+
+export function InsertionIndicator(props: InsertionIndicatorProps) {
+  let {dropState, dragAndDropHooks} = useTableContext();
+  const {target, rowProps} = props;
+
+  let ref = useRef(undefined);
+  let {dropIndicatorProps} = dragAndDropHooks.useDropIndicator(props, dropState, ref);
+  let {visuallyHiddenProps} = useVisuallyHidden();
+
+  let isDropTarget = dropState.isDropTarget(target);
+
+  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {
+    return null;
+  }
+
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        top: rowProps.style.top as number + (target.dropPosition === 'after' ? rowProps.style.height as number : 0),
+        width: rowProps.style.width
+      }}
+      role="row"
+      aria-hidden={dropIndicatorProps['aria-hidden']}>
+      <div
+        role="gridcell"
+        className={
+          classNames(
+            styles,
+            'react-spectrum-Table-InsertionIndicator',
+            {
+              'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget
+            }
+        )}>
+        <div {...visuallyHiddenProps} role="button" {...dropIndicatorProps} ref={ref} />
+      </div>
+    </div>
+  );
+}

package/src/Nubbin.tsx

@@ -0,0 +1,28 @@
+/*
+ * Copyright 2022 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.
+ */
+
+import React from 'react';
+
+
+// TODO resize with scale? colors should be variables
+export function Nubbin() {
+  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">
+        <circle cx="8" cy="8" r="8" stroke="none" />
+        <circle cx="8" cy="8" r="7" fill="none" />
+      </g>
+      <path d="M-2106-7380.263v5l2.5-2.551Z" transform="translate(2116 7385.763)" fill="#fff" stroke="#fff" strokeLinejoin="round" strokeWidth="2" />
+      <path d="M-2106-7380.263v5l2.5-2.551Z" transform="translate(-2100 -7369.763) rotate(180)" fill="#fff" stroke="#fff" strokeLinejoin="round" strokeWidth="2" />
+    </svg>
+  );
+}

package/src/Resizer.tsx

@@ -0,0 +1,139 @@
+/* eslint-disable jsx-a11y/role-supports-aria-props */
+import {classNames} from '@react-spectrum/utils';
+import {ColumnSize} from '@react-types/table';
+import eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';
+import ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';
+import {FocusRing} from '@react-aria/focus';
+import {GridNode} from '@react-types/grid';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {isWebKit, mergeProps} from '@react-aria/utils';
+import {Key, RefObject} from '@react-types/shared';
+import React, {createContext, useContext, useEffect, useState} from 'react';
+import ReactDOM from 'react-dom';
+import styles from '@adobe/spectrum-css-temp/components/table/vars.css';
+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';
+// @ts-ignore
+import wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';
+
+function getCursor(svg: string, fallback: string) {
+  // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657
+  // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.
+  // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.
+  if (isWebKit()) {
+    return `image-set(url("data:image/svg+xml,${encodeURIComponent(svg)}") 1x, url("data:image/svg+xml,${encodeURIComponent(svg.replace('width="32" height="32"', 'width="64" height="64"'))}") 2x) 8 8, ${fallback}`;
+  } else {
+    return `url("data:image/svg+xml,${encodeURIComponent(svg)}") 8 8, ${fallback}`;
+  }
+}
+
+interface ResizerProps<T> {
+  column: GridNode<T>,
+  showResizer: boolean,
+  triggerRef: RefObject<HTMLDivElement | null>,
+  onResizeStart: (widths: Map<Key, ColumnSize>) => void,
+  onResize: (widths: Map<Key, ColumnSize>) => void,
+  onResizeEnd: (widths: Map<Key, ColumnSize>) => void
+}
+
+const CURSORS = {
+  ew: getCursor(ewCursor, 'ew-resize'),
+  w: getCursor(wCursor, 'w-resize'),
+  e: getCursor(eCursor, 'e-resize')
+};
+
+export const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);
+
+function Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement | null>) {
+  let {column, showResizer} = props;
+  let {isEmpty, onFocusedResizer} = useTableContext();
+  let layout = useContext(ResizeStateContext)!;
+  // Virtualizer re-renders, but these components are all cached
+  // in order to get around that and cause a rerender here, we use context
+  // but we don't actually need any value, they are available on the layout object
+  useVirtualizerContext();
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');
+  let {direction} = useLocale();
+
+  let [isPointerDown, setIsPointerDown] = useState(false);
+  useEffect(() => {
+    let setDown = (e) => {
+      if (e.pointerType === 'mouse') {
+        setIsPointerDown(true);
+      }
+    };
+    let setUp = (e) => {
+      if (e.pointerType === 'mouse') {
+        setIsPointerDown(false);
+      }
+    };
+    document.addEventListener('pointerdown', setDown, {capture: true});
+    document.addEventListener('pointerup', setUp, {capture: true});
+    return () => {
+      document.removeEventListener('pointerdown', setDown, {capture: true});
+      document.removeEventListener('pointerup', setUp, {capture: true});
+    };
+  }, []);
+
+  let {inputProps, resizerProps} = useTableColumnResize<unknown>(
+    mergeProps(props, {
+      'aria-label': stringFormatter.format('columnResizer'),
+      isDisabled: isEmpty
+    }), layout, ref);
+
+  let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
+  let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
+  let isResizing = layout.resizingColumn === column.key;
+  let cursor = '';
+  if (isEResizable) {
+    cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;
+  } else if (isWResizable) {
+    cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;
+  } else {
+    cursor = CURSORS.ew;
+  }
+
+  let style = {
+    ...resizerProps.style,
+    height: '100%',
+    display: showResizer ? undefined : 'none',
+    cursor
+  };
+
+  return (
+    <>
+      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>
+        <div
+          {...resizerProps}
+          role="presentation"
+          style={style}
+          className={classNames(styles, 'spectrum-Table-columnResizer')}>
+          <input
+            ref={ref}
+            {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />
+        </div>
+      </FocusRing>
+      {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}
+      <div
+        aria-hidden
+        role="presentation"
+        className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')} />
+      <CursorOverlay show={isResizing && isPointerDown}>
+        <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />
+      </CursorOverlay>
+    </>
+  );
+}
+
+function CursorOverlay(props) {
+  let {show, children} = props;
+  let {getContainer} = useUNSTABLE_PortalContext();
+  return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;
+}
+
+const _Resizer = React.forwardRef(Resizer);
+export {_Resizer as Resizer};

package/src/RootDropIndicator.tsx

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2023 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.
+ */
+
+import React, {useRef} from 'react';
+import {useTableContext} from './TableViewBase';
+import {useVisuallyHidden} from '@react-aria/visually-hidden';
+
+export function RootDropIndicator() {
+  let {dropState, dragAndDropHooks, state} = useTableContext();
+  let ref = useRef(undefined);
+  let {dropIndicatorProps} = dragAndDropHooks.useDropIndicator({
+    target: {type: 'root'}
+  }, dropState, ref);
+  let isDropTarget = dropState.isDropTarget({type: 'root'});
+  let {visuallyHiddenProps} = useVisuallyHidden();
+
+  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {
+    return null;
+  }
+
+  return (
+    <div role="row" aria-hidden={dropIndicatorProps['aria-hidden']}>
+      <div
+        role="gridcell"
+        aria-selected="false"
+        aria-colspan={state.collection.columns.length}>
+        <div role="button" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />
+      </div>
+    </div>
+  );
+}