react-aria-components 1.10.1 → 1.12.0

package/dist/Table.main.js

@@ -3,6 +3,7 @@ var $525402dfec7da5bc$exports = require("./RSPContexts.main.js");
 var $3114c2382242bdc0$exports = require("./Collection.main.js");
 var $c5ccf687772c0422$exports = require("./utils.main.js");
 var $0c2289d253cb4544$exports = require("./DragAndDrop.main.js");
+var $09cb5ee89bb327e1$exports = require("./context.main.js");
 var $d72d752ea1c67b9a$exports = require("./intlStrings.main.js");
 var $5VUTk$reactariacollections = require("@react-aria/collections");
 var $5VUTk$reactstatelytable = require("@react-stately/table");
@@ -33,7 +34,8 @@ $parcel$export(module.exports, "ColumnResizer", () => $37b9a5d4bd0d4ded$export$e
 $parcel$export(module.exports, "TableBody", () => $37b9a5d4bd0d4ded$export$76ccd210b9029917);
 $parcel$export(module.exports, "Row", () => $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2);
 $parcel$export(module.exports, "Cell", () => $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea);
-$parcel$export(module.exports, "UNSTABLE_TableLoadingSentinel", () => $37b9a5d4bd0d4ded$export$92aad1076056e17a);
+$parcel$export(module.exports, "TableLoadMoreItem", () => $37b9a5d4bd0d4ded$export$8f5bea0338ed243c);
+
 
 
 
@@ -101,9 +103,6 @@ class $37b9a5d4bd0d4ded$var$TableCollection extends (0, $5VUTk$reactariacollecti
         yield this.head;
         yield this.body;
     }
-    get size() {
-        return this.rows.length;
-    }
     getFirstKey() {
         return this.body.firstChildKey;
     }
@@ -156,7 +155,7 @@ class $37b9a5d4bd0d4ded$var$TableCollection extends (0, $5VUTk$reactariacollecti
         return text.join(' ');
     }
     constructor(...args){
-        super(...args), this.headerRows = [], this.columns = [], this.rows = [], this.rowHeaderColumnKeys = new Set(), this.head = new (0, $5VUTk$reactariacollections.CollectionNode)('tableheader', -1), this.body = new (0, $5VUTk$reactariacollections.CollectionNode)('tablebody', -2), this.columnsDirty = true;
+        super(...args), this.headerRows = [], this.columns = [], this.rows = [], this.rowHeaderColumnKeys = new Set(), this.head = new $37b9a5d4bd0d4ded$var$TableHeaderNode(-1), this.body = new $37b9a5d4bd0d4ded$var$TableBodyNode(-2), this.columnsDirty = true;
     }
 }
 const $37b9a5d4bd0d4ded$var$ResizableTableContainerContext = /*#__PURE__*/ (0, $5VUTk$react.createContext)(null);
@@ -207,7 +206,9 @@ const $37b9a5d4bd0d4ded$export$7063e69b8a954175 = /*#__PURE__*/ (0, $5VUTk$react
         props.onResizeEnd
     ]);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
-        ...(0, $5VUTk$reactariautils.filterDOMProps)(props),
+        ...(0, $5VUTk$reactariautils.filterDOMProps)(props, {
+            global: true
+        }),
         ref: containerRef,
         className: props.className || 'react-aria-ResizableTableContainer',
         style: props.style,
@@ -251,25 +252,32 @@ const $37b9a5d4bd0d4ded$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $5VUTk$react
         }));
 });
 function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, selectionState: selectionState, collection: collection }) {
+    let contextProps;
+    [contextProps] = (0, $c5ccf687772c0422$exports.useContextProps)({}, null, (0, $09cb5ee89bb327e1$exports.SelectableCollectionContext));
+    let { filter: filter, ...collectionProps } = contextProps;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { shouldUseVirtualFocus: shouldUseVirtualFocus, disallowTypeAhead: disallowTypeAhead, ...DOMCollectionProps } = collectionProps || {};
     let tableContainerContext = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$var$ResizableTableContainerContext);
     ref = (0, $5VUTk$reactariautils.useObjectRef)((0, $5VUTk$react.useMemo)(()=>(0, $5VUTk$reactariautils.mergeRefs)(ref, tableContainerContext === null || tableContainerContext === void 0 ? void 0 : tableContainerContext.tableRef), [
         ref,
         tableContainerContext === null || tableContainerContext === void 0 ? void 0 : tableContainerContext.tableRef
     ]));
-    let state = (0, $5VUTk$reactstately.useTableState)({
+    let tableState = (0, $5VUTk$reactstately.useTableState)({
         ...props,
         collection: collection,
         children: undefined,
         UNSAFE_selectionState: selectionState
     });
+    let filteredState = (0, $5VUTk$reactstately.UNSTABLE_useFilteredTableState)(tableState, filter);
     let { isVirtualized: isVirtualized, layoutDelegate: layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate, CollectionRoot: CollectionRoot } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
     let { dragAndDropHooks: dragAndDropHooks } = props;
     let { gridProps: gridProps } = (0, $5VUTk$reactaria.useTable)({
         ...props,
+        ...DOMCollectionProps,
         layoutDelegate: layoutDelegate,
         isVirtualized: isVirtualized
-    }, state, ref);
-    let selectionManager = state.selectionManager;
+    }, filteredState, ref);
+    let selectionManager = filteredState.selectionManager;
     let hasDragHooks = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
     let hasDropHooks = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
     let dragHooksProvided = (0, $5VUTk$react.useRef)(hasDragHooks);
@@ -290,7 +298,7 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
     let preview = (0, $5VUTk$react.useRef)(null);
     if (hasDragHooks && dragAndDropHooks) {
         dragState = dragAndDropHooks.useDraggableCollectionState({
-            collection: collection,
+            collection: filteredState.collection,
             selectionManager: selectionManager,
             preview: dragAndDropHooks.renderDragPreview ? preview : undefined
         });
@@ -302,11 +310,11 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
     }
     if (hasDropHooks && dragAndDropHooks) {
         dropState = dragAndDropHooks.useDroppableCollectionState({
-            collection: collection,
+            collection: filteredState.collection,
             selectionManager: selectionManager
         });
         let keyboardDelegate = new (0, $5VUTk$reactaria.ListKeyboardDelegate)({
-            collection: collection,
+            collection: filteredState.collection,
             disabledKeys: selectionManager.disabledKeys,
             disabledBehavior: selectionManager.disabledBehavior,
             ref: ref,
@@ -330,7 +338,7 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
             isDropTarget: isRootDropTarget,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
-            state: state
+            state: filteredState
         }
     });
     let isListDraggable = !!(hasDragHooks && !(dragState === null || dragState === void 0 ? void 0 : dragState.isDisabled));
@@ -339,7 +347,7 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
     if (tableContainerContext) {
         layoutState = tableContainerContext.useTableColumnResizeState({
             tableWidth: tableContainerContext.tableWidth
-        }, state);
+        }, filteredState);
         if (!isVirtualized) style = {
             ...style,
             tableLayout: 'fixed',
@@ -347,12 +355,15 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
         };
     }
     let ElementType = $37b9a5d4bd0d4ded$var$useElementType('table');
+    let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
     var _tableContainerContext_scrollRef;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
         values: [
             [
                 $37b9a5d4bd0d4ded$export$38de1cb0526c21fb,
-                state
+                filteredState
             ],
             [
                 $37b9a5d4bd0d4ded$export$a2680a798823803c,
@@ -371,12 +382,18 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
                 {
                     render: $37b9a5d4bd0d4ded$var$TableDropIndicatorWrapper
                 }
+            ],
+            [
+                (0, $09cb5ee89bb327e1$exports.SelectableCollectionContext),
+                null
+            ],
+            [
+                (0, $09cb5ee89bb327e1$exports.FieldInputContext),
+                null
             ]
         ]
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, $5VUTk$reactaria.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(ElementType, {
-        ...(0, $5VUTk$reactariautils.filterDOMProps)(props),
-        ...renderProps,
-        ...(0, $5VUTk$reactaria.mergeProps)(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
+        ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
         style: style,
         ref: ref,
         slot: props.slot || undefined,
@@ -386,7 +403,7 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(CollectionRoot, {
-        collection: collection,
+        collection: filteredState.collection,
         scrollRef: (_tableContainerContext_scrollRef = tableContainerContext === null || tableContainerContext === void 0 ? void 0 : tableContainerContext.scrollRef) !== null && _tableContainerContext_scrollRef !== void 0 ? _tableContainerContext_scrollRef : ref,
         persistedKeys: (0, $0c2289d253cb4544$exports.useDndPersistedKeys)(selectionManager, dragAndDropHooks, dropState)
     }))), dragPreview);
@@ -399,7 +416,10 @@ const $37b9a5d4bd0d4ded$var$TableOptionsContext = /*#__PURE__*/ (0, $5VUTk$react
 function $37b9a5d4bd0d4ded$export$fddc468cd8cb4db9() {
     return (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$var$TableOptionsContext);
 }
-const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)('tableheader', (props, ref)=>{
+class $37b9a5d4bd0d4ded$var$TableHeaderNode extends (0, $5VUTk$reactariacollections.CollectionNode) {
+}
+$37b9a5d4bd0d4ded$var$TableHeaderNode.type = 'tableheader';
+const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)($37b9a5d4bd0d4ded$var$TableHeaderNode, (props, ref)=>{
     let collection = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb).collection;
     let headerRows = (0, $5VUTk$reactariacollections.useCachedChildren)({
         items: collection.headerRows,
@@ -430,7 +450,9 @@ const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $5VUTk$react
         }
     });
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(THead, {
-        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props), rowGroupProps, hoverProps),
+        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props, {
+            global: true
+        }), rowGroupProps, hoverProps),
         ...renderProps,
         ref: ref,
         "data-hovered": isHovered || undefined
@@ -468,7 +490,10 @@ function $37b9a5d4bd0d4ded$var$TableHeaderRow({ item: item }) {
         parent: item
     })));
 }
-const $37b9a5d4bd0d4ded$export$816b5d811295e6bc = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createLeafComponent)('column', (props, forwardedRef, column)=>{
+class $37b9a5d4bd0d4ded$var$TableColumnNode extends (0, $5VUTk$reactariacollections.CollectionNode) {
+}
+$37b9a5d4bd0d4ded$var$TableColumnNode.type = 'column';
+const $37b9a5d4bd0d4ded$export$816b5d811295e6bc = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createLeafComponent)($37b9a5d4bd0d4ded$var$TableColumnNode, (props, forwardedRef, column)=>{
     var _state_sortDescriptor, _state_sortDescriptor1;
     let ref = (0, $5VUTk$reactariautils.useObjectRef)(forwardedRef);
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
@@ -521,8 +546,12 @@ const $37b9a5d4bd0d4ded$export$816b5d811295e6bc = /*#__PURE__*/ (0, $5VUTk$react
         width: layoutState.getColumnWidth(column.key)
     };
     let TH = $37b9a5d4bd0d4ded$var$useElementType('th');
+    let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TH, {
-        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props), columnHeaderProps, focusProps, hoverProps),
+        ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, columnHeaderProps, focusProps, hoverProps),
         ...renderProps,
         style: style,
         ref: ref,
@@ -599,12 +628,13 @@ const $37b9a5d4bd0d4ded$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $5VUTk$react
         if (e.pointerType === 'mouse') setMouseDown(true);
     };
     if (!isResizing && isMouseDown) setMouseDown(false);
+    let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
         ref: objectRef,
         role: "presentation",
-        ...(0, $5VUTk$reactariautils.filterDOMProps)(props),
-        ...renderProps,
-        ...(0, $5VUTk$reactaria.mergeProps)(resizerProps, {
+        ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, resizerProps, {
             onPointerDown: onPointerDown
         }, hoverProps),
         "data-hovered": isHovered || undefined,
@@ -626,7 +656,10 @@ const $37b9a5d4bd0d4ded$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $5VUTk$react
         }
     }), document.body));
 });
-const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)('tablebody', (props, ref)=>{
+class $37b9a5d4bd0d4ded$var$TableBodyNode extends (0, $5VUTk$reactariacollections.FilterableNode) {
+}
+$37b9a5d4bd0d4ded$var$TableBodyNode.type = 'tablebody';
+const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)($37b9a5d4bd0d4ded$var$TableBodyNode, (props, ref)=>{
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
     let collection = state.collection;
@@ -637,7 +670,7 @@ const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$react
     let isRootDropTarget = isDroppable && !!dropState && ((_dropState_isDropTarget = dropState.isDropTarget({
         type: 'root'
     })) !== null && _dropState_isDropTarget !== void 0 ? _dropState_isDropTarget : false);
-    let isEmpty = collection.size === 0 || collection.rows.length === 1 && collection.rows[0].type === 'loader';
+    let isEmpty = collection.size === 0;
     let renderValues = {
         isDropTarget: isRootDropTarget,
         isEmpty: isEmpty
@@ -658,7 +691,6 @@ const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$react
         let rowHeaderProps = {};
         let style = {};
         if (isVirtualized) {
-            rowProps['aria-rowindex'] = collection.headerRows.length + 1;
             rowHeaderProps['aria-colspan'] = numColumns;
             style = {
                 display: 'contents'
@@ -676,11 +708,13 @@ const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$react
     }
     let { rowGroupProps: rowGroupProps } = (0, $5VUTk$reactaria.useTableRowGroup)();
     let TBody = $37b9a5d4bd0d4ded$var$useElementType('tbody');
+    let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
     // TODO: TableBody doesn't support being the scrollable body of the table yet, to revisit if needed. Would need to
     // call useLoadMore here and walk up the DOM to the nearest scrollable element to set scrollRef
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TBody, {
-        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props), rowGroupProps),
-        ...renderProps,
+        ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, rowGroupProps),
         ref: ref,
         "data-empty": isEmpty || undefined
     }, isDroppable && /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$RootDropIndicator, null), /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(CollectionBranch, {
@@ -689,7 +723,19 @@ const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$react
         renderDropIndicator: (0, $0c2289d253cb4544$exports.useRenderDropIndicator)(dragAndDropHooks, dropState)
     }), emptyState);
 });
-const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)('item', (props, forwardedRef, item)=>{
+class $37b9a5d4bd0d4ded$var$TableRowNode extends (0, $5VUTk$reactariacollections.CollectionNode) {
+    filter(collection, newCollection, filterFn) {
+        let cells = collection.getChildren(this.key);
+        for (let cell of cells)if (filterFn(cell.textValue, cell)) {
+            let clone = this.clone();
+            newCollection.addDescendants(clone, collection);
+            return clone;
+        }
+        return null;
+    }
+}
+$37b9a5d4bd0d4ded$var$TableRowNode.type = 'item';
+const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)($37b9a5d4bd0d4ded$var$TableRowNode, (props, forwardedRef, item)=>{
     let ref = (0, $5VUTk$reactariautils.useObjectRef)(forwardedRef);
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
     let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $5VUTk$react.useContext)((0, $0c2289d253cb4544$exports.DragAndDropContext));
@@ -754,6 +800,11 @@ const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$react
     });
     let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
     let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
+    let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, ($parcel$interopDefault($5VUTk$react))).Fragment, null, dropIndicator && !dropIndicator.isHidden && /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
         role: "row",
         style: {
@@ -771,8 +822,7 @@ const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$react
         ...dropIndicator.dropIndicatorProps,
         ref: dropIndicatorRef
     }))), /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
-        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props), rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, focusWithinProps),
-        ...renderProps,
+        ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, focusWithinProps),
         ref: ref,
         "data-disabled": states.isDisabled || undefined,
         "data-selected": states.isSelected || undefined,
@@ -826,7 +876,10 @@ const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$react
         idScope: props.id
     }, props.children);
 });
-const $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createLeafComponent)('cell', (props, forwardedRef, cell)=>{
+class $37b9a5d4bd0d4ded$var$TableCellNode extends (0, $5VUTk$reactariacollections.CollectionNode) {
+}
+$37b9a5d4bd0d4ded$var$TableCellNode.type = 'cell';
+const $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createLeafComponent)($37b9a5d4bd0d4ded$var$TableCellNode, (props, forwardedRef, cell)=>{
     let ref = (0, $5VUTk$reactariautils.useObjectRef)(forwardedRef);
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
     let { dragState: dragState } = (0, $5VUTk$react.useContext)((0, $0c2289d253cb4544$exports.DragAndDropContext));
@@ -852,9 +905,12 @@ const $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $5VUTk$react
         }
     });
     let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
+    let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
-        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props), gridCellProps, focusProps, hoverProps),
-        ...renderProps,
+        ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, gridCellProps, focusProps, hoverProps),
         ref: ref,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
@@ -891,7 +947,9 @@ function $37b9a5d4bd0d4ded$var$TableDropIndicator(props, ref) {
     let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
     let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
-        ...(0, $5VUTk$reactariautils.filterDOMProps)(props),
+        ...(0, $5VUTk$reactariautils.filterDOMProps)(props, {
+            global: true
+        }),
         ...renderProps,
         role: "row",
         ref: ref,
@@ -945,7 +1003,7 @@ function $37b9a5d4bd0d4ded$var$RootDropIndicator() {
         ref: ref
     })));
 }
-const $37b9a5d4bd0d4ded$export$92aad1076056e17a = (0, $5VUTk$reactariacollections.createLeafComponent)('loader', function TableLoadingIndicator(props, ref, item) {
+const $37b9a5d4bd0d4ded$export$8f5bea0338ed243c = (0, $5VUTk$reactariacollections.createLeafComponent)((0, $5VUTk$reactariacollections.LoaderNode), function TableLoadingIndicator(props, ref, item) {
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
     let { isLoading: isLoading, onLoadMore: onLoadMore, scrollOffset: scrollOffset, ...otherProps } = props;
@@ -961,7 +1019,7 @@ const $37b9a5d4bd0d4ded$export$92aad1076056e17a = (0, $5VUTk$reactariacollection
         scrollOffset,
         state === null || state === void 0 ? void 0 : state.collection
     ]);
-    (0, $5VUTk$reactariautils.UNSTABLE_useLoadMoreSentinel)(memoedLoadMoreProps, sentinelRef);
+    (0, $5VUTk$reactariautils.useLoadMoreSentinel)(memoedLoadMoreProps, sentinelRef);
     let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
         ...otherProps,
         id: undefined,
@@ -975,7 +1033,9 @@ const $37b9a5d4bd0d4ded$export$92aad1076056e17a = (0, $5VUTk$reactariacollection
     let rowHeaderProps = {};
     let style = {};
     if (isVirtualized) {
-        rowProps['aria-rowindex'] = item.index + 1 + state.collection.headerRows.length;
+        // For now don't include aria-rowindex on loader since they aren't keyboard focusable
+        // Arguably shouldn't include them ever since it might be confusing to the user to include the loaders as part of the
+        // row count
         rowHeaderProps['aria-colspan'] = numColumns;
         style = {
             display: 'contents'
@@ -1000,7 +1060,9 @@ const $37b9a5d4bd0d4ded$export$92aad1076056e17a = (0, $5VUTk$reactariacollection
             width: 1
         }
     }))), isLoading && renderProps.children && /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
-        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props), rowProps),
+        ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props, {
+            global: true
+        }), rowProps),
         ...renderProps,
         role: "row",
         ref: ref