@react-spectrum/table 3.10.1-nightly.4028 → 3.10.1-nightly.4038

package/dist/import.mjs

@@ -1,17 +1,20 @@
 import "./main.css";
-import {Column as $gyhAV$Column, TableHeader as $e668f3d0f378a712$re_export$TableHeader, TableBody as $e668f3d0f378a712$re_export$TableBody, Section as $e668f3d0f378a712$re_export$Section, Row as $e668f3d0f378a712$re_export$Row, Cell as $e668f3d0f378a712$re_export$Cell, useTableState as $gyhAV$useTableState, TableColumnLayout as $gyhAV$TableColumnLayout} from "@react-stately/table";
+import {Column as $gyhAV$Column, TableHeader as $e668f3d0f378a712$re_export$TableHeader, TableBody as $e668f3d0f378a712$re_export$TableBody, Section as $e668f3d0f378a712$re_export$Section, Row as $e668f3d0f378a712$re_export$Row, Cell as $e668f3d0f378a712$re_export$Cell, useTableState as $gyhAV$useTableState, TableColumnLayout as $gyhAV$TableColumnLayout, UNSTABLE_useTreeGridState as $gyhAV$UNSTABLE_useTreeGridState} from "@react-stately/table";
+import $gyhAV$react, {useState as $gyhAV$useState, useContext as $gyhAV$useContext, useRef as $gyhAV$useRef, useEffect as $gyhAV$useEffect, useCallback as $gyhAV$useCallback, useMemo as $gyhAV$useMemo} from "react";
+import {tableNestedRows as $gyhAV$tableNestedRows} from "@react-stately/flags";
 import $gyhAV$spectrumiconsuiArrowDownSmall from "@spectrum-icons/ui/ArrowDownSmall";
-import {mergeProps as $gyhAV$mergeProps, scrollIntoView as $gyhAV$scrollIntoView, scrollIntoViewport as $gyhAV$scrollIntoViewport, chain as $gyhAV$chain, isWebKit as $gyhAV$isWebKit} from "@react-aria/utils";
+import {mergeProps as $gyhAV$mergeProps, scrollIntoView as $gyhAV$scrollIntoView, scrollIntoViewport as $gyhAV$scrollIntoViewport, chain as $gyhAV$chain, isAndroid as $gyhAV$isAndroid, isWebKit as $gyhAV$isWebKit} from "@react-aria/utils";
 import {Checkbox as $gyhAV$Checkbox} from "@react-spectrum/checkbox";
 import $gyhAV$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
+import $gyhAV$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
+import $gyhAV$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
 import {useStyleProps as $gyhAV$useStyleProps, useDOMRef as $gyhAV$useDOMRef, classNames as $gyhAV$classNames, useFocusableRef as $gyhAV$useFocusableRef, useIsMobileDevice as $gyhAV$useIsMobileDevice, useUnwrapDOMRef as $gyhAV$useUnwrapDOMRef} from "@react-spectrum/utils";
 import {useFocusRing as $gyhAV$useFocusRing, FocusScope as $gyhAV$FocusScope, FocusRing as $gyhAV$FocusRing} from "@react-aria/focus";
-import {getInteractionModality as $gyhAV$getInteractionModality, usePress as $gyhAV$usePress, useHover as $gyhAV$useHover} from "@react-aria/interactions";
+import {getInteractionModality as $gyhAV$getInteractionModality, usePress as $gyhAV$usePress, useHover as $gyhAV$useHover, isFocusVisible as $gyhAV$isFocusVisible} 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, 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";
@@ -41,7 +44,30 @@ function $parcel$export(e, n, v, s) {
  * governing permissions and limitations under the License.
  */ /// <reference types="css-module-types" />
 /*
- * Copyright 2020 Adobe. All rights reserved.
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+/*
+ * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -57,6 +83,8 @@ function $parcel$export(e, n, v, s) {
 
 
 
+
+
 /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -73,6 +101,7 @@ 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-cell--hasExpandCollapseButton", () => $325bc3d43b25708b$export$54c344ff0a219615, (v) => $325bc3d43b25708b$export$54c344ff0a219615 = 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);
@@ -95,6 +124,7 @@ $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row--dropTarget"
 $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper--dropTarget", () => $325bc3d43b25708b$export$374244a7e6e6e484, (v) => $325bc3d43b25708b$export$374244a7e6e6e484 = v);
 var $325bc3d43b25708b$export$8cc7e6e5f955c192;
 var $325bc3d43b25708b$export$19015e98090cea63;
+var $325bc3d43b25708b$export$54c344ff0a219615;
 var $325bc3d43b25708b$export$ea1d9f40910c509;
 var $325bc3d43b25708b$export$25d7f56ba6d0d442;
 var $325bc3d43b25708b$export$14101ea2699002fc;
@@ -117,6 +147,7 @@ var $325bc3d43b25708b$export$5e4ce8d9f081b812;
 var $325bc3d43b25708b$export$374244a7e6e6e484;
 $325bc3d43b25708b$export$8cc7e6e5f955c192 = "react-spectrum-Table_e844a7";
 $325bc3d43b25708b$export$19015e98090cea63 = "react-spectrum-Table-cell_e844a7";
+$325bc3d43b25708b$export$54c344ff0a219615 = "react-spectrum-Table-cell--hasExpandCollapseButton_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";
@@ -142,7 +173,7 @@ $325bc3d43b25708b$export$374244a7e6e6e484 = "react-spectrum-Table-cellWrapper--d
 
 
 function $7ee9a922ee4e8032$export$2c0bab5914a9d088(props) {
-    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks  } = (0, $d14697b14e638114$export$3cb274deb6c2d854)();
+    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks  } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
     const { target: target , rowProps: rowProps  } = props;
     let ref = (0, $gyhAV$useRef)();
     let { dropIndicatorProps: dropIndicatorProps  } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
@@ -180,7 +211,9 @@ $daf541512f75fd9b$exports = {
     "loadingMore": `جارٍ تحميل المزيد...`,
     "resizeColumn": `تغيير حجم العمود`,
     "sortAscending": `فرز بترتيب تصاعدي`,
-    "sortDescending": `فرز بترتيب تنازلي`
+    "sortDescending": `فرز بترتيب تنازلي`,
+    "expand": `Expand`,
+    "collapse": `Collapse`
 };
 
 
@@ -252,7 +285,9 @@ $4040b78666bdeb49$exports = {
     "sortDescending": `Sort Descending`,
     "resizeColumn": `Resize column`,
     "columnResizer": `Column resizer`,
-    "drag": `Drag`
+    "drag": `Drag`,
+    "expand": `Expand`,
+    "collapse": `Collapse`
 };
 
 
@@ -711,9 +746,12 @@ $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row", () => $bd5d41f64
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-body--resizerAtTableEdge", () => $bd5d41f647a296c3$export$ec8d96850ac2415e, (v) => $bd5d41f647a296c3$export$ec8d96850ac2415e = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--quiet", () => $bd5d41f647a296c3$export$80f179961079d85e, (v) => $bd5d41f647a296c3$export$80f179961079d85e = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell", () => $bd5d41f647a296c3$export$c073926c283bb618, (v) => $bd5d41f647a296c3$export$c073926c283bb618 = v);
+$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--regular", () => $bd5d41f647a296c3$export$3be3e4ba813e9589, (v) => $bd5d41f647a296c3$export$3be3e4ba813e9589 = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--compact", () => $bd5d41f647a296c3$export$bcb43fe016211cab, (v) => $bd5d41f647a296c3$export$bcb43fe016211cab = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--spacious", () => $bd5d41f647a296c3$export$eef21b0715bc0914, (v) => $bd5d41f647a296c3$export$eef21b0715bc0914 = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cellContents", () => $bd5d41f647a296c3$export$683061182a3353d3, (v) => $bd5d41f647a296c3$export$683061182a3353d3 = v);
+$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-expandButton", () => $bd5d41f647a296c3$export$ce10510e27df0512, (v) => $bd5d41f647a296c3$export$ce10510e27df0512 = v);
+$parcel$export($bd5d41f647a296c3$exports, "is-open", () => $bd5d41f647a296c3$export$a9781837241c946d, (v) => $bd5d41f647a296c3$export$a9781837241c946d = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--hideHeader", () => $bd5d41f647a296c3$export$8ff2ab45f5f0045d, (v) => $bd5d41f647a296c3$export$8ff2ab45f5f0045d = v);
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--wrap", () => $bd5d41f647a296c3$export$9d4c255d6285f0ec, (v) => $bd5d41f647a296c3$export$9d4c255d6285f0ec = v);
 $parcel$export($bd5d41f647a296c3$exports, "is-focused", () => $bd5d41f647a296c3$export$e7dc768d35940237, (v) => $bd5d41f647a296c3$export$e7dc768d35940237 = v);
@@ -764,9 +802,12 @@ var $bd5d41f647a296c3$export$fefa57dcd4648052;
 var $bd5d41f647a296c3$export$ec8d96850ac2415e;
 var $bd5d41f647a296c3$export$80f179961079d85e;
 var $bd5d41f647a296c3$export$c073926c283bb618;
+var $bd5d41f647a296c3$export$3be3e4ba813e9589;
 var $bd5d41f647a296c3$export$bcb43fe016211cab;
 var $bd5d41f647a296c3$export$eef21b0715bc0914;
 var $bd5d41f647a296c3$export$683061182a3353d3;
+var $bd5d41f647a296c3$export$ce10510e27df0512;
+var $bd5d41f647a296c3$export$a9781837241c946d;
 var $bd5d41f647a296c3$export$8ff2ab45f5f0045d;
 var $bd5d41f647a296c3$export$9d4c255d6285f0ec;
 var $bd5d41f647a296c3$export$e7dc768d35940237;
@@ -817,9 +858,12 @@ $bd5d41f647a296c3$export$fefa57dcd4648052 = "spectrum-Table-row_d0fc74";
 $bd5d41f647a296c3$export$ec8d96850ac2415e = "spectrum-Table-body--resizerAtTableEdge_d0fc74";
 $bd5d41f647a296c3$export$80f179961079d85e = "spectrum-Table--quiet_d0fc74";
 $bd5d41f647a296c3$export$c073926c283bb618 = "spectrum-Table-cell_d0fc74";
+$bd5d41f647a296c3$export$3be3e4ba813e9589 = "spectrum-Table--regular_d0fc74";
 $bd5d41f647a296c3$export$bcb43fe016211cab = "spectrum-Table--compact_d0fc74";
 $bd5d41f647a296c3$export$eef21b0715bc0914 = "spectrum-Table--spacious_d0fc74";
 $bd5d41f647a296c3$export$683061182a3353d3 = "spectrum-Table-cellContents_d0fc74";
+$bd5d41f647a296c3$export$ce10510e27df0512 = "spectrum-Table-expandButton_d0fc74";
+$bd5d41f647a296c3$export$a9781837241c946d = "is-open_d0fc74";
 $bd5d41f647a296c3$export$8ff2ab45f5f0045d = "spectrum-Table-cell--hideHeader_d0fc74";
 $bd5d41f647a296c3$export$9d4c255d6285f0ec = "spectrum-Table--wrap_d0fc74";
 $bd5d41f647a296c3$export$e7dc768d35940237 = "is-focused_d0fc74";
@@ -870,11 +914,11 @@ const $fc695d2eafc2b351$var$CURSORS = {
 };
 function $fc695d2eafc2b351$var$Resizer(props, ref) {
     let { column: column , showResizer: showResizer  } = props;
-    let { isEmpty: isEmpty , layout: layout  } = (0, $d14697b14e638114$export$3cb274deb6c2d854)();
+    let { isEmpty: isEmpty , layout: layout  } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
     // Virtualizer re-renders, but these components are all cached
     // in order to get around that and cause a rerender here, we use context
     // but we don't actually need any value, they are available on the layout object
-    (0, $d14697b14e638114$export$3f8f74b6bfd2c5df)();
+    (0, $bd013581c0a4b065$export$3f8f74b6bfd2c5df)();
     let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))));
     let { direction: direction  } = (0, $gyhAV$useLocale)();
     let [isPointerDown, setIsPointerDown] = (0, $gyhAV$useState)(false);
@@ -968,7 +1012,7 @@ const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $gyhAV$react
 
 
 function $4e6fc36ba71ba405$export$d30a7814cfd4033e() {
-    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks , state: state  } = (0, $d14697b14e638114$export$3cb274deb6c2d854)();
+    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks , state: state  } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
     let ref = (0, $gyhAV$useRef)();
     let { dropIndicatorProps: dropIndicatorProps  } = dragAndDropHooks.useDropIndicator({
         target: {
@@ -1041,15 +1085,15 @@ function $daa6ead3d9d3506a$export$905ab40ac2179daa(props) {
 
 
 
-const $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT = {
+const $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT = {
     medium: 34,
     large: 40
 };
-const $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
+const $bd013581c0a4b065$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
     medium: 38,
     large: 46
 };
-const $d14697b14e638114$var$ROW_HEIGHTS = {
+const $bd013581c0a4b065$var$ROW_HEIGHTS = {
     compact: {
         medium: 32,
         large: 40
@@ -1063,26 +1107,30 @@ const $d14697b14e638114$var$ROW_HEIGHTS = {
         large: 60
     }
 };
-const $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH = {
+const $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH = {
     medium: 38,
     large: 48
 };
-const $d14697b14e638114$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH = {
+const $bd013581c0a4b065$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);
+const $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH = {
+    medium: 16,
+    large: 20
+};
+const $bd013581c0a4b065$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
+function $bd013581c0a4b065$export$3cb274deb6c2d854() {
+    return (0, $gyhAV$useContext)($bd013581c0a4b065$export$93e4b0b2cc49b648);
 }
-const $d14697b14e638114$var$VirtualizerContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
-function $d14697b14e638114$export$3f8f74b6bfd2c5df() {
-    return (0, $gyhAV$useContext)($d14697b14e638114$var$VirtualizerContext);
+const $bd013581c0a4b065$export$d288a7dd40372bc = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
+function $bd013581c0a4b065$export$3f8f74b6bfd2c5df() {
+    return (0, $gyhAV$useContext)($bd013581c0a4b065$export$d288a7dd40372bc);
 }
-function $d14697b14e638114$var$TableView(props, ref) {
+function $bd013581c0a4b065$var$TableViewBase(props, ref) {
     var _dropState_target;
     props = (0, $gyhAV$useProviderProps)(props);
-    let { isQuiet: isQuiet , onAction: onAction , onResizeStart: propsOnResizeStart , onResizeEnd: propsOnResizeEnd , dragAndDropHooks: dragAndDropHooks  } = props;
+    let { isQuiet: isQuiet , onAction: onAction , onResizeStart: propsOnResizeStart , onResizeEnd: propsOnResizeEnd , dragAndDropHooks: dragAndDropHooks , state: state  } = 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);
@@ -1090,29 +1138,30 @@ function $d14697b14e638114$var$TableView(props, ref) {
     (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.");
+        if ("expandedKeys" in state && (isTableDraggable || isTableDroppable)) console.warn("Drag and drop is not yet fully supported with expandable rows and may produce unexpected results.");
     }, [
         isTableDraggable,
-        isTableDroppable
+        isTableDroppable,
+        state
     ]);
     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 , isDragButtonCell: isDragButtonCell  }  })=>{
         if (hideHeader) {
-            let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
+            let width = $bd013581c0a4b065$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];
+        } else if (isSelectionCell) return $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
     }, [
         scale
     ]);
     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];
+            let width = $bd013581c0a4b065$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];
+        } else if (isSelectionCell) return $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
         return 75;
     }, [
         scale
@@ -1124,15 +1173,6 @@ function $d14697b14e638114$var$TableView(props, ref) {
     // entering resizing/exiting resizing doesn't trigger a render
     // with table layout, so we need to track it here
     let [, setIsResizing] = (0, $gyhAV$useState)(false);
-    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...
-    let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
-    if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
     let domRef = (0, $gyhAV$useDOMRef)(ref);
     let headerRef = (0, $gyhAV$useRef)();
     let bodyRef = (0, $gyhAV$useRef)();
@@ -1147,10 +1187,10 @@ function $d14697b14e638114$var$TableView(props, ref) {
     ]);
     let tableLayout = (0, $gyhAV$useMemo)(()=>new (0, $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,
+            rowHeight: props.overflowMode === "wrap" ? null : $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale],
+            estimatedRowHeight: props.overflowMode === "wrap" ? $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale] : null,
+            headingHeight: props.overflowMode === "wrap" ? null : $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT[scale],
+            estimatedHeadingHeight: props.overflowMode === "wrap" ? $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT[scale] : null,
             columnLayout: columnLayout,
             initialCollection: state.collection
         }), // don't recompute when state.collection changes, only used for initial value
@@ -1212,17 +1252,17 @@ function $d14697b14e638114$var$TableView(props, ref) {
     let renderWrapper = (parent, reusableView, children, renderChildren)=>{
         let style = (0, $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__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRowGroup, {
+        if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableRowGroup, {
             key: reusableView.key,
             style: style
         }, 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, {
+        if (reusableView.viewType === "header") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableHeader, {
             key: reusableView.key,
             style: style
         }, renderChildren(children));
-        if (reusableView.viewType === "row") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRow, {
+        if (reusableView.viewType === "row") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableRow, {
             key: reusableView.key,
             item: reusableView.content,
             style: style,
@@ -1230,7 +1270,7 @@ function $d14697b14e638114$var$TableView(props, ref) {
             isTableDroppable: isTableDroppable,
             isTableDraggable: isTableDraggable
         }, renderChildren(children));
-        if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableHeaderRow, {
+        if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableHeaderRow, {
             onHoverChange: setHeaderRowHovered,
             key: reusableView.key,
             style: style,
@@ -1268,13 +1308,13 @@ function $d14697b14e638114$var$TableView(props, ref) {
             case "headerrow":
                 return null;
             case "cell":
-                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCheckboxCell, {
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableCheckboxCell, {
                     cell: item
                 });
-                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableDragCell, {
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableDragCell, {
                     cell: item
                 });
-                return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCell, {
+                return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableCell, {
                     cell: item
                 });
             case "placeholder":
@@ -1285,30 +1325,30 @@ function $d14697b14e638114$var$TableView(props, ref) {
                     "aria-colspan": item.colspan > 1 ? item.colspan : null
                 });
             case "column":
-                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableSelectAllCell, {
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableSelectAllCell, {
                     column: item
                 });
-                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableDragHeaderCell, {
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$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",
                     trigger: "focus"
-                }, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeader, {
+                }, /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableColumnHeader, {
                     column: item
                 }), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Tooltip), {
                     placement: "top"
                 }, item.rendered));
-                if (item.props.allowsResizing && !item.hasChildNodes) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$ResizableTableColumnHeader, {
+                if (item.props.allowsResizing && !item.hasChildNodes) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$ResizableTableColumnHeader, {
                     tableRef: domRef,
                     column: item
                 });
-                return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeader, {
+                return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableColumnHeader, {
                     column: item
                 });
             case "loader":
-                return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$CenteredWrapper, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ProgressCircle), {
+                return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$CenteredWrapper, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ProgressCircle), {
                     isIndeterminate: true,
                     "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
                 }));
@@ -1316,7 +1356,7 @@ function $d14697b14e638114$var$TableView(props, ref) {
                 {
                     let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
                     if (emptyState == null) return null;
-                    return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$CenteredWrapper, null, emptyState);
+                    return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$CenteredWrapper, null, emptyState);
                 }
         }
     };
@@ -1362,7 +1402,7 @@ function $d14697b14e638114$var$TableView(props, ref) {
     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, {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$export$93e4b0b2cc49b648.Provider, {
         value: {
             state: state,
             dragState: dragState,
@@ -1380,10 +1420,9 @@ function $d14697b14e638114$var$TableView(props, ref) {
             isEmpty: isEmpty,
             onFocusedResizer: onFocusedResizer,
             headerMenuOpen: headerMenuOpen,
-            setHeaderMenuOpen: setHeaderMenuOpen,
-            shouldShowCheckboxes: shouldShowCheckboxes
+            setHeaderMenuOpen: setHeaderMenuOpen
         }
-    }, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableVirtualizer, {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableVirtualizer, {
         ...mergedProps,
         ...styleProps,
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table", `spectrum-Table--${density}`, {
@@ -1411,7 +1450,7 @@ function $d14697b14e638114$var$TableView(props, ref) {
         if (dragAndDropHooks.renderPreview) return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);
         let itemCount = dragState.draggingKeys.size;
         let maxWidth = bodyRef.current.getBoundingClientRect().width;
-        let height = $d14697b14e638114$var$ROW_HEIGHTS[density][scale];
+        let height = $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale];
         let itemText = state.collection.getTextValue(dragState.draggedKey);
         return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $daa6ead3d9d3506a$export$905ab40ac2179daa), {
             itemText: itemText,
@@ -1422,7 +1461,7 @@ function $d14697b14e638114$var$TableView(props, ref) {
     }));
 }
 // This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
-function $d14697b14e638114$var$TableVirtualizer(props) {
+function $bd013581c0a4b065$var$TableVirtualizer(props) {
     var _layout_getLayoutInfo;
     let { 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 } = props;
     let { direction: direction  } = (0, $gyhAV$useLocale)();
@@ -1524,7 +1563,7 @@ function $d14697b14e638114$var$TableVirtualizer(props) {
     let mergedProps = (0, $gyhAV$mergeProps)(otherProps, virtualizerProps, isVirtualDragging && {
         tabIndex: null
     });
-    return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$VirtualizerContext.Provider, {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$export$d288a7dd40372bc.Provider, {
         value: resizingColumn
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusScope), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...mergedProps,
@@ -1572,7 +1611,7 @@ function $d14697b14e638114$var$TableVirtualizer(props) {
         }
     })))));
 }
-function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps }) {
+function $bd013581c0a4b065$var$TableHeader({ children: children , ...otherProps }) {
     let { rowGroupProps: rowGroupProps  } = (0, $gyhAV$useTableRowGroup)();
     return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...rowGroupProps,
@@ -1580,11 +1619,11 @@ function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-head")
     }, children);
 }
-function $d14697b14e638114$var$TableColumnHeader(props) {
+function $bd013581c0a4b065$var$TableColumnHeader(props) {
     var _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
     let { column: column  } = props;
     let ref = (0, $gyhAV$useRef)(null);
-    let { state: state , isEmpty: isEmpty  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state , isEmpty: isEmpty  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let { pressProps: pressProps , isPressed: isPressed  } = (0, $gyhAV$usePress)({
         isDisabled: isEmpty
     });
@@ -1631,9 +1670,9 @@ function $d14697b14e638114$var$TableColumnHeader(props) {
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellContents")
     }, column.rendered)));
 }
-let $d14697b14e638114$var$_TableColumnHeaderButton = (props, ref)=>{
+let $bd013581c0a4b065$var$_TableColumnHeaderButton = (props, ref)=>{
     let { focusProps: focusProps , alignment: alignment , ...otherProps } = props;
-    let { isEmpty: isEmpty  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { isEmpty: isEmpty  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let domRef = (0, $gyhAV$useFocusableRef)(ref);
     let { buttonProps: buttonProps  } = (0, $gyhAV$useButton)({
         ...otherProps,
@@ -1659,14 +1698,14 @@ let $d14697b14e638114$var$_TableColumnHeaderButton = (props, ref)=>{
         ref: domRef
     }, props.children));
 };
-let $d14697b14e638114$var$TableColumnHeaderButton = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$_TableColumnHeaderButton);
-function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
+let $bd013581c0a4b065$var$TableColumnHeaderButton = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($bd013581c0a4b065$var$_TableColumnHeaderButton);
+function $bd013581c0a4b065$var$ResizableTableColumnHeader(props) {
     var _column_props, _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
     let { column: column  } = props;
     let ref = (0, $gyhAV$useRef)(null);
     let triggerRef = (0, $gyhAV$useRef)(null);
     let resizingRef = (0, $gyhAV$useRef)(null);
-    let { state: state , layout: layout , onResizeStart: onResizeStart , onResize: onResize , onResizeEnd: onResizeEnd , headerRowHovered: headerRowHovered , setIsInResizeMode: setIsInResizeMode , isEmpty: isEmpty , onFocusedResizer: onFocusedResizer , isInResizeMode: isInResizeMode , headerMenuOpen: headerMenuOpen , setHeaderMenuOpen: setHeaderMenuOpen  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state , layout: layout , onResizeStart: onResizeStart , onResize: onResize , onResizeEnd: onResizeEnd , headerRowHovered: headerRowHovered , setIsInResizeMode: setIsInResizeMode , isEmpty: isEmpty , onFocusedResizer: onFocusedResizer , isInResizeMode: isInResizeMode , headerMenuOpen: headerMenuOpen , setHeaderMenuOpen: setHeaderMenuOpen  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))));
     let { pressProps: pressProps , isPressed: isPressed  } = (0, $gyhAV$usePress)({
         isDisabled: isEmpty
@@ -1785,7 +1824,7 @@ function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$MenuTrigger), {
         onOpenChange: setHeaderMenuOpen,
         align: menuAlign
-    }, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeaderButton, {
+    }, /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableColumnHeaderButton, {
         alignment: alignment,
         ref: triggerRef,
         focusProps: focusProps
@@ -1819,9 +1858,9 @@ function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
         })
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $cb7d341e8868d81d$export$d9658cdf8c86807), null)))));
 }
-function $d14697b14e638114$var$TableSelectAllCell({ column: column  }) {
+function $bd013581c0a4b065$var$TableSelectAllCell({ column: column  }) {
     let ref = (0, $gyhAV$useRef)();
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let isSingleSelectionMode = state.selectionManager.selectionMode === "single";
     let { columnHeaderProps: columnHeaderProps  } = (0, $gyhAV$useTableColumnHeader)({
         node: column,
@@ -1851,9 +1890,9 @@ 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  }) {
+function $bd013581c0a4b065$var$TableDragHeaderCell({ column: column  }) {
     let ref = (0, $gyhAV$useRef)();
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let { columnHeaderProps: columnHeaderProps  } = (0, $gyhAV$useTableColumnHeader)({
         node: column,
         isVirtualized: true
@@ -1867,15 +1906,15 @@ function $d14697b14e638114$var$TableDragHeaderCell({ column: column  }) {
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-headCell", "react-spectrum-Table-dragButtonHeadCell"))
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, stringFormatter.format("drag"))));
 }
-function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
+function $bd013581c0a4b065$var$TableRowGroup({ children: children , ...otherProps }) {
     let { rowGroupProps: rowGroupProps  } = (0, $gyhAV$useTableRowGroup)();
     return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         ...rowGroupProps,
         ...otherProps
     }, children);
 }
-function $d14697b14e638114$var$DragButton() {
-    let { dragButtonProps: dragButtonProps , dragButtonRef: dragButtonRef , isFocusVisibleWithin: isFocusVisibleWithin  } = $d14697b14e638114$export$cd7c5802f9e21187();
+function $bd013581c0a4b065$var$DragButton() {
+    let { dragButtonProps: dragButtonProps , dragButtonRef: dragButtonRef , isFocusVisibleWithin: isFocusVisibleWithin  } = $bd013581c0a4b065$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")
@@ -1891,14 +1930,14 @@ function $d14697b14e638114$var$DragButton() {
         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);
+const $bd013581c0a4b065$var$TableRowContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
+function $bd013581c0a4b065$export$cd7c5802f9e21187() {
+    return (0, $gyhAV$useContext)($bd013581c0a4b065$var$TableRowContext);
 }
-function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , isTableDraggable: isTableDraggable , isTableDroppable: isTableDroppable , ...otherProps }) {
+function $bd013581c0a4b065$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 , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state , layout: layout , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
     let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
     let isDroppable = isTableDroppable && !isDisabled;
@@ -1967,7 +2006,7 @@ function $d14697b14e638114$var$TableRow({ item: item , children: children , hasA
         "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, {
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableRowContext.Provider, {
         value: {
             dragButtonProps: dragButtonProps,
             dragButtonRef: dragButtonRef,
@@ -2018,8 +2057,8 @@ function $d14697b14e638114$var$TableRow({ item: item , children: children , hasA
         }
     }));
 }
-function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
-    let { state: state , headerMenuOpen: headerMenuOpen  } = $d14697b14e638114$export$3cb274deb6c2d854();
+function $bd013581c0a4b065$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
+    let { state: state , headerMenuOpen: headerMenuOpen  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let ref = (0, $gyhAV$useRef)();
     let { rowProps: rowProps  } = (0, $gyhAV$useTableHeaderRow)({
         node: item,
@@ -2035,9 +2074,9 @@ function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children
         style: style
     }, children);
 }
-function $d14697b14e638114$var$TableDragCell({ cell: cell  }) {
+function $bd013581c0a4b065$var$TableDragCell({ cell: cell  }) {
     let ref = (0, $gyhAV$useRef)();
-    let { state: state , isTableDraggable: isTableDraggable  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state , isTableDraggable: isTableDraggable  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let isDisabled = state.disabledKeys.has(cell.parentKey);
     let { gridCellProps: gridCellProps  } = (0, $gyhAV$useTableCell)({
         node: cell,
@@ -2051,11 +2090,11 @@ function $d14697b14e638114$var$TableDragCell({ cell: cell  }) {
         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)));
+    }, isTableDraggable && !isDisabled && /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$DragButton, null)));
 }
-function $d14697b14e638114$var$TableCheckboxCell({ cell: cell  }) {
+function $bd013581c0a4b065$var$TableCheckboxCell({ cell: cell  }) {
     let ref = (0, $gyhAV$useRef)();
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+    let { state: state  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
     let isDisabled = state.disabledKeys.has(cell.parentKey);
     let { gridCellProps: gridCellProps  } = (0, $gyhAV$useTableCell)({
         node: cell,
@@ -2079,8 +2118,10 @@ function $d14697b14e638114$var$TableCheckboxCell({ cell: cell  }) {
         UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
     })));
 }
-function $d14697b14e638114$var$TableCell({ cell: cell  }) {
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+function $bd013581c0a4b065$var$TableCell({ cell: cell  }) {
+    let { scale: scale  } = (0, $gyhAV$useProvider)();
+    let { state: state  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let isExpandableTable = "expandedKeys" in state;
     let ref = (0, $gyhAV$useRef)();
     let columnProps = cell.column.props;
     let isDisabled = state.disabledKeys.has(cell.parentKey);
@@ -2088,11 +2129,27 @@ function $d14697b14e638114$var$TableCell({ cell: cell  }) {
         node: cell,
         isVirtualized: true
     }, state, ref);
+    let { id: id , ...otherGridCellProps } = gridCellProps;
+    let isFirstRowHeaderCell = state.collection.rowHeaderColumnKeys.keys().next().value === cell.column.key;
+    let isRowExpandable = false;
+    let showExpandCollapseButton = false;
+    let levelOffset = 0;
+    if ("expandedKeys" in state) {
+        var _state_keyMap_get_props_UNSTABLE_childItems, _state_keyMap_get, _state_keyMap_get1, _state_keyMap_get_props, _state_keyMap_get_props_children;
+        isRowExpandable = ((_state_keyMap_get_props_UNSTABLE_childItems = (_state_keyMap_get = state.keyMap.get(cell.parentKey)) === null || _state_keyMap_get === void 0 ? void 0 : _state_keyMap_get.props.UNSTABLE_childItems) === null || _state_keyMap_get_props_UNSTABLE_childItems === void 0 ? void 0 : _state_keyMap_get_props_UNSTABLE_childItems.length) > 0 || ((_state_keyMap_get1 = state.keyMap.get(cell.parentKey)) === null || _state_keyMap_get1 === void 0 ? void 0 : (_state_keyMap_get_props = _state_keyMap_get1.props) === null || _state_keyMap_get_props === void 0 ? void 0 : (_state_keyMap_get_props_children = _state_keyMap_get_props.children) === null || _state_keyMap_get_props_children === void 0 ? void 0 : _state_keyMap_get_props_children.length) > state.userColumnCount;
+        showExpandCollapseButton = isFirstRowHeaderCell && isRowExpandable;
+        // Offset based on level, and add additional offset if there is no expand/collapse button on a row
+        levelOffset = (cell.level - 2) * $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH[scale] + (!showExpandCollapseButton ? $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH[scale] * 2 : 0);
+    }
     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,
+        ...otherGridCellProps,
+        "aria-labelledby": id,
         ref: ref,
+        style: isExpandableTable && isFirstRowHeaderCell ? {
+            paddingInlineStart: levelOffset
+        } : {},
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", {
             "spectrum-Table-cell--divider": columnProps.showDivider && cell.column.nextKey !== null,
             "spectrum-Table-cell--hideHeader": columnProps.hideHeader,
@@ -2100,26 +2157,146 @@ function $d14697b14e638114$var$TableCell({ cell: cell  }) {
         }, (0, $gyhAV$classNames)((0, (/*@__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"
+            "react-spectrum-Table-cell--alignEnd": columnProps.align === "end",
+            "react-spectrum-Table-cell--hasExpandCollapseButton": showExpandCollapseButton
         }))
-    }, /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
+    }, showExpandCollapseButton && /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$ExpandableRowChevron, {
+        cell: cell
+    }), /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
+        id: id,
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
     }, cell.rendered)));
 }
-function $d14697b14e638114$var$CenteredWrapper({ children: children  }) {
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
+function $bd013581c0a4b065$var$ExpandableRowChevron({ cell: cell  }) {
+    // TODO: move some/all of the chevron button setup into a separate hook?
+    let { direction: direction  } = (0, $gyhAV$useLocale)();
+    let { state: state  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let expandButtonRef = (0, $gyhAV$useRef)();
+    let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))));
+    let isExpanded;
+    if ("expandedKeys" in state) isExpanded = state.expandedKeys === "all" || state.expandedKeys.has(cell.parentKey);
+    // Will need to keep the chevron as a button for iOS VO at all times since VO doesn't focus the cell. Also keep as button if cellAction is defined by the user in the future
+    let { buttonProps: buttonProps  } = (0, $gyhAV$useButton)({
+        // Desktop and mobile both toggle expansion of a native expandable row on mouse/touch up
+        onPress: ()=>{
+            state.toggleKey(cell.parentKey);
+            if (!(0, $gyhAV$isFocusVisible)()) {
+                state.selectionManager.setFocused(true);
+                state.selectionManager.setFocusedKey(cell.parentKey);
+            }
+        },
+        elementType: "span",
+        "aria-label": isExpanded ? stringFormatter.format("collapse") : stringFormatter.format("expand")
+    }, expandButtonRef);
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
+        ...buttonProps,
+        ref: expandButtonRef,
+        // Override tabindex so that grid keyboard nav skips over it. Needs -1 so android talkback can actually "focus" it
+        tabIndex: (0, $gyhAV$isAndroid)() ? -1 : undefined,
+        className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-expandButton", {
+            "is-open": isExpanded
+        })
+    }, direction === "ltr" ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiChevronRightMedium), null) : /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiChevronLeftMedium), null));
+}
+function $bd013581c0a4b065$var$CenteredWrapper({ children: children  }) {
+    let { state: state  } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let rowProps;
+    if ("expandedKeys" in state) {
+        let topLevelRowCount = [
+            ...state.keyMap.get(state.collection.body.key).childNodes
+        ].length;
+        rowProps = {
+            "aria-level": 1,
+            "aria-posinset": topLevelRowCount + 1,
+            "aria-setsize": topLevelRowCount + 1
+        };
+    } else rowProps = {
+        "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1
+    };
     return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "row",
-        "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
+        ...rowProps,
         className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-centeredWrapper")
     }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
         role: "rowheader",
         "aria-colspan": state.collection.columns.length
     }, children));
 }
+const $bd013581c0a4b065$export$517e02184d273d69 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($bd013581c0a4b065$var$TableViewBase);
+
+
+
+function $d14697b14e638114$var$TableView(props, ref) {
+    let { selectionStyle: selectionStyle , dragAndDropHooks: dragAndDropHooks  } = props;
+    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $gyhAV$useState)(selectionStyle !== "highlight");
+    let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    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...
+    let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
+    if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $bd013581c0a4b065$export$517e02184d273d69), {
+        ...props,
+        state: state,
+        ref: ref
+    });
+}
+const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$TableView);
+
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $be90f60881eac8aa$var$TreeGridTableView(props, ref) {
+    let { selectionStyle: selectionStyle , dragAndDropHooks: dragAndDropHooks  } = props;
+    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $gyhAV$useState)(selectionStyle !== "highlight");
+    let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    let state = (0, $gyhAV$UNSTABLE_useTreeGridState)({
+        ...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...
+    let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
+    if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
+    return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $bd013581c0a4b065$export$517e02184d273d69), {
+        ...props,
+        state: state,
+        ref: ref
+    });
+}
+const $be90f60881eac8aa$export$5669566ac2c90964 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($be90f60881eac8aa$var$TreeGridTableView);
+
+
+function $9f67189e3f884740$var$TableViewWrapper(props, ref) {
+    let { UNSTABLE_allowsExpandableRows: UNSTABLE_allowsExpandableRows , ...otherProps } = props;
+    if ((0, $gyhAV$tableNestedRows)() && UNSTABLE_allowsExpandableRows) return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $be90f60881eac8aa$export$5669566ac2c90964), {
+        ...otherProps,
+        ref: ref
+    });
+    else return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $d14697b14e638114$export$b3c27e869d856b7), {
+        ...otherProps,
+        ref: ref
+    });
+}
 /**
  * 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__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$TableView);
+ */ const $9f67189e3f884740$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($9f67189e3f884740$var$TableViewWrapper);
 
 
 
@@ -2127,5 +2304,5 @@ function $d14697b14e638114$var$CenteredWrapper({ children: children  }) {
 const $e668f3d0f378a712$export$816b5d811295e6bc = (0, $gyhAV$Column);
 
 
-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};
+export {$e668f3d0f378a712$export$816b5d811295e6bc as Column, $9f67189e3f884740$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