@react-spectrum/card 3.0.0-alpha.19 → 3.0.0-alpha.20

package/dist/module.js

@@ -13,7 +13,6 @@ import {Checkbox as $8EWFi$Checkbox} from "@react-spectrum/checkbox";
 import {getFocusableTreeWalker as $8EWFi$getFocusableTreeWalker, FocusRing as $8EWFi$FocusRing} from "@react-aria/focus";
 import {useHover as $8EWFi$useHover, useFocusWithin as $8EWFi$useFocusWithin} from "@react-aria/interactions";
 import {Size as $8EWFi$Size, Rect as $8EWFi$Rect, LayoutInfo as $8EWFi$LayoutInfo, Layout as $8EWFi$Layout} from "@react-stately/virtualizer";
-import $8EWFi$swchelperssrc_define_propertymjs from "@swc/helpers/src/_define_property.mjs";
 import {getFirstItem as $8EWFi$getFirstItem, getChildNodes as $8EWFi$getChildNodes} from "@react-stately/collections";
 
 function $parcel$interopDefault(a) {
@@ -58,7 +57,6 @@ function $parcel$export(e, n, v, s) {
 
 
 
-
 var $408a78e5068502c2$exports = {};
 
 $parcel$export($408a78e5068502c2$exports, "spectrum-Card", () => $408a78e5068502c2$export$4e5e9f191b1edb8, (v) => $408a78e5068502c2$export$4e5e9f191b1edb8 = v);
@@ -332,7 +330,7 @@ function $643dd8fa80926f94$var$useCard(props) {
 
 
 
-var $e24fb79fb8b63230$exports = {};
+var $49aba923a95704ba$exports = {};
 var $6cb102354c06de53$exports = {};
 $6cb102354c06de53$exports = {
     "loading": `جارٍ التحميل...`,
@@ -571,7 +569,7 @@ $b7e2865acb74a940$exports = {
 };
 
 
-$e24fb79fb8b63230$exports = {
+$49aba923a95704ba$exports = {
     "ar-AE": $6cb102354c06de53$exports,
     "bg-BG": $17b8c838d83f13fc$exports,
     "cs-CZ": $1ddb4e1a3e8b15a5$exports,
@@ -639,7 +637,7 @@ function $81a52da995c19652$var$CardView(props, ref) {
         scale
     ]);
     let layoutType = cardViewLayout.layoutType;
-    let stringFormatter = (0, $8EWFi$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($e24fb79fb8b63230$exports))));
+    let stringFormatter = (0, $8EWFi$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($49aba923a95704ba$exports))));
     let { direction: direction  } = (0, $8EWFi$useLocale)();
     let { collection: collection  } = (0, $8EWFi$useListState)(props);
     let gridCollection = (0, $8EWFi$useMemo)(()=>new (0, $8EWFi$GridCollection)({
@@ -681,11 +679,14 @@ function $81a52da995c19652$var$CardView(props, ref) {
         isVirtualized: true,
         keyboardDelegate: cardViewLayout
     }, state, domRef);
-    let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8EWFi$VirtualizerItem), {
+    let renderWrapper = (parent, reusableView)=>{
+        /*#__PURE__*/ return (0, $8EWFi$react).createElement((0, $8EWFi$VirtualizerItem), {
             key: reusableView.key,
-            reusableView: reusableView,
-            parent: parent
-        });
+            layoutInfo: reusableView.layoutInfo,
+            virtualizer: reusableView.virtualizer,
+            parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo
+        }, reusableView.rendered);
+    };
     let focusedKey = state.selectionManager.focusedKey;
     let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);
     if ((focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) != null) focusedKey = focusedItem.parentKey;
@@ -820,7 +821,6 @@ function $81a52da995c19652$var$InternalCard(props) {
  * governing permissions and limitations under the License.
  */ 
 
-
 class $3d424c147206bac9$export$64943d2e59d72a29 extends (0, $8EWFi$Layout) {
     validate(invalidationContext) {
         this.collection = this.virtualizer.collection;
@@ -950,13 +950,13 @@ class $3d424c147206bac9$export$64943d2e59d72a29 extends (0, $8EWFi$Layout) {
             if (layoutInfo && layoutInfo.rect.y > pageY) while(layoutInfo && layoutInfo.rect.y > pageY){
                 var _getFirstItem, _this_collection_getItem1;
                 let childKey = (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$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);
+                let keyAbove = (_this_collection_getItem1 = this.collection.getItem(this.getKeyAbove(childKey))) === null || _this_collection_getItem1 === void 0 ? void 0 : _this_collection_getItem1.parentKey;
+                layoutInfo = this.getLayoutInfo(keyAbove);
             }
             if (layoutInfo) {
                 var _getFirstItem1;
-                let childKey1 = (_getFirstItem1 = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
-                return childKey1;
+                let childKey = (_getFirstItem1 = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
+                return childKey;
             }
         }
         return this.getFirstKey();
@@ -977,13 +977,13 @@ class $3d424c147206bac9$export$64943d2e59d72a29 extends (0, $8EWFi$Layout) {
             if (layoutInfo && layoutInfo.rect.y < pageY) while(layoutInfo && layoutInfo.rect.y < pageY){
                 var _getFirstItem, _this_collection_getItem1;
                 let childKey = (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$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);
+                let keyBelow = (_this_collection_getItem1 = this.collection.getItem(this.getKeyBelow(childKey))) === null || _this_collection_getItem1 === void 0 ? void 0 : _this_collection_getItem1.parentKey;
+                layoutInfo = this.getLayoutInfo(keyBelow);
             }
             if (layoutInfo) {
                 var _getFirstItem1;
-                let childKey1 = (_getFirstItem1 = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
-                return childKey1;
+                let childKey = (_getFirstItem1 = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
+                return childKey;
             }
         }
         return this.getLastKey();
@@ -1007,7 +1007,7 @@ class $3d424c147206bac9$export$64943d2e59d72a29 extends (0, $8EWFi$Layout) {
     }
     constructor(options = {}){
         super();
-        (0, $8EWFi$swchelperssrc_define_propertymjs)(this, "disabledKeys", new Set());
+        this.disabledKeys = new Set();
         this.layoutInfos = new Map();
         this.collator = options.collator;
         this.lastCollection = null;
@@ -1122,23 +1122,23 @@ class $c0ba81539c443916$export$8e52095834484b61 extends (0, $3d424c147206bac9$ex
                 let x = this.margin;
                 // if any items are going to end up too small, add a bit of width to them and subtract it from wider objects
                 let widths = [];
-                for(let j1 = index; j1 < index + row.length; j1++){
-                    let width = Math.round(bestRowHeight * ratios[j1]);
+                for(let j = index; j < index + row.length; j++){
+                    let width = Math.round(bestRowHeight * ratios[j]);
                     widths.push([
-                        j1 - index,
+                        j - index,
                         width
                     ]);
                 }
                 this._distributeWidths(widths);
                 // Create items for this row.
-                for(let j2 = index; j2 < index + row.length; j2++){
-                    let node1 = this.collection.rows[j2];
-                    let itemWidth1 = Math.max(widths[j2 - index][1], this.minItemSize.width);
-                    let rect = new (0, $8EWFi$Rect)(x, y, itemWidth1, itemHeight);
-                    let layoutInfo = new (0, $8EWFi$LayoutInfo)(node1.type, node1.key, rect);
+                for(let j = index; j < index + row.length; j++){
+                    let node = this.collection.rows[j];
+                    let itemWidth = Math.max(widths[j - index][1], this.minItemSize.width);
+                    let rect = new (0, $8EWFi$Rect)(x, y, itemWidth, itemHeight);
+                    let layoutInfo = new (0, $8EWFi$LayoutInfo)(node.type, node.key, rect);
                     layoutInfo.allowOverflow = true;
-                    this.layoutInfos.set(node1.key, layoutInfo);
-                    x += itemWidth1 + this.itemSpacing.width;
+                    this.layoutInfos.set(node.key, layoutInfo);
+                    x += itemWidth + this.itemSpacing.width;
                 }
                 y += itemHeight + this.itemSpacing.height;
                 index += row.length;
@@ -1152,14 +1152,14 @@ class $c0ba81539c443916$export$8e52095834484b61 extends (0, $3d424c147206bac9$ex
                     loaderY = 0;
                     loaderHeight = visibleHeight || 60;
                 }
-                let rect1 = new (0, $8EWFi$Rect)(0, loaderY, visibleWidth, loaderHeight);
-                let loader = new (0, $8EWFi$LayoutInfo)("loader", "loader", rect1);
+                let rect = new (0, $8EWFi$Rect)(0, loaderY, visibleWidth, loaderHeight);
+                let loader = new (0, $8EWFi$LayoutInfo)("loader", "loader", rect);
                 this.layoutInfos.set("loader", loader);
                 y = loader.rect.maxY;
             }
             if (this.collection.size === 0 && !this.isLoading) {
-                let rect2 = new (0, $8EWFi$Rect)(0, 0, visibleWidth, visibleHeight);
-                let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect2);
+                let rect = new (0, $8EWFi$Rect)(0, 0, visibleWidth, visibleHeight);
+                let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect);
                 this.layoutInfos.set("placeholder", placeholder);
                 y = placeholder.rect.maxY;
             }
@@ -1190,21 +1190,21 @@ function $c0ba81539c443916$var$linearPartition(seq, k) {
     let table = Array(n).fill(0).map(()=>Array(k).fill(0));
     let solution = Array(n - 1).fill(0).map(()=>Array(k - 1).fill(0));
     for(let i = 0; i < n; i++)table[i][0] = seq[i] + (i > 0 ? table[i - 1][0] : 0);
-    for(let i1 = 0; i1 < k; i1++)table[0][i1] = seq[0];
-    for(let i2 = 1; i2 < n; i2++)for(let j = 1; j < k; j++){
+    for(let i = 0; i < k; i++)table[0][i] = seq[0];
+    for(let i = 1; i < n; i++)for(let j = 1; j < k; j++){
         let currentMin = 0;
         let minX = Infinity;
-        for(let x = 0; x < i2; x++){
+        for(let x = 0; x < i; x++){
             let c1 = table[x][j - 1];
-            let c2 = table[i2][0] - table[x][0];
+            let c2 = table[i][0] - table[x][0];
             let cost = Math.max(c1, c2);
             if (!x || cost < currentMin) {
                 currentMin = cost;
                 minX = x;
             }
         }
-        table[i2][j] = currentMin;
-        solution[i2 - 1][j - 1] = minX;
+        table[i][j] = currentMin;
+        solution[i - 1][j - 1] = minX;
     }
     n = n - 1;
     k = k - 2;
@@ -1212,15 +1212,15 @@ function $c0ba81539c443916$var$linearPartition(seq, k) {
     while(k >= 0){
         if (n >= 1) {
             let row = [];
-            for(let i3 = solution[n - 1][k] + 1; i3 < n + 1; i3++)row.push(seq[i3]);
+            for(let i = solution[n - 1][k] + 1; i < n + 1; i++)row.push(seq[i]);
             result.unshift(row);
             n = solution[n - 1][k];
         }
         k--;
     }
-    let row1 = [];
-    for(let i4 = 0; i4 < n + 1; i4++)row1.push(seq[i4]);
-    result.unshift(row1);
+    let row = [];
+    for(let i = 0; i < n + 1; i++)row.push(seq[i]);
+    result.unshift(row);
     return result;
 }
 
@@ -1296,8 +1296,8 @@ class $ed42fd44b9b9b664$export$7d2b12578154a735 extends (0, $3d424c147206bac9$ex
             let lastVisibleItem = this.getIndexAtPoint(rect.maxX, rect.maxY);
             for(let index = firstVisibleItem; index <= lastVisibleItem; index++){
                 let keyFromIndex = this.collection.rows[index].key;
-                let layoutInfo1 = this.layoutInfos.get(keyFromIndex);
-                if (layoutInfo1 && this.isVisible(layoutInfo1, rect)) res.push(layoutInfo1);
+                let layoutInfo = this.layoutInfos.get(keyFromIndex);
+                if (layoutInfo && this.isVisible(layoutInfo, rect)) res.push(layoutInfo);
             }
             // Check if loader is in view and add to res if so
             let loader = this.layoutInfos.get("loader");
@@ -1350,8 +1350,8 @@ class $ed42fd44b9b9b664$export$7d2b12578154a735 extends (0, $3d424c147206bac9$ex
             y = loader.rect.maxY;
         }
         if (this.collection.size === 0 && !this.isLoading) {
-            let rect1 = new (0, $8EWFi$Rect)(0, 0, visibleWidth, visibleHeight);
-            let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect1);
+            let rect = new (0, $8EWFi$Rect)(0, 0, visibleWidth, visibleHeight);
+            let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect);
             this.layoutInfos.set("placeholder", placeholder);
             y = placeholder.rect.maxY;
         }
@@ -1482,9 +1482,9 @@ class $03278f8d0f6860bb$export$e9f7cda058ba8df8 extends (0, $3d424c147206bac9$ex
         // Reset all columns to the maximum for the next section
         let maxHeight = Math.max.apply(Math, columnHeights) - this.minSpace.height + this.margin;
         columnHeights.fill(maxHeight);
-        let y1 = columnHeights[0];
+        let y = columnHeights[0];
         if (this.isLoading) {
-            let loaderY = y1;
+            let loaderY = y;
             let loaderHeight = 60;
             // If there aren't any items, make loader take all avaliable room and remove margin from y calculation
             // so it doesn't scroll
@@ -1492,18 +1492,18 @@ class $03278f8d0f6860bb$export$e9f7cda058ba8df8 extends (0, $3d424c147206bac9$ex
                 loaderY = 0;
                 loaderHeight = this.virtualizer.visibleRect.height || 60;
             }
-            let rect1 = new (0, $8EWFi$Rect)(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);
-            let loader = new (0, $8EWFi$LayoutInfo)("loader", "loader", rect1);
+            let rect = new (0, $8EWFi$Rect)(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);
+            let loader = new (0, $8EWFi$LayoutInfo)("loader", "loader", rect);
             this.layoutInfos.set("loader", loader);
-            y1 = loader.rect.maxY;
+            y = loader.rect.maxY;
         }
         if (this.collection.size === 0 && !this.isLoading) {
-            let rect2 = new (0, $8EWFi$Rect)(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
-            let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect2);
+            let rect = new (0, $8EWFi$Rect)(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
+            let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect);
             this.layoutInfos.set("placeholder", placeholder);
-            y1 = placeholder.rect.maxY;
+            y = placeholder.rect.maxY;
         }
-        this.contentSize = new (0, $8EWFi$Size)(this.virtualizer.visibleRect.width, y1);
+        this.contentSize = new (0, $8EWFi$Size)(this.virtualizer.visibleRect.width, y);
     }
     updateItemSize(key, size) {
         let layoutInfo = this.layoutInfos.get(key);