@react-spectrum/table 3.2.1-nightly.3335 → 3.2.1-nightly.3341

package/dist/main.js

@@ -39,6 +39,7 @@ $parcel$export(module.exports, "Cell", () => $3fpzo$reactstatelytable.Cell);
 
 
 
+
 var $a89862f958371476$exports = {};
 var $aea5dbc70156d941$exports = {};
 $aea5dbc70156d941$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\",\"sortAscending\":\"Sort Ascending\",\"sortDescending\":\"Sort Descending\",\"resizeColumn\":\"Resize column\"}");
@@ -349,9 +350,11 @@ $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);
+    const { column: column  } = props;
+    let { columnState: columnState  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
+    let { resizerProps: resizerProps  } = $3fpzo$reactariatable.useTableColumnResize({
+        column: column
+    }, columnState, 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", {
@@ -361,10 +364,10 @@ function $2877766f94c67a67$var$Resizer(props, ref) {
         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)
+        "aria-labelledby": column.key,
+        "aria-valuenow": columnState.getColumnWidth(column.key),
+        "aria-valuemin": columnState.getColumnMinWidth(column.key),
+        "aria-valuemax": columnState.getColumnMaxWidth(column.key)
     })));
 }
 const $2877766f94c67a67$export$48a76196cafe3b93 = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($2877766f94c67a67$var$Resizer);
@@ -405,530 +408,6 @@ $4afcd54cfd94dbb9$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrappe
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $26e105b1bd39d4b5$var$DEFAULT_HEADER_HEIGHT = {
-    medium: 34,
-    large: 40
-};
-const $26e105b1bd39d4b5$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
-    medium: 36,
-    large: 44
-};
-const $26e105b1bd39d4b5$var$ROW_HEIGHTS = {
-    compact: {
-        medium: 32,
-        large: 40
-    },
-    regular: {
-        medium: 40,
-        large: 50
-    },
-    spacious: {
-        medium: 48,
-        large: 60
-    }
-};
-const $26e105b1bd39d4b5$var$SELECTION_CELL_DEFAULT_WIDTH = {
-    medium: 38,
-    large: 48
-};
-const $26e105b1bd39d4b5$var$TableContext = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createContext(null);
-function $26e105b1bd39d4b5$var$useTableContext() {
-    return $3fpzo$react.useContext($26e105b1bd39d4b5$var$TableContext);
-}
-function $26e105b1bd39d4b5$var$TableView_DEPRECATED(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 state = $3fpzo$reactstatelytable.useTableState({
-        ...props,
-        showSelectionCheckboxes: showSelectionCheckboxes,
-        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 = $3fpzo$reactspectrumutils.useDOMRef(ref);
-    let bodyRef = $3fpzo$react.useRef();
-    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({
-            // 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,
-            headingHeight: props.overflowMode === 'wrap' ? null : $26e105b1bd39d4b5$var$DEFAULT_HEADER_HEIGHT[scale],
-            estimatedHeadingHeight: props.overflowMode === 'wrap' ? $26e105b1bd39d4b5$var$DEFAULT_HEADER_HEIGHT[scale] : null,
-            getDefaultWidth: ({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
-                if (hideHeader) {
-                    let width = $26e105b1bd39d4b5$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
-                    return showDivider ? width + 1 : width;
-                } else if (isSelectionCell) return $26e105b1bd39d4b5$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
-            }
-        })
-    , [
-        props.overflowMode,
-        scale,
-        density
-    ]);
-    let { direction: direction  } = $3fpzo$reactariai18n.useLocale();
-    layout.collection = state.collection;
-    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($26e105b1bd39d4b5$var$TableRowGroup, {
-            key: reusableView.key,
-            style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'header') return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($26e105b1bd39d4b5$var$TableHeader, {
-            key: reusableView.key,
-            style: style
-        }, renderChildren(children)));
-        if (reusableView.viewType === 'row') return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($26e105b1bd39d4b5$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($26e105b1bd39d4b5$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($26e105b1bd39d4b5$var$TableCheckboxCell, {
-                    cell: item
-                }));
-                return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($26e105b1bd39d4b5$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($26e105b1bd39d4b5$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($26e105b1bd39d4b5$var$TableColumnHeader, {
-                    column: item
-                }), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumtooltip.Tooltip, {
-                    placement: "top"
-                }, item.rendered)));
-                return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($26e105b1bd39d4b5$var$TableColumnHeader, {
-                    column: item
-                }));
-            case 'loader':
-                return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($26e105b1bd39d4b5$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($26e105b1bd39d4b5$var$CenteredWrapper, null, emptyState));
-                }
-        }
-    };
-    // whenever the viewport changes size, check if scroll bars are visible
-    //
-    let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = $3fpzo$react.useState(false);
-    let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = $3fpzo$react.useState(false);
-    let onVisibleRectChange = $3fpzo$react.useCallback(()=>{
-        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($26e105b1bd39d4b5$var$TableContext.Provider, {
-        value: {
-            state: state,
-            layout: layout
-        }
-    }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($26e105b1bd39d4b5$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--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,
-        onVisibleRectChange: onVisibleRectChange,
-        domRef: domRef,
-        bodyRef: bodyRef
-    })));
-}
-// This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
-function $26e105b1bd39d4b5$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , 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.columnWidths.get(column.key) : 0
-            });
-        }
-    }, state, domRef);
-    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)=>{
-        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 $26e105b1bd39d4b5$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 $26e105b1bd39d4b5$var$TableColumnHeader({ column: column  }) {
-    var ref, ref1, ref2, ref3;
-    let ref4 = $3fpzo$react.useRef();
-    let { state: state  } = $26e105b1bd39d4b5$var$useTableContext();
-    let { columnHeaderProps: columnHeaderProps  } = $3fpzo$reactariatable.useTableColumnHeader({
-        node: column,
-        isVirtualized: true
-    }, state, ref4);
-    let columnProps = column.props;
-    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: ref4,
-        className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-headCell', {
-            '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 $26e105b1bd39d4b5$var$TableSelectAllCell({ column: column  }) {
-    let ref = $3fpzo$react.useRef();
-    let { state: state  } = $26e105b1bd39d4b5$var$useTableContext();
-    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 $26e105b1bd39d4b5$var$TableRowGroup({ children: children , ...otherProps }) {
-    let { rowGroupProps: rowGroupProps  } = $3fpzo$reactariatable.useTableRowGroup();
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...rowGroupProps,
-        ...otherProps
-    }, children));
-}
-function $26e105b1bd39d4b5$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
-    var ref, ref5, ref6;
-    let ref7 = $3fpzo$react.useRef();
-    let { state: state , layout: layout  } = $26e105b1bd39d4b5$var$useTableContext();
-    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, ref7);
-    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 (((ref5 = layout.getContentSize()) === null || ref5 === void 0 ? void 0 : ref5.height) >= ((ref6 = layout.virtualizer) === null || ref6 === void 0 ? void 0 : ref6.getVisibleRect().height)) isFlushWithContainerBottom = true;
-    }
-    return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
-        ...props,
-        ref: ref7,
-        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 $26e105b1bd39d4b5$var$TableHeaderRow({ item: item , children: children , style: style  }) {
-    let { state: state  } = $26e105b1bd39d4b5$var$useTableContext();
-    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 $26e105b1bd39d4b5$var$TableCheckboxCell({ cell: cell  }) {
-    let ref = $3fpzo$react.useRef();
-    let { state: state  } = $26e105b1bd39d4b5$var$useTableContext();
-    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 $26e105b1bd39d4b5$var$TableCell({ cell: cell  }) {
-    let { state: state  } = $26e105b1bd39d4b5$var$useTableContext();
-    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 $26e105b1bd39d4b5$var$CenteredWrapper({ children: children  }) {
-    let { state: state  } = $26e105b1bd39d4b5$var$useTableContext();
-    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 $26e105b1bd39d4b5$export$8790f9f1576000df = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($26e105b1bd39d4b5$var$TableView_DEPRECATED);
-
-
-
-
-
-
-
-
-
-
 const $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT = {
     medium: 34,
     large: 40
@@ -964,6 +443,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     let { isQuiet: isQuiet , onAction: onAction  } = props;
     let { styleProps: styleProps  } = $3fpzo$reactspectrumutils.useStyleProps(props);
     let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $3fpzo$react.useState(props.selectionStyle !== 'highlight');
+    let { direction: direction  } = $3fpzo$reactariai18n.useLocale();
     let { scale: scale  } = $3fpzo$reactspectrumprovider.useProvider();
     const getDefaultWidth = $3fpzo$react.useCallback(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider  })=>{
         if (hideHeader) {
@@ -976,8 +456,14 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     let state = $3fpzo$reactstatelytable.useTableState({
         ...props,
         showSelectionCheckboxes: showSelectionCheckboxes,
-        selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle',
-        getDefaultWidth: getDefaultWidth
+        selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'
+    });
+    const columnState = $3fpzo$reactstatelytable.useTableColumnResizeState({
+        ...props,
+        columns: state.collection.columns,
+        getDefaultWidth: getDefaultWidth,
+        onColumnResize: props.onColumnResize,
+        onColumnResizeEnd: props.onColumnResizeEnd
     });
     // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
     let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';
@@ -998,9 +484,8 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
         scale,
         density
     ]);
-    let { direction: direction  } = $3fpzo$reactariai18n.useLocale();
     layout.collection = state.collection;
-    layout.getColumnWidth = state.getColumnWidth;
+    layout.getColumnWidth = columnState.getColumnWidth;
     let { gridProps: gridProps  } = $3fpzo$reactariatable.useTable({
         ...props,
         isVirtualized: true,
@@ -1073,8 +558,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
                     placement: "top"
                 }, item.rendered)));
                 if (item.props.allowsResizing) return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$ResizableTableColumnHeader, {
-                    item: item,
-                    state: state
+                    column: item
                 }));
                 return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableColumnHeader, {
                     column: item
@@ -1111,7 +595,8 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
     return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableContext.Provider, {
         value: {
             state: state,
-            layout: layout
+            layout: layout,
+            columnState: columnState
         }
     }, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableVirtualizer, {
         ...gridProps,
@@ -1120,7 +605,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
             '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--resizingColumn': columnState.isResizingColumn,
             'spectrum-Table--isVerticalScrollbarVisible': isVerticalScrollbarVisible,
             'spectrum-Table--isHorizontalScrollbarVisible': isHorizontalScrollbarVisible
         }, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)), 'react-spectrum-Table')),
@@ -1129,11 +614,11 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
         focusedKey: state.selectionManager.focusedKey,
         renderView: renderView,
         renderWrapper: renderWrapper,
-        setTableWidth: state.setTableWidth,
+        setTableWidth: columnState.setTableWidth,
         onVisibleRectChange: onVisibleRectChange,
         domRef: domRef,
         bodyRef: bodyRef,
-        getColumnWidth: state.getColumnWidth
+        getColumnWidth: columnState.getColumnWidth
     })));
 }
 // This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
@@ -1188,8 +673,7 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
         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);
+        setTableWidth(rect.width);
         state.setVisibleRect(rect);
         if (!isLoading && onLoadMore) {
             let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
@@ -1270,11 +754,16 @@ function $be8a9c035a82f788$var$TableColumnHeader(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({
     });
+    if (columnProps.allowsResizing) // if we allow resizing, override the usePress that useTableColumnHeader generates so that clicking brings up the menu
+    // instead of sorting the column immediately
+    columnHeaderProps = {
+        ...columnHeaderProps,
+        ...buttonProps
+    };
     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", {
@@ -1297,40 +786,60 @@ function $be8a9c035a82f788$var$TableColumnHeader(props) {
         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();
+function $be8a9c035a82f788$var$ResizableTableColumnHeader({ column: column  }) {
+    var ref;
+    let ref5 = $3fpzo$react.useRef();
+    let { state: state  } = $be8a9c035a82f788$export$3cb274deb6c2d854();
     let formatMessage = $3fpzo$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
     const onMenuSelect = (key)=>{
         switch(key){
             case 'sort-asc':
-                state.sort(item.key, 'ascending');
+                state.sort(column.key, 'ascending');
                 break;
             case 'sort-desc':
-                state.sort(item.key, 'descending');
+                state.sort(column.key, 'descending');
                 break;
             case 'resize':
                 // focusResizer, needs timeout so that it happens after the animation timeout for menu close
                 setTimeout(()=>{
-                    $3fpzo$reactariafocus.focusSafely(ref6.current);
+                    $3fpzo$reactariafocus.focusSafely(ref5.current);
                 }, 360);
                 break;
         }
     };
+    let allowsSorting = (ref = column.props) === null || ref === void 0 ? void 0 : ref.allowsSorting;
+    let items = $3fpzo$react.useMemo(()=>{
+        let options = {
+            sortAscending: allowsSorting && {
+                label: formatMessage('sortAscending'),
+                id: 'sort-asc'
+            },
+            sortDescending: allowsSorting && {
+                label: formatMessage('sortDescending'),
+                id: 'sort-desc'
+            },
+            resize: {
+                label: formatMessage('resizeColumn'),
+                id: 'resize'
+            }
+        };
+        return Object.keys(options).reduce((acc, key)=>{
+            if (options[key]) acc.push(options[key]);
+            return acc;
+        }, []);
+    }, [
+        allowsSorting
+    ]);
     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
+        column: column
     }), /*#__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: "sort-asc"
-    }, formatMessage('sortAscending')), ((ref5 = item.props) === null || ref5 === void 0 ? void 0 : ref5.allowsSorting) && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Item, {
-        key: "sort-desc"
-    }, formatMessage('sortDescending')), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Item, {
-        key: "resize"
-    }, formatMessage('resizeColumn')))), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($2877766f94c67a67$export$48a76196cafe3b93, {
-        ref: ref6,
-        item: item
+        minWidth: "size-2000",
+        items: items
+    }, (item)=>/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Item, null, item.label)
+    )), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($2877766f94c67a67$export$48a76196cafe3b93, {
+        ref: ref5,
+        column: column
     })));
 }
 function $be8a9c035a82f788$var$TableSelectAllCell({ column: column  }) {
@@ -1375,8 +884,8 @@ function $be8a9c035a82f788$var$TableRowGroup({ children: children , ...otherProp
     }, children));
 }
 function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
-    var ref, ref7, ref8;
-    let ref9 = $3fpzo$react.useRef();
+    var ref, ref6, ref7;
+    let ref8 = $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);
@@ -1384,7 +893,7 @@ function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasA
     let { rowProps: rowProps  } = $3fpzo$reactariatable.useTableRow({
         node: item,
         isVirtualized: true
-    }, state, ref9);
+    }, state, ref8);
     let { pressProps: pressProps , isPressed: isPressed  } = $3fpzo$reactariainteractions.usePress({
         isDisabled: isDisabled
     });
@@ -1405,11 +914,11 @@ function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasA
     // 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;
+        if (((ref6 = layout.getContentSize()) === null || ref6 === void 0 ? void 0 : ref6.height) >= ((ref7 = layout.virtualizer) === null || ref7 === void 0 ? void 0 : ref7.getVisibleRect().height)) isFlushWithContainerBottom = true;
     }
     return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
         ...props,
-        ref: ref9,
+        ref: ref8,
         className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-row', {
             'is-active': isPressed,
             'is-selected': isSelected,
@@ -1504,29 +1013,7 @@ function $be8a9c035a82f788$var$CenteredWrapper({ children: 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);
+ */ const $be8a9c035a82f788$export$b3c27e869d856b7 = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($be8a9c035a82f788$var$TableView);