react-aria-components 1.17.0 → 1.19.0

package/dist/private/Table.mjs

@@ -1,5 +1,5 @@
 import {ButtonContext as $7705c033048f6da7$export$24d547caef80ccd1} from "./Button.mjs";
-import {CheckboxContext as $ed8ccb2e23e76301$export$b085522c77523c51} from "./Checkbox.mjs";
+import {CheckboxContext as $ed8ccb2e23e76301$export$b085522c77523c51, CheckboxFieldContext as $ed8ccb2e23e76301$export$c32003b803b6c22e} from "./Checkbox.mjs";
 import {DEFAULT_SLOT as $7230ffa83bc0c2cf$export$c62b8e45d58ddad9, dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
 import {CollectionRendererContext as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $263ab7fc0f95ccdb$export$a164736487e3f0ae} from "./Collection.mjs";
 import {DragAndDropContext as $f9554a667e4f0374$export$d188a835a7bc5783, DropIndicatorContext as $f9554a667e4f0374$export$f55761759794cf55, useDndPersistedKeys as $f9554a667e4f0374$export$d1e8e3fbb7461f6, useRenderDropIndicator as $f9554a667e4f0374$export$971707d8a129a1f7} from "./DragAndDrop.mjs";
@@ -8,7 +8,6 @@ import $8WNJc$intlStringsmjs from "./intlStrings.mjs";
 import {SelectionIndicatorContext as $91fe5e721c7f36c1$export$c9549807523555e0} from "./SelectionIndicator.mjs";
 import {SharedElementTransition as $792f28e438b9ad5f$export$758399f318e6385a} from "./SharedElementTransition.mjs";
 import {TreeDropTargetDelegate as $808d92ba0ee34db1$export$82c13862611c034e} from "./TreeDropTargetDelegate.mjs";
-import {TableLayout as $117bf84ed4596724$export$62444c3c724b1b20} from "./TableLayout.mjs";
 import {BaseCollection as $8WNJc$BaseCollection, CollectionNode as $8WNJc$CollectionNode, FilterableNode as $8WNJc$FilterableNode, LoaderNode as $8WNJc$LoaderNode} from "react-aria/private/collections/BaseCollection";
 import {buildHeaderRows as $8WNJc$buildHeaderRows} from "react-stately/private/table/TableCollection";
 import {Collection as $8WNJc$Collection} from "react-aria/Collection";
@@ -76,7 +75,6 @@ function $parcel$interopDefault(a) {
 
 
 
-
 
 
 class $76d00c5a4edb230a$var$TableCollection extends (0, $8WNJc$BaseCollection) {
@@ -84,23 +82,36 @@ class $76d00c5a4edb230a$var$TableCollection extends (0, $8WNJc$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 ||= 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 $76d00c5a4edb230a$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) {
                     let numberOfCellsInRow = (lastCell.colIndex ?? lastCell.index) + (lastCell.colSpan ?? 1);
                     if (numberOfCellsInRow !== this.columns.length && !isSSR) throw new Error(`Cell count must match column count. Found ${numberOfCellsInRow} cells and ${this.columns.length} columns.`);
@@ -137,16 +148,21 @@ class $76d00c5a4edb230a$var$TableCollection extends (0, $8WNJc$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;
+            key = node?.nextKey ?? null;
+        }
     }
     getFirstKey() {
-        return this.body.firstChildKey;
+        for (let child of this){
+            if (child.type === 'tablebody') return 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?.lastChildKey != null && (node.type !== 'item' || this.expandedKeys.has(node.key)))node = this.getItem(node.lastChildKey);
@@ -178,23 +194,25 @@ class $76d00c5a4edb230a$var$TableCollection extends (0, $8WNJc$BaseCollection) {
             k = node?.key ?? null;
         }
         if (k == null) k = node.parentKey;
-        if (k != null && this.getItem(k)?.type === 'tablebody') return null;
+        if (k != null && this.getItem(k)?.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?.type === 'tablebody' || 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;
                 }
             }
         };
@@ -218,7 +236,6 @@ class $76d00c5a4edb230a$var$TableCollection extends (0, $8WNJc$BaseCollection) {
         collection.rows = this.rows;
         collection.rowHeaderColumnKeys = this.rowHeaderColumnKeys;
         collection.head = this.head;
-        collection.body = this.body;
         return collection;
     }
     getTextValue(key) {
@@ -237,7 +254,7 @@ class $76d00c5a4edb230a$var$TableCollection extends (0, $8WNJc$BaseCollection) {
         return text.join(' ');
     }
     constructor(...args){
-        super(...args), this.headerRows = [], this.columns = [], this.rows = [], this.rowHeaderColumnKeys = new Set(), this.head = new $76d00c5a4edb230a$var$TableHeaderNode(-1), this.body = new $76d00c5a4edb230a$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 $76d00c5a4edb230a$var$TableHeaderNode(-1), this.columnsDirty = true, this.expandedKeys = new Set();
     }
 }
 const $76d00c5a4edb230a$var$ResizableTableContainerContext = /*#__PURE__*/ (0, $8WNJc$createContext)(null);
@@ -341,11 +358,11 @@ let $76d00c5a4edb230a$var$TableElementType = /*#__PURE__*/ (0, $8WNJc$forwardRef
     });
 });
 const $76d00c5a4edb230a$var$EXPANSION_KEYS = {
-    'expand': {
+    expand: {
         ltr: 'ArrowRight',
         rtl: 'ArrowLeft'
     },
-    'collapse': {
+    collapse: {
         ltr: 'ArrowLeft',
         rtl: 'ArrowRight'
     }
@@ -624,6 +641,14 @@ function $76d00c5a4edb230a$var$TableHeaderRow({ item: item }) {
                         selection: checkboxProps
                     }
                 }
+            ],
+            [
+                (0, $ed8ccb2e23e76301$export$c32003b803b6c22e),
+                {
+                    slots: {
+                        selection: checkboxProps
+                    }
+                }
             ]
         ]
     }, /*#__PURE__*/ (0, $8WNJc$react).createElement(CollectionBranch, {
@@ -826,7 +851,7 @@ let $76d00c5a4edb230a$var$TableBodyElementType = /*#__PURE__*/ (0, $8WNJc$forwar
         ref: ref
     });
 });
-const $76d00c5a4edb230a$export$76ccd210b9029917 = /*#__PURE__*/ (0, $8WNJc$createBranchComponent)($76d00c5a4edb230a$var$TableBodyNode, (props, ref)=>{
+const $76d00c5a4edb230a$export$76ccd210b9029917 = /*#__PURE__*/ (0, $8WNJc$createBranchComponent)($76d00c5a4edb230a$var$TableBodyNode, (props, ref, node)=>{
     let state = (0, $8WNJc$useContext)($76d00c5a4edb230a$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $8WNJc$useContext)((0, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5));
     let collection = state.collection;
@@ -882,10 +907,53 @@ const $76d00c5a4edb230a$export$76ccd210b9029917 = /*#__PURE__*/ (0, $8WNJc$creat
         "data-empty": isEmpty || undefined
     }, isDroppable && /*#__PURE__*/ (0, $8WNJc$react).createElement($76d00c5a4edb230a$var$RootDropIndicator, null), /*#__PURE__*/ (0, $8WNJc$react).createElement(CollectionBranch, {
         collection: collection,
-        parent: collection.body,
+        parent: node,
         renderDropIndicator: (0, $f9554a667e4f0374$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
     }), emptyState);
 });
+class $76d00c5a4edb230a$var$TableFooterNode extends (0, $8WNJc$FilterableNode) {
+    static{
+        this.type = 'tablefooter';
+    }
+}
+let $76d00c5a4edb230a$var$TableFooterElementType = /*#__PURE__*/ (0, $8WNJc$forwardRef)(function TableFooterElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $8WNJc$useContext)((0, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $8WNJc$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $8WNJc$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).tfoot, {
+        ...props,
+        ref: ref
+    });
+});
+const $76d00c5a4edb230a$export$1f116082bba1f9a8 = /*#__PURE__*/ (0, $8WNJc$createBranchComponent)($76d00c5a4edb230a$var$TableFooterNode, (props, ref, node)=>{
+    let state = (0, $8WNJc$useContext)($76d00c5a4edb230a$export$38de1cb0526c21fb);
+    let collection = state.collection;
+    let { CollectionBranch: CollectionBranch } = (0, $8WNJc$useContext)((0, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5));
+    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $8WNJc$useContext)((0, $f9554a667e4f0374$export$d188a835a7bc5783));
+    let { rowGroupProps: rowGroupProps } = (0, $8WNJc$useTableRowGroup)();
+    let DOMProps = (0, $8WNJc$filterDOMProps)(props, {
+        global: true
+    });
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        style: props.style,
+        className: props.className,
+        defaultClassName: 'react-aria-TableFooter',
+        values: {}
+    });
+    return /*#__PURE__*/ (0, $8WNJc$react).createElement($76d00c5a4edb230a$var$TableFooterElementType, {
+        ...(0, $8WNJc$mergeProps)(DOMProps, renderProps, rowGroupProps),
+        ref: ref
+    }, /*#__PURE__*/ (0, $8WNJc$react).createElement(CollectionBranch, {
+        collection: collection,
+        parent: node,
+        renderDropIndicator: (0, $f9554a667e4f0374$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
+    }));
+});
+const $76d00c5a4edb230a$export$1a75e308b53225a6 = /*#__PURE__*/ (0, $8WNJc$createContext)({
+    isFocusVisibleWithinRow: false
+});
 class $76d00c5a4edb230a$var$TableRowNode extends (0, $8WNJc$CollectionNode) {
     static{
         this.type = 'item';
@@ -916,6 +984,7 @@ const $76d00c5a4edb230a$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $8WNJc$creat
     let state = (0, $8WNJc$useContext)($76d00c5a4edb230a$export$38de1cb0526c21fb);
     let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $8WNJc$useContext)((0, $f9554a667e4f0374$export$d188a835a7bc5783));
     let { isVirtualized: isVirtualized, CollectionBranch: CollectionBranch } = (0, $8WNJc$useContext)((0, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5));
+    let isDraggable = dragState && !(dragState.isDisabled || dragState.selectionManager.isDisabled(item.key));
     let { rowProps: rowProps, expandButtonProps: expandButtonProps, ...states } = (0, $8WNJc$useTableRow)({
         node: item,
         shouldSelectOnPressUp: !!dragState,
@@ -926,7 +995,9 @@ const $76d00c5a4edb230a$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $8WNJc$creat
         within: true
     });
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8WNJc$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
@@ -969,6 +1040,7 @@ const $76d00c5a4edb230a$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $8WNJc$creat
         },
         values: {
             ...states,
+            state: state,
             isHovered: isHovered,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
@@ -1031,6 +1103,15 @@ const $76d00c5a4edb230a$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $8WNJc$creat
                     }
                 }
             ],
+            [
+                (0, $ed8ccb2e23e76301$export$c32003b803b6c22e),
+                {
+                    slots: {
+                        [(0, $7230ffa83bc0c2cf$export$c62b8e45d58ddad9)]: {},
+                        selection: checkboxProps
+                    }
+                }
+            ],
             [
                 (0, $7705c033048f6da7$export$24d547caef80ccd1),
                 {
@@ -1052,6 +1133,12 @@ const $76d00c5a4edb230a$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $8WNJc$creat
                 {
                     isSelected: states.isSelected
                 }
+            ],
+            [
+                $76d00c5a4edb230a$export$1a75e308b53225a6,
+                {
+                    isFocusVisibleWithinRow: isFocusVisibleWithin
+                }
             ]
         ]
     }, /*#__PURE__*/ (0, $8WNJc$react).createElement(CollectionBranch, {
@@ -1098,6 +1185,7 @@ const $76d00c5a4edb230a$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $8WNJc$creat
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $8WNJc$useFocusRing)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8WNJc$useHover)({});
+    let { isFocusVisibleWithinRow: isFocusVisibleWithinRow } = (0, $8WNJc$useContext)($76d00c5a4edb230a$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;
@@ -1112,6 +1200,7 @@ const $76d00c5a4edb230a$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $8WNJc$creat
         values: {
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
+            isFocusVisibleWithinRow: isFocusVisibleWithinRow,
             isPressed: isPressed,
             isHovered: isHovered,
             isSelected: isSelected,
@@ -1133,6 +1222,7 @@ const $76d00c5a4edb230a$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $8WNJc$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,
@@ -1329,5 +1419,5 @@ const $76d00c5a4edb230a$export$8f5bea0338ed243c = (0, $8WNJc$createLeafComponent
 });
 
 
-export {$76d00c5a4edb230a$export$7063e69b8a954175 as ResizableTableContainer, $76d00c5a4edb230a$export$93e4b0b2cc49b648 as TableContext, $76d00c5a4edb230a$export$38de1cb0526c21fb as TableStateContext, $76d00c5a4edb230a$export$a2680a798823803c as TableColumnResizeStateContext, $76d00c5a4edb230a$export$54ec01a60f47d33d as Table, $76d00c5a4edb230a$export$fddc468cd8cb4db9 as useTableOptions, $76d00c5a4edb230a$export$f850895b287ef28e as TableHeader, $76d00c5a4edb230a$export$816b5d811295e6bc as Column, $76d00c5a4edb230a$export$ee689e97a7664bfd as ColumnResizer, $76d00c5a4edb230a$export$76ccd210b9029917 as TableBody, $76d00c5a4edb230a$export$b59bdbef9ce70de2 as Row, $76d00c5a4edb230a$export$f6f0c3fe4ec306ea as Cell, $76d00c5a4edb230a$export$8f5bea0338ed243c as TableLoadMoreItem, $117bf84ed4596724$export$62444c3c724b1b20 as TableLayout};
+export {$76d00c5a4edb230a$export$7063e69b8a954175 as ResizableTableContainer, $76d00c5a4edb230a$export$93e4b0b2cc49b648 as TableContext, $76d00c5a4edb230a$export$38de1cb0526c21fb as TableStateContext, $76d00c5a4edb230a$export$a2680a798823803c as TableColumnResizeStateContext, $76d00c5a4edb230a$export$54ec01a60f47d33d as Table, $76d00c5a4edb230a$export$fddc468cd8cb4db9 as useTableOptions, $76d00c5a4edb230a$export$f850895b287ef28e as TableHeader, $76d00c5a4edb230a$export$816b5d811295e6bc as Column, $76d00c5a4edb230a$export$ee689e97a7664bfd as ColumnResizer, $76d00c5a4edb230a$export$76ccd210b9029917 as TableBody, $76d00c5a4edb230a$export$1f116082bba1f9a8 as TableFooter, $76d00c5a4edb230a$export$1a75e308b53225a6 as RowFocusContext, $76d00c5a4edb230a$export$b59bdbef9ce70de2 as Row, $76d00c5a4edb230a$export$f6f0c3fe4ec306ea as Cell, $76d00c5a4edb230a$export$8f5bea0338ed243c as TableLoadMoreItem};
 //# sourceMappingURL=Table.mjs.map