react-aria-components 1.17.0 → 1.18.0

package/dist/private/Table.js

@@ -1,5 +1,5 @@
 import {ButtonContext as $fc203795b9b363cd$export$24d547caef80ccd1} from "./Button.js";
-import {CheckboxContext as $4bd9daf9bf54cf04$export$b085522c77523c51} from "./Checkbox.js";
+import {CheckboxContext as $4bd9daf9bf54cf04$export$b085522c77523c51, CheckboxFieldContext as $4bd9daf9bf54cf04$export$c32003b803b6c22e} from "./Checkbox.js";
 import {DEFAULT_SLOT as $b7b7a92703138c9b$export$c62b8e45d58ddad9, dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
 import {CollectionRendererContext as $a53f0f6636929daa$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $a53f0f6636929daa$export$a164736487e3f0ae} from "./Collection.js";
 import {DragAndDropContext as $49776fcddfd94ccc$export$d188a835a7bc5783, DropIndicatorContext as $49776fcddfd94ccc$export$f55761759794cf55, useDndPersistedKeys as $49776fcddfd94ccc$export$d1e8e3fbb7461f6, useRenderDropIndicator as $49776fcddfd94ccc$export$971707d8a129a1f7} from "./DragAndDrop.js";
@@ -8,7 +8,6 @@ import $7adJ1$intlStringsjs from "./intlStrings.js";
 import {SelectionIndicatorContext as $0d6f83ad40839938$export$c9549807523555e0} from "./SelectionIndicator.js";
 import {SharedElementTransition as $347bc273c4058e94$export$758399f318e6385a} from "./SharedElementTransition.js";
 import {TreeDropTargetDelegate as $ea71bc38166070b0$export$82c13862611c034e} from "./TreeDropTargetDelegate.js";
-import {TableLayout as $396c7d22512c1acc$export$62444c3c724b1b20} from "./TableLayout.js";
 import {BaseCollection as $7adJ1$BaseCollection, CollectionNode as $7adJ1$CollectionNode, FilterableNode as $7adJ1$FilterableNode, LoaderNode as $7adJ1$LoaderNode} from "react-aria/private/collections/BaseCollection";
 import {buildHeaderRows as $7adJ1$buildHeaderRows} from "react-stately/private/table/TableCollection";
 import {Collection as $7adJ1$Collection} from "react-aria/Collection";
@@ -76,7 +75,6 @@ function $parcel$interopDefault(a) {
 
 
 
-
 
 
 class $952ff69934390c62$var$TableCollection extends (0, $7adJ1$BaseCollection) {
@@ -84,23 +82,36 @@ class $952ff69934390c62$var$TableCollection extends (0, $7adJ1$BaseCollection) {
         let collection = this.clone();
         collection.expandedKeys = expandedKeys;
         collection.frozen = this.frozen;
-        collection.rows = Array.from(collection.getChildren(collection.body.key));
+        collection.rows = Array.from(collection.getRows());
         return collection;
     }
     addNode(node) {
         super.addNode(node);
         this.columnsDirty || (this.columnsDirty = node.type === 'column');
         if (node.type === 'tableheader') this.head = node;
-        if (node.type === 'tablebody') this.body = node;
+    }
+    getRows() {
+        let rows = [];
+        for (let child of this)if (child.type === 'tablebody' || child.type === 'tablefooter') rows.push(...this.getChildren(child.key));
+        return rows;
+    }
+    // backward compatibility
+    get body() {
+        for (let child of this){
+            if (child.type === 'tablebody') return child;
+        }
+        return new $952ff69934390c62$var$TableBodyNode(-2);
     }
     commit(firstKey, lastKey, isSSR = false) {
         this.updateColumns(isSSR);
+        this.firstKey = firstKey;
+        this.lastKey = lastKey;
         this.rows = [];
-        for (let row of this.getChildren(this.body.key)){
+        for (let row of this.getRows()){
             let lastChildKey = row.lastChildKey;
             if (lastChildKey != null) {
                 let lastCell = this.getItem(lastChildKey);
-                while(lastCell && lastCell.type !== 'cell')lastCell = lastCell.prevKey ? this.getItem(lastCell.prevKey) : null;
+                while(lastCell && lastCell.type !== 'cell')lastCell = lastCell.prevKey != null ? this.getItem(lastCell.prevKey) : null;
                 if (lastCell) {
                     var _lastCell_colIndex, _lastCell_colSpan;
                     let numberOfCellsInRow = ((_lastCell_colIndex = lastCell.colIndex) !== null && _lastCell_colIndex !== void 0 ? _lastCell_colIndex : lastCell.index) + ((_lastCell_colSpan = lastCell.colSpan) !== null && _lastCell_colSpan !== void 0 ? _lastCell_colSpan : 1);
@@ -138,16 +149,23 @@ class $952ff69934390c62$var$TableCollection extends (0, $7adJ1$BaseCollection) {
         return this.columns.length;
     }
     *[Symbol.iterator]() {
-        // Wait until the collection is initialized.
-        if (this.head.key === -1) return;
-        yield this.head;
-        yield this.body;
+        let key = this.firstKey;
+        while(key != null){
+            let node = this.getItem(key);
+            if (node) yield node;
+            var _node_nextKey;
+            key = (_node_nextKey = node === null || node === void 0 ? void 0 : node.nextKey) !== null && _node_nextKey !== void 0 ? _node_nextKey : null;
+        }
     }
     getFirstKey() {
-        return this.body.firstChildKey;
+        for (let child of this){
+            var _child_firstChildKey;
+            if (child.type === 'tablebody') return (_child_firstChildKey = child.firstChildKey) !== null && _child_firstChildKey !== void 0 ? _child_firstChildKey : null;
+        }
+        return null;
     }
     getLastKey() {
-        let key = this.body.lastChildKey;
+        let key = this.lastKey;
         if (key == null) return null;
         let node = this.getItem(key);
         while((node === null || node === void 0 ? void 0 : node.lastChildKey) != null && (node.type !== 'item' || this.expandedKeys.has(node.key)))node = this.getItem(node.lastChildKey);
@@ -183,23 +201,25 @@ class $952ff69934390c62$var$TableCollection extends (0, $7adJ1$BaseCollection) {
             k = (_node_key = node === null || node === void 0 ? void 0 : node.key) !== null && _node_key !== void 0 ? _node_key : null;
         }
         if (k == null) k = node.parentKey;
-        if (k != null && ((_this_getItem = this.getItem(k)) === null || _this_getItem === void 0 ? void 0 : _this_getItem.type) === 'tablebody') return null;
+        if (k != null && ((_this_getItem = this.getItem(k)) === null || _this_getItem === void 0 ? void 0 : _this_getItem.type) === 'tableheader') return null;
         return k;
     }
     getChildren(key) {
-        if (!this.getItem(key)) for (let row of this.headerRows){
+        let item = this.getItem(key);
+        if (!item) for (let row of this.headerRows){
             if (row.key === key) return row.childNodes;
         }
         // Flatten all rows into the body.
         let self = this;
-        if (key === this.body.key) return {
+        if ((item === null || item === void 0 ? void 0 : item.type) === 'tablebody' || (item === null || item === void 0 ? void 0 : item.type) === 'tablefooter') return {
             *[Symbol.iterator] () {
-                let firstKey = self.getFirstKey();
+                let firstKey = item.firstChildKey;
                 let node = firstKey != null ? self.getItem(firstKey) : null;
                 while(node){
                     yield node;
                     let key = self.getKeyAfter(node.key);
-                    node = key ? self.getItem(key) : null;
+                    node = key != null ? self.getItem(key) : null;
+                    if (node && node.parentKey === item.parentKey) break;
                 }
             }
         };
@@ -223,7 +243,6 @@ class $952ff69934390c62$var$TableCollection extends (0, $7adJ1$BaseCollection) {
         collection.rows = this.rows;
         collection.rowHeaderColumnKeys = this.rowHeaderColumnKeys;
         collection.head = this.head;
-        collection.body = this.body;
         return collection;
     }
     getTextValue(key) {
@@ -242,7 +261,7 @@ class $952ff69934390c62$var$TableCollection extends (0, $7adJ1$BaseCollection) {
         return text.join(' ');
     }
     constructor(...args){
-        super(...args), this.headerRows = [], this.columns = [], this.rows = [], this.rowHeaderColumnKeys = new Set(), this.head = new $952ff69934390c62$var$TableHeaderNode(-1), this.body = new $952ff69934390c62$var$TableBodyNode(-2), this.columnsDirty = true, this.expandedKeys = new Set();
+        super(...args), this.headerRows = [], this.columns = [], this.rows = [], this.rowHeaderColumnKeys = new Set(), this.head = new $952ff69934390c62$var$TableHeaderNode(-1), this.columnsDirty = true, this.expandedKeys = new Set();
     }
 }
 const $952ff69934390c62$var$ResizableTableContainerContext = /*#__PURE__*/ (0, $7adJ1$createContext)(null);
@@ -351,11 +370,11 @@ let $952ff69934390c62$var$TableElementType = /*#__PURE__*/ (0, $7adJ1$forwardRef
     });
 });
 const $952ff69934390c62$var$EXPANSION_KEYS = {
-    'expand': {
+    expand: {
         ltr: 'ArrowRight',
         rtl: 'ArrowLeft'
     },
-    'collapse': {
+    collapse: {
         ltr: 'ArrowLeft',
         rtl: 'ArrowRight'
     }
@@ -634,6 +653,14 @@ function $952ff69934390c62$var$TableHeaderRow({ item: item }) {
                         selection: checkboxProps
                     }
                 }
+            ],
+            [
+                (0, $4bd9daf9bf54cf04$export$c32003b803b6c22e),
+                {
+                    slots: {
+                        selection: checkboxProps
+                    }
+                }
             ]
         ]
     }, /*#__PURE__*/ (0, $7adJ1$react).createElement(CollectionBranch, {
@@ -833,7 +860,7 @@ let $952ff69934390c62$var$TableBodyElementType = /*#__PURE__*/ (0, $7adJ1$forwar
         ref: ref
     });
 });
-const $952ff69934390c62$export$76ccd210b9029917 = /*#__PURE__*/ (0, $7adJ1$createBranchComponent)($952ff69934390c62$var$TableBodyNode, (props, ref)=>{
+const $952ff69934390c62$export$76ccd210b9029917 = /*#__PURE__*/ (0, $7adJ1$createBranchComponent)($952ff69934390c62$var$TableBodyNode, (props, ref, node)=>{
     let state = (0, $7adJ1$useContext)($952ff69934390c62$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $7adJ1$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
     let collection = state.collection;
@@ -890,10 +917,51 @@ const $952ff69934390c62$export$76ccd210b9029917 = /*#__PURE__*/ (0, $7adJ1$creat
         "data-empty": isEmpty || undefined
     }, isDroppable && /*#__PURE__*/ (0, $7adJ1$react).createElement($952ff69934390c62$var$RootDropIndicator, null), /*#__PURE__*/ (0, $7adJ1$react).createElement(CollectionBranch, {
         collection: collection,
-        parent: collection.body,
+        parent: node,
         renderDropIndicator: (0, $49776fcddfd94ccc$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
     }), emptyState);
 });
+class $952ff69934390c62$var$TableFooterNode extends (0, $7adJ1$FilterableNode) {
+}
+$952ff69934390c62$var$TableFooterNode.type = 'tablefooter';
+let $952ff69934390c62$var$TableFooterElementType = /*#__PURE__*/ (0, $7adJ1$forwardRef)(function TableFooterElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $7adJ1$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $7adJ1$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $7adJ1$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).tfoot, {
+        ...props,
+        ref: ref
+    });
+});
+const $952ff69934390c62$export$1f116082bba1f9a8 = /*#__PURE__*/ (0, $7adJ1$createBranchComponent)($952ff69934390c62$var$TableFooterNode, (props, ref, node)=>{
+    let state = (0, $7adJ1$useContext)($952ff69934390c62$export$38de1cb0526c21fb);
+    let collection = state.collection;
+    let { CollectionBranch: CollectionBranch } = (0, $7adJ1$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
+    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $7adJ1$useContext)((0, $49776fcddfd94ccc$export$d188a835a7bc5783));
+    let { rowGroupProps: rowGroupProps } = (0, $7adJ1$useTableRowGroup)();
+    let DOMProps = (0, $7adJ1$filterDOMProps)(props, {
+        global: true
+    });
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        style: props.style,
+        className: props.className,
+        defaultClassName: 'react-aria-TableFooter',
+        values: {}
+    });
+    return /*#__PURE__*/ (0, $7adJ1$react).createElement($952ff69934390c62$var$TableFooterElementType, {
+        ...(0, $7adJ1$mergeProps)(DOMProps, renderProps, rowGroupProps),
+        ref: ref
+    }, /*#__PURE__*/ (0, $7adJ1$react).createElement(CollectionBranch, {
+        collection: collection,
+        parent: node,
+        renderDropIndicator: (0, $49776fcddfd94ccc$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
+    }));
+});
+const $952ff69934390c62$export$1a75e308b53225a6 = /*#__PURE__*/ (0, $7adJ1$createContext)({
+    isFocusVisibleWithinRow: false
+});
 class $952ff69934390c62$var$TableRowNode extends (0, $7adJ1$CollectionNode) {
     filter(collection, newCollection, filterFn) {
         let cells = collection.getChildren(this.key);
@@ -923,6 +991,7 @@ const $952ff69934390c62$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $7adJ1$creat
     let state = (0, $7adJ1$useContext)($952ff69934390c62$export$38de1cb0526c21fb);
     let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $7adJ1$useContext)((0, $49776fcddfd94ccc$export$d188a835a7bc5783));
     let { isVirtualized: isVirtualized, CollectionBranch: CollectionBranch } = (0, $7adJ1$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
+    let isDraggable = dragState && !(dragState.isDisabled || dragState.selectionManager.isDisabled(item.key));
     let { rowProps: rowProps, expandButtonProps: expandButtonProps, ...states } = (0, $7adJ1$useTableRow)({
         node: item,
         shouldSelectOnPressUp: !!dragState,
@@ -933,7 +1002,9 @@ const $952ff69934390c62$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $7adJ1$creat
         within: true
     });
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7adJ1$useHover)({
-        isDisabled: !states.allowsSelection && !states.hasAction,
+        // because of https://bugs.webkit.org/show_bug.cgi?id=214609, supporting hover styles when a item is ONLY isDraggable
+        // results in hover styles sticking around after a reorder/drop operation...
+        isDisabled: !states.allowsSelection && !states.hasAction && !isDraggable,
         onHoverStart: props.onHoverStart,
         onHoverChange: props.onHoverChange,
         onHoverEnd: props.onHoverEnd
@@ -976,6 +1047,7 @@ const $952ff69934390c62$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $7adJ1$creat
         },
         values: {
             ...states,
+            state: state,
             isHovered: isHovered,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
@@ -1038,6 +1110,15 @@ const $952ff69934390c62$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $7adJ1$creat
                     }
                 }
             ],
+            [
+                (0, $4bd9daf9bf54cf04$export$c32003b803b6c22e),
+                {
+                    slots: {
+                        [(0, $b7b7a92703138c9b$export$c62b8e45d58ddad9)]: {},
+                        selection: checkboxProps
+                    }
+                }
+            ],
             [
                 (0, $fc203795b9b363cd$export$24d547caef80ccd1),
                 {
@@ -1059,6 +1140,12 @@ const $952ff69934390c62$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $7adJ1$creat
                 {
                     isSelected: states.isSelected
                 }
+            ],
+            [
+                $952ff69934390c62$export$1a75e308b53225a6,
+                {
+                    isFocusVisibleWithinRow: isFocusVisibleWithin
+                }
             ]
         ]
     }, /*#__PURE__*/ (0, $7adJ1$react).createElement(CollectionBranch, {
@@ -1104,6 +1191,7 @@ const $952ff69934390c62$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $7adJ1$creat
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $7adJ1$useFocusRing)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7adJ1$useHover)({});
+    let { isFocusVisibleWithinRow: isFocusVisibleWithinRow } = (0, $7adJ1$useContext)($952ff69934390c62$export$1a75e308b53225a6);
     let isSelected = cell.parentKey != null ? state.selectionManager.isSelected(cell.parentKey) : false;
     // colIndex is null, when there is so span, falling back to using the index
     let columnIndex = cell.colIndex || cell.index;
@@ -1118,6 +1206,7 @@ const $952ff69934390c62$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $7adJ1$creat
         values: {
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
+            isFocusVisibleWithinRow: isFocusVisibleWithinRow,
             isPressed: isPressed,
             isHovered: isHovered,
             isSelected: isSelected,
@@ -1139,6 +1228,7 @@ const $952ff69934390c62$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $7adJ1$creat
         ref: ref,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
+        "data-focus-visible-within-row": isFocusVisibleWithinRow || undefined,
         "data-pressed": isPressed || undefined,
         "data-selected": isSelected || undefined,
         "data-column-index": columnIndex,
@@ -1336,5 +1426,5 @@ const $952ff69934390c62$export$8f5bea0338ed243c = (0, $7adJ1$createLeafComponent
 });
 
 
-export {$952ff69934390c62$export$7063e69b8a954175 as ResizableTableContainer, $952ff69934390c62$export$93e4b0b2cc49b648 as TableContext, $952ff69934390c62$export$38de1cb0526c21fb as TableStateContext, $952ff69934390c62$export$a2680a798823803c as TableColumnResizeStateContext, $952ff69934390c62$export$54ec01a60f47d33d as Table, $952ff69934390c62$export$fddc468cd8cb4db9 as useTableOptions, $952ff69934390c62$export$f850895b287ef28e as TableHeader, $952ff69934390c62$export$816b5d811295e6bc as Column, $952ff69934390c62$export$ee689e97a7664bfd as ColumnResizer, $952ff69934390c62$export$76ccd210b9029917 as TableBody, $952ff69934390c62$export$b59bdbef9ce70de2 as Row, $952ff69934390c62$export$f6f0c3fe4ec306ea as Cell, $952ff69934390c62$export$8f5bea0338ed243c as TableLoadMoreItem, $396c7d22512c1acc$export$62444c3c724b1b20 as TableLayout};
+export {$952ff69934390c62$export$7063e69b8a954175 as ResizableTableContainer, $952ff69934390c62$export$93e4b0b2cc49b648 as TableContext, $952ff69934390c62$export$38de1cb0526c21fb as TableStateContext, $952ff69934390c62$export$a2680a798823803c as TableColumnResizeStateContext, $952ff69934390c62$export$54ec01a60f47d33d as Table, $952ff69934390c62$export$fddc468cd8cb4db9 as useTableOptions, $952ff69934390c62$export$f850895b287ef28e as TableHeader, $952ff69934390c62$export$816b5d811295e6bc as Column, $952ff69934390c62$export$ee689e97a7664bfd as ColumnResizer, $952ff69934390c62$export$76ccd210b9029917 as TableBody, $952ff69934390c62$export$1f116082bba1f9a8 as TableFooter, $952ff69934390c62$export$1a75e308b53225a6 as RowFocusContext, $952ff69934390c62$export$b59bdbef9ce70de2 as Row, $952ff69934390c62$export$f6f0c3fe4ec306ea as Cell, $952ff69934390c62$export$8f5bea0338ed243c as TableLoadMoreItem};
 //# sourceMappingURL=Table.js.map