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

package/dist/main.js

@@ -5,14 +5,12 @@ var $3fpzo$reactariautils = require("@react-aria/utils");
 var $3fpzo$reactspectrumcheckbox = require("@react-spectrum/checkbox");
 var $3fpzo$reactspectrumutils = require("@react-spectrum/utils");
 var $3fpzo$reactariafocus = require("@react-aria/focus");
-var $3fpzo$reactspectrummenu = require("@react-spectrum/menu");
 var $3fpzo$reactariavirtualizer = require("@react-aria/virtualizer");
 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");
-var $3fpzo$reactariabutton = require("@react-aria/button");
 var $3fpzo$reactariainteractions = require("@react-aria/interactions");
 var $3fpzo$reactariai18n = require("@react-aria/i18n");
 var $3fpzo$reactspectrumprovider = require("@react-spectrum/provider");
@@ -27,7 +25,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", () => $26e105b1bd39d4b5$export$8790f9f1576000df);
 $parcel$export(module.exports, "TableHeader", () => $3fpzo$reactstatelytable.TableHeader);
 $parcel$export(module.exports, "TableBody", () => $3fpzo$reactstatelytable.TableBody);
 $parcel$export(module.exports, "Section", () => $3fpzo$reactstatelytable.Section);
@@ -218,10 +216,6 @@ $a89862f958371476$exports = {
 
 
 
-
-
-
-
 var $982885d0a34882ea$exports = {};
 
 $parcel$export($982885d0a34882ea$exports, "spectrum-Table", () => $982885d0a34882ea$export$455c59d2b5bafef0, (v) => $982885d0a34882ea$export$455c59d2b5bafef0 = v);
@@ -346,31 +340,6 @@ $982885d0a34882ea$export$d35bc1e505d1ebbf = "is-disabled_d0fc74";
 $982885d0a34882ea$export$53aa811f86efbfad = "is-next-selected_d0fc74";
 
 
-
-
-function $2877766f94c67a67$var$Resizer(props, ref) {
-    const { item: item  } = props;
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
-    let { resizerProps: resizerProps  } = $3fpzo$reactariatable.useTableColumnResize(state, item, ref);
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusRing, {
-        focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'focus-ring')
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ref: ref,
-        ...resizerProps,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$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 $2877766f94c67a67$export$48a76196cafe3b93 = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($2877766f94c67a67$var$Resizer);
-
-
-
 var $4afcd54cfd94dbb9$exports = {};
 
 $parcel$export($4afcd54cfd94dbb9$exports, "react-spectrum-Table", () => $4afcd54cfd94dbb9$export$8cc7e6e5f955c192, (v) => $4afcd54cfd94dbb9$export$8cc7e6e5f955c192 = v);
@@ -400,20 +369,6 @@ $4afcd54cfd94dbb9$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrappe
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -467,7 +422,7 @@ function $26e105b1bd39d4b5$var$TableView_DEPRECATED(props, ref) {
     let formatMessage = $3fpzo$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
     let { scale: scale  } = $3fpzo$reactspectrumprovider.useProvider();
     let density = props.density || 'regular';
-    let layout = $3fpzo$react.useMemo(()=>new $3fpzo$reactstatelylayout.TableLayout_DEPRECATED({
+    let layout = $3fpzo$react.useMemo(()=>new $3fpzo$reactstatelylayout.TableLayout({
             // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
             rowHeight: props.overflowMode === 'wrap' ? null : $26e105b1bd39d4b5$var$ROW_HEIGHTS[density][scale],
             estimatedRowHeight: props.overflowMode === 'wrap' ? $26e105b1bd39d4b5$var$ROW_HEIGHTS[density][scale] : null,
@@ -922,613 +877,6 @@ function $26e105b1bd39d4b5$var$CenteredWrapper({ children: children  }) {
 
 
 
-
-
-
-
-
-
-
-const $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT = {
-    medium: 34,
-    large: 40
-};
-const $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
-    medium: 36,
-    large: 44
-};
-const $be8a9c035a82f788$var$ROW_HEIGHTS = {
-    compact: {
-        medium: 32,
-        large: 40
-    },
-    regular: {
-        medium: 40,
-        large: 50
-    },
-    spacious: {
-        medium: 48,
-        large: 60
-    }
-};
-const $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH = {
-    medium: 38,
-    large: 48
-};
-const $be8a9c035a82f788$var$TableContext = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createContext(null);
-function $be8a9c035a82f788$export$3cb274deb6c2d854() {
-    return $3fpzo$react.useContext($be8a9c035a82f788$var$TableContext);
-}
-function $be8a9c035a82f788$var$TableView(props, ref) {
-    props = $3fpzo$reactspectrumprovider.useProviderProps(props);
-    let { isQuiet: isQuiet , onAction: onAction  } = props;
-    let { styleProps: styleProps  } = $3fpzo$reactspectrumutils.useStyleProps(props);
-    let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $3fpzo$react.useState(props.selectionStyle !== 'highlight');
-    let { scale: scale  } = $3fpzo$reactspectrumprovider.useProvider();
-    const getDefaultWidth = $3fpzo$react.useCallback(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
-        if (hideHeader) {
-            let width = $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
-            return showDivider ? width + 1 : width;
-        } else if (isSelectionCell) return $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
-    }, [
-        scale
-    ]);
-    let state = $3fpzo$reactstatelytable.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 = $3fpzo$reactspectrumutils.useDOMRef(ref);
-    let bodyRef = $3fpzo$react.useRef();
-    let formatMessage = $3fpzo$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
-    let density = props.density || 'regular';
-    let layout = $3fpzo$react.useMemo(()=>new $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
-        })
-    , [
-        props.overflowMode,
-        scale,
-        density
-    ]);
-    let { direction: direction  } = $3fpzo$reactariai18n.useLocale();
-    layout.collection = state.collection;
-    layout.getColumnWidth = state.getColumnWidth;
-    let { gridProps: gridProps  } = $3fpzo$reactariatable.useTable({
-        ...props,
-        isVirtualized: true,
-        layout: layout,
-        onRowAction: onAction
-    }, state, domRef);
-    let renderWrapper = (parent, reusableView, children, renderChildren)=>{
-        let style = $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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableRowGroup, {
-            key: reusableView.key,
-            style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'header') return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableHeader, {
-            key: reusableView.key,
-            style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'row') return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableRow, {
-            key: reusableView.key,
-            item: reusableView.content,
-            style: style,
-            hasActions: onAction
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'headerrow') return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableHeaderRow, {
-            key: reusableView.key,
-            style: style,
-            item: reusableView.content
-        }, renderChildren(children)));
-        return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavirtualizer.VirtualizerItem, {
-            key: reusableView.key,
-            reusableView: reusableView,
-            parent: parent,
-            className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-cellWrapper', $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableCheckboxCell, {
-                    cell: item
-                }));
-                return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableCell, {
-                    cell: item
-                }));
-            case 'placeholder':
-                // TODO: move to react-aria?
-                return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableSelectAllCell, {
-                    column: item
-                }));
-                if (item.props.hideHeader) return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumtooltip.TooltipTrigger, {
-                    placement: "top",
-                    trigger: "focus"
-                }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableColumnHeader, {
-                    column: item
-                }), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumtooltip.Tooltip, {
-                    placement: "top"
-                }, item.rendered)));
-                if (item.props.allowsResizing) return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$ResizableTableColumnHeader, {
-                    item: item,
-                    state: state
-                }));
-                return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableColumnHeader, {
-                    column: item
-                }));
-            case 'loader':
-                return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$CenteredWrapper, null, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumprogress.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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$CenteredWrapper, null, emptyState));
-                }
-        }
-    };
-    let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = $3fpzo$react.useState(false);
-    let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = $3fpzo$react.useState(false);
-    let viewport = $3fpzo$react.useRef({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0
-    });
-    let onVisibleRectChange = $3fpzo$react.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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableContext.Provider, {
-        value: {
-            state: state,
-            layout: layout
-        }
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableVirtualizer, {
-        ...gridProps,
-        ...styleProps,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$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
-        }, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$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 $be8a9c035a82f788$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  } = $3fpzo$reactariai18n.useLocale();
-    let headerRef = $3fpzo$react.useRef();
-    let loadingState = collection.body.props.loadingState;
-    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
-    let onLoadMore = collection.body.props.onLoadMore;
-    let state = $3fpzo$reactstatelyvirtualizer.useVirtualizerState({
-        layout: layout,
-        collection: collection,
-        renderView: renderView,
-        renderWrapper: renderWrapper,
-        onVisibleRectChange (rect) {
-            bodyRef.current.scrollTop = rect.y;
-            $3fpzo$reactariavirtualizer.setScrollLeft(bodyRef.current, direction, rect.x);
-        },
-        transitionDuration: isLoading ? 160 : 220
-    });
-    let { virtualizerProps: virtualizerProps  } = $3fpzo$reactariavirtualizer.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.
-    $3fpzo$reactariautils.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 = $3fpzo$react.useCallback(()=>{
-        headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
-    }, [
-        bodyRef
-    ]);
-    let onVisibleRectChange = $3fpzo$react.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
-    ]);
-    $3fpzo$reactariautils.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__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...$3fpzo$reactariautils.mergeProps(otherProps, virtualizerProps),
-        ref: domRef
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        role: "presentation",
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavirtualizer.ScrollView, {
-        role: "presentation",
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$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: $3fpzo$reactariautils.chain(onVisibleRectChange, onVisibleRectChangeProp),
-        onScrollStart: state.startScrolling,
-        onScrollEnd: state.endScrolling,
-        onScroll: onScroll
-    }, state.visibleViews[1])));
-}
-function $be8a9c035a82f788$var$TableHeader({ children: children , ...otherProps }) {
-    let { rowGroupProps: rowGroupProps  } = $3fpzo$reactariatable.useTableRowGroup();
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...rowGroupProps,
-        ...otherProps,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-head')
-    }, children));
-}
-function $be8a9c035a82f788$var$TableColumnHeader(props) {
-    var ref, ref1, ref2, ref3;
-    let { column: column  } = props;
-    let ref4 = $3fpzo$react.useRef();
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
-    let { columnHeaderProps: columnHeaderProps  } = $3fpzo$reactariatable.useTableColumnHeader({
-        node: column,
-        isVirtualized: true
-    }, state, ref4);
-    let { buttonProps: buttonProps  } = $3fpzo$reactariabutton.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  } = $3fpzo$reactariainteractions.useHover({
-    });
-    const allProps = [
-        columnHeaderProps,
-        hoverProps
-    ];
-    if (columnProps.allowsResizing) allProps.push(buttonProps);
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusRing, {
-        focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'focus-ring')
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...$3fpzo$reactariautils.mergeProps(...allProps),
-        ref: ref4,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$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
-        }, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavisuallyhidden.VisuallyHidden, null, column.rendered) : /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-headCellContents')
-    }, column.rendered), columnProps.allowsSorting && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement(($parcel$interopDefault($3fpzo$spectrumiconsuiArrowDownSmall)), {
-        UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-sortedIcon')
-    }))));
-}
-function $be8a9c035a82f788$var$ResizableTableColumnHeader({ item: item , state: state  }) {
-    var ref, ref5;
-    let ref6 = $3fpzo$react.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(()=>{
-                    $3fpzo$reactariafocus.focusSafely(ref6.current);
-                }, 360);
-                break;
-        }
-    };
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement(($parcel$interopDefault($3fpzo$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.MenuTrigger, null, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableColumnHeader, {
-        column: item
-    }), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Menu, {
-        onAction: onMenuSelect,
-        minWidth: "size-2000"
-    }, ((ref = item.props) === null || ref === void 0 ? void 0 : ref.allowsSorting) && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Item, {
-        key: `${item.key}-sort-asc`
-    }, "Sort Ascending"), ((ref5 = item.props) === null || ref5 === void 0 ? void 0 : ref5.allowsSorting) && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Item, {
-        key: `${item.key}-sort-desc`
-    }, "Sort Descending"), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Item, {
-        key: `${item.key}-resize`
-    }, "Resize column"))), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($2877766f94c67a67$export$48a76196cafe3b93, {
-        ref: ref6,
-        item: item
-    })));
-}
-function $be8a9c035a82f788$var$TableSelectAllCell({ column: column  }) {
-    let ref = $3fpzo$react.useRef();
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
-    let isSingleSelectionMode = state.selectionManager.selectionMode === 'single';
-    let { columnHeaderProps: columnHeaderProps  } = $3fpzo$reactariatable.useTableColumnHeader({
-        node: column,
-        isVirtualized: true
-    }, state, ref);
-    let { checkboxProps: checkboxProps  } = $3fpzo$reactariatable.useTableSelectAllCheckbox(state);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $3fpzo$reactariainteractions.useHover({
-    });
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusRing, {
-        focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'focus-ring')
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...$3fpzo$reactariautils.mergeProps(columnHeaderProps, hoverProps),
-        ref: ref,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavisuallyhidden.VisuallyHidden, null, checkboxProps['aria-label']), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumcheckbox.Checkbox, {
-        ...checkboxProps,
-        isDisabled: isSingleSelectionMode,
-        isEmphasized: true,
-        UNSAFE_style: isSingleSelectionMode ? {
-            visibility: 'hidden'
-        } : undefined,
-        UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-checkbox')
-    }))));
-}
-function $be8a9c035a82f788$var$TableRowGroup({ children: children , ...otherProps }) {
-    let { rowGroupProps: rowGroupProps  } = $3fpzo$reactariatable.useTableRowGroup();
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...rowGroupProps,
-        ...otherProps
-    }, children));
-}
-function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
-    var ref, ref7, ref8;
-    let ref9 = $3fpzo$react.useRef();
-    let { state: state , layout: layout  } = $be8a9c035a82f788$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  } = $3fpzo$reactariatable.useTableRow({
-        node: item,
-        isVirtualized: true
-    }, state, ref9);
-    let { pressProps: pressProps , isPressed: isPressed  } = $3fpzo$reactariainteractions.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  } = $3fpzo$reactariafocus.useFocusRing({
-        within: true
-    });
-    let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = $3fpzo$reactariafocus.useFocusRing();
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $3fpzo$reactariainteractions.useHover({
-        isDisabled: isDisabled
-    });
-    let props = $3fpzo$reactariautils.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__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...props,
-        ref: ref9,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$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 $be8a9c035a82f788$var$TableHeaderRow({ item: item , children: children , style: style  }) {
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
-    let ref = $3fpzo$react.useRef();
-    let { rowProps: rowProps  } = $3fpzo$reactariatable.useTableHeaderRow({
-        node: item,
-        isVirtualized: true
-    }, state, ref);
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...rowProps,
-        ref: ref,
-        style: style
-    }, children));
-}
-function $be8a9c035a82f788$var$TableCheckboxCell({ cell: cell  }) {
-    let ref = $3fpzo$react.useRef();
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
-    let isDisabled = state.disabledKeys.has(cell.parentKey);
-    let { gridCellProps: gridCellProps  } = $3fpzo$reactariatable.useTableCell({
-        node: cell,
-        isVirtualized: true
-    }, state, ref);
-    let { checkboxProps: checkboxProps  } = $3fpzo$reactariatable.useTableSelectionCheckbox({
-        key: cell.parentKey
-    }, state);
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusRing, {
-        focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'focus-ring')
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...gridCellProps,
-        ref: ref,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-cell', 'spectrum-Table-checkboxCell', {
-            'is-disabled': isDisabled
-        }, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)), 'react-spectrum-Table-cell'))
-    }, state.selectionManager.selectionMode !== 'none' && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumcheckbox.Checkbox, {
-        ...checkboxProps,
-        isEmphasized: true,
-        isDisabled: isDisabled,
-        UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-checkbox')
-    }))));
-}
-function $be8a9c035a82f788$var$TableCell({ cell: cell  }) {
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
-    let ref = $3fpzo$react.useRef();
-    let columnProps = cell.column.props;
-    let isDisabled = state.disabledKeys.has(cell.parentKey);
-    let { gridCellProps: gridCellProps  } = $3fpzo$reactariatable.useTableCell({
-        node: cell,
-        isVirtualized: true
-    }, state, ref);
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusRing, {
-        focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'focus-ring')
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...gridCellProps,
-        ref: ref,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-cell', {
-            'spectrum-Table-cell--divider': columnProps.showDivider && cell.column.nextKey !== null,
-            'spectrum-Table-cell--hideHeader': columnProps.hideHeader,
-            'is-disabled': isDisabled
-        }, $3fpzo$reactspectrumutils.classNames((/*@__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'
-        }))
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("span", {
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-cellContents')
-    }, cell.rendered))));
-}
-function $be8a9c035a82f788$var$CenteredWrapper({ children: children  }) {
-    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        role: "row",
-        "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)), 'react-spectrum-Table-centeredWrapper')
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$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 $be8a9c035a82f788$var$_TableView = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($be8a9c035a82f788$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 $be8a9c035a82f788$var$FeatureFlaggedTableView(props, ref10) {
-    let state = $3fpzo$reactstatelytable.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__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$_TableView, {
-        ...props,
-        ref: ref10
-    }));
-    else return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($26e105b1bd39d4b5$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 $be8a9c035a82f788$export$b3c27e869d856b7 = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($be8a9c035a82f788$var$FeatureFlaggedTableView);
-
-
-
 // Override TS for Column to support spectrum specific props.
 const $4b0b515c47252574$export$816b5d811295e6bc = $3fpzo$reactstatelytable.Column;