@react-spectrum/card 3.0.0-alpha.16 → 3.0.0-alpha.18

package/dist/main.js

@@ -14,6 +14,7 @@ var $jpY3B$reactariafocus = require("@react-aria/focus");
 var $jpY3B$reactariainteractions = require("@react-aria/interactions");
 var $jpY3B$reactstatelyvirtualizer = require("@react-stately/virtualizer");
 var $jpY3B$swchelperslib_define_propertyjs = require("@swc/helpers/lib/_define_property.js");
+var $jpY3B$reactstatelycollections = require("@react-stately/collections");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -825,6 +826,7 @@ function $514a55f6d91f25ef$var$InternalCard(props) {
  * governing permissions and limitations under the License.
  */ 
 
+
 class $5ee605f09afaa4de$export$64943d2e59d72a29 extends (0, $jpY3B$reactstatelyvirtualizer.Layout) {
     validate(invalidationContext) {
         this.collection = this.virtualizer.collection;
@@ -887,31 +889,32 @@ class $5ee605f09afaa4de$export$64943d2e59d72a29 extends (0, $jpY3B$reactstatelyv
         return best || null;
     }
     getKeyBelow(key) {
-        var _this__findClosest, _closestRow_childNodes_;
+        var _this__findClosest, _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let layoutInfo = this.getLayoutInfo(parentRowKey);
         let rect = new (0, $jpY3B$reactstatelyvirtualizer.Rect)(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);
         let closestRow = this.collection.getItem((_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key);
-        return (_closestRow_childNodes_ = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || _closestRow_childNodes_ === void 0 ? void 0 : _closestRow_childNodes_.key;
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(closestRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getKeyAbove(key) {
-        var _this__findClosest, _closestRow_childNodes_;
+        var _this__findClosest, _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let layoutInfo = this.getLayoutInfo(parentRowKey);
         let rect = new (0, $jpY3B$reactstatelyvirtualizer.Rect)(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);
         let closestRow = this.collection.getItem((_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key);
-        return (_closestRow_childNodes_ = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || _closestRow_childNodes_ === void 0 ? void 0 : _closestRow_childNodes_.key;
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(closestRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getKeyRightOf(key) {
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         key = this.direction === "rtl" ? this.collection.getKeyBefore(parentRowKey) : this.collection.getKeyAfter(parentRowKey);
         while(key != null){
+            var _getFirstItem;
             let item = this.collection.getItem(key);
             // Don't check if item is disabled because we want to be able to focus disabled items in a grid (double check this)
-            if (item.type === "item") return item.childNodes[0].key;
+            if (item.type === "item") return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
             key = this.direction === "rtl" ? this.collection.getKeyBefore(key) : this.collection.getKeyAfter(key);
         }
     }
@@ -920,19 +923,22 @@ class $5ee605f09afaa4de$export$64943d2e59d72a29 extends (0, $jpY3B$reactstatelyv
         let parentRowKey = this.collection.getItem(key).parentKey;
         key = this.direction === "rtl" ? this.collection.getKeyAfter(parentRowKey) : this.collection.getKeyBefore(parentRowKey);
         while(key != null){
+            var _getFirstItem;
             let item = this.collection.getItem(key);
             // Don't check if item is disabled because we want to be able to focus disabled items in a grid (double check this)
-            if (item.type === "item") return item.childNodes[0].key;
+            if (item.type === "item") return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
             key = this.direction === "rtl" ? this.collection.getKeyAfter(key) : this.collection.getKeyBefore(key);
         }
     }
     getFirstKey() {
+        var _getFirstItem;
         let firstRow = this.collection.getItem(this.collection.getFirstKey());
-        return firstRow.childNodes[0].key;
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(firstRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getLastKey() {
+        var _getFirstItem;
         let lastRow = this.collection.getItem(this.collection.getLastKey());
-        return lastRow.childNodes[0].key;
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(lastRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     // TODO: pretty unwieldy because it needs to bounce back and forth between the parent key and the child key
     // Perhaps have layoutInfo store childKey as well so we don't need to do this? Or maybe make the layoutInfos be the cells instead of the rows?
@@ -948,13 +954,14 @@ class $5ee605f09afaa4de$export$64943d2e59d72a29 extends (0, $jpY3B$reactstatelyv
             let keyAbove = (_this_collection_getItem = this.collection.getItem(this.getKeyAbove(key))) === null || _this_collection_getItem === void 0 ? void 0 : _this_collection_getItem.parentKey;
             layoutInfo = this.getLayoutInfo(keyAbove);
             if (layoutInfo && layoutInfo.rect.y > pageY) while(layoutInfo && layoutInfo.rect.y > pageY){
-                var _this_collection_getItem1;
-                let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
+                var _getFirstItem, _this_collection_getItem1;
+                let childKey = (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
                 let keyAbove1 = (_this_collection_getItem1 = this.collection.getItem(this.getKeyAbove(childKey))) === null || _this_collection_getItem1 === void 0 ? void 0 : _this_collection_getItem1.parentKey;
                 layoutInfo = this.getLayoutInfo(keyAbove1);
             }
             if (layoutInfo) {
-                let childKey1 = this.collection.getItem(layoutInfo.key).childNodes[0].key;
+                var _getFirstItem1;
+                let childKey1 = (_getFirstItem1 = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
                 return childKey1;
             }
         }
@@ -974,13 +981,14 @@ class $5ee605f09afaa4de$export$64943d2e59d72a29 extends (0, $jpY3B$reactstatelyv
             let keyBelow = (_this_collection_getItem = this.collection.getItem(this.getKeyBelow(key))) === null || _this_collection_getItem === void 0 ? void 0 : _this_collection_getItem.parentKey;
             layoutInfo = this.getLayoutInfo(keyBelow);
             if (layoutInfo && layoutInfo.rect.y < pageY) while(layoutInfo && layoutInfo.rect.y < pageY){
-                var _this_collection_getItem1;
-                let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
+                var _getFirstItem, _this_collection_getItem1;
+                let childKey = (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
                 let keyBelow1 = (_this_collection_getItem1 = this.collection.getItem(this.getKeyBelow(childKey))) === null || _this_collection_getItem1 === void 0 ? void 0 : _this_collection_getItem1.parentKey;
                 layoutInfo = this.getLayoutInfo(keyBelow1);
             }
             if (layoutInfo) {
-                let childKey1 = this.collection.getItem(layoutInfo.key).childNodes[0].key;
+                var _getFirstItem1;
+                let childKey1 = (_getFirstItem1 = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
                 return childKey1;
             }
         }
@@ -995,10 +1003,9 @@ class $5ee605f09afaa4de$export$64943d2e59d72a29 extends (0, $jpY3B$reactstatelyv
         while(key != null){
             let item = collection.getItem(key);
             if (item.textValue) {
+                var _getFirstItem;
                 let substring = item.textValue.slice(0, search.length);
-                if (this.collator.compare(substring, search) === 0) return [
-                    ...item.childNodes
-                ][0].key;
+                if (this.collator.compare(substring, search) === 0) return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
             }
             key = this.collection.getKeyAfter(key);
         }
@@ -1236,6 +1243,7 @@ function $8019a3d2c7d098ea$var$linearPartition(seq, k) {
  * governing permissions and limitations under the License.
  */ 
 
+
 const $71b727f94b595b1a$var$DEFAULT_OPTIONS = {
     S: {
         itemPadding: 20,
@@ -1371,24 +1379,26 @@ class $71b727f94b595b1a$export$7d2b12578154a735 extends (0, $5ee605f09afaa4de$ex
     // then return the key that occupies the row + column below. This can be done by figuring out how many cards exist per column then dividing the
     // collection contents by that number (which will give us the row distribution)
     getKeyBelow(key) {
-        var _this_collection_rows_indexRowBelow;
+        var _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let indexRowBelow;
         let index = this.collection.rows.findIndex((card)=>card.key === parentRowKey);
         if (index !== -1) indexRowBelow = index + this.numColumns;
         else return null;
-        return ((_this_collection_rows_indexRowBelow = this.collection.rows[indexRowBelow]) === null || _this_collection_rows_indexRowBelow === void 0 ? void 0 : _this_collection_rows_indexRowBelow.childNodes[0].key) || null;
+        let row = this.collection.rows[indexRowBelow];
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(row, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getKeyAbove(key) {
-        var _this_collection_rows_indexRowAbove;
+        var _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let indexRowAbove;
         let index = this.collection.rows.findIndex((card)=>card.key === parentRowKey);
         if (index !== -1) indexRowAbove = index - this.numColumns;
         else return null;
-        return ((_this_collection_rows_indexRowAbove = this.collection.rows[indexRowAbove]) === null || _this_collection_rows_indexRowAbove === void 0 ? void 0 : _this_collection_rows_indexRowAbove.childNodes[0].key) || null;
+        let row = this.collection.rows[indexRowAbove];
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(row, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     constructor(options = {}){
         super(options);
@@ -1420,6 +1430,7 @@ class $71b727f94b595b1a$export$7d2b12578154a735 extends (0, $5ee605f09afaa4de$ex
  * governing permissions and limitations under the License.
  */ 
 
+
 class $632abf8fbf0ad57b$export$e9f7cda058ba8df8 extends (0, $5ee605f09afaa4de$export$64943d2e59d72a29) {
     get layoutType() {
         return "waterfall";
@@ -1520,7 +1531,7 @@ class $632abf8fbf0ad57b$export$e9f7cda058ba8df8 extends (0, $5ee605f09afaa4de$ex
         return minIndex;
     }
     getClosestRight(key) {
-        var _this__findClosest, _this_collection_getItem_childNodes_, _this_collection_getItem;
+        var _this__findClosest, _getFirstItem;
         let layoutInfo = this.getLayoutInfo(key);
         // Refactored from v2. Current strategy is to find the closest card in the adjacent column.
         // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall
@@ -1533,10 +1544,11 @@ class $632abf8fbf0ad57b$export$e9f7cda058ba8df8 extends (0, $5ee605f09afaa4de$ex
             rect = new (0, $jpY3B$reactstatelyvirtualizer.Rect)(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = (_this__findClosest1 = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest1 === void 0 ? void 0 : _this__findClosest1.key;
         }
-        return (_this_collection_getItem_childNodes_ = (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : _this_collection_getItem.childNodes[0]) === null || _this_collection_getItem_childNodes_ === void 0 ? void 0 : _this_collection_getItem_childNodes_.key;
+        let item = this.collection.getItem(key);
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getClosestLeft(key) {
-        var _this__findClosest, _this_collection_getItem_childNodes_, _this_collection_getItem;
+        var _this__findClosest, _getFirstItem;
         let layoutInfo = this.getLayoutInfo(key);
         // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
         let rect = new (0, $jpY3B$reactstatelyvirtualizer.Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
@@ -1546,7 +1558,8 @@ class $632abf8fbf0ad57b$export$e9f7cda058ba8df8 extends (0, $5ee605f09afaa4de$ex
             rect = new (0, $jpY3B$reactstatelyvirtualizer.Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
             key = (_this__findClosest1 = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest1 === void 0 ? void 0 : _this__findClosest1.key;
         }
-        return (_this_collection_getItem_childNodes_ = (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : _this_collection_getItem.childNodes[0]) === null || _this_collection_getItem_childNodes_ === void 0 ? void 0 : _this_collection_getItem_childNodes_.key;
+        let item = this.collection.getItem(key);
+        return (_getFirstItem = (0, $jpY3B$reactstatelycollections.getFirstItem)((0, $jpY3B$reactstatelycollections.getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getKeyRightOf(key) {
         // Expected key is the currently focused cell so we need the parent row key