@react-spectrum/table 3.1.7-nightly.3271 → 3.2.0

package/dist/module.js

@@ -4,19 +4,17 @@ import $gyhAV$spectrumiconsuiArrowDownSmall from "@spectrum-icons/ui/ArrowDownSm
 import {useLayoutEffect as $gyhAV$useLayoutEffect, mergeProps as $gyhAV$mergeProps, chain as $gyhAV$chain} from "@react-aria/utils";
 import {Checkbox as $gyhAV$Checkbox} from "@react-spectrum/checkbox";
 import {useStyleProps as $gyhAV$useStyleProps, useDOMRef as $gyhAV$useDOMRef, classNames as $gyhAV$classNames} from "@react-spectrum/utils";
-import {FocusRing as $gyhAV$FocusRing, focusSafely as $gyhAV$focusSafely, useFocusRing as $gyhAV$useFocusRing} from "@react-aria/focus";
-import {MenuTrigger as $gyhAV$MenuTrigger, Menu as $gyhAV$Menu, Item as $gyhAV$Item} from "@react-spectrum/menu";
+import {FocusRing as $gyhAV$FocusRing, useFocusRing as $gyhAV$useFocusRing} from "@react-aria/focus";
 import {layoutInfoToStyle as $gyhAV$layoutInfoToStyle, VirtualizerItem as $gyhAV$VirtualizerItem, setScrollLeft as $gyhAV$setScrollLeft, useVirtualizer as $gyhAV$useVirtualizer, ScrollView as $gyhAV$ScrollView} from "@react-aria/virtualizer";
 import {ProgressCircle as $gyhAV$ProgressCircle} from "@react-spectrum/progress";
-import $gyhAV$react, {useContext as $gyhAV$useContext, useState as $gyhAV$useState, useCallback as $gyhAV$useCallback, useRef as $gyhAV$useRef, useMemo as $gyhAV$useMemo} from "react";
+import $gyhAV$react, {useContext as $gyhAV$useContext, useState as $gyhAV$useState, useRef as $gyhAV$useRef, useMemo as $gyhAV$useMemo, useCallback as $gyhAV$useCallback} from "react";
 import {useVirtualizerState as $gyhAV$useVirtualizerState} from "@react-stately/virtualizer";
-import {TableLayout as $gyhAV$TableLayout, TableLayout_DEPRECATED as $gyhAV$TableLayout_DEPRECATED} from "@react-stately/layout";
+import {TableLayout as $gyhAV$TableLayout} from "@react-stately/layout";
 import {TooltipTrigger as $gyhAV$TooltipTrigger, Tooltip as $gyhAV$Tooltip} from "@react-spectrum/tooltip";
-import {useButton as $gyhAV$useButton} from "@react-aria/button";
 import {useHover as $gyhAV$useHover, usePress as $gyhAV$usePress} from "@react-aria/interactions";
 import {useMessageFormatter as $gyhAV$useMessageFormatter, useLocale as $gyhAV$useLocale} from "@react-aria/i18n";
 import {useProviderProps as $gyhAV$useProviderProps, useProvider as $gyhAV$useProvider} from "@react-spectrum/provider";
-import {useTable as $gyhAV$useTable, useTableRowGroup as $gyhAV$useTableRowGroup, useTableColumnHeader as $gyhAV$useTableColumnHeader, useTableSelectAllCheckbox as $gyhAV$useTableSelectAllCheckbox, useTableRow as $gyhAV$useTableRow, useTableHeaderRow as $gyhAV$useTableHeaderRow, useTableCell as $gyhAV$useTableCell, useTableSelectionCheckbox as $gyhAV$useTableSelectionCheckbox, useTableColumnResize as $gyhAV$useTableColumnResize} from "@react-aria/table";
+import {useTable as $gyhAV$useTable, useTableRowGroup as $gyhAV$useTableRowGroup, useTableColumnHeader as $gyhAV$useTableColumnHeader, useTableSelectAllCheckbox as $gyhAV$useTableSelectAllCheckbox, useTableRow as $gyhAV$useTableRow, useTableHeaderRow as $gyhAV$useTableHeaderRow, useTableCell as $gyhAV$useTableCell, useTableSelectionCheckbox as $gyhAV$useTableSelectionCheckbox} from "@react-aria/table";
 import {VisuallyHidden as $gyhAV$VisuallyHidden} from "@react-aria/visually-hidden";
 
 function $parcel$interopDefault(a) {
@@ -210,10 +208,6 @@ $467944769c14687b$exports = {
 
 
 
-
-
-
-
 var $bd5d41f647a296c3$exports = {};
 
 $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table", () => $bd5d41f647a296c3$export$455c59d2b5bafef0, (v) => $bd5d41f647a296c3$export$455c59d2b5bafef0 = v);
@@ -338,31 +332,6 @@ $bd5d41f647a296c3$export$d35bc1e505d1ebbf = "is-disabled_d0fc74";
 $bd5d41f647a296c3$export$53aa811f86efbfad = "is-next-selected_d0fc74";
 
 
-
-
-function $fc695d2eafc2b351$var$Resizer(props, ref) {
-    const { item: item  } = props;
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let { resizerProps: resizerProps  } = $gyhAV$useTableColumnResize(state, item, ref);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ref: ref,
-        ...resizerProps,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-columnResizer'),
-        role: "separator",
-        "aria-orientation": "vertical",
-        "aria-label": "Resize column",
-        "aria-labelledby": item.key,
-        "aria-valuenow": state.getColumnWidth(item.key),
-        "aria-valuemin": state.getColumnMinWidth(item.key),
-        "aria-valuemax": state.getColumnMaxWidth(item.key)
-    })));
-}
-const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ $gyhAV$react.forwardRef($fc695d2eafc2b351$var$Resizer);
-
-
-
 var $325bc3d43b25708b$exports = {};
 
 $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table", () => $325bc3d43b25708b$export$8cc7e6e5f955c192, (v) => $325bc3d43b25708b$export$8cc7e6e5f955c192 = v);
@@ -392,20 +361,6 @@ $325bc3d43b25708b$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrappe
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -459,7 +414,7 @@ function $c0025c334c996aed$var$TableView_DEPRECATED(props, ref) {
     let formatMessage = $gyhAV$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
     let { scale: scale  } = $gyhAV$useProvider();
     let density = props.density || 'regular';
-    let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout_DEPRECATED({
+    let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout({
             // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
             rowHeight: props.overflowMode === 'wrap' ? null : $c0025c334c996aed$var$ROW_HEIGHTS[density][scale],
             estimatedRowHeight: props.overflowMode === 'wrap' ? $c0025c334c996aed$var$ROW_HEIGHTS[density][scale] : null,
@@ -914,616 +869,9 @@ function $c0025c334c996aed$var$CenteredWrapper({ children: children  }) {
 
 
 
-
-
-
-
-
-
-
-const $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT = {
-    medium: 34,
-    large: 40
-};
-const $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
-    medium: 36,
-    large: 44
-};
-const $d14697b14e638114$var$ROW_HEIGHTS = {
-    compact: {
-        medium: 32,
-        large: 40
-    },
-    regular: {
-        medium: 40,
-        large: 50
-    },
-    spacious: {
-        medium: 48,
-        large: 60
-    }
-};
-const $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH = {
-    medium: 38,
-    large: 48
-};
-const $d14697b14e638114$var$TableContext = /*#__PURE__*/ $gyhAV$react.createContext(null);
-function $d14697b14e638114$export$3cb274deb6c2d854() {
-    return $gyhAV$useContext($d14697b14e638114$var$TableContext);
-}
-function $d14697b14e638114$var$TableView(props, ref) {
-    props = $gyhAV$useProviderProps(props);
-    let { isQuiet: isQuiet , onAction: onAction  } = props;
-    let { styleProps: styleProps  } = $gyhAV$useStyleProps(props);
-    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $gyhAV$useState(props.selectionStyle !== 'highlight');
-    let { scale: scale  } = $gyhAV$useProvider();
-    const getDefaultWidth = $gyhAV$useCallback(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
-        if (hideHeader) {
-            let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
-            return showDivider ? width + 1 : width;
-        } else if (isSelectionCell) return $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
-    }, [
-        scale
-    ]);
-    let state = $gyhAV$useTableState({
-        ...props,
-        showSelectionCheckboxes: showSelectionCheckboxes,
-        selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle',
-        getDefaultWidth: getDefaultWidth
-    });
-    // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
-    let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';
-    if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
-    let domRef = $gyhAV$useDOMRef(ref);
-    let bodyRef = $gyhAV$useRef();
-    let formatMessage = $gyhAV$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
-    let density = props.density || 'regular';
-    let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout({
-            // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
-            rowHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$ROW_HEIGHTS[density][scale],
-            estimatedRowHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$ROW_HEIGHTS[density][scale] : null,
-            headingHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale],
-            estimatedHeadingHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale] : null
-        })
-    , [
-        props.overflowMode,
-        scale,
-        density
-    ]);
-    let { direction: direction  } = $gyhAV$useLocale();
-    layout.collection = state.collection;
-    layout.getColumnWidth = state.getColumnWidth;
-    let { gridProps: gridProps  } = $gyhAV$useTable({
-        ...props,
-        isVirtualized: true,
-        layout: layout,
-        onRowAction: onAction
-    }, state, domRef);
-    let renderWrapper = (parent, reusableView, children, renderChildren)=>{
-        let style = $gyhAV$layoutInfoToStyle(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
-        if (style.overflow === 'hidden') style.overflow = 'visible'; // needed to support position: sticky
-        if (reusableView.viewType === 'rowgroup') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRowGroup, {
-            key: reusableView.key,
-            style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'header') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeader, {
-            key: reusableView.key,
-            style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'row') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRow, {
-            key: reusableView.key,
-            item: reusableView.content,
-            style: style,
-            hasActions: onAction
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'headerrow') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeaderRow, {
-            key: reusableView.key,
-            style: style,
-            item: reusableView.content
-        }, renderChildren(children)));
-        return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VirtualizerItem, {
-            key: reusableView.key,
-            reusableView: reusableView,
-            parent: parent,
-            className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellWrapper', $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), {
-                'react-spectrum-Table-cellWrapper': !reusableView.layoutInfo.estimatedSize
-            }))
-        }));
-    };
-    let renderView = (type, item)=>{
-        switch(type){
-            case 'header':
-            case 'rowgroup':
-            case 'section':
-            case 'row':
-            case 'headerrow':
-                return null;
-            case 'cell':
-                if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCheckboxCell, {
-                    cell: item
-                }));
-                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCell, {
-                    cell: item
-                }));
-            case 'placeholder':
-                // TODO: move to react-aria?
-                return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-                    role: "gridcell",
-                    "aria-colindex": item.index + 1,
-                    "aria-colspan": item.colspan > 1 ? item.colspan : null
-                }));
-            case 'column':
-                if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableSelectAllCell, {
-                    column: item
-                }));
-                if (item.props.hideHeader) return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$TooltipTrigger, {
-                    placement: "top",
-                    trigger: "focus"
-                }, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
-                    column: item
-                }), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Tooltip, {
-                    placement: "top"
-                }, item.rendered)));
-                if (item.props.allowsResizing) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$ResizableTableColumnHeader, {
-                    item: item,
-                    state: state
-                }));
-                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
-                    column: item
-                }));
-            case 'loader':
-                return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ProgressCircle, {
-                    isIndeterminate: true,
-                    "aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
-                })));
-            case 'empty':
-                {
-                    let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
-                    if (emptyState == null) return null;
-                    return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, emptyState));
-                }
-        }
-    };
-    let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = $gyhAV$useState(false);
-    let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = $gyhAV$useState(false);
-    let viewport = $gyhAV$useRef({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0
-    });
-    let onVisibleRectChange = $gyhAV$useCallback((e)=>{
-        if (viewport.current.width === e.width && viewport.current.height === e.height) return;
-        viewport.current = e;
-        if (bodyRef.current) {
-            setVerticalScollbarVisible(bodyRef.current.clientWidth + 2 < bodyRef.current.offsetWidth);
-            setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
-        }
-    }, []);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableContext.Provider, {
-        value: {
-            state: state,
-            layout: layout
-        }
-    }, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableVirtualizer, {
-        ...gridProps,
-        ...styleProps,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table', `spectrum-Table--${density}`, {
-            'spectrum-Table--quiet': isQuiet,
-            'spectrum-Table--wrap': props.overflowMode === 'wrap',
-            'spectrum-Table--loadingMore': state.collection.body.props.loadingState === 'loadingMore',
-            'spectrum-Table--resizingColumn': state.isResizingColumn,
-            'spectrum-Table--isVerticalScrollbarVisible': isVerticalScrollbarVisible,
-            'spectrum-Table--isHorizontalScrollbarVisible': isHorizontalScrollbarVisible
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table')),
-        layout: layout,
-        collection: state.collection,
-        focusedKey: state.selectionManager.focusedKey,
-        renderView: renderView,
-        renderWrapper: renderWrapper,
-        setTableWidth: state.setTableWidth,
-        onVisibleRectChange: onVisibleRectChange,
-        domRef: domRef,
-        bodyRef: bodyRef,
-        getColumnWidth: state.getColumnWidth
-    })));
-}
-// This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
-function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , setTableWidth: setTableWidth , getColumnWidth: getColumnWidth , onVisibleRectChange: onVisibleRectChangeProp , ...otherProps }) {
-    var ref;
-    let { direction: direction  } = $gyhAV$useLocale();
-    let headerRef = $gyhAV$useRef();
-    let loadingState = collection.body.props.loadingState;
-    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
-    let onLoadMore = collection.body.props.onLoadMore;
-    let state = $gyhAV$useVirtualizerState({
-        layout: layout,
-        collection: collection,
-        renderView: renderView,
-        renderWrapper: renderWrapper,
-        onVisibleRectChange (rect) {
-            bodyRef.current.scrollTop = rect.y;
-            $gyhAV$setScrollLeft(bodyRef.current, direction, rect.x);
-        },
-        transitionDuration: isLoading ? 160 : 220
-    });
-    let { virtualizerProps: virtualizerProps  } = $gyhAV$useVirtualizer({
-        focusedKey: focusedKey,
-        scrollToItem (key) {
-            let item = collection.getItem(key);
-            let column = collection.columns[0];
-            state.virtualizer.scrollToItem(key, {
-                duration: 0,
-                // Prevent scrolling to the top when clicking on column headers.
-                shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== 'column',
-                // Offset scroll position by width of selection cell
-                // (which is sticky and will overlap the cell we're scrolling to).
-                offsetX: column.props.isSelectionCell ? layout.getColumnWidth(column.key) : 0
-            });
-        }
-    }, state, domRef);
-    // If columnwidths change, need to relayout.
-    $gyhAV$useLayoutEffect(()=>{
-        state.virtualizer.relayoutNow({
-            sizeChanged: true
-        });
-    }, [
-        getColumnWidth,
-        state.virtualizer
-    ]);
-    let headerHeight = ((ref = layout.getLayoutInfo('header')) === null || ref === void 0 ? void 0 : ref.rect.height) || 0;
-    let visibleRect = state.virtualizer.visibleRect;
-    // Sync the scroll position from the table body to the header container.
-    let onScroll = $gyhAV$useCallback(()=>{
-        headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
-    }, [
-        bodyRef
-    ]);
-    let onVisibleRectChange = $gyhAV$useCallback((rect)=>{
-        // setting the table width will recalculate column widths which we only want to do once the virtualizer is done initializing
-        if (state.virtualizer.contentSize.height > 0) setTableWidth(rect.width);
-        state.setVisibleRect(rect);
-        if (!isLoading && onLoadMore) {
-            let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
-            if (rect.y > scrollOffset) onLoadMore();
-        }
-    }, [
-        onLoadMore,
-        isLoading,
-        state.setVisibleRect,
-        state.virtualizer
-    ]);
-    $gyhAV$useLayoutEffect(()=>{
-        if (!isLoading && onLoadMore && !state.isAnimating) {
-            if (state.contentSize.height <= state.virtualizer.visibleRect.height) onLoadMore();
-        }
-    }, [
-        state.contentSize,
-        state.virtualizer,
-        state.isAnimating,
-        onLoadMore,
-        isLoading
-    ]);
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(otherProps, virtualizerProps),
-        ref: domRef
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        role: "presentation",
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headWrapper'),
-        style: {
-            width: visibleRect.width,
-            height: headerHeight,
-            overflow: 'hidden',
-            position: 'relative',
-            willChange: state.isScrolling ? 'scroll-position' : '',
-            transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
-        },
-        ref: headerRef
-    }, state.visibleViews[0]), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ScrollView, {
-        role: "presentation",
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-body'),
-        style: {
-            flex: 1
-        },
-        innerStyle: {
-            overflow: 'visible',
-            transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
-        },
-        ref: bodyRef,
-        contentSize: state.contentSize,
-        onVisibleRectChange: $gyhAV$chain(onVisibleRectChange, onVisibleRectChangeProp),
-        onScrollStart: state.startScrolling,
-        onScrollEnd: state.endScrolling,
-        onScroll: onScroll
-    }, state.visibleViews[1])));
-}
-function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps }) {
-    let { rowGroupProps: rowGroupProps  } = $gyhAV$useTableRowGroup();
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...rowGroupProps,
-        ...otherProps,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-head')
-    }, children));
-}
-function $d14697b14e638114$var$TableColumnHeader(props) {
-    var ref, ref1, ref2, ref3;
-    let { column: column  } = props;
-    let ref4 = $gyhAV$useRef();
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let { columnHeaderProps: columnHeaderProps  } = $gyhAV$useTableColumnHeader({
-        node: column,
-        isVirtualized: true
-    }, state, ref4);
-    let { buttonProps: buttonProps  } = $gyhAV$useButton({
-        ...props,
-        elementType: 'div'
-    }, ref4);
-    let columnProps = column.props;
-    if (columnProps.width && columnProps.allowsResizing) throw new Error('Controlled state is not yet supported with column resizing. Please use defaultWidth for uncontrolled column resizing or remove the allowsResizing prop.');
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
-    });
-    const allProps = [
-        columnHeaderProps,
-        hoverProps
-    ];
-    if (columnProps.allowsResizing) allProps.push(buttonProps);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(...allProps),
-        ref: ref4,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', {
-            'is-resizable': columnProps.allowsResizing,
-            'is-sortable': columnProps.allowsSorting,
-            'is-sorted-desc': ((ref = state.sortDescriptor) === null || ref === void 0 ? void 0 : ref.column) === column.key && ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.direction) === 'descending',
-            'is-sorted-asc': ((ref2 = state.sortDescriptor) === null || ref2 === void 0 ? void 0 : ref2.column) === column.key && ((ref3 = state.sortDescriptor) === null || ref3 === void 0 ? void 0 : ref3.direction) === 'ascending',
-            'is-hovered': isHovered,
-            'spectrum-Table-cell--hideHeader': columnProps.hideHeader
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
-            'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center' || column.colspan > 1,
-            'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
-        }))
-    }, columnProps.hideHeader ? /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, column.rendered) : /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCellContents')
-    }, column.rendered), columnProps.allowsSorting && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$spectrumiconsuiArrowDownSmall, {
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-sortedIcon')
-    }))));
-}
-function $d14697b14e638114$var$ResizableTableColumnHeader({ item: item , state: state  }) {
-    var ref, ref5;
-    let ref6 = $gyhAV$useRef();
-    const onMenuSelect = (key)=>{
-        switch(key){
-            case `${item.key}-sort-asc`:
-                state.sort(item.key, 'ascending');
-                break;
-            case `${item.key}-sort-desc`:
-                state.sort(item.key, 'descending');
-                break;
-            case `${item.key}-resize`:
-                // focusResizer, needs timeout so that it happens after the animation timeout for menu close
-                setTimeout(()=>{
-                    $gyhAV$focusSafely(ref6.current);
-                }, 360);
-                break;
-        }
-    };
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$react.Fragment, null, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$MenuTrigger, null, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
-        column: item
-    }), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Menu, {
-        onAction: onMenuSelect,
-        minWidth: "size-2000"
-    }, ((ref = item.props) === null || ref === void 0 ? void 0 : ref.allowsSorting) && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Item, {
-        key: `${item.key}-sort-asc`
-    }, "Sort Ascending"), ((ref5 = item.props) === null || ref5 === void 0 ? void 0 : ref5.allowsSorting) && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Item, {
-        key: `${item.key}-sort-desc`
-    }, "Sort Descending"), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Item, {
-        key: `${item.key}-resize`
-    }, "Resize column"))), /*#__PURE__*/ $gyhAV$react.createElement($fc695d2eafc2b351$export$48a76196cafe3b93, {
-        ref: ref6,
-        item: item
-    })));
-}
-function $d14697b14e638114$var$TableSelectAllCell({ column: column  }) {
-    let ref = $gyhAV$useRef();
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let isSingleSelectionMode = state.selectionManager.selectionMode === 'single';
-    let { columnHeaderProps: columnHeaderProps  } = $gyhAV$useTableColumnHeader({
-        node: column,
-        isVirtualized: true
-    }, state, ref);
-    let { checkboxProps: checkboxProps  } = $gyhAV$useTableSelectAllCheckbox(state);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
-    });
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...$gyhAV$mergeProps(columnHeaderProps, hoverProps),
-        ref: ref,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', 'spectrum-Table-checkboxCell', {
-            'is-hovered': isHovered
-        })
-    }, /*
-            In single selection mode, the checkbox will be hidden.
-            So to avoid leaving a column header with no accessible content,
-            we use a VisuallyHidden component to include the aria-label from the checkbox,
-            which for single selection will be "Select."
-          */ isSingleSelectionMode && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, checkboxProps['aria-label']), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
-        ...checkboxProps,
-        isDisabled: isSingleSelectionMode,
-        isEmphasized: true,
-        UNSAFE_style: isSingleSelectionMode ? {
-            visibility: 'hidden'
-        } : undefined,
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
-    }))));
-}
-function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
-    let { rowGroupProps: rowGroupProps  } = $gyhAV$useTableRowGroup();
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...rowGroupProps,
-        ...otherProps
-    }, children));
-}
-function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
-    var ref, ref7, ref8;
-    let ref9 = $gyhAV$useRef();
-    let { state: state , layout: layout  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let allowsInteraction = state.selectionManager.selectionMode !== 'none' || hasActions;
-    let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
-    let isSelected = state.selectionManager.isSelected(item.key);
-    let { rowProps: rowProps  } = $gyhAV$useTableRow({
-        node: item,
-        isVirtualized: true
-    }, state, ref9);
-    let { pressProps: pressProps , isPressed: isPressed  } = $gyhAV$usePress({
-        isDisabled: isDisabled
-    });
-    // The row should show the focus background style when any cell inside it is focused.
-    // If the row itself is focused, then it should have a blue focus indicator on the left.
-    let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps  } = $gyhAV$useFocusRing({
-        within: true
-    });
-    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = $gyhAV$useFocusRing();
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $gyhAV$useHover({
-        isDisabled: isDisabled
-    });
-    let props = $gyhAV$mergeProps(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
-    let isFirstRow = ((ref = state.collection.rows.find((row)=>row.level === 1
-    )) === null || ref === void 0 ? void 0 : ref.key) === item.key;
-    let isLastRow = item.nextKey == null;
-    // Figure out if the TableView content is equal or greater in height to the container. If so, we'll need to round the bottom
-    // border corners of the last row when selected.
-    let isFlushWithContainerBottom = false;
-    if (isLastRow) {
-        if (((ref7 = layout.getContentSize()) === null || ref7 === void 0 ? void 0 : ref7.height) >= ((ref8 = layout.virtualizer) === null || ref8 === void 0 ? void 0 : ref8.getVisibleRect().height)) isFlushWithContainerBottom = true;
-    }
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...props,
-        ref: ref9,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-row', {
-            'is-active': isPressed,
-            'is-selected': isSelected,
-            'spectrum-Table-row--highlightSelection': state.selectionManager.selectionBehavior === 'replace',
-            'is-next-selected': state.selectionManager.isSelected(item.nextKey),
-            'is-focused': isFocusVisibleWithin,
-            'focus-ring': isFocusVisible,
-            'is-hovered': isHovered,
-            'is-disabled': isDisabled,
-            'spectrum-Table-row--firstRow': isFirstRow,
-            'spectrum-Table-row--lastRow': isLastRow,
-            'spectrum-Table-row--isFlushBottom': isFlushWithContainerBottom
-        })
-    }, children));
-}
-function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children , style: style  }) {
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let ref = $gyhAV$useRef();
-    let { rowProps: rowProps  } = $gyhAV$useTableHeaderRow({
-        node: item,
-        isVirtualized: true
-    }, state, ref);
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...rowProps,
-        ref: ref,
-        style: style
-    }, children));
-}
-function $d14697b14e638114$var$TableCheckboxCell({ cell: cell  }) {
-    let ref = $gyhAV$useRef();
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let isDisabled = state.disabledKeys.has(cell.parentKey);
-    let { gridCellProps: gridCellProps  } = $gyhAV$useTableCell({
-        node: cell,
-        isVirtualized: true
-    }, state, ref);
-    let { checkboxProps: checkboxProps  } = $gyhAV$useTableSelectionCheckbox({
-        key: cell.parentKey
-    }, state);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...gridCellProps,
-        ref: ref,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', 'spectrum-Table-checkboxCell', {
-            'is-disabled': isDisabled
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell'))
-    }, state.selectionManager.selectionMode !== 'none' && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
-        ...checkboxProps,
-        isEmphasized: true,
-        isDisabled: isDisabled,
-        UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
-    }))));
-}
-function $d14697b14e638114$var$TableCell({ cell: cell  }) {
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    let ref = $gyhAV$useRef();
-    let columnProps = cell.column.props;
-    let isDisabled = state.disabledKeys.has(cell.parentKey);
-    let { gridCellProps: gridCellProps  } = $gyhAV$useTableCell({
-        node: cell,
-        isVirtualized: true
-    }, state, ref);
-    return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
-        focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        ...gridCellProps,
-        ref: ref,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', {
-            'spectrum-Table-cell--divider': columnProps.showDivider && cell.column.nextKey !== null,
-            'spectrum-Table-cell--hideHeader': columnProps.hideHeader,
-            'is-disabled': isDisabled
-        }, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
-            'react-spectrum-Table-cell--alignStart': columnProps.align === 'start',
-            'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center',
-            'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
-        }))
-    }, /*#__PURE__*/ $gyhAV$react.createElement("span", {
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellContents')
-    }, cell.rendered))));
-}
-function $d14697b14e638114$var$CenteredWrapper({ children: children  }) {
-    let { state: state  } = $d14697b14e638114$export$3cb274deb6c2d854();
-    return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
-        role: "row",
-        "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
-        className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-centeredWrapper')
-    }, /*#__PURE__*/ $gyhAV$react.createElement("div", {
-        role: "rowheader",
-        "aria-colspan": state.collection.columns.length
-    }, children)));
-}
-/**
- * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
- */ const $d14697b14e638114$var$_TableView = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$TableView);
-/*
-  When ready to remove this feature flag, you can remove this whole section of code, delete the _DEPRECATED files, and just replace the export with the _TableView above.
-*/ function $d14697b14e638114$var$FeatureFlaggedTableView(props, ref10) {
-    let state = $gyhAV$useTableState({
-        ...props
-    });
-    const someColumnsAllowResizing = state.collection.columns.some((c)=>{
-        var ref;
-        return (ref = c.props) === null || ref === void 0 ? void 0 : ref.allowsResizing;
-    });
-    if (someColumnsAllowResizing) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$_TableView, {
-        ...props,
-        ref: ref10
-    }));
-    else return(/*#__PURE__*/ $gyhAV$react.createElement($c0025c334c996aed$export$8790f9f1576000df, {
-        ...props,
-        ref: ref10
-    }));
-}
-/**
- * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
- */ const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$FeatureFlaggedTableView);
-
-
-
 // Override TS for Column to support spectrum specific props.
 const $e668f3d0f378a712$export$816b5d811295e6bc = $gyhAV$Column;
 
 
-export {$e668f3d0f378a712$export$816b5d811295e6bc as Column, $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, $c0025c334c996aed$export$8790f9f1576000df as TableView, $e668f3d0f378a712$re_export$TableHeader as TableHeader, $e668f3d0f378a712$re_export$TableBody as TableBody, $e668f3d0f378a712$re_export$Section as Section, $e668f3d0f378a712$re_export$Row as Row, $e668f3d0f378a712$re_export$Cell as Cell};
 //# sourceMappingURL=module.js.map