@react-spectrum/table 3.7.2-nightly.3764 → 3.7.2-nightly.3785

package/dist/import.mjs

@@ -9,8 +9,9 @@ import {useFocusRing as $gyhAV$useFocusRing, FocusScope as $gyhAV$FocusScope, Fo
 import {getInteractionModality as $gyhAV$getInteractionModality, usePress as $gyhAV$usePress, useHover as $gyhAV$useHover} from "@react-aria/interactions";
 import {MenuTrigger as $gyhAV$MenuTrigger, Menu as $gyhAV$Menu, Item as $gyhAV$Item} from "@react-spectrum/menu";
 import {layoutInfoToStyle as $gyhAV$layoutInfoToStyle, VirtualizerItem as $gyhAV$VirtualizerItem, setScrollLeft as $gyhAV$setScrollLeft, useVirtualizer as $gyhAV$useVirtualizer, ScrollView as $gyhAV$ScrollView} from "@react-aria/virtualizer";
+import $gyhAV$spectrumiconsuiListGripper from "@spectrum-icons/ui/ListGripper";
 import {ProgressCircle as $gyhAV$ProgressCircle} from "@react-spectrum/progress";
-import $gyhAV$react, {useContext as $gyhAV$useContext, useState as $gyhAV$useState, useCallback as $gyhAV$useCallback, useRef as $gyhAV$useRef, useMemo as $gyhAV$useMemo, useEffect as $gyhAV$useEffect} from "react";
+import $gyhAV$react, {useContext as $gyhAV$useContext, useRef as $gyhAV$useRef, useEffect as $gyhAV$useEffect, useState as $gyhAV$useState, useCallback as $gyhAV$useCallback, useMemo as $gyhAV$useMemo} from "react";
 import {useVirtualizerState as $gyhAV$useVirtualizerState} from "@react-stately/virtualizer";
 import {TableLayout as $gyhAV$TableLayout} from "@react-stately/layout";
 import {TooltipTrigger as $gyhAV$TooltipTrigger, Tooltip as $gyhAV$Tooltip} from "@react-spectrum/tooltip";
@@ -18,8 +19,9 @@ import {useButton as $gyhAV$useButton} from "@react-aria/button";
 import {useLocale as $gyhAV$useLocale, useLocalizedStringFormatter as $gyhAV$useLocalizedStringFormatter} from "@react-aria/i18n";
 import {useProviderProps as $gyhAV$useProviderProps, useProvider as $gyhAV$useProvider} from "@react-spectrum/provider";
 import {useTable as $gyhAV$useTable, useTableRowGroup as $gyhAV$useTableRowGroup, useTableColumnHeader as $gyhAV$useTableColumnHeader, useTableSelectAllCheckbox as $gyhAV$useTableSelectAllCheckbox, useTableRow as $gyhAV$useTableRow, useTableHeaderRow as $gyhAV$useTableHeaderRow, useTableCell as $gyhAV$useTableCell, useTableSelectionCheckbox as $gyhAV$useTableSelectionCheckbox, useTableColumnResize as $gyhAV$useTableColumnResize} from "@react-aria/table";
-import {VisuallyHidden as $gyhAV$VisuallyHidden} from "@react-aria/visually-hidden";
+import {VisuallyHidden as $gyhAV$VisuallyHidden, useVisuallyHidden as $gyhAV$useVisuallyHidden} from "@react-aria/visually-hidden";
 import $gyhAV$reactdom from "react-dom";
+import {Flex as $gyhAV$Flex} from "@react-spectrum/layout";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -55,6 +57,122 @@ function $parcel$export(e, n, v, s) {
 
 
 
+
+
+var $325bc3d43b25708b$exports = {};
+
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table", () => $325bc3d43b25708b$export$8cc7e6e5f955c192, (v) => $325bc3d43b25708b$export$8cc7e6e5f955c192 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell", () => $325bc3d43b25708b$export$19015e98090cea63, (v) => $325bc3d43b25708b$export$19015e98090cea63 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper", () => $325bc3d43b25708b$export$ea1d9f40910c509, (v) => $325bc3d43b25708b$export$ea1d9f40910c509 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignStart", () => $325bc3d43b25708b$export$25d7f56ba6d0d442, (v) => $325bc3d43b25708b$export$25d7f56ba6d0d442 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignCenter", () => $325bc3d43b25708b$export$14101ea2699002fc, (v) => $325bc3d43b25708b$export$14101ea2699002fc = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignEnd", () => $325bc3d43b25708b$export$c594335f8535fc47, (v) => $325bc3d43b25708b$export$c594335f8535fc47 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-centeredWrapper", () => $325bc3d43b25708b$export$8bffb31c98aaf8d5, (v) => $325bc3d43b25708b$export$8bffb31c98aaf8d5 = v);
+$parcel$export($325bc3d43b25708b$exports, "resize-ew", () => $325bc3d43b25708b$export$649f0fca6895dd60, (v) => $325bc3d43b25708b$export$649f0fca6895dd60 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-columnResizer--ewresize", () => $325bc3d43b25708b$export$a1b113e03a5ee3de, (v) => $325bc3d43b25708b$export$a1b113e03a5ee3de = v);
+$parcel$export($325bc3d43b25708b$exports, "resize-e", () => $325bc3d43b25708b$export$7c4671d507759106, (v) => $325bc3d43b25708b$export$7c4671d507759106 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-columnResizer--eresize", () => $325bc3d43b25708b$export$44b07791dc26fbe2, (v) => $325bc3d43b25708b$export$44b07791dc26fbe2 = v);
+$parcel$export($325bc3d43b25708b$exports, "resize-w", () => $325bc3d43b25708b$export$f87ceeb5dfa395aa, (v) => $325bc3d43b25708b$export$f87ceeb5dfa395aa = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-columnResizer--wresize", () => $325bc3d43b25708b$export$625aeffc18827554, (v) => $325bc3d43b25708b$export$625aeffc18827554 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row-dragPreview", () => $325bc3d43b25708b$export$ba71e6bcd70242c7, (v) => $325bc3d43b25708b$export$ba71e6bcd70242c7 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row-dragPreview--multiple", () => $325bc3d43b25708b$export$3d73889014dd20dd, (v) => $325bc3d43b25708b$export$3d73889014dd20dd = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row-badge", () => $325bc3d43b25708b$export$3559001d7e84a6da, (v) => $325bc3d43b25708b$export$3559001d7e84a6da = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-body--dropTarget", () => $325bc3d43b25708b$export$2698e8974a57cb61, (v) => $325bc3d43b25708b$export$2698e8974a57cb61 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-InsertionIndicator", () => $325bc3d43b25708b$export$e0940649899bb056, (v) => $325bc3d43b25708b$export$e0940649899bb056 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-InsertionIndicator--dropTarget", () => $325bc3d43b25708b$export$e246eff99e77d045, (v) => $325bc3d43b25708b$export$e246eff99e77d045 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-dragButtonCell", () => $325bc3d43b25708b$export$8d6d420175da304f, (v) => $325bc3d43b25708b$export$8d6d420175da304f = v);
+$parcel$export($325bc3d43b25708b$exports, "spectrum-Table-row-draghandle-button", () => $325bc3d43b25708b$export$13875dd576e00f26, (v) => $325bc3d43b25708b$export$13875dd576e00f26 = v);
+$parcel$export($325bc3d43b25708b$exports, "focus-ring", () => $325bc3d43b25708b$export$f39a09f249340e2a, (v) => $325bc3d43b25708b$export$f39a09f249340e2a = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-dragButtonHeadCell", () => $325bc3d43b25708b$export$3c106e5e58486b14, (v) => $325bc3d43b25708b$export$3c106e5e58486b14 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row--dropTarget", () => $325bc3d43b25708b$export$5e4ce8d9f081b812, (v) => $325bc3d43b25708b$export$5e4ce8d9f081b812 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper--dropTarget", () => $325bc3d43b25708b$export$374244a7e6e6e484, (v) => $325bc3d43b25708b$export$374244a7e6e6e484 = v);
+$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row", () => $325bc3d43b25708b$export$a2af12d9c37814bd, (v) => $325bc3d43b25708b$export$a2af12d9c37814bd = v);
+var $325bc3d43b25708b$export$8cc7e6e5f955c192;
+var $325bc3d43b25708b$export$19015e98090cea63;
+var $325bc3d43b25708b$export$ea1d9f40910c509;
+var $325bc3d43b25708b$export$25d7f56ba6d0d442;
+var $325bc3d43b25708b$export$14101ea2699002fc;
+var $325bc3d43b25708b$export$c594335f8535fc47;
+var $325bc3d43b25708b$export$8bffb31c98aaf8d5;
+var $325bc3d43b25708b$export$649f0fca6895dd60;
+var $325bc3d43b25708b$export$a1b113e03a5ee3de;
+var $325bc3d43b25708b$export$7c4671d507759106;
+var $325bc3d43b25708b$export$44b07791dc26fbe2;
+var $325bc3d43b25708b$export$f87ceeb5dfa395aa;
+var $325bc3d43b25708b$export$625aeffc18827554;
+var $325bc3d43b25708b$export$ba71e6bcd70242c7;
+var $325bc3d43b25708b$export$3d73889014dd20dd;
+var $325bc3d43b25708b$export$3559001d7e84a6da;
+var $325bc3d43b25708b$export$2698e8974a57cb61;
+var $325bc3d43b25708b$export$e0940649899bb056;
+var $325bc3d43b25708b$export$e246eff99e77d045;
+var $325bc3d43b25708b$export$8d6d420175da304f;
+var $325bc3d43b25708b$export$13875dd576e00f26;
+var $325bc3d43b25708b$export$f39a09f249340e2a;
+var $325bc3d43b25708b$export$3c106e5e58486b14;
+var $325bc3d43b25708b$export$5e4ce8d9f081b812;
+var $325bc3d43b25708b$export$374244a7e6e6e484;
+var $325bc3d43b25708b$export$a2af12d9c37814bd;
+$325bc3d43b25708b$export$8cc7e6e5f955c192 = "react-spectrum-Table_e844a7";
+$325bc3d43b25708b$export$19015e98090cea63 = "react-spectrum-Table-cell_e844a7";
+$325bc3d43b25708b$export$ea1d9f40910c509 = "react-spectrum-Table-cellWrapper_e844a7";
+$325bc3d43b25708b$export$25d7f56ba6d0d442 = "react-spectrum-Table-cell--alignStart_e844a7";
+$325bc3d43b25708b$export$14101ea2699002fc = "react-spectrum-Table-cell--alignCenter_e844a7";
+$325bc3d43b25708b$export$c594335f8535fc47 = "react-spectrum-Table-cell--alignEnd_e844a7";
+$325bc3d43b25708b$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrapper_e844a7";
+$325bc3d43b25708b$export$649f0fca6895dd60 = "resize-ew_e844a7";
+$325bc3d43b25708b$export$a1b113e03a5ee3de = "react-spectrum-Table-columnResizer--ewresize_e844a7";
+$325bc3d43b25708b$export$7c4671d507759106 = "resize-e_e844a7";
+$325bc3d43b25708b$export$44b07791dc26fbe2 = "react-spectrum-Table-columnResizer--eresize_e844a7";
+$325bc3d43b25708b$export$f87ceeb5dfa395aa = "resize-w_e844a7";
+$325bc3d43b25708b$export$625aeffc18827554 = "react-spectrum-Table-columnResizer--wresize_e844a7";
+$325bc3d43b25708b$export$ba71e6bcd70242c7 = "react-spectrum-Table-row-dragPreview_e844a7";
+$325bc3d43b25708b$export$3d73889014dd20dd = "react-spectrum-Table-row-dragPreview--multiple_e844a7";
+$325bc3d43b25708b$export$3559001d7e84a6da = "react-spectrum-Table-row-badge_e844a7";
+$325bc3d43b25708b$export$2698e8974a57cb61 = "react-spectrum-Table-body--dropTarget_e844a7";
+$325bc3d43b25708b$export$e0940649899bb056 = "react-spectrum-Table-InsertionIndicator_e844a7";
+$325bc3d43b25708b$export$e246eff99e77d045 = "react-spectrum-Table-InsertionIndicator--dropTarget_e844a7";
+$325bc3d43b25708b$export$8d6d420175da304f = "react-spectrum-Table-dragButtonCell_e844a7";
+$325bc3d43b25708b$export$13875dd576e00f26 = "spectrum-Table-row-draghandle-button_e844a7";
+$325bc3d43b25708b$export$f39a09f249340e2a = "focus-ring_e844a7";
+$325bc3d43b25708b$export$3c106e5e58486b14 = "react-spectrum-dragButtonHeadCell_e844a7";
+$325bc3d43b25708b$export$5e4ce8d9f081b812 = "react-spectrum-Table-row--dropTarget_e844a7";
+$325bc3d43b25708b$export$374244a7e6e6e484 = "react-spectrum-Table-cellWrapper--dropTarget_e844a7";
+$325bc3d43b25708b$export$a2af12d9c37814bd = "react-spectrum-Table-row_e844a7";
+
+
+
+
+function $7ee9a922ee4e8032$export$2c0bab5914a9d088(props) {
+    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks  } = (0, $d14697b14e638114$export$3cb274deb6c2d854)();
+    const { target: target , rowProps: rowProps  } = props;
+    let ref = (0, $gyhAV$useRef)();
+    let { dropIndicatorProps: dropIndicatorProps  } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
+    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $gyhAV$useVisuallyHidden)();
+    let isDropTarget = dropState.isDropTarget(target);
+    if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        style: {
+            position: "absolute",
+            top: rowProps.style.top + (target.dropPosition === "after" ? rowProps.style.height : 0),
+            width: rowProps.style.width
+        },
+        role: "row",
+        "aria-hidden": dropIndicatorProps["aria-hidden"]
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        role: "gridcell",
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-InsertionIndicator", {
+            "react-spectrum-Table-InsertionIndicator--dropTarget": isDropTarget
+        })
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...visuallyHiddenProps,
+        role: "button",
+        ...dropIndicatorProps,
+        ref: ref
+    })));
+}
+
+
 var $467944769c14687b$exports = {};
 var $daf541512f75fd9b$exports = {};
 $daf541512f75fd9b$exports = {
@@ -129,7 +247,8 @@ $4040b78666bdeb49$exports = {
     "sortAscending": `Sort Ascending`,
     "sortDescending": `Sort Descending`,
     "resizeColumn": `Resize column`,
-    "columnResizer": `Column resizer`
+    "columnResizer": `Column resizer`,
+    "drag": `Drag`
 };
 
 
@@ -470,6 +589,7 @@ $467944769c14687b$exports = {
 
 
 
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -529,6 +649,7 @@ function $cb7d341e8868d81d$export$d9658cdf8c86807() {
 
 
 
+
 var $bd5d41f647a296c3$exports = {};
 
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table", () => $bd5d41f647a296c3$export$455c59d2b5bafef0, (v) => $bd5d41f647a296c3$export$455c59d2b5bafef0 = v);
@@ -579,12 +700,6 @@ $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator", (
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator--visible", () => $bd5d41f647a296c3$export$b0bdf5d269bf857, (v) => $bd5d41f647a296c3$export$b0bdf5d269bf857 = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeNubbin", () => $bd5d41f647a296c3$export$12c7b2fb4df461f8, (v) => $bd5d41f647a296c3$export$12c7b2fb4df461f8 = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeNubbin--visible", () => $bd5d41f647a296c3$export$56a3c5ebd77d19bf, (v) => $bd5d41f647a296c3$export$56a3c5ebd77d19bf = v);
-$parcel$export($bd5d41f647a296c3$exports, "resize-ew", () => $bd5d41f647a296c3$export$649f0fca6895dd60, (v) => $bd5d41f647a296c3$export$649f0fca6895dd60 = v);
-$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer--ewresize", () => $bd5d41f647a296c3$export$1ae46a38f6cf4c29, (v) => $bd5d41f647a296c3$export$1ae46a38f6cf4c29 = v);
-$parcel$export($bd5d41f647a296c3$exports, "resize-e", () => $bd5d41f647a296c3$export$7c4671d507759106, (v) => $bd5d41f647a296c3$export$7c4671d507759106 = v);
-$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer--eresize", () => $bd5d41f647a296c3$export$a051348d523fc956, (v) => $bd5d41f647a296c3$export$a051348d523fc956 = v);
-$parcel$export($bd5d41f647a296c3$exports, "resize-w", () => $bd5d41f647a296c3$export$f87ceeb5dfa395aa, (v) => $bd5d41f647a296c3$export$f87ceeb5dfa395aa = v);
-$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer--wresize", () => $bd5d41f647a296c3$export$5d01542627c9931d, (v) => $bd5d41f647a296c3$export$5d01542627c9931d = v);
 $parcel$export($bd5d41f647a296c3$exports, "is-hovered", () => $bd5d41f647a296c3$export$b8813cd5d7824ce7, (v) => $bd5d41f647a296c3$export$b8813cd5d7824ce7 = v);
 $parcel$export($bd5d41f647a296c3$exports, "is-active", () => $bd5d41f647a296c3$export$20fd0f7cd4e6112f, (v) => $bd5d41f647a296c3$export$20fd0f7cd4e6112f = v);
 $parcel$export($bd5d41f647a296c3$exports, "is-disabled", () => $bd5d41f647a296c3$export$d35bc1e505d1ebbf, (v) => $bd5d41f647a296c3$export$d35bc1e505d1ebbf = v);
@@ -638,12 +753,6 @@ var $bd5d41f647a296c3$export$3a270f8fab5daa8b;
 var $bd5d41f647a296c3$export$b0bdf5d269bf857;
 var $bd5d41f647a296c3$export$12c7b2fb4df461f8;
 var $bd5d41f647a296c3$export$56a3c5ebd77d19bf;
-var $bd5d41f647a296c3$export$649f0fca6895dd60;
-var $bd5d41f647a296c3$export$1ae46a38f6cf4c29;
-var $bd5d41f647a296c3$export$7c4671d507759106;
-var $bd5d41f647a296c3$export$a051348d523fc956;
-var $bd5d41f647a296c3$export$f87ceeb5dfa395aa;
-var $bd5d41f647a296c3$export$5d01542627c9931d;
 var $bd5d41f647a296c3$export$b8813cd5d7824ce7;
 var $bd5d41f647a296c3$export$20fd0f7cd4e6112f;
 var $bd5d41f647a296c3$export$d35bc1e505d1ebbf;
@@ -697,12 +806,6 @@ $bd5d41f647a296c3$export$3a270f8fab5daa8b = "spectrum-Table-colResizeIndicator_d
 $bd5d41f647a296c3$export$b0bdf5d269bf857 = "spectrum-Table-colResizeIndicator--visible_d0fc74";
 $bd5d41f647a296c3$export$12c7b2fb4df461f8 = "spectrum-Table-colResizeNubbin_d0fc74";
 $bd5d41f647a296c3$export$56a3c5ebd77d19bf = "spectrum-Table-colResizeNubbin--visible_d0fc74";
-$bd5d41f647a296c3$export$649f0fca6895dd60 = "resize-ew_d0fc74";
-$bd5d41f647a296c3$export$1ae46a38f6cf4c29 = "spectrum-Table-columnResizer--ewresize_d0fc74";
-$bd5d41f647a296c3$export$7c4671d507759106 = "resize-e_d0fc74";
-$bd5d41f647a296c3$export$a051348d523fc956 = "spectrum-Table-columnResizer--eresize_d0fc74";
-$bd5d41f647a296c3$export$f87ceeb5dfa395aa = "resize-w_d0fc74";
-$bd5d41f647a296c3$export$5d01542627c9931d = "spectrum-Table-columnResizer--wresize_d0fc74";
 $bd5d41f647a296c3$export$b8813cd5d7824ce7 = "is-hovered_d0fc74";
 $bd5d41f647a296c3$export$20fd0f7cd4e6112f = "is-active_d0fc74";
 $bd5d41f647a296c3$export$d35bc1e505d1ebbf = "is-disabled_d0fc74";
@@ -715,9 +818,9 @@ $bd5d41f647a296c3$export$d3861fcb1e5f6a2b = "spectrum-Table-colResizeIndicator--
 
 
 let $fc695d2eafc2b351$var$CURSOR_CLASSES = {
-    w: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-w"),
-    e: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-e"),
-    ew: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-ew")
+    w: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "resize-w"),
+    e: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "resize-e"),
+    ew: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "resize-ew")
 };
 function $fc695d2eafc2b351$var$Resizer(props, ref) {
     let { column: column , showResizer: showResizer  } = props;
@@ -753,7 +856,7 @@ function $fc695d2eafc2b351$var$Resizer(props, ref) {
         };
     }, []);
     let { inputProps: inputProps , resizerProps: resizerProps  } = (0, $gyhAV$useTableColumnResize)((0, $gyhAV$mergeProps)(props, {
-        label: stringFormatter.format("columnResizer"),
+        "aria-label": stringFormatter.format("columnResizer"),
         isDisabled: isEmpty,
         shouldResizeOnFocus: true,
         onResizeStart: ()=>{
@@ -789,11 +892,11 @@ function $fc695d2eafc2b351$var$Resizer(props, ref) {
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "presentation",
         style: style,
-        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizer", {
-            "spectrum-Table-columnResizer--ewresize": !(isEResizable && isWResizable),
-            "spectrum-Table-columnResizer--eresize": direction === "rtl" ? isWResizable : isEResizable,
-            "spectrum-Table-columnResizer--wresize": direction === "rtl" ? isEResizable : isWResizable
-        }),
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizer", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), {
+            "react-spectrum-Table-columnResizer--ewresize": !(isEResizable && isWResizable),
+            "react-spectrum-Table-columnResizer--eresize": direction === "rtl" ? isWResizable : isEResizable,
+            "react-spectrum-Table-columnResizer--wresize": direction === "rtl" ? isEResizable : isWResizable
+        })),
         ...resizerProps
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("input", {
         ref: ref,
@@ -823,29 +926,86 @@ const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $gyhAV$react
 
 
 
-var $325bc3d43b25708b$exports = {};
 
-$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table", () => $325bc3d43b25708b$export$8cc7e6e5f955c192, (v) => $325bc3d43b25708b$export$8cc7e6e5f955c192 = v);
-$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell", () => $325bc3d43b25708b$export$19015e98090cea63, (v) => $325bc3d43b25708b$export$19015e98090cea63 = v);
-$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper", () => $325bc3d43b25708b$export$ea1d9f40910c509, (v) => $325bc3d43b25708b$export$ea1d9f40910c509 = v);
-$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignStart", () => $325bc3d43b25708b$export$25d7f56ba6d0d442, (v) => $325bc3d43b25708b$export$25d7f56ba6d0d442 = v);
-$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignCenter", () => $325bc3d43b25708b$export$14101ea2699002fc, (v) => $325bc3d43b25708b$export$14101ea2699002fc = v);
-$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignEnd", () => $325bc3d43b25708b$export$c594335f8535fc47, (v) => $325bc3d43b25708b$export$c594335f8535fc47 = v);
-$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-centeredWrapper", () => $325bc3d43b25708b$export$8bffb31c98aaf8d5, (v) => $325bc3d43b25708b$export$8bffb31c98aaf8d5 = v);
-var $325bc3d43b25708b$export$8cc7e6e5f955c192;
-var $325bc3d43b25708b$export$19015e98090cea63;
-var $325bc3d43b25708b$export$ea1d9f40910c509;
-var $325bc3d43b25708b$export$25d7f56ba6d0d442;
-var $325bc3d43b25708b$export$14101ea2699002fc;
-var $325bc3d43b25708b$export$c594335f8535fc47;
-var $325bc3d43b25708b$export$8bffb31c98aaf8d5;
-$325bc3d43b25708b$export$8cc7e6e5f955c192 = "react-spectrum-Table_e844a7";
-$325bc3d43b25708b$export$19015e98090cea63 = "react-spectrum-Table-cell_e844a7";
-$325bc3d43b25708b$export$ea1d9f40910c509 = "react-spectrum-Table-cellWrapper_e844a7";
-$325bc3d43b25708b$export$25d7f56ba6d0d442 = "react-spectrum-Table-cell--alignStart_e844a7";
-$325bc3d43b25708b$export$14101ea2699002fc = "react-spectrum-Table-cell--alignCenter_e844a7";
-$325bc3d43b25708b$export$c594335f8535fc47 = "react-spectrum-Table-cell--alignEnd_e844a7";
-$325bc3d43b25708b$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrapper_e844a7";
+
+function $4e6fc36ba71ba405$export$d30a7814cfd4033e() {
+    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks , state: state  } = (0, $d14697b14e638114$export$3cb274deb6c2d854)();
+    let ref = (0, $gyhAV$useRef)();
+    let { dropIndicatorProps: dropIndicatorProps  } = dragAndDropHooks.useDropIndicator({
+        target: {
+            type: "root"
+        }
+    }, dropState, ref);
+    let isDropTarget = dropState.isDropTarget({
+        type: "root"
+    });
+    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $gyhAV$useVisuallyHidden)();
+    if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        role: "row",
+        "aria-hidden": dropIndicatorProps["aria-hidden"]
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        role: "gridcell",
+        "aria-selected": "false",
+        "aria-colspan": state.collection.columns.length
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        role: "button",
+        ...visuallyHiddenProps,
+        ...dropIndicatorProps,
+        ref: ref
+    })));
+}
+
+
+/*
+ * Copyright 2021 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 $daa6ead3d9d3506a$export$110dbec0c8ae54d1(props) {
+    let { cell: cell  } = props;
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell"))
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
+    }, cell.rendered));
+}
+function $daa6ead3d9d3506a$export$905ab40ac2179daa(props) {
+    let { item: item , children: children , itemCount: itemCount , density: density , layout: layout , maxWidth: maxWidth , rowHeaderColumnKeys: rowHeaderColumnKeys  } = props;
+    let { height: height  } = layout.getLayoutInfo(item.key).rect;
+    let isDraggingMultiple = itemCount > 1;
+    // @ts-ignore
+    let cells = [
+        ...children
+    ].filter((cell)=>rowHeaderColumnKeys.has(cell.column.key));
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Flex), {
+        justifyContent: "space-between",
+        UNSAFE_style: {
+            height: height,
+            maxWidth: maxWidth
+        },
+        UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-row", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-row", "react-spectrum-Table-row-dragPreview", {
+            "react-spectrum-Table-row-dragPreview--multiple": isDraggingMultiple
+        }, `react-spectrum-Table-row-dragPreview--${density}`))
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", null, cells.map((cell)=>/*#__PURE__*/ (0, $gyhAV$react).createElement($daa6ead3d9d3506a$export$110dbec0c8ae54d1, {
+            key: cell.key,
+            cell: cell
+        }))), isDraggingMultiple && /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-row-badge")
+    }, itemCount));
+}
+
+
 
 
 
@@ -882,6 +1042,10 @@ const $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH = {
     medium: 38,
     large: 48
 };
+const $d14697b14e638114$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH = {
+    medium: 16,
+    large: 20
+};
 const $d14697b14e638114$var$TableContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
 function $d14697b14e638114$export$3cb274deb6c2d854() {
     return (0, $gyhAV$useContext)($d14697b14e638114$var$TableContext);
@@ -891,25 +1055,39 @@ function $d14697b14e638114$export$3f8f74b6bfd2c5df() {
     return (0, $gyhAV$useContext)($d14697b14e638114$var$VirtualizerContext);
 }
 function $d14697b14e638114$var$TableView(props, ref) {
+    var _dropState_target;
     props = (0, $gyhAV$useProviderProps)(props);
-    let { isQuiet: isQuiet , onAction: onAction , onResizeStart: propsOnResizeStart , onResizeEnd: propsOnResizeEnd  } = props;
+    let { isQuiet: isQuiet , onAction: onAction , onResizeStart: propsOnResizeStart , onResizeEnd: propsOnResizeEnd , dragAndDropHooks: dragAndDropHooks  } = props;
+    let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    let isTableDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
+    let dragHooksProvided = (0, $gyhAV$useRef)(isTableDraggable);
+    let dropHooksProvided = (0, $gyhAV$useRef)(isTableDroppable);
+    (0, $gyhAV$useEffect)(()=>{
+        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.");
+        if (dropHooksProvided.current !== isTableDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    }, [
+        isTableDraggable,
+        isTableDroppable
+    ]);
     let { styleProps: styleProps  } = (0, $gyhAV$useStyleProps)(props);
     let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $gyhAV$useState)(props.selectionStyle !== "highlight");
     let { direction: direction  } = (0, $gyhAV$useLocale)();
     let { scale: scale  } = (0, $gyhAV$useProvider)();
-    const getDefaultWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  }  })=>{
+    const getDefaultWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider , isDragButtonCell: isDragButtonCell  }  })=>{
         if (hideHeader) {
             let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
             return showDivider ? width + 1 : width;
         } else if (isSelectionCell) return $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $d14697b14e638114$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
     }, [
         scale
     ]);
-    const getDefaultMinWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  }  })=>{
+    const getDefaultMinWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider , isDragButtonCell: isDragButtonCell  }  })=>{
         if (hideHeader) {
             let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
             return showDivider ? width + 1 : width;
         } else if (isSelectionCell) return $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $d14697b14e638114$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
         return 75;
     }, [
         scale
@@ -924,6 +1102,7 @@ function $d14697b14e638114$var$TableView(props, ref) {
     let state = (0, $gyhAV$useTableState)({
         ...props,
         showSelectionCheckboxes: showSelectionCheckboxes,
+        showDragButtons: isTableDraggable,
         selectionBehavior: props.selectionStyle === "highlight" ? "replace" : "toggle"
     });
     // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
@@ -970,6 +1149,33 @@ function $d14697b14e638114$var$TableView(props, ref) {
         state,
         tableLayout
     ]);
+    let dragState;
+    let preview = (0, $gyhAV$useRef)(null);
+    if (isTableDraggable) {
+        dragState = dragAndDropHooks.useDraggableCollectionState({
+            collection: state.collection,
+            selectionManager: state.selectionManager,
+            preview: preview
+        });
+        dragAndDropHooks.useDraggableCollection({}, dragState, domRef);
+    }
+    let DragPreview = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.DragPreview;
+    let dropState;
+    let droppableCollection;
+    let isRootDropTarget;
+    if (isTableDroppable) {
+        dropState = dragAndDropHooks.useDroppableCollectionState({
+            collection: state.collection,
+            selectionManager: state.selectionManager
+        });
+        droppableCollection = dragAndDropHooks.useDroppableCollection({
+            keyboardDelegate: layout,
+            dropTargetDelegate: layout
+        }, dropState, domRef);
+        isRootDropTarget = dropState.isDropTarget({
+            type: "root"
+        });
+    }
     let { gridProps: gridProps  } = (0, $gyhAV$useTable)({
         ...props,
         isVirtualized: true,
@@ -984,7 +1190,9 @@ function $d14697b14e638114$var$TableView(props, ref) {
         if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRowGroup, {
             key: reusableView.key,
             style: style
-        }, renderChildren(children));
+        }, isTableDroppable && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $4e6fc36ba71ba405$export$d30a7814cfd4033e), {
+            key: "root"
+        }), renderChildren(children));
         if (reusableView.viewType === "header") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableHeader, {
             key: reusableView.key,
             style: style
@@ -993,7 +1201,9 @@ function $d14697b14e638114$var$TableView(props, ref) {
             key: reusableView.key,
             item: reusableView.content,
             style: style,
-            hasActions: onAction
+            hasActions: onAction,
+            isTableDroppable: isTableDroppable,
+            isTableDraggable: isTableDraggable
         }, renderChildren(children));
         if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableHeaderRow, {
             onHoverChange: setHeaderRowHovered,
@@ -1001,12 +1211,25 @@ function $d14697b14e638114$var$TableView(props, ref) {
             style: style,
             item: reusableView.content
         }, renderChildren(children));
+        let isDropTarget;
+        let isRootDroptarget;
+        if (isTableDroppable) {
+            if (parent.content) isDropTarget = dropState.isDropTarget({
+                type: "item",
+                dropPosition: "on",
+                key: parent.content.key
+            });
+            isRootDroptarget = dropState.isDropTarget({
+                type: "root"
+            });
+        }
         return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VirtualizerItem), {
             key: reusableView.key,
             reusableView: reusableView,
             parent: parent,
             className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellWrapper", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), {
-                "react-spectrum-Table-cellWrapper": !reusableView.layoutInfo.estimatedSize
+                "react-spectrum-Table-cellWrapper": !reusableView.layoutInfo.estimatedSize,
+                "react-spectrum-Table-cellWrapper--dropTarget": isDropTarget || isRootDroptarget
             }))
         });
     };
@@ -1022,6 +1245,9 @@ function $d14697b14e638114$var$TableView(props, ref) {
                 if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCheckboxCell, {
                     cell: item
                 });
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableDragCell, {
+                    cell: item
+                });
                 return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCell, {
                     cell: item
                 });
@@ -1036,6 +1262,9 @@ function $d14697b14e638114$var$TableView(props, ref) {
                 if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableSelectAllCell, {
                     column: item
                 });
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableDragHeaderCell, {
+                    column: item
+                });
                 // TODO: consider this case, what if we have hidden headers and a empty table
                 if (item.props.hideHeader) return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$TooltipTrigger), {
                     placement: "top",
@@ -1102,9 +1331,19 @@ function $d14697b14e638114$var$TableView(props, ref) {
         setIsInResizeMode,
         setIsResizing
     ]);
+    let focusedKey = state.selectionManager.focusedKey;
+    if ((dropState === null || dropState === void 0 ? void 0 : (_dropState_target = dropState.target) === null || _dropState_target === void 0 ? void 0 : _dropState_target.type) === "item") focusedKey = dropState.target.key;
+    let mergedProps = (0, $gyhAV$mergeProps)(isTableDroppable && (droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps), gridProps, focusProps, (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging()) && {
+        tabIndex: null
+    });
     return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableContext.Provider, {
         value: {
             state: state,
+            dragState: dragState,
+            dropState: dropState,
+            dragAndDropHooks: dragAndDropHooks,
+            isTableDraggable: isTableDraggable,
+            isTableDroppable: isTableDroppable,
             layout: layout,
             onResizeStart: onResizeStart,
             onResize: props.onResize,
@@ -1115,10 +1354,11 @@ function $d14697b14e638114$var$TableView(props, ref) {
             isEmpty: isEmpty,
             onFocusedResizer: onFocusedResizer,
             headerMenuOpen: headerMenuOpen,
-            setHeaderMenuOpen: setHeaderMenuOpen
+            setHeaderMenuOpen: setHeaderMenuOpen,
+            shouldShowCheckboxes: shouldShowCheckboxes
         }
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableVirtualizer, {
-        ...(0, $gyhAV$mergeProps)(gridProps, focusProps),
+        ...mergedProps,
         ...styleProps,
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table", `spectrum-Table--${density}`, {
             "spectrum-Table--quiet": isQuiet,
@@ -1129,18 +1369,38 @@ function $d14697b14e638114$var$TableView(props, ref) {
         }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table"), styleProps.className),
         layout: layout,
         collection: state.collection,
-        focusedKey: state.selectionManager.focusedKey,
+        focusedKey: focusedKey,
         renderView: renderView,
         renderWrapper: renderWrapper,
         onVisibleRectChange: onVisibleRectChange,
         domRef: domRef,
         headerRef: headerRef,
         bodyRef: bodyRef,
-        isFocusVisible: isFocusVisible
+        isFocusVisible: isFocusVisible,
+        isVirtualDragging: dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging(),
+        isRootDropTarget: isRootDropTarget
+    }), DragPreview && isTableDraggable && /*#__PURE__*/ (0, $gyhAV$react).createElement(DragPreview, {
+        ref: preview
+    }, ()=>{
+        let item = state.collection.getItem(dragState.draggedKey);
+        let rowHeaderColumnKeys = state.collection.rowHeaderColumnKeys;
+        let itemCount = dragState.draggingKeys.size;
+        let maxWidth = bodyRef.current.getBoundingClientRect().width;
+        let children = state.collection.getChildren(item.key);
+        return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $daa6ead3d9d3506a$export$905ab40ac2179daa), {
+            layout: layout,
+            item: item,
+            children: children,
+            itemCount: itemCount,
+            density: density,
+            direction: direction,
+            maxWidth: maxWidth,
+            rowHeaderColumnKeys: rowHeaderColumnKeys
+        });
     }));
 }
 // This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
-function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , headerRef: headerRef , onVisibleRectChange: onVisibleRectChangeProp , isFocusVisible: isFocusVisible , ...otherProps }) {
+function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , headerRef: headerRef , onVisibleRectChange: onVisibleRectChangeProp , isFocusVisible: isFocusVisible , isVirtualDragging: isVirtualDragging , isRootDropTarget: isRootDropTarget , ...otherProps }) {
     var _layout_getLayoutInfo;
     let { direction: direction  } = (0, $gyhAV$useLocale)();
     let loadingState = collection.body.props.loadingState;
@@ -1172,7 +1432,7 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
             shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== "column",
             // Offset scroll position by width of selection cell
             // (which is sticky and will overlap the cell we're scrolling to).
-            offsetX: column.props.isSelectionCell ? layout.getColumnWidth(column.key) : 0
+            offsetX: column.props.isSelectionCell || column.props.isDragButtonCell ? layout.getColumnWidth(column.key) : 0
         });
         // Sync the scroll positions of the column headers and the body so scrollIntoViewport can
         // properly decide if the column is outside the viewport or not
@@ -1189,6 +1449,7 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         state.virtualizer
     ]);
     let { virtualizerProps: virtualizerProps  } = (0, $gyhAV$useVirtualizer)({
+        tabIndex: otherProps.tabIndex,
         focusedKey: focusedKey,
         scrollToItem: scrollToItem
     }, state, domRef);
@@ -1257,10 +1518,13 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         resizingColumnWidth,
         layout.resizingColumn
     ]);
+    let mergedProps = (0, $gyhAV$mergeProps)(otherProps, virtualizerProps, isVirtualDragging && {
+        tabIndex: null
+    });
     return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$VirtualizerContext.Provider, {
         value: resizingColumn
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusScope), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
-        ...(0, $gyhAV$mergeProps)(otherProps, virtualizerProps),
+        ...mergedProps,
         ref: domRef
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "presentation",
@@ -1279,8 +1543,10 @@ function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: c
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-body", {
             "focus-ring": isFocusVisible,
             "spectrum-Table-body--resizerAtTableEdge": shouldHardCornerResizeCorner
-        }),
-        tabIndex: -1,
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), {
+            "react-spectrum-Table-body--dropTarget": !!isRootDropTarget
+        })),
+        tabIndex: isVirtualDragging ? null : -1,
         style: {
             flex: 1
         },
@@ -1582,6 +1848,22 @@ function $d14697b14e638114$var$TableSelectAllCell({ column: column  }) {
         UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
     })));
 }
+function $d14697b14e638114$var$TableDragHeaderCell({ column: column  }) {
+    let ref = (0, $gyhAV$useRef)();
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { columnHeaderProps: columnHeaderProps  } = (0, $gyhAV$useTableColumnHeader)({
+        node: column,
+        isVirtualized: true
+    }, state, ref);
+    let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports))));
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...columnHeaderProps,
+        ref: ref,
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-dragButtonHeadCell"))
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, stringFormatter.format("drag"))));
+}
 function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
     let { rowGroupProps: rowGroupProps  } = (0, $gyhAV$useTableRowGroup)();
     return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
@@ -1589,16 +1871,39 @@ function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProp
         ...otherProps
     }, children);
 }
-function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
+function $d14697b14e638114$var$DragButton() {
+    let { dragButtonProps: dragButtonProps , dragButtonRef: dragButtonRef , isFocusVisibleWithin: isFocusVisibleWithin  } = $d14697b14e638114$export$cd7c5802f9e21187();
+    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $gyhAV$useVisuallyHidden)();
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...dragButtonProps,
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "spectrum-Table-row-draghandle-button"),
+        style: !isFocusVisibleWithin ? {
+            ...visuallyHiddenProps.style
+        } : {},
+        ref: dragButtonRef,
+        draggable: "true"
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiListGripper), {
+        UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))))
+    })));
+}
+const $d14697b14e638114$var$TableRowContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
+function $d14697b14e638114$export$cd7c5802f9e21187() {
+    return (0, $gyhAV$useContext)($d14697b14e638114$var$TableRowContext);
+}
+function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , isTableDraggable: isTableDraggable , isTableDroppable: isTableDroppable , ...otherProps }) {
     var _state_collection_rows_find, _layout_getContentSize, _layout_virtualizer;
     let ref = (0, $gyhAV$useRef)();
-    let { state: state , layout: layout  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state , layout: layout , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = $d14697b14e638114$export$3cb274deb6c2d854();
     let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
     let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
+    let isDroppable = isTableDroppable && !isDisabled;
     let isSelected = state.selectionManager.isSelected(item.key);
     let { rowProps: rowProps  } = (0, $gyhAV$useTableRow)({
         node: item,
-        isVirtualized: true
+        isVirtualized: true,
+        shouldSelectOnPressUp: isTableDraggable
     }, state, ref);
     let { pressProps: pressProps , isPressed: isPressed  } = (0, $gyhAV$usePress)({
         isDisabled: isDisabled
@@ -1612,7 +1917,6 @@ function $d14697b14e638114$var$TableRow({ item: item , children: children , hasA
     let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $gyhAV$useHover)({
         isDisabled: isDisabled
     });
-    let props = (0, $gyhAV$mergeProps)(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
     let isFirstRow = ((_state_collection_rows_find = state.collection.rows.find((row)=>row.level === 1)) === null || _state_collection_rows_find === void 0 ? void 0 : _state_collection_rows_find.key) === item.key;
     let isLastRow = item.nextKey == null;
     // Figure out if the TableView content is equal or greater in height to the container. If so, we'll need to round the bottom
@@ -1621,8 +1925,70 @@ function $d14697b14e638114$var$TableRow({ item: item , children: children , hasA
     if (isLastRow) {
         if (((_layout_getContentSize = layout.getContentSize()) === null || _layout_getContentSize === void 0 ? void 0 : _layout_getContentSize.height) >= ((_layout_virtualizer = layout.virtualizer) === null || _layout_virtualizer === void 0 ? void 0 : _layout_virtualizer.getVisibleRect().height)) isFlushWithContainerBottom = true;
     }
-    return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
-        ...props,
+    let draggableItem;
+    if (isTableDraggable) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        draggableItem = dragAndDropHooks.useDraggableItem({
+            key: item.key,
+            hasDragButton: true
+        }, dragState);
+        if (isDisabled) draggableItem = null;
+    }
+    let droppableItem;
+    let isDropTarget;
+    let dropIndicator;
+    let dropIndicatorRef = (0, $gyhAV$useRef)();
+    if (isTableDroppable) {
+        let target = {
+            type: "item",
+            key: item.key,
+            dropPosition: "on"
+        };
+        isDropTarget = dropState.isDropTarget(target);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        dropIndicator = dragAndDropHooks.useDropIndicator({
+            target: target
+        }, dropState, dropIndicatorRef);
+    }
+    let dragButtonRef = (0, $gyhAV$react).useRef();
+    let { buttonProps: dragButtonProps  } = (0, $gyhAV$useButton)({
+        ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
+        elementType: "div"
+    }, dragButtonRef);
+    let props = (0, $gyhAV$mergeProps)(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,
+    // allowing for single swipe navigation between row drop indicator
+    (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging()) && {
+        tabIndex: null
+    });
+    let dropProps = isDroppable ? droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps : {
+        "aria-hidden": droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps["aria-hidden"]
+    };
+    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $gyhAV$useVisuallyHidden)();
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRowContext.Provider, {
+        value: {
+            dragButtonProps: dragButtonProps,
+            dragButtonRef: dragButtonRef,
+            isFocusVisibleWithin: isFocusVisibleWithin
+        }
+    }, isTableDroppable && isFirstRow && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $7ee9a922ee4e8032$export$2c0bab5914a9d088), {
+        rowProps: props,
+        key: `${item.key}-before`,
+        target: {
+            key: item.key,
+            type: "item",
+            dropPosition: "before"
+        }
+    }), isTableDroppable && !(dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isHidden) && /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        role: "row",
+        ...visuallyHiddenProps
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        role: "gridcell"
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        role: "button",
+        ...dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.dropIndicatorProps,
+        ref: dropIndicatorRef
+    }))), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...(0, $gyhAV$mergeProps)(props, dropProps),
         ref: ref,
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-row", {
             "is-active": isPressed,
@@ -1636,8 +2002,18 @@ function $d14697b14e638114$var$TableRow({ item: item , children: children , hasA
             "spectrum-Table-row--firstRow": isFirstRow,
             "spectrum-Table-row--lastRow": isLastRow,
             "spectrum-Table-row--isFlushBottom": isFlushWithContainerBottom
-        })
-    }, children);
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), {
+            "react-spectrum-Table-row--dropTarget": isDropTarget
+        }))
+    }, children), isTableDroppable && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $7ee9a922ee4e8032$export$2c0bab5914a9d088), {
+        rowProps: props,
+        key: `${item.key}-after`,
+        target: {
+            key: item.key,
+            type: "item",
+            dropPosition: "after"
+        }
+    }));
 }
 function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
     let { state: state , headerMenuOpen: headerMenuOpen  } = $d14697b14e638114$export$3cb274deb6c2d854();
@@ -1656,6 +2032,24 @@ function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children
         style: style
     }, children);
 }
+function $d14697b14e638114$var$TableDragCell({ cell: cell  }) {
+    let ref = (0, $gyhAV$useRef)();
+    let { state: state , isTableDraggable: isTableDraggable  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let isDisabled = state.disabledKeys.has(cell.parentKey);
+    let { gridCellProps: gridCellProps  } = (0, $gyhAV$useTableCell)({
+        node: cell,
+        isVirtualized: true
+    }, state, ref);
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
+        focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
+        ...gridCellProps,
+        ref: ref,
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", {
+            "is-disabled": isDisabled
+        }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", "react-spectrum-Table-dragButtonCell"))
+    }, isTableDraggable && !isDisabled && /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$DragButton, null)));
+}
 function $d14697b14e638114$var$TableCheckboxCell({ cell: cell  }) {
     let ref = (0, $gyhAV$useRef)();
     let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();