@react-spectrum/table 3.2.0 → 3.2.1-nightly.3293

package/dist/module.js

@@ -4,17 +4,19 @@ import $gyhAV$spectrumiconsuiArrowDownSmall from "@spectrum-icons/ui/ArrowDownSm
 import {useLayoutEffect as $gyhAV$useLayoutEffect, mergeProps as $gyhAV$mergeProps, chain as $gyhAV$chain} from "@react-aria/utils";
 import {Checkbox as $gyhAV$Checkbox} from "@react-spectrum/checkbox";
 import {useStyleProps as $gyhAV$useStyleProps, useDOMRef as $gyhAV$useDOMRef, classNames as $gyhAV$classNames} from "@react-spectrum/utils";
-import {FocusRing as $gyhAV$FocusRing, useFocusRing as $gyhAV$useFocusRing} from "@react-aria/focus";
+import {FocusRing as $gyhAV$FocusRing, focusSafely as $gyhAV$focusSafely, useFocusRing as $gyhAV$useFocusRing} from "@react-aria/focus";
+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 {ProgressCircle as $gyhAV$ProgressCircle} from "@react-spectrum/progress";
-import $gyhAV$react, {useContext as $gyhAV$useContext, useState as $gyhAV$useState, useRef as $gyhAV$useRef, useMemo as $gyhAV$useMemo, useCallback as $gyhAV$useCallback} from "react";
+import $gyhAV$react, {useContext as $gyhAV$useContext, useState as $gyhAV$useState, useCallback as $gyhAV$useCallback, useRef as $gyhAV$useRef, 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 {TableLayout as $gyhAV$TableLayout, TableLayout_DEPRECATED as $gyhAV$TableLayout_DEPRECATED} from "@react-stately/layout";
 import {TooltipTrigger as $gyhAV$TooltipTrigger, Tooltip as $gyhAV$Tooltip} from "@react-spectrum/tooltip";
+import {useButton as $gyhAV$useButton} from "@react-aria/button";
 import {useHover as $gyhAV$useHover, usePress as $gyhAV$usePress} from "@react-aria/interactions";
 import {useMessageFormatter as $gyhAV$useMessageFormatter, useLocale as $gyhAV$useLocale} 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} from "@react-aria/table";
+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";
 
 function $parcel$interopDefault(a) {
@@ -31,139 +33,139 @@ function $parcel$export(e, n, v, s) {
 
 var $467944769c14687b$exports = {};
 var $daf541512f75fd9b$exports = {};
-$daf541512f75fd9b$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
+$daf541512f75fd9b$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $50819411ab066aa0$exports = {};
-$50819411ab066aa0$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
+$50819411ab066aa0$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $4f747f794f1bcba7$exports = {};
-$4f747f794f1bcba7$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
+$4f747f794f1bcba7$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $9b4578f7fea36fce$exports = {};
-$9b4578f7fea36fce$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
+$9b4578f7fea36fce$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $d1341bbc3e1d2378$exports = {};
-$d1341bbc3e1d2378$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
+$d1341bbc3e1d2378$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $62dc02a47a5c68a9$exports = {};
-$62dc02a47a5c68a9$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
+$62dc02a47a5c68a9$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $4040b78666bdeb49$exports = {};
-$4040b78666bdeb49$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
+$4040b78666bdeb49$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $b77a23040d0637b4$exports = {};
-$b77a23040d0637b4$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
+$b77a23040d0637b4$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $54ccb4bcf3ebc0a8$exports = {};
-$54ccb4bcf3ebc0a8$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
+$54ccb4bcf3ebc0a8$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $37e671b8f89037ca$exports = {};
-$37e671b8f89037ca$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
+$37e671b8f89037ca$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $8d65c5abdb6b7cbc$exports = {};
-$8d65c5abdb6b7cbc$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
+$8d65c5abdb6b7cbc$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $a87fac8df5d40e78$exports = {};
-$a87fac8df5d40e78$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
+$a87fac8df5d40e78$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $a7ee65f0f8055b83$exports = {};
-$a7ee65f0f8055b83$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
+$a7ee65f0f8055b83$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $e6091fd2263a451f$exports = {};
-$e6091fd2263a451f$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
+$e6091fd2263a451f$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $c8d9d250bf8952b2$exports = {};
-$c8d9d250bf8952b2$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
+$c8d9d250bf8952b2$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $df07a03bb9f879ed$exports = {};
-$df07a03bb9f879ed$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
+$df07a03bb9f879ed$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $40b3ef3504f4b1d0$exports = {};
-$40b3ef3504f4b1d0$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
+$40b3ef3504f4b1d0$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $c6959b6b120377f9$exports = {};
-$c6959b6b120377f9$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
+$c6959b6b120377f9$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $8fcc23e9320cffd0$exports = {};
-$8fcc23e9320cffd0$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
+$8fcc23e9320cffd0$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $ec9bb7644b9b61e5$exports = {};
-$ec9bb7644b9b61e5$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
+$ec9bb7644b9b61e5$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $049ab8e2dc69b622$exports = {};
-$049ab8e2dc69b622$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
+$049ab8e2dc69b622$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $480b88f7afcf23a9$exports = {};
-$480b88f7afcf23a9$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
+$480b88f7afcf23a9$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $0c053d6ef0255c08$exports = {};
-$0c053d6ef0255c08$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
+$0c053d6ef0255c08$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $3aff8d1b1fa24532$exports = {};
-$3aff8d1b1fa24532$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
+$3aff8d1b1fa24532$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $90e0c3e69dc73a74$exports = {};
-$90e0c3e69dc73a74$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
+$90e0c3e69dc73a74$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $248be0f7eca0ea1f$exports = {};
-$248be0f7eca0ea1f$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
+$248be0f7eca0ea1f$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $3142c640504df85a$exports = {};
-$3142c640504df85a$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
+$3142c640504df85a$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $7b3b7f28a30b2687$exports = {};
-$7b3b7f28a30b2687$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
+$7b3b7f28a30b2687$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $06c28f958a58f366$exports = {};
-$06c28f958a58f366$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
+$06c28f958a58f366$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $b45c13a581472a6c$exports = {};
-$b45c13a581472a6c$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
+$b45c13a581472a6c$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $785ea1a5e7a35eb5$exports = {};
-$785ea1a5e7a35eb5$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
+$785ea1a5e7a35eb5$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $2e46541801441421$exports = {};
-$2e46541801441421$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
+$2e46541801441421$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $8de129c51e22709f$exports = {};
-$8de129c51e22709f$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
+$8de129c51e22709f$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 var $e57af0887d00746b$exports = {};
-$e57af0887d00746b$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
+$e57af0887d00746b$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
 
 
 $467944769c14687b$exports = {
@@ -208,6 +210,10 @@ $467944769c14687b$exports = {
 
 
 
+
+
+
+
 var $bd5d41f647a296c3$exports = {};
 
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table", () => $bd5d41f647a296c3$export$455c59d2b5bafef0, (v) => $bd5d41f647a296c3$export$455c59d2b5bafef0 = v);
@@ -332,6 +338,31 @@ $bd5d41f647a296c3$export$d35bc1e505d1ebbf = "is-disabled_d0fc74";
 $bd5d41f647a296c3$export$53aa811f86efbfad = "is-next-selected_d0fc74";
 
 
+
+
+function $fc695d2eafc2b351$var$Resizer(props, ref) {
+    const { item: item  } = props;
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { resizerProps: resizerProps  } = $gyhAV$useTableColumnResize(state, item, ref);
+    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
+        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ref: ref,
+        ...resizerProps,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-columnResizer'),
+        role: "separator",
+        "aria-orientation": "vertical",
+        "aria-label": "Resize column",
+        "aria-labelledby": item.key,
+        "aria-valuenow": state.getColumnWidth(item.key),
+        "aria-valuemin": state.getColumnMinWidth(item.key),
+        "aria-valuemax": state.getColumnMaxWidth(item.key)
+    })));
+}
+const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ $gyhAV$react.forwardRef($fc695d2eafc2b351$var$Resizer);
+
+
+
 var $325bc3d43b25708b$exports = {};
 
 $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table", () => $325bc3d43b25708b$export$8cc7e6e5f955c192, (v) => $325bc3d43b25708b$export$8cc7e6e5f955c192 = v);
@@ -361,6 +392,20 @@ $325bc3d43b25708b$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrappe
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -414,7 +459,7 @@ function $c0025c334c996aed$var$TableView_DEPRECATED(props, ref) {
     let formatMessage = $gyhAV$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
     let { scale: scale  } = $gyhAV$useProvider();
     let density = props.density || 'regular';
-    let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout({
+    let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout_DEPRECATED({
             // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
             rowHeight: props.overflowMode === 'wrap' ? null : $c0025c334c996aed$var$ROW_HEIGHTS[density][scale],
             estimatedRowHeight: props.overflowMode === 'wrap' ? $c0025c334c996aed$var$ROW_HEIGHTS[density][scale] : null,
@@ -869,9 +914,617 @@ function $c0025c334c996aed$var$CenteredWrapper({ children: children  }) {
 
 
 
+
+
+
+
+
+
+
+const $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT = {
+    medium: 34,
+    large: 40
+};
+const $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
+    medium: 36,
+    large: 44
+};
+const $d14697b14e638114$var$ROW_HEIGHTS = {
+    compact: {
+        medium: 32,
+        large: 40
+    },
+    regular: {
+        medium: 40,
+        large: 50
+    },
+    spacious: {
+        medium: 48,
+        large: 60
+    }
+};
+const $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH = {
+    medium: 38,
+    large: 48
+};
+const $d14697b14e638114$var$TableContext = /*#__PURE__*/ $gyhAV$react.createContext(null);
+function $d14697b14e638114$export$3cb274deb6c2d854() {
+    return $gyhAV$useContext($d14697b14e638114$var$TableContext);
+}
+function $d14697b14e638114$var$TableView(props, ref) {
+    props = $gyhAV$useProviderProps(props);
+    let { isQuiet: isQuiet , onAction: onAction  } = props;
+    let { styleProps: styleProps  } = $gyhAV$useStyleProps(props);
+    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $gyhAV$useState(props.selectionStyle !== 'highlight');
+    let { scale: scale  } = $gyhAV$useProvider();
+    const getDefaultWidth = $gyhAV$useCallback(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
+        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];
+    }, [
+        scale
+    ]);
+    let state = $gyhAV$useTableState({
+        ...props,
+        showSelectionCheckboxes: showSelectionCheckboxes,
+        selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle',
+        getDefaultWidth: getDefaultWidth
+    });
+    // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
+    let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';
+    if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
+    let domRef = $gyhAV$useDOMRef(ref);
+    let bodyRef = $gyhAV$useRef();
+    let formatMessage = $gyhAV$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
+    let density = props.density || 'regular';
+    let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout({
+            // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
+            rowHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$ROW_HEIGHTS[density][scale],
+            estimatedRowHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$ROW_HEIGHTS[density][scale] : null,
+            headingHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale],
+            estimatedHeadingHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale] : null
+        })
+    , [
+        props.overflowMode,
+        scale,
+        density
+    ]);
+    let { direction: direction  } = $gyhAV$useLocale();
+    layout.collection = state.collection;
+    layout.getColumnWidth = state.getColumnWidth;
+    let { gridProps: gridProps  } = $gyhAV$useTable({
+        ...props,
+        isVirtualized: true,
+        layout: layout,
+        onRowAction: onAction
+    }, state, domRef);
+    let renderWrapper = (parent, reusableView, children, renderChildren)=>{
+        let style = $gyhAV$layoutInfoToStyle(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
+        if (style.overflow === 'hidden') style.overflow = 'visible'; // needed to support position: sticky
+        if (reusableView.viewType === 'rowgroup') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRowGroup, {
+            key: reusableView.key,
+            style: style
+        }, renderChildren(children)));
+        if (reusableView.viewType === 'header') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeader, {
+            key: reusableView.key,
+            style: style
+        }, renderChildren(children)));
+        if (reusableView.viewType === 'row') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRow, {
+            key: reusableView.key,
+            item: reusableView.content,
+            style: style,
+            hasActions: onAction
+        }, renderChildren(children)));
+        if (reusableView.viewType === 'headerrow') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeaderRow, {
+            key: reusableView.key,
+            style: style,
+            item: reusableView.content
+        }, renderChildren(children)));
+        return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VirtualizerItem, {
+            key: reusableView.key,
+            reusableView: reusableView,
+            parent: parent,
+            className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellWrapper', $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), {
+                'react-spectrum-Table-cellWrapper': !reusableView.layoutInfo.estimatedSize
+            }))
+        }));
+    };
+    let renderView = (type, item)=>{
+        switch(type){
+            case 'header':
+            case 'rowgroup':
+            case 'section':
+            case 'row':
+            case 'headerrow':
+                return null;
+            case 'cell':
+                if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCheckboxCell, {
+                    cell: item
+                }));
+                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCell, {
+                    cell: item
+                }));
+            case 'placeholder':
+                // TODO: move to react-aria?
+                return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+                    role: "gridcell",
+                    "aria-colindex": item.index + 1,
+                    "aria-colspan": item.colspan > 1 ? item.colspan : null
+                }));
+            case 'column':
+                if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableSelectAllCell, {
+                    column: item
+                }));
+                if (item.props.hideHeader) return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$TooltipTrigger, {
+                    placement: "top",
+                    trigger: "focus"
+                }, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
+                    column: item
+                }), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Tooltip, {
+                    placement: "top"
+                }, item.rendered)));
+                if (item.props.allowsResizing) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$ResizableTableColumnHeader, {
+                    item: item,
+                    state: state
+                }));
+                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
+                    column: item
+                }));
+            case 'loader':
+                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ProgressCircle, {
+                    isIndeterminate: true,
+                    "aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
+                })));
+            case 'empty':
+                {
+                    let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
+                    if (emptyState == null) return null;
+                    return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, emptyState));
+                }
+        }
+    };
+    let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = $gyhAV$useState(false);
+    let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = $gyhAV$useState(false);
+    let viewport = $gyhAV$useRef({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+    });
+    let onVisibleRectChange = $gyhAV$useCallback((e)=>{
+        if (viewport.current.width === e.width && viewport.current.height === e.height) return;
+        viewport.current = e;
+        if (bodyRef.current) {
+            setVerticalScollbarVisible(bodyRef.current.clientWidth + 2 < bodyRef.current.offsetWidth);
+            setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
+        }
+    }, []);
+    return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableContext.Provider, {
+        value: {
+            state: state,
+            layout: layout
+        }
+    }, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableVirtualizer, {
+        ...gridProps,
+        ...styleProps,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table', `spectrum-Table--${density}`, {
+            'spectrum-Table--quiet': isQuiet,
+            'spectrum-Table--wrap': props.overflowMode === 'wrap',
+            'spectrum-Table--loadingMore': state.collection.body.props.loadingState === 'loadingMore',
+            'spectrum-Table--resizingColumn': state.isResizingColumn,
+            'spectrum-Table--isVerticalScrollbarVisible': isVerticalScrollbarVisible,
+            'spectrum-Table--isHorizontalScrollbarVisible': isHorizontalScrollbarVisible
+        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table')),
+        layout: layout,
+        collection: state.collection,
+        focusedKey: state.selectionManager.focusedKey,
+        renderView: renderView,
+        renderWrapper: renderWrapper,
+        setTableWidth: state.setTableWidth,
+        onVisibleRectChange: onVisibleRectChange,
+        domRef: domRef,
+        bodyRef: bodyRef,
+        getColumnWidth: state.getColumnWidth
+    })));
+}
+// 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 , setTableWidth: setTableWidth , getColumnWidth: getColumnWidth , onVisibleRectChange: onVisibleRectChangeProp , ...otherProps }) {
+    var ref;
+    let { direction: direction  } = $gyhAV$useLocale();
+    let headerRef = $gyhAV$useRef();
+    let loadingState = collection.body.props.loadingState;
+    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
+    let onLoadMore = collection.body.props.onLoadMore;
+    let state = $gyhAV$useVirtualizerState({
+        layout: layout,
+        collection: collection,
+        renderView: renderView,
+        renderWrapper: renderWrapper,
+        onVisibleRectChange (rect) {
+            bodyRef.current.scrollTop = rect.y;
+            $gyhAV$setScrollLeft(bodyRef.current, direction, rect.x);
+        },
+        transitionDuration: isLoading ? 160 : 220
+    });
+    let { virtualizerProps: virtualizerProps  } = $gyhAV$useVirtualizer({
+        focusedKey: focusedKey,
+        scrollToItem (key) {
+            let item = collection.getItem(key);
+            let column = collection.columns[0];
+            state.virtualizer.scrollToItem(key, {
+                duration: 0,
+                // Prevent scrolling to the top when clicking on column headers.
+                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
+            });
+        }
+    }, state, domRef);
+    // If columnwidths change, need to relayout.
+    $gyhAV$useLayoutEffect(()=>{
+        state.virtualizer.relayoutNow({
+            sizeChanged: true
+        });
+    }, [
+        getColumnWidth,
+        state.virtualizer
+    ]);
+    let headerHeight = ((ref = layout.getLayoutInfo('header')) === null || ref === void 0 ? void 0 : ref.rect.height) || 0;
+    let visibleRect = state.virtualizer.visibleRect;
+    // Sync the scroll position from the table body to the header container.
+    let onScroll = $gyhAV$useCallback(()=>{
+        headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
+    }, [
+        bodyRef
+    ]);
+    let onVisibleRectChange = $gyhAV$useCallback((rect)=>{
+        // setting the table width will recalculate column widths which we only want to do once the virtualizer is done initializing
+        if (state.virtualizer.contentSize.height > 0) setTableWidth(rect.width);
+        state.setVisibleRect(rect);
+        if (!isLoading && onLoadMore) {
+            let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
+            if (rect.y > scrollOffset) onLoadMore();
+        }
+    }, [
+        onLoadMore,
+        isLoading,
+        state.setVisibleRect,
+        state.virtualizer
+    ]);
+    $gyhAV$useLayoutEffect(()=>{
+        if (!isLoading && onLoadMore && !state.isAnimating) {
+            if (state.contentSize.height <= state.virtualizer.visibleRect.height) onLoadMore();
+        }
+    }, [
+        state.contentSize,
+        state.virtualizer,
+        state.isAnimating,
+        onLoadMore,
+        isLoading
+    ]);
+    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...$gyhAV$mergeProps(otherProps, virtualizerProps),
+        ref: domRef
+    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        role: "presentation",
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headWrapper'),
+        style: {
+            width: visibleRect.width,
+            height: headerHeight,
+            overflow: 'hidden',
+            position: 'relative',
+            willChange: state.isScrolling ? 'scroll-position' : '',
+            transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
+        },
+        ref: headerRef
+    }, state.visibleViews[0]), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ScrollView, {
+        role: "presentation",
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-body'),
+        style: {
+            flex: 1
+        },
+        innerStyle: {
+            overflow: 'visible',
+            transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
+        },
+        ref: bodyRef,
+        contentSize: state.contentSize,
+        onVisibleRectChange: $gyhAV$chain(onVisibleRectChange, onVisibleRectChangeProp),
+        onScrollStart: state.startScrolling,
+        onScrollEnd: state.endScrolling,
+        onScroll: onScroll
+    }, state.visibleViews[1])));
+}
+function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps }) {
+    let { rowGroupProps: rowGroupProps  } = $gyhAV$useTableRowGroup();
+    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...rowGroupProps,
+        ...otherProps,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-head')
+    }, children));
+}
+function $d14697b14e638114$var$TableColumnHeader(props) {
+    var ref, ref1, ref2, ref3;
+    let { column: column  } = props;
+    let ref4 = $gyhAV$useRef();
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { columnHeaderProps: columnHeaderProps  } = $gyhAV$useTableColumnHeader({
+        node: column,
+        isVirtualized: true
+    }, state, ref4);
+    let { buttonProps: buttonProps  } = $gyhAV$useButton({
+        ...props,
+        elementType: 'div'
+    }, ref4);
+    let columnProps = column.props;
+    if (columnProps.width && columnProps.allowsResizing) throw new Error('Controlled state is not yet supported with column resizing. Please use defaultWidth for uncontrolled column resizing or remove the allowsResizing prop.');
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
+    });
+    const allProps = [
+        columnHeaderProps,
+        hoverProps
+    ];
+    if (columnProps.allowsResizing) allProps.push(buttonProps);
+    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
+        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...$gyhAV$mergeProps(...allProps),
+        ref: ref4,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', {
+            'is-resizable': columnProps.allowsResizing,
+            'is-sortable': columnProps.allowsSorting,
+            'is-sorted-desc': ((ref = state.sortDescriptor) === null || ref === void 0 ? void 0 : ref.column) === column.key && ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.direction) === 'descending',
+            'is-sorted-asc': ((ref2 = state.sortDescriptor) === null || ref2 === void 0 ? void 0 : ref2.column) === column.key && ((ref3 = state.sortDescriptor) === null || ref3 === void 0 ? void 0 : ref3.direction) === 'ascending',
+            'is-hovered': isHovered,
+            'spectrum-Table-cell--hideHeader': columnProps.hideHeader
+        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
+            'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center' || column.colspan > 1,
+            'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
+        }))
+    }, columnProps.hideHeader ? /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, column.rendered) : /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCellContents')
+    }, column.rendered), columnProps.allowsSorting && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$spectrumiconsuiArrowDownSmall, {
+        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-sortedIcon')
+    }))));
+}
+function $d14697b14e638114$var$ResizableTableColumnHeader({ item: item , state: state  }) {
+    var ref, ref5;
+    let ref6 = $gyhAV$useRef();
+    let formatMessage = $gyhAV$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
+    const onMenuSelect = (key)=>{
+        switch(key){
+            case 'sort-asc':
+                state.sort(item.key, 'ascending');
+                break;
+            case 'sort-desc':
+                state.sort(item.key, 'descending');
+                break;
+            case 'resize':
+                // focusResizer, needs timeout so that it happens after the animation timeout for menu close
+                setTimeout(()=>{
+                    $gyhAV$focusSafely(ref6.current);
+                }, 360);
+                break;
+        }
+    };
+    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$react.Fragment, null, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$MenuTrigger, null, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
+        column: item
+    }), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Menu, {
+        onAction: onMenuSelect,
+        minWidth: "size-2000"
+    }, ((ref = item.props) === null || ref === void 0 ? void 0 : ref.allowsSorting) && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Item, {
+        key: "sort-asc"
+    }, formatMessage('sortAscending')), ((ref5 = item.props) === null || ref5 === void 0 ? void 0 : ref5.allowsSorting) && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Item, {
+        key: "sort-desc"
+    }, formatMessage('sortDescending')), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Item, {
+        key: "resize"
+    }, formatMessage('resizeColumn')))), /*#__PURE__*/ $gyhAV$react.createElement($fc695d2eafc2b351$export$48a76196cafe3b93, {
+        ref: ref6,
+        item: item
+    })));
+}
+function $d14697b14e638114$var$TableSelectAllCell({ column: column  }) {
+    let ref = $gyhAV$useRef();
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let isSingleSelectionMode = state.selectionManager.selectionMode === 'single';
+    let { columnHeaderProps: columnHeaderProps  } = $gyhAV$useTableColumnHeader({
+        node: column,
+        isVirtualized: true
+    }, state, ref);
+    let { checkboxProps: checkboxProps  } = $gyhAV$useTableSelectAllCheckbox(state);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
+    });
+    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
+        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...$gyhAV$mergeProps(columnHeaderProps, hoverProps),
+        ref: ref,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', 'spectrum-Table-checkboxCell', {
+            'is-hovered': isHovered
+        })
+    }, /*
+            In single selection mode, the checkbox will be hidden.
+            So to avoid leaving a column header with no accessible content,
+            we use a VisuallyHidden component to include the aria-label from the checkbox,
+            which for single selection will be "Select."
+          */ isSingleSelectionMode && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, checkboxProps['aria-label']), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
+        ...checkboxProps,
+        isDisabled: isSingleSelectionMode,
+        isEmphasized: true,
+        UNSAFE_style: isSingleSelectionMode ? {
+            visibility: 'hidden'
+        } : undefined,
+        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
+    }))));
+}
+function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
+    let { rowGroupProps: rowGroupProps  } = $gyhAV$useTableRowGroup();
+    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...rowGroupProps,
+        ...otherProps
+    }, children));
+}
+function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
+    var ref, ref7, ref8;
+    let ref9 = $gyhAV$useRef();
+    let { state: state , layout: layout  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let allowsInteraction = state.selectionManager.selectionMode !== 'none' || hasActions;
+    let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
+    let isSelected = state.selectionManager.isSelected(item.key);
+    let { rowProps: rowProps  } = $gyhAV$useTableRow({
+        node: item,
+        isVirtualized: true
+    }, state, ref9);
+    let { pressProps: pressProps , isPressed: isPressed  } = $gyhAV$usePress({
+        isDisabled: isDisabled
+    });
+    // The row should show the focus background style when any cell inside it is focused.
+    // If the row itself is focused, then it should have a blue focus indicator on the left.
+    let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps  } = $gyhAV$useFocusRing({
+        within: true
+    });
+    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = $gyhAV$useFocusRing();
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
+        isDisabled: isDisabled
+    });
+    let props = $gyhAV$mergeProps(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
+    let isFirstRow = ((ref = state.collection.rows.find((row)=>row.level === 1
+    )) === null || ref === void 0 ? void 0 : ref.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
+    // border corners of the last row when selected.
+    let isFlushWithContainerBottom = false;
+    if (isLastRow) {
+        if (((ref7 = layout.getContentSize()) === null || ref7 === void 0 ? void 0 : ref7.height) >= ((ref8 = layout.virtualizer) === null || ref8 === void 0 ? void 0 : ref8.getVisibleRect().height)) isFlushWithContainerBottom = true;
+    }
+    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...props,
+        ref: ref9,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-row', {
+            'is-active': isPressed,
+            'is-selected': isSelected,
+            'spectrum-Table-row--highlightSelection': state.selectionManager.selectionBehavior === 'replace',
+            'is-next-selected': state.selectionManager.isSelected(item.nextKey),
+            'is-focused': isFocusVisibleWithin,
+            'focus-ring': isFocusVisible,
+            'is-hovered': isHovered,
+            'is-disabled': isDisabled,
+            'spectrum-Table-row--firstRow': isFirstRow,
+            'spectrum-Table-row--lastRow': isLastRow,
+            'spectrum-Table-row--isFlushBottom': isFlushWithContainerBottom
+        })
+    }, children));
+}
+function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children , style: style  }) {
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let ref = $gyhAV$useRef();
+    let { rowProps: rowProps  } = $gyhAV$useTableHeaderRow({
+        node: item,
+        isVirtualized: true
+    }, state, ref);
+    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...rowProps,
+        ref: ref,
+        style: style
+    }, children));
+}
+function $d14697b14e638114$var$TableCheckboxCell({ cell: cell  }) {
+    let ref = $gyhAV$useRef();
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let isDisabled = state.disabledKeys.has(cell.parentKey);
+    let { gridCellProps: gridCellProps  } = $gyhAV$useTableCell({
+        node: cell,
+        isVirtualized: true
+    }, state, ref);
+    let { checkboxProps: checkboxProps  } = $gyhAV$useTableSelectionCheckbox({
+        key: cell.parentKey
+    }, state);
+    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
+        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...gridCellProps,
+        ref: ref,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', 'spectrum-Table-checkboxCell', {
+            'is-disabled': isDisabled
+        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell'))
+    }, state.selectionManager.selectionMode !== 'none' && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
+        ...checkboxProps,
+        isEmphasized: true,
+        isDisabled: isDisabled,
+        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
+    }))));
+}
+function $d14697b14e638114$var$TableCell({ cell: cell  }) {
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let ref = $gyhAV$useRef();
+    let columnProps = cell.column.props;
+    let isDisabled = state.disabledKeys.has(cell.parentKey);
+    let { gridCellProps: gridCellProps  } = $gyhAV$useTableCell({
+        node: cell,
+        isVirtualized: true
+    }, state, ref);
+    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
+        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        ...gridCellProps,
+        ref: ref,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', {
+            'spectrum-Table-cell--divider': columnProps.showDivider && cell.column.nextKey !== null,
+            'spectrum-Table-cell--hideHeader': columnProps.hideHeader,
+            'is-disabled': isDisabled
+        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
+            'react-spectrum-Table-cell--alignStart': columnProps.align === 'start',
+            'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center',
+            'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
+        }))
+    }, /*#__PURE__*/ $gyhAV$react.createElement("span", {
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellContents')
+    }, cell.rendered))));
+}
+function $d14697b14e638114$var$CenteredWrapper({ children: children  }) {
+    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
+        role: "row",
+        "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
+        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-centeredWrapper')
+    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
+        role: "rowheader",
+        "aria-colspan": state.collection.columns.length
+    }, children)));
+}
+/**
+ * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
+ */ const $d14697b14e638114$var$_TableView = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$TableView);
+/*
+  When ready to remove this feature flag, you can remove this whole section of code, delete the _DEPRECATED files, and just replace the export with the _TableView above.
+*/ function $d14697b14e638114$var$FeatureFlaggedTableView(props, ref10) {
+    let state = $gyhAV$useTableState({
+        ...props
+    });
+    const someColumnsAllowResizing = state.collection.columns.some((c)=>{
+        var ref;
+        return (ref = c.props) === null || ref === void 0 ? void 0 : ref.allowsResizing;
+    });
+    if (someColumnsAllowResizing) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$_TableView, {
+        ...props,
+        ref: ref10
+    }));
+    else return(/*#__PURE__*/ $gyhAV$react.createElement($c0025c334c996aed$export$8790f9f1576000df, {
+        ...props,
+        ref: ref10
+    }));
+}
+/**
+ * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
+ */ const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$FeatureFlaggedTableView);
+
+
+
 // Override TS for Column to support spectrum specific props.
 const $e668f3d0f378a712$export$816b5d811295e6bc = $gyhAV$Column;
 
 
-export {$e668f3d0f378a712$export$816b5d811295e6bc as Column, $c0025c334c996aed$export$8790f9f1576000df as TableView, $e668f3d0f378a712$re_export$TableHeader as TableHeader, $e668f3d0f378a712$re_export$TableBody as TableBody, $e668f3d0f378a712$re_export$Section as Section, $e668f3d0f378a712$re_export$Row as Row, $e668f3d0f378a712$re_export$Cell as Cell};
+export {$e668f3d0f378a712$export$816b5d811295e6bc as Column, $d14697b14e638114$export$b3c27e869d856b7 as TableView, $e668f3d0f378a712$re_export$TableHeader as TableHeader, $e668f3d0f378a712$re_export$TableBody as TableBody, $e668f3d0f378a712$re_export$Section as Section, $e668f3d0f378a712$re_export$Row as Row, $e668f3d0f378a712$re_export$Cell as Cell};
 //# sourceMappingURL=module.js.map