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

package/dist/main.js

@@ -1,9 +1,13 @@
 require("./main.css");
 var $3fpzo$reactstatelytable = require("@react-stately/table");
+var $3fpzo$react = require("react");
+var $3fpzo$reactstatelyflags = require("@react-stately/flags");
 var $3fpzo$spectrumiconsuiArrowDownSmall = require("@spectrum-icons/ui/ArrowDownSmall");
 var $3fpzo$reactariautils = require("@react-aria/utils");
 var $3fpzo$reactspectrumcheckbox = require("@react-spectrum/checkbox");
 var $3fpzo$spectrumiconsuiChevronDownMedium = require("@spectrum-icons/ui/ChevronDownMedium");
+var $3fpzo$spectrumiconsuiChevronLeftMedium = require("@spectrum-icons/ui/ChevronLeftMedium");
+var $3fpzo$spectrumiconsuiChevronRightMedium = require("@spectrum-icons/ui/ChevronRightMedium");
 var $3fpzo$reactspectrumutils = require("@react-spectrum/utils");
 var $3fpzo$reactariafocus = require("@react-aria/focus");
 var $3fpzo$reactariainteractions = require("@react-aria/interactions");
@@ -11,7 +15,6 @@ var $3fpzo$reactspectrummenu = require("@react-spectrum/menu");
 var $3fpzo$reactariavirtualizer = require("@react-aria/virtualizer");
 var $3fpzo$spectrumiconsuiListGripper = require("@spectrum-icons/ui/ListGripper");
 var $3fpzo$reactspectrumprogress = require("@react-spectrum/progress");
-var $3fpzo$react = require("react");
 var $3fpzo$reactstatelyvirtualizer = require("@react-stately/virtualizer");
 var $3fpzo$reactstatelylayout = require("@react-stately/layout");
 var $3fpzo$reactspectrumtooltip = require("@react-spectrum/tooltip");
@@ -31,7 +34,7 @@ function $parcel$interopDefault(a) {
 }
 
 $parcel$export(module.exports, "Column", () => $4b0b515c47252574$export$816b5d811295e6bc);
-$parcel$export(module.exports, "TableView", () => $be8a9c035a82f788$export$b3c27e869d856b7);
+$parcel$export(module.exports, "TableView", () => $9802a0717549c6f1$export$b3c27e869d856b7);
 $parcel$export(module.exports, "TableHeader", () => $3fpzo$reactstatelytable.TableHeader);
 $parcel$export(module.exports, "TableBody", () => $3fpzo$reactstatelytable.TableBody);
 $parcel$export(module.exports, "Section", () => $3fpzo$reactstatelytable.Section);
@@ -49,7 +52,30 @@ $parcel$export(module.exports, "Cell", () => $3fpzo$reactstatelytable.Cell);
  * 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
@@ -65,6 +91,8 @@ $parcel$export(module.exports, "Cell", () => $3fpzo$reactstatelytable.Cell);
 
 
 
+
+
 /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -81,6 +109,7 @@ var $4afcd54cfd94dbb9$exports = {};
 
 $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table", () => $4afcd54cfd94dbb9$export$8cc7e6e5f955c192, (v) => $4afcd54cfd94dbb9$export$8cc7e6e5f955c192 = v);
 $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table-cell", () => $4afcd54cfd94dbb9$export$19015e98090cea63, (v) => $4afcd54cfd94dbb9$export$19015e98090cea63 = v);
+$parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table-cell--hasExpandCollapseButton", () => $4afcd54cfd94dbb9$export$54c344ff0a219615, (v) => $4afcd54cfd94dbb9$export$54c344ff0a219615 = v);
 $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table-cellWrapper", () => $4afcd54cfd94dbb9$export$ea1d9f40910c509, (v) => $4afcd54cfd94dbb9$export$ea1d9f40910c509 = v);
 $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table-cell--alignStart", () => $4afcd54cfd94dbb9$export$25d7f56ba6d0d442, (v) => $4afcd54cfd94dbb9$export$25d7f56ba6d0d442 = v);
 $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table-cell--alignCenter", () => $4afcd54cfd94dbb9$export$14101ea2699002fc, (v) => $4afcd54cfd94dbb9$export$14101ea2699002fc = v);
@@ -103,6 +132,7 @@ $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table-row--dropTarget"
 $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table-cellWrapper--dropTarget", () => $4afcd54cfd94dbb9$export$374244a7e6e6e484, (v) => $4afcd54cfd94dbb9$export$374244a7e6e6e484 = v);
 var $4afcd54cfd94dbb9$export$8cc7e6e5f955c192;
 var $4afcd54cfd94dbb9$export$19015e98090cea63;
+var $4afcd54cfd94dbb9$export$54c344ff0a219615;
 var $4afcd54cfd94dbb9$export$ea1d9f40910c509;
 var $4afcd54cfd94dbb9$export$25d7f56ba6d0d442;
 var $4afcd54cfd94dbb9$export$14101ea2699002fc;
@@ -125,6 +155,7 @@ var $4afcd54cfd94dbb9$export$5e4ce8d9f081b812;
 var $4afcd54cfd94dbb9$export$374244a7e6e6e484;
 $4afcd54cfd94dbb9$export$8cc7e6e5f955c192 = "react-spectrum-Table_e844a7";
 $4afcd54cfd94dbb9$export$19015e98090cea63 = "react-spectrum-Table-cell_e844a7";
+$4afcd54cfd94dbb9$export$54c344ff0a219615 = "react-spectrum-Table-cell--hasExpandCollapseButton_e844a7";
 $4afcd54cfd94dbb9$export$ea1d9f40910c509 = "react-spectrum-Table-cellWrapper_e844a7";
 $4afcd54cfd94dbb9$export$25d7f56ba6d0d442 = "react-spectrum-Table-cell--alignStart_e844a7";
 $4afcd54cfd94dbb9$export$14101ea2699002fc = "react-spectrum-Table-cell--alignCenter_e844a7";
@@ -150,7 +181,7 @@ $4afcd54cfd94dbb9$export$374244a7e6e6e484 = "react-spectrum-Table-cellWrapper--d
 
 
 function $c44674ca7612e997$export$2c0bab5914a9d088(props) {
-    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks  } = (0, $be8a9c035a82f788$export$3cb274deb6c2d854)();
+    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks  } = (0, $e39c6de4eb69450d$export$3cb274deb6c2d854)();
     const { target: target , rowProps: rowProps  } = props;
     let ref = (0, $3fpzo$react.useRef)();
     let { dropIndicatorProps: dropIndicatorProps  } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
@@ -188,7 +219,9 @@ $aea5dbc70156d941$exports = {
     "loadingMore": `جارٍ تحميل المزيد...`,
     "resizeColumn": `تغيير حجم العمود`,
     "sortAscending": `فرز بترتيب تصاعدي`,
-    "sortDescending": `فرز بترتيب تنازلي`
+    "sortDescending": `فرز بترتيب تنازلي`,
+    "expand": `Expand`,
+    "collapse": `Collapse`
 };
 
 
@@ -260,7 +293,9 @@ $b5db09171b92c95b$exports = {
     "sortDescending": `Sort Descending`,
     "resizeColumn": `Resize column`,
     "columnResizer": `Column resizer`,
-    "drag": `Drag`
+    "drag": `Drag`,
+    "expand": `Expand`,
+    "collapse": `Collapse`
 };
 
 
@@ -719,9 +754,12 @@ $parcel$export($982885d0a34882ea$exports, "spectrum-Table-row", () => $982885d0a
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table-body--resizerAtTableEdge", () => $982885d0a34882ea$export$ec8d96850ac2415e, (v) => $982885d0a34882ea$export$ec8d96850ac2415e = v);
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table--quiet", () => $982885d0a34882ea$export$80f179961079d85e, (v) => $982885d0a34882ea$export$80f179961079d85e = v);
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table-cell", () => $982885d0a34882ea$export$c073926c283bb618, (v) => $982885d0a34882ea$export$c073926c283bb618 = v);
+$parcel$export($982885d0a34882ea$exports, "spectrum-Table--regular", () => $982885d0a34882ea$export$3be3e4ba813e9589, (v) => $982885d0a34882ea$export$3be3e4ba813e9589 = v);
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table--compact", () => $982885d0a34882ea$export$bcb43fe016211cab, (v) => $982885d0a34882ea$export$bcb43fe016211cab = v);
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table--spacious", () => $982885d0a34882ea$export$eef21b0715bc0914, (v) => $982885d0a34882ea$export$eef21b0715bc0914 = v);
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table-cellContents", () => $982885d0a34882ea$export$683061182a3353d3, (v) => $982885d0a34882ea$export$683061182a3353d3 = v);
+$parcel$export($982885d0a34882ea$exports, "spectrum-Table-expandButton", () => $982885d0a34882ea$export$ce10510e27df0512, (v) => $982885d0a34882ea$export$ce10510e27df0512 = v);
+$parcel$export($982885d0a34882ea$exports, "is-open", () => $982885d0a34882ea$export$a9781837241c946d, (v) => $982885d0a34882ea$export$a9781837241c946d = v);
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table-cell--hideHeader", () => $982885d0a34882ea$export$8ff2ab45f5f0045d, (v) => $982885d0a34882ea$export$8ff2ab45f5f0045d = v);
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table--wrap", () => $982885d0a34882ea$export$9d4c255d6285f0ec, (v) => $982885d0a34882ea$export$9d4c255d6285f0ec = v);
 $parcel$export($982885d0a34882ea$exports, "is-focused", () => $982885d0a34882ea$export$e7dc768d35940237, (v) => $982885d0a34882ea$export$e7dc768d35940237 = v);
@@ -772,9 +810,12 @@ var $982885d0a34882ea$export$fefa57dcd4648052;
 var $982885d0a34882ea$export$ec8d96850ac2415e;
 var $982885d0a34882ea$export$80f179961079d85e;
 var $982885d0a34882ea$export$c073926c283bb618;
+var $982885d0a34882ea$export$3be3e4ba813e9589;
 var $982885d0a34882ea$export$bcb43fe016211cab;
 var $982885d0a34882ea$export$eef21b0715bc0914;
 var $982885d0a34882ea$export$683061182a3353d3;
+var $982885d0a34882ea$export$ce10510e27df0512;
+var $982885d0a34882ea$export$a9781837241c946d;
 var $982885d0a34882ea$export$8ff2ab45f5f0045d;
 var $982885d0a34882ea$export$9d4c255d6285f0ec;
 var $982885d0a34882ea$export$e7dc768d35940237;
@@ -825,9 +866,12 @@ $982885d0a34882ea$export$fefa57dcd4648052 = "spectrum-Table-row_d0fc74";
 $982885d0a34882ea$export$ec8d96850ac2415e = "spectrum-Table-body--resizerAtTableEdge_d0fc74";
 $982885d0a34882ea$export$80f179961079d85e = "spectrum-Table--quiet_d0fc74";
 $982885d0a34882ea$export$c073926c283bb618 = "spectrum-Table-cell_d0fc74";
+$982885d0a34882ea$export$3be3e4ba813e9589 = "spectrum-Table--regular_d0fc74";
 $982885d0a34882ea$export$bcb43fe016211cab = "spectrum-Table--compact_d0fc74";
 $982885d0a34882ea$export$eef21b0715bc0914 = "spectrum-Table--spacious_d0fc74";
 $982885d0a34882ea$export$683061182a3353d3 = "spectrum-Table-cellContents_d0fc74";
+$982885d0a34882ea$export$ce10510e27df0512 = "spectrum-Table-expandButton_d0fc74";
+$982885d0a34882ea$export$a9781837241c946d = "is-open_d0fc74";
 $982885d0a34882ea$export$8ff2ab45f5f0045d = "spectrum-Table-cell--hideHeader_d0fc74";
 $982885d0a34882ea$export$9d4c255d6285f0ec = "spectrum-Table--wrap_d0fc74";
 $982885d0a34882ea$export$e7dc768d35940237 = "is-focused_d0fc74";
@@ -878,11 +922,11 @@ const $2877766f94c67a67$var$CURSORS = {
 };
 function $2877766f94c67a67$var$Resizer(props, ref) {
     let { column: column , showResizer: showResizer  } = props;
-    let { isEmpty: isEmpty , layout: layout  } = (0, $be8a9c035a82f788$export$3cb274deb6c2d854)();
+    let { isEmpty: isEmpty , layout: layout  } = (0, $e39c6de4eb69450d$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, $be8a9c035a82f788$export$3f8f74b6bfd2c5df)();
+    (0, $e39c6de4eb69450d$export$3f8f74b6bfd2c5df)();
     let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($1a3d6ad53eb75d54$exports))));
     let { direction: direction  } = (0, $3fpzo$reactariai18n.useLocale)();
     let [isPointerDown, setIsPointerDown] = (0, $3fpzo$react.useState)(false);
@@ -976,7 +1020,7 @@ const $2877766f94c67a67$export$48a76196cafe3b93 = /*#__PURE__*/ (0, ($parcel$int
 
 
 function $4a98adf416b1ae5d$export$d30a7814cfd4033e() {
-    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks , state: state  } = (0, $be8a9c035a82f788$export$3cb274deb6c2d854)();
+    let { dropState: dropState , dragAndDropHooks: dragAndDropHooks , state: state  } = (0, $e39c6de4eb69450d$export$3cb274deb6c2d854)();
     let ref = (0, $3fpzo$react.useRef)();
     let { dropIndicatorProps: dropIndicatorProps  } = dragAndDropHooks.useDropIndicator({
         target: {
@@ -1049,15 +1093,15 @@ function $f65d44d222cc509b$export$905ab40ac2179daa(props) {
 
 
 
-const $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT = {
+const $e39c6de4eb69450d$var$DEFAULT_HEADER_HEIGHT = {
     medium: 34,
     large: 40
 };
-const $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
+const $e39c6de4eb69450d$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
     medium: 38,
     large: 46
 };
-const $be8a9c035a82f788$var$ROW_HEIGHTS = {
+const $e39c6de4eb69450d$var$ROW_HEIGHTS = {
     compact: {
         medium: 32,
         large: 40
@@ -1071,26 +1115,30 @@ const $be8a9c035a82f788$var$ROW_HEIGHTS = {
         large: 60
     }
 };
-const $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH = {
+const $e39c6de4eb69450d$var$SELECTION_CELL_DEFAULT_WIDTH = {
     medium: 38,
     large: 48
 };
-const $be8a9c035a82f788$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH = {
+const $e39c6de4eb69450d$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH = {
+    medium: 16,
+    large: 20
+};
+const $e39c6de4eb69450d$var$LEVEL_OFFSET_WIDTH = {
     medium: 16,
     large: 20
 };
-const $be8a9c035a82f788$var$TableContext = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
-function $be8a9c035a82f788$export$3cb274deb6c2d854() {
-    return (0, $3fpzo$react.useContext)($be8a9c035a82f788$var$TableContext);
+const $e39c6de4eb69450d$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
+function $e39c6de4eb69450d$export$3cb274deb6c2d854() {
+    return (0, $3fpzo$react.useContext)($e39c6de4eb69450d$export$93e4b0b2cc49b648);
 }
-const $be8a9c035a82f788$var$VirtualizerContext = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
-function $be8a9c035a82f788$export$3f8f74b6bfd2c5df() {
-    return (0, $3fpzo$react.useContext)($be8a9c035a82f788$var$VirtualizerContext);
+const $e39c6de4eb69450d$export$d288a7dd40372bc = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
+function $e39c6de4eb69450d$export$3f8f74b6bfd2c5df() {
+    return (0, $3fpzo$react.useContext)($e39c6de4eb69450d$export$d288a7dd40372bc);
 }
-function $be8a9c035a82f788$var$TableView(props, ref) {
+function $e39c6de4eb69450d$var$TableViewBase(props, ref) {
     var _dropState_target;
     props = (0, $3fpzo$reactspectrumprovider.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, $3fpzo$react.useRef)(isTableDraggable);
@@ -1098,29 +1146,30 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     (0, $3fpzo$react.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, $3fpzo$reactspectrumutils.useStyleProps)(props);
-    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $3fpzo$react.useState)(props.selectionStyle !== "highlight");
     let { direction: direction  } = (0, $3fpzo$reactariai18n.useLocale)();
     let { scale: scale  } = (0, $3fpzo$reactspectrumprovider.useProvider)();
     const getDefaultWidth = (0, $3fpzo$react.useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider , isDragButtonCell: isDragButtonCell  }  })=>{
         if (hideHeader) {
-            let width = $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
+            let width = $e39c6de4eb69450d$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
             return showDivider ? width + 1 : width;
-        } else if (isSelectionCell) return $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
-        else if (isDragButtonCell) return $be8a9c035a82f788$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
+        } else if (isSelectionCell) return $e39c6de4eb69450d$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $e39c6de4eb69450d$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
     }, [
         scale
     ]);
     const getDefaultMinWidth = (0, $3fpzo$react.useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider , isDragButtonCell: isDragButtonCell  }  })=>{
         if (hideHeader) {
-            let width = $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
+            let width = $e39c6de4eb69450d$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
             return showDivider ? width + 1 : width;
-        } else if (isSelectionCell) return $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
-        else if (isDragButtonCell) return $be8a9c035a82f788$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
+        } else if (isSelectionCell) return $e39c6de4eb69450d$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $e39c6de4eb69450d$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
         return 75;
     }, [
         scale
@@ -1132,15 +1181,6 @@ function $be8a9c035a82f788$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, $3fpzo$react.useState)(false);
-    let state = (0, $3fpzo$reactstatelytable.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, $3fpzo$reactspectrumutils.useDOMRef)(ref);
     let headerRef = (0, $3fpzo$react.useRef)();
     let bodyRef = (0, $3fpzo$react.useRef)();
@@ -1155,10 +1195,10 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     ]);
     let tableLayout = (0, $3fpzo$react.useMemo)(()=>new (0, $3fpzo$reactstatelylayout.TableLayout)({
             // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
-            rowHeight: props.overflowMode === "wrap" ? null : $be8a9c035a82f788$var$ROW_HEIGHTS[density][scale],
-            estimatedRowHeight: props.overflowMode === "wrap" ? $be8a9c035a82f788$var$ROW_HEIGHTS[density][scale] : null,
-            headingHeight: props.overflowMode === "wrap" ? null : $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT[scale],
-            estimatedHeadingHeight: props.overflowMode === "wrap" ? $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT[scale] : null,
+            rowHeight: props.overflowMode === "wrap" ? null : $e39c6de4eb69450d$var$ROW_HEIGHTS[density][scale],
+            estimatedRowHeight: props.overflowMode === "wrap" ? $e39c6de4eb69450d$var$ROW_HEIGHTS[density][scale] : null,
+            headingHeight: props.overflowMode === "wrap" ? null : $e39c6de4eb69450d$var$DEFAULT_HEADER_HEIGHT[scale],
+            estimatedHeadingHeight: props.overflowMode === "wrap" ? $e39c6de4eb69450d$var$DEFAULT_HEADER_HEIGHT[scale] : null,
             columnLayout: columnLayout,
             initialCollection: state.collection
         }), // don't recompute when state.collection changes, only used for initial value
@@ -1220,17 +1260,17 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     let renderWrapper = (parent, reusableView, children, renderChildren)=>{
         let style = (0, $3fpzo$reactariavirtualizer.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, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableRowGroup, {
+        if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableRowGroup, {
             key: reusableView.key,
             style: style
         }, isTableDroppable && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $4a98adf416b1ae5d$export$d30a7814cfd4033e), {
             key: "root"
         }), renderChildren(children));
-        if (reusableView.viewType === "header") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableHeader, {
+        if (reusableView.viewType === "header") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableHeader, {
             key: reusableView.key,
             style: style
         }, renderChildren(children));
-        if (reusableView.viewType === "row") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableRow, {
+        if (reusableView.viewType === "row") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableRow, {
             key: reusableView.key,
             item: reusableView.content,
             style: style,
@@ -1238,7 +1278,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
             isTableDroppable: isTableDroppable,
             isTableDraggable: isTableDraggable
         }, renderChildren(children));
-        if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableHeaderRow, {
+        if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableHeaderRow, {
             onHoverChange: setHeaderRowHovered,
             key: reusableView.key,
             style: style,
@@ -1276,13 +1316,13 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
             case "headerrow":
                 return null;
             case "cell":
-                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableCheckboxCell, {
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableCheckboxCell, {
                     cell: item
                 });
-                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableDragCell, {
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableDragCell, {
                     cell: item
                 });
-                return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableCell, {
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableCell, {
                     cell: item
                 });
             case "placeholder":
@@ -1293,30 +1333,30 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
                     "aria-colspan": item.colspan > 1 ? item.colspan : null
                 });
             case "column":
-                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableSelectAllCell, {
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableSelectAllCell, {
                     column: item
                 });
-                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableDragHeaderCell, {
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$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, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumtooltip.TooltipTrigger), {
                     placement: "top",
                     trigger: "focus"
-                }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeader, {
+                }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableColumnHeader, {
                     column: item
                 }), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumtooltip.Tooltip), {
                     placement: "top"
                 }, item.rendered));
-                if (item.props.allowsResizing && !item.hasChildNodes) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$ResizableTableColumnHeader, {
+                if (item.props.allowsResizing && !item.hasChildNodes) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$ResizableTableColumnHeader, {
                     tableRef: domRef,
                     column: item
                 });
-                return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeader, {
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableColumnHeader, {
                     column: item
                 });
             case "loader":
-                return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$CenteredWrapper, null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumprogress.ProgressCircle), {
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$CenteredWrapper, null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumprogress.ProgressCircle), {
                     isIndeterminate: true,
                     "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
                 }));
@@ -1324,7 +1364,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
                 {
                     let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
                     if (emptyState == null) return null;
-                    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$CenteredWrapper, null, emptyState);
+                    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$CenteredWrapper, null, emptyState);
                 }
         }
     };
@@ -1370,7 +1410,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     let mergedProps = (0, $3fpzo$reactariautils.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, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableContext.Provider, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$export$93e4b0b2cc49b648.Provider, {
         value: {
             state: state,
             dragState: dragState,
@@ -1388,10 +1428,9 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
             isEmpty: isEmpty,
             onFocusedResizer: onFocusedResizer,
             headerMenuOpen: headerMenuOpen,
-            setHeaderMenuOpen: setHeaderMenuOpen,
-            shouldShowCheckboxes: shouldShowCheckboxes
+            setHeaderMenuOpen: setHeaderMenuOpen
         }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableVirtualizer, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableVirtualizer, {
         ...mergedProps,
         ...styleProps,
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table", `spectrum-Table--${density}`, {
@@ -1419,7 +1458,7 @@ function $be8a9c035a82f788$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 = $be8a9c035a82f788$var$ROW_HEIGHTS[density][scale];
+        let height = $e39c6de4eb69450d$var$ROW_HEIGHTS[density][scale];
         let itemText = state.collection.getTextValue(dragState.draggedKey);
         return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $f65d44d222cc509b$export$905ab40ac2179daa), {
             itemText: itemText,
@@ -1430,7 +1469,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     }));
 }
 // This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
-function $be8a9c035a82f788$var$TableVirtualizer(props) {
+function $e39c6de4eb69450d$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, $3fpzo$reactariai18n.useLocale)();
@@ -1532,7 +1571,7 @@ function $be8a9c035a82f788$var$TableVirtualizer(props) {
     let mergedProps = (0, $3fpzo$reactariautils.mergeProps)(otherProps, virtualizerProps, isVirtualDragging && {
         tabIndex: null
     });
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$VirtualizerContext.Provider, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$export$d288a7dd40372bc.Provider, {
         value: resizingColumn
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         ...mergedProps,
@@ -1580,7 +1619,7 @@ function $be8a9c035a82f788$var$TableVirtualizer(props) {
         }
     })))));
 }
-function $be8a9c035a82f788$var$TableHeader({ children: children , ...otherProps }) {
+function $e39c6de4eb69450d$var$TableHeader({ children: children , ...otherProps }) {
     let { rowGroupProps: rowGroupProps  } = (0, $3fpzo$reactariatable.useTableRowGroup)();
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         ...rowGroupProps,
@@ -1588,11 +1627,11 @@ function $be8a9c035a82f788$var$TableHeader({ children: children , ...otherProps
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-head")
     }, children);
 }
-function $be8a9c035a82f788$var$TableColumnHeader(props) {
+function $e39c6de4eb69450d$var$TableColumnHeader(props) {
     var _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
     let { column: column  } = props;
     let ref = (0, $3fpzo$react.useRef)(null);
-    let { state: state , isEmpty: isEmpty  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state , isEmpty: isEmpty  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let { pressProps: pressProps , isPressed: isPressed  } = (0, $3fpzo$reactariainteractions.usePress)({
         isDisabled: isEmpty
     });
@@ -1639,9 +1678,9 @@ function $be8a9c035a82f788$var$TableColumnHeader(props) {
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCellContents")
     }, column.rendered)));
 }
-let $be8a9c035a82f788$var$_TableColumnHeaderButton = (props, ref)=>{
+let $e39c6de4eb69450d$var$_TableColumnHeaderButton = (props, ref)=>{
     let { focusProps: focusProps , alignment: alignment , ...otherProps } = props;
-    let { isEmpty: isEmpty  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { isEmpty: isEmpty  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let domRef = (0, $3fpzo$reactspectrumutils.useFocusableRef)(ref);
     let { buttonProps: buttonProps  } = (0, $3fpzo$reactariabutton.useButton)({
         ...otherProps,
@@ -1667,14 +1706,14 @@ let $be8a9c035a82f788$var$_TableColumnHeaderButton = (props, ref)=>{
         ref: domRef
     }, props.children));
 };
-let $be8a9c035a82f788$var$TableColumnHeaderButton = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($be8a9c035a82f788$var$_TableColumnHeaderButton);
-function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
+let $e39c6de4eb69450d$var$TableColumnHeaderButton = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($e39c6de4eb69450d$var$_TableColumnHeaderButton);
+function $e39c6de4eb69450d$var$ResizableTableColumnHeader(props) {
     var _column_props, _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
     let { column: column  } = props;
     let ref = (0, $3fpzo$react.useRef)(null);
     let triggerRef = (0, $3fpzo$react.useRef)(null);
     let resizingRef = (0, $3fpzo$react.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  } = $be8a9c035a82f788$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  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($1a3d6ad53eb75d54$exports))));
     let { pressProps: pressProps , isPressed: isPressed  } = (0, $3fpzo$reactariainteractions.usePress)({
         isDisabled: isEmpty
@@ -1793,7 +1832,7 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrummenu.MenuTrigger), {
         onOpenChange: setHeaderMenuOpen,
         align: menuAlign
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeaderButton, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableColumnHeaderButton, {
         alignment: alignment,
         ref: triggerRef,
         focusProps: focusProps
@@ -1827,9 +1866,9 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
         })
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $18b3deb5c431fa13$export$d9658cdf8c86807), null)))));
 }
-function $be8a9c035a82f788$var$TableSelectAllCell({ column: column  }) {
+function $e39c6de4eb69450d$var$TableSelectAllCell({ column: column  }) {
     let ref = (0, $3fpzo$react.useRef)();
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let isSingleSelectionMode = state.selectionManager.selectionMode === "single";
     let { columnHeaderProps: columnHeaderProps  } = (0, $3fpzo$reactariatable.useTableColumnHeader)({
         node: column,
@@ -1859,9 +1898,9 @@ function $be8a9c035a82f788$var$TableSelectAllCell({ column: column  }) {
         UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-checkbox")
     })));
 }
-function $be8a9c035a82f788$var$TableDragHeaderCell({ column: column  }) {
+function $e39c6de4eb69450d$var$TableDragHeaderCell({ column: column  }) {
     let ref = (0, $3fpzo$react.useRef)();
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let { columnHeaderProps: columnHeaderProps  } = (0, $3fpzo$reactariatable.useTableColumnHeader)({
         node: column,
         isVirtualized: true
@@ -1875,15 +1914,15 @@ function $be8a9c035a82f788$var$TableDragHeaderCell({ column: column  }) {
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCell", (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-headCell", "react-spectrum-Table-dragButtonHeadCell"))
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavisuallyhidden.VisuallyHidden), null, stringFormatter.format("drag"))));
 }
-function $be8a9c035a82f788$var$TableRowGroup({ children: children , ...otherProps }) {
+function $e39c6de4eb69450d$var$TableRowGroup({ children: children , ...otherProps }) {
     let { rowGroupProps: rowGroupProps  } = (0, $3fpzo$reactariatable.useTableRowGroup)();
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         ...rowGroupProps,
         ...otherProps
     }, children);
 }
-function $be8a9c035a82f788$var$DragButton() {
-    let { dragButtonProps: dragButtonProps , dragButtonRef: dragButtonRef , isFocusVisibleWithin: isFocusVisibleWithin  } = $be8a9c035a82f788$export$cd7c5802f9e21187();
+function $e39c6de4eb69450d$var$DragButton() {
+    let { dragButtonProps: dragButtonProps , dragButtonRef: dragButtonRef , isFocusVisibleWithin: isFocusVisibleWithin  } = $e39c6de4eb69450d$export$cd7c5802f9e21187();
     let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $3fpzo$reactariavisuallyhidden.useVisuallyHidden)();
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
         focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "focus-ring")
@@ -1899,14 +1938,14 @@ function $be8a9c035a82f788$var$DragButton() {
         UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))))
     })));
 }
-const $be8a9c035a82f788$var$TableRowContext = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
-function $be8a9c035a82f788$export$cd7c5802f9e21187() {
-    return (0, $3fpzo$react.useContext)($be8a9c035a82f788$var$TableRowContext);
+const $e39c6de4eb69450d$var$TableRowContext = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
+function $e39c6de4eb69450d$export$cd7c5802f9e21187() {
+    return (0, $3fpzo$react.useContext)($e39c6de4eb69450d$var$TableRowContext);
 }
-function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasActions: hasActions , isTableDraggable: isTableDraggable , isTableDroppable: isTableDroppable , ...otherProps }) {
+function $e39c6de4eb69450d$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, $3fpzo$react.useRef)();
-    let { state: state , layout: layout , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state , layout: layout , dragAndDropHooks: dragAndDropHooks , dragState: dragState , dropState: dropState  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
     let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
     let isDroppable = isTableDroppable && !isDisabled;
@@ -1975,7 +2014,7 @@ function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasA
         "aria-hidden": droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps["aria-hidden"]
     };
     let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $3fpzo$reactariavisuallyhidden.useVisuallyHidden)();
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableRowContext.Provider, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$TableRowContext.Provider, {
         value: {
             dragButtonProps: dragButtonProps,
             dragButtonRef: dragButtonRef,
@@ -2026,8 +2065,8 @@ function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasA
         }
     }));
 }
-function $be8a9c035a82f788$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
-    let { state: state , headerMenuOpen: headerMenuOpen  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+function $e39c6de4eb69450d$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
+    let { state: state , headerMenuOpen: headerMenuOpen  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let ref = (0, $3fpzo$react.useRef)();
     let { rowProps: rowProps  } = (0, $3fpzo$reactariatable.useTableHeaderRow)({
         node: item,
@@ -2043,9 +2082,9 @@ function $be8a9c035a82f788$var$TableHeaderRow({ item: item , children: children
         style: style
     }, children);
 }
-function $be8a9c035a82f788$var$TableDragCell({ cell: cell  }) {
+function $e39c6de4eb69450d$var$TableDragCell({ cell: cell  }) {
     let ref = (0, $3fpzo$react.useRef)();
-    let { state: state , isTableDraggable: isTableDraggable  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state , isTableDraggable: isTableDraggable  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let isDisabled = state.disabledKeys.has(cell.parentKey);
     let { gridCellProps: gridCellProps  } = (0, $3fpzo$reactariatable.useTableCell)({
         node: cell,
@@ -2059,11 +2098,11 @@ function $be8a9c035a82f788$var$TableDragCell({ cell: cell  }) {
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-cell", {
             "is-disabled": isDisabled
         }, (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-cell", "react-spectrum-Table-dragButtonCell"))
-    }, isTableDraggable && !isDisabled && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$DragButton, null)));
+    }, isTableDraggable && !isDisabled && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$DragButton, null)));
 }
-function $be8a9c035a82f788$var$TableCheckboxCell({ cell: cell  }) {
+function $e39c6de4eb69450d$var$TableCheckboxCell({ cell: cell  }) {
     let ref = (0, $3fpzo$react.useRef)();
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { state: state  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
     let isDisabled = state.disabledKeys.has(cell.parentKey);
     let { gridCellProps: gridCellProps  } = (0, $3fpzo$reactariatable.useTableCell)({
         node: cell,
@@ -2087,8 +2126,10 @@ function $be8a9c035a82f788$var$TableCheckboxCell({ cell: cell  }) {
         UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-checkbox")
     })));
 }
-function $be8a9c035a82f788$var$TableCell({ cell: cell  }) {
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+function $e39c6de4eb69450d$var$TableCell({ cell: cell  }) {
+    let { scale: scale  } = (0, $3fpzo$reactspectrumprovider.useProvider)();
+    let { state: state  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
+    let isExpandableTable = "expandedKeys" in state;
     let ref = (0, $3fpzo$react.useRef)();
     let columnProps = cell.column.props;
     let isDisabled = state.disabledKeys.has(cell.parentKey);
@@ -2096,11 +2137,27 @@ function $be8a9c035a82f788$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) * $e39c6de4eb69450d$var$LEVEL_OFFSET_WIDTH[scale] + (!showExpandCollapseButton ? $e39c6de4eb69450d$var$LEVEL_OFFSET_WIDTH[scale] * 2 : 0);
+    }
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
         focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
-        ...gridCellProps,
+        ...otherGridCellProps,
+        "aria-labelledby": id,
         ref: ref,
+        style: isExpandableTable && isFirstRowHeaderCell ? {
+            paddingInlineStart: levelOffset
+        } : {},
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-cell", {
             "spectrum-Table-cell--divider": columnProps.showDivider && cell.column.nextKey !== null,
             "spectrum-Table-cell--hideHeader": columnProps.hideHeader,
@@ -2108,26 +2165,146 @@ function $be8a9c035a82f788$var$TableCell({ cell: cell  }) {
         }, (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$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, ($parcel$interopDefault($3fpzo$react))).createElement("span", {
+    }, showExpandCollapseButton && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($e39c6de4eb69450d$var$ExpandableRowChevron, {
+        cell: cell
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("span", {
+        id: id,
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-cellContents")
     }, cell.rendered)));
 }
-function $be8a9c035a82f788$var$CenteredWrapper({ children: children  }) {
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+function $e39c6de4eb69450d$var$ExpandableRowChevron({ cell: cell  }) {
+    // TODO: move some/all of the chevron button setup into a separate hook?
+    let { direction: direction  } = (0, $3fpzo$reactariai18n.useLocale)();
+    let { state: state  } = $e39c6de4eb69450d$export$3cb274deb6c2d854();
+    let expandButtonRef = (0, $3fpzo$react.useRef)();
+    let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($1a3d6ad53eb75d54$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, $3fpzo$reactariabutton.useButton)({
+        // Desktop and mobile both toggle expansion of a native expandable row on mouse/touch up
+        onPress: ()=>{
+            state.toggleKey(cell.parentKey);
+            if (!(0, $3fpzo$reactariainteractions.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, ($parcel$interopDefault($3fpzo$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, $3fpzo$reactariautils.isAndroid)() ? -1 : undefined,
+        className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-expandButton", {
+            "is-open": isExpanded
+        })
+    }, direction === "ltr" ? /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiChevronRightMedium))), null) : /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiChevronLeftMedium))), null));
+}
+function $e39c6de4eb69450d$var$CenteredWrapper({ children: children  }) {
+    let { state: state  } = $e39c6de4eb69450d$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, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         role: "row",
-        "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
+        ...rowProps,
         className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-centeredWrapper")
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
         role: "rowheader",
         "aria-colspan": state.collection.columns.length
     }, children));
 }
+const $e39c6de4eb69450d$export$517e02184d273d69 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($e39c6de4eb69450d$var$TableViewBase);
+
+
+
+function $be8a9c035a82f788$var$TableView(props, ref) {
+    let { selectionStyle: selectionStyle , dragAndDropHooks: dragAndDropHooks  } = props;
+    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $3fpzo$react.useState)(selectionStyle !== "highlight");
+    let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    let state = (0, $3fpzo$reactstatelytable.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, ($parcel$interopDefault($3fpzo$react))).createElement((0, $e39c6de4eb69450d$export$517e02184d273d69), {
+        ...props,
+        state: state,
+        ref: ref
+    });
+}
+const $be8a9c035a82f788$export$b3c27e869d856b7 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($be8a9c035a82f788$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 $e770cde7e93c7e49$var$TreeGridTableView(props, ref) {
+    let { selectionStyle: selectionStyle , dragAndDropHooks: dragAndDropHooks  } = props;
+    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $3fpzo$react.useState)(selectionStyle !== "highlight");
+    let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    let state = (0, $3fpzo$reactstatelytable.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, ($parcel$interopDefault($3fpzo$react))).createElement((0, $e39c6de4eb69450d$export$517e02184d273d69), {
+        ...props,
+        state: state,
+        ref: ref
+    });
+}
+const $e770cde7e93c7e49$export$5669566ac2c90964 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($e770cde7e93c7e49$var$TreeGridTableView);
+
+
+function $9802a0717549c6f1$var$TableViewWrapper(props, ref) {
+    let { UNSTABLE_allowsExpandableRows: UNSTABLE_allowsExpandableRows , ...otherProps } = props;
+    if ((0, $3fpzo$reactstatelyflags.tableNestedRows)() && UNSTABLE_allowsExpandableRows) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $e770cde7e93c7e49$export$5669566ac2c90964), {
+        ...otherProps,
+        ref: ref
+    });
+    else return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $be8a9c035a82f788$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 $be8a9c035a82f788$export$b3c27e869d856b7 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($be8a9c035a82f788$var$TableView);
+ */ const $9802a0717549c6f1$export$b3c27e869d856b7 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($9802a0717549c6f1$var$TableViewWrapper);