@react-spectrum/card 3.0.0-nightly.4552 → 3.0.0-nightly.4558

package/dist/BaseLayout.module.js

@@ -0,0 +1,213 @@
+import {getFirstItem as $1JdnP$getFirstItem, getChildNodes as $1JdnP$getChildNodes} from "@react-stately/collections";
+import {Rect as $1JdnP$Rect, Layout as $1JdnP$Layout} from "@react-stately/virtualizer";
+
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+class $3d424c147206bac9$export$64943d2e59d72a29 extends (0, $1JdnP$Layout) {
+    validate(invalidationContext) {
+        this.collection = this.virtualizer.collection;
+        this.buildCollection(invalidationContext);
+        // Remove layout info that doesn't exist in new collection
+        if (this.lastCollection) {
+            for (let key of this.lastCollection.getKeys())if (!this.collection.getItem(key)) this.layoutInfos.delete(key);
+            if (!this.isLoading) this.layoutInfos.delete("loader");
+            if (this.collection.size > 0) this.layoutInfos.delete("placeholder");
+        }
+        this.lastCollection = this.collection;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    buildCollection(invalidationContext) {}
+    getContentSize() {
+        return this.contentSize;
+    }
+    getLayoutInfo(key) {
+        return this.layoutInfos.get(key);
+    }
+    getVisibleLayoutInfos(rect) {
+        let res = [];
+        for (let layoutInfo of this.layoutInfos.values())if (this.isVisible(layoutInfo, rect)) res.push(layoutInfo);
+        return res;
+    }
+    isVisible(layoutInfo, rect) {
+        return layoutInfo.rect.intersects(rect);
+    }
+    getInitialLayoutInfo(layoutInfo) {
+        layoutInfo.opacity = 0;
+        layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
+        return layoutInfo;
+    }
+    getFinalLayoutInfo(layoutInfo) {
+        layoutInfo.opacity = 0;
+        layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
+        return layoutInfo;
+    }
+    _findClosestLayoutInfo(target, rect) {
+        let layoutInfos = this.getVisibleLayoutInfos(rect);
+        let best = null;
+        let bestDistance = Infinity;
+        // Calculates distance as the distance between the center of 2 rects.
+        for (let cur of layoutInfos)if (cur.type === "item") {
+            let curRect = cur.rect;
+            let targetMidX = (target.x + target.maxX) / 2;
+            let targetMidY = (target.y + target.maxY) / 2;
+            let curMidX = (curRect.x + curRect.maxX) / 2;
+            let curMidY = (curRect.y + curRect.maxY) / 2;
+            let dist = Math.pow(targetMidX - curMidX, 2) + Math.pow(targetMidY - curMidY, 2);
+            if (dist < bestDistance) {
+                best = cur;
+                bestDistance = dist;
+            }
+        }
+        return best;
+    }
+    _findClosest(target, rect) {
+        let best = this._findClosestLayoutInfo(target, rect);
+        return best || null;
+    }
+    getKeyBelow(key) {
+        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, $1JdnP$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 (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(closestRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+    }
+    getKeyAbove(key) {
+        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, $1JdnP$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 (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$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 (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+            key = this.direction === "rtl" ? this.collection.getKeyBefore(key) : this.collection.getKeyAfter(key);
+        }
+    }
+    getKeyLeftOf(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.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 (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$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 (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(firstRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+    }
+    getLastKey() {
+        var _getFirstItem;
+        let lastRow = this.collection.getItem(this.collection.getLastKey());
+        return (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$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?
+    getKeyPageAbove(key) {
+        // 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);
+        if (layoutInfo) {
+            var _this_collection_getItem;
+            let pageY = Math.max(0, layoutInfo.rect.y + layoutInfo.rect.height - this.virtualizer.visibleRect.height);
+            // If the node is so large that it spans multiple page heights, return the key of the item immediately above
+            // Otherwise keep going up until we exceed a single page height worth of nodes
+            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 _getFirstItem, _this_collection_getItem1;
+                let childKey = (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+                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 childKey = (_getFirstItem1 = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
+                return childKey;
+            }
+        }
+        return this.getFirstKey();
+    }
+    // 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?
+    getKeyPageBelow(key) {
+        // 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);
+        if (layoutInfo) {
+            var _this_collection_getItem;
+            let pageY = Math.min(this.virtualizer.contentSize.height, layoutInfo.rect.y - layoutInfo.rect.height + this.virtualizer.visibleRect.height);
+            // If the node is so large that it spans multiple page heights, return the key of the item immediately below
+            // Otherwise keep going up until we exceed a single page height worth of nodes
+            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 _getFirstItem, _this_collection_getItem1;
+                let childKey = (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+                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 childKey = (_getFirstItem1 = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
+                return childKey;
+            }
+        }
+        return this.getLastKey();
+    }
+    getKeyForSearch(search, fromKey) {
+        if (!this.collator) return null;
+        let collection = this.collection;
+        let key = fromKey !== null && fromKey !== void 0 ? fromKey : this.getFirstKey();
+        let startItem = collection.getItem(key);
+        key = startItem.parentKey;
+        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 (_getFirstItem = (0, $1JdnP$getFirstItem)((0, $1JdnP$getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+            }
+            key = this.collection.getKeyAfter(key);
+        }
+        return null;
+    }
+    constructor(options = {}){
+        super();
+        this.disabledKeys = new Set();
+        this.layoutInfos = new Map();
+        this.collator = options.collator;
+        this.lastCollection = null;
+        this.scale = options.scale || "medium";
+        this.margin = options.margin || 24;
+    }
+}
+
+
+export {$3d424c147206bac9$export$64943d2e59d72a29 as BaseLayout};
+//# sourceMappingURL=BaseLayout.module.js.map

package/dist/BaseLayout.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/card/src/BaseLayout.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Direction, Key, KeyboardDelegate, Node} from '@react-types/shared';\nimport {getChildNodes, getFirstItem} from '@react-stately/collections';\nimport {GridCollection} from '@react-stately/grid';\nimport {InvalidationContext, Layout, LayoutInfo, Rect, Size} from '@react-stately/virtualizer';\nimport {Scale} from '@react-types/provider';\n\nexport interface BaseLayoutOptions {\n  collator?: Intl.Collator,\n  // TODO: is this valid or is scale a spectrum specific thing that should be left out of the layouts?\n  scale?: Scale,\n  /**\n   * The margin around the grid view between the edges and the items.\n   * @default 24\n   */\n  margin?: number\n}\n\nexport class BaseLayout<T> extends Layout<Node<T>> implements KeyboardDelegate {\n  protected contentSize: Size;\n  protected layoutInfos: Map<Key, LayoutInfo>;\n  protected collator: Intl.Collator;\n  protected lastCollection: GridCollection<T>;\n  collection:  GridCollection<T>;\n  isLoading: boolean;\n  disabledKeys: Set<Key> = new Set();\n  direction: Direction;\n  scale: Scale;\n  margin: number;\n\n  constructor(options: BaseLayoutOptions = {}) {\n    super();\n    this.layoutInfos = new Map();\n    this.collator = options.collator;\n    this.lastCollection = null;\n    this.scale = options.scale || 'medium';\n    this.margin = options.margin || 24;\n  }\n\n  validate(invalidationContext: InvalidationContext<Node<T>, unknown>) {\n    this.collection = this.virtualizer.collection as GridCollection<T>;\n    this.buildCollection(invalidationContext);\n\n    // Remove layout info that doesn't exist in new collection\n    if (this.lastCollection) {\n      for (let key of this.lastCollection.getKeys()) {\n        if (!this.collection.getItem(key)) {\n          this.layoutInfos.delete(key);\n        }\n      }\n\n      if (!this.isLoading) {\n        this.layoutInfos.delete('loader');\n      }\n\n      if (this.collection.size > 0) {\n        this.layoutInfos.delete('placeholder');\n      }\n    }\n\n    this.lastCollection = this.collection;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  buildCollection(invalidationContext?: InvalidationContext<Node<T>, unknown>) {}\n\n  getContentSize() {\n    return this.contentSize;\n  }\n\n  getLayoutInfo(key: Key) {\n    return this.layoutInfos.get(key);\n  }\n\n  getVisibleLayoutInfos(rect) {\n    let res: LayoutInfo[] = [];\n\n    for (let layoutInfo of this.layoutInfos.values()) {\n      if (this.isVisible(layoutInfo, rect)) {\n        res.push(layoutInfo);\n      }\n    }\n\n    return res;\n  }\n\n  isVisible(layoutInfo: LayoutInfo, rect: Rect) {\n    return layoutInfo.rect.intersects(rect);\n  }\n\n  getInitialLayoutInfo(layoutInfo: LayoutInfo) {\n    layoutInfo.opacity = 0;\n    layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';\n    return layoutInfo;\n  }\n\n  getFinalLayoutInfo(layoutInfo: LayoutInfo) {\n    layoutInfo.opacity = 0;\n    layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';\n    return layoutInfo;\n  }\n\n  _findClosestLayoutInfo(target: Rect, rect: Rect) {\n    let layoutInfos = this.getVisibleLayoutInfos(rect);\n    let best = null;\n    let bestDistance = Infinity;\n\n    // Calculates distance as the distance between the center of 2 rects.\n    for (let cur of layoutInfos) {\n      if (cur.type === 'item') {\n        let curRect = cur.rect;\n        let targetMidX = (target.x + target.maxX) / 2;\n        let targetMidY = (target.y + target.maxY) / 2;\n        let curMidX = (curRect.x + curRect.maxX) / 2;\n        let curMidY = (curRect.y + curRect.maxY) / 2;\n        let dist = Math.pow(targetMidX - curMidX, 2) + Math.pow(targetMidY - curMidY, 2);\n        if (dist < bestDistance) {\n          best = cur;\n          bestDistance = dist;\n        }\n      }\n    }\n\n    return best;\n  }\n\n  _findClosest(target: Rect, rect: Rect) {\n    let best = this._findClosestLayoutInfo(target, rect);\n    return best || null;\n  }\n\n  getKeyBelow(key: Key) {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let layoutInfo = this.getLayoutInfo(parentRowKey);\n    let rect = new Rect(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);\n    let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)?.key);\n    return getFirstItem(getChildNodes(closestRow, this.collection))?.key;\n  }\n\n  getKeyAbove(key: Key) {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let layoutInfo = this.getLayoutInfo(parentRowKey);\n    let rect = new Rect(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);\n    let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)?.key);\n    return getFirstItem(getChildNodes(closestRow, this.collection))?.key;\n  }\n\n  getKeyRightOf(key: Key) {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    key = this.direction === 'rtl' ?  this.collection.getKeyBefore(parentRowKey) : this.collection.getKeyAfter(parentRowKey);\n\n    while (key != null) {\n      let item = this.collection.getItem(key);\n      // Don't check if item is disabled because we want to be able to focus disabled items in a grid (double check this)\n      if (item.type === 'item') {\n        return getFirstItem(getChildNodes(item, this.collection))?.key;\n      }\n      key = this.direction === 'rtl' ?  this.collection.getKeyBefore(key) : this.collection.getKeyAfter(key);\n    }\n  }\n\n  getKeyLeftOf(key: Key) {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    key = this.direction === 'rtl' ?  this.collection.getKeyAfter(parentRowKey) : this.collection.getKeyBefore(parentRowKey);\n    while (key != null) {\n      let item = this.collection.getItem(key);\n      // Don't check if item is disabled because we want to be able to focus disabled items in a grid (double check this)\n      if (item.type === 'item') {\n        return getFirstItem(getChildNodes(item, this.collection))?.key;\n      }\n\n      key = this.direction === 'rtl' ?  this.collection.getKeyAfter(key) : this.collection.getKeyBefore(key);\n    }\n  }\n\n  getFirstKey() {\n    let firstRow = this.collection.getItem(this.collection.getFirstKey());\n    return getFirstItem(getChildNodes(firstRow, this.collection))?.key;\n  }\n\n  getLastKey() {\n    let lastRow = this.collection.getItem(this.collection.getLastKey());\n    return getFirstItem(getChildNodes(lastRow, this.collection))?.key;\n  }\n\n  // TODO: pretty unwieldy because it needs to bounce back and forth between the parent key and the child key\n  // 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?\n  getKeyPageAbove(key: Key) {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let layoutInfo = this.getLayoutInfo(parentRowKey);\n\n    if (layoutInfo) {\n      let pageY = Math.max(0, layoutInfo.rect.y + layoutInfo.rect.height - this.virtualizer.visibleRect.height);\n      // If the node is so large that it spans multiple page heights, return the key of the item immediately above\n      // Otherwise keep going up until we exceed a single page height worth of nodes\n      let keyAbove = this.collection.getItem(this.getKeyAbove(key))?.parentKey;\n      layoutInfo = this.getLayoutInfo(keyAbove);\n\n      if (layoutInfo && layoutInfo.rect.y > pageY) {\n        while (layoutInfo && layoutInfo.rect.y > pageY) {\n          let childKey = getFirstItem(getChildNodes(this.collection.getItem(layoutInfo.key), this.collection))?.key;\n          let keyAbove = this.collection.getItem(this.getKeyAbove(childKey))?.parentKey;\n          layoutInfo = this.getLayoutInfo(keyAbove);\n        }\n      }\n\n      if (layoutInfo) {\n        let childKey = getFirstItem(getChildNodes(this.collection.getItem(layoutInfo.key), this.collection))?.key;\n        return childKey;\n      }\n    }\n\n    return this.getFirstKey();\n  }\n\n  // TODO: pretty unwieldy because it needs to bounce back and forth between the parent key and the child key\n  // Perhaps have layoutInfo store childKey as well so we don't need to do this?\n  getKeyPageBelow(key: Key) {\n    // Expected key is the currently focused cell so we need the parent row key\n    let parentRowKey = this.collection.getItem(key).parentKey;\n    let layoutInfo = this.getLayoutInfo(parentRowKey);\n    if (layoutInfo) {\n      let pageY = Math.min(this.virtualizer.contentSize.height, layoutInfo.rect.y - layoutInfo.rect.height + this.virtualizer.visibleRect.height);\n      // If the node is so large that it spans multiple page heights, return the key of the item immediately below\n      // Otherwise keep going up until we exceed a single page height worth of nodes\n      let keyBelow =  this.collection.getItem(this.getKeyBelow(key))?.parentKey;\n      layoutInfo = this.getLayoutInfo(keyBelow);\n      if (layoutInfo && layoutInfo.rect.y < pageY) {\n        while (layoutInfo && layoutInfo.rect.y < pageY) {\n          let childKey = getFirstItem(getChildNodes(this.collection.getItem(layoutInfo.key), this.collection))?.key;\n          let keyBelow = this.collection.getItem(this.getKeyBelow(childKey))?.parentKey;\n          layoutInfo = this.getLayoutInfo(keyBelow);\n        }\n      }\n\n      if (layoutInfo) {\n        let childKey = getFirstItem(getChildNodes(this.collection.getItem(layoutInfo.key), this.collection))?.key;\n        return childKey;\n      }\n    }\n\n    return this.getLastKey();\n  }\n\n  getKeyForSearch(search: string, fromKey?: Key) {\n    if (!this.collator) {\n      return null;\n    }\n\n    let collection = this.collection;\n    let key = fromKey ?? this.getFirstKey();\n\n    let startItem = collection.getItem(key);\n    key = startItem.parentKey;\n\n    while (key != null) {\n      let item = collection.getItem(key);\n      if (item.textValue) {\n        let substring = item.textValue.slice(0, search.length);\n        if (this.collator.compare(substring, search) === 0) {\n          return getFirstItem(getChildNodes(item, this.collection))?.key;\n        }\n      }\n\n      key = this.collection.getKeyAfter(key);\n    }\n\n    return null;\n  }\n}\n"],"names":[],"version":3,"file":"BaseLayout.module.js.map"}

package/dist/Card.main.js

@@ -0,0 +1,51 @@
+var $7888205ff7de382f$exports = require("./CardBase.main.js");
+var $e57ab98cef2f01a5$exports = require("./CardViewContext.main.js");
+var $495a5$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Card", () => $6b630ac4b78ba7f3$export$60332b2344f7fe41);
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+let $6b630ac4b78ba7f3$var$Card = /*#__PURE__*/ (0, $495a5$react.forwardRef)((props, ref)=>{
+    let context = (0, $e57ab98cef2f01a5$exports.useCardViewContext)();
+    if (context !== null) return null;
+    else return /*#__PURE__*/ (0, ($parcel$interopDefault($495a5$react))).createElement((0, $7888205ff7de382f$exports.CardBase), {
+        ...props,
+        ref: ref
+    });
+});
+// @ts-ignore
+$6b630ac4b78ba7f3$var$Card.getCollectionNode = function* getCollectionNode(props) {
+    let { children: children, textValue: textValue } = props;
+    yield {
+        type: "item",
+        props: props,
+        rendered: children,
+        "aria-label": props["aria-label"],
+        hasChildNodes: false,
+        textValue: textValue
+    };
+};
+let $6b630ac4b78ba7f3$export$60332b2344f7fe41 = $6b630ac4b78ba7f3$var$Card;
+
+
+//# sourceMappingURL=Card.main.js.map

package/dist/Card.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAUD,IAAI,2CAAO,CAAA,GAAA,uBAAS,EAAE,CAAC,OAA0B;IAC/C,IAAI,UAAU,CAAA,GAAA,4CAAiB;IAC/B,IAAI,YAAY,MACd,OAAO;SAEP,qBACE,0DAAC,CAAA,GAAA,kCAAO;QAAG,GAAG,KAAK;QAAE,KAAK;;AAGhC;AAEA,aAAa;AACb,2BAAK,iBAAiB,GAAG,UAAU,kBAAqB,KAAU;IAChE,IAAI,YAAC,QAAQ,aAAE,SAAS,EAAC,GAAG;IAE5B,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;QACV,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;mBACf;IACF;AACF;AAEA,IAAI,4CAAQ","sources":["packages/@react-spectrum/card/src/Card.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CardBase} from './CardBase';\nimport {DOMRef, DOMRefValue, ItemProps} from '@react-types/shared';\nimport {PartialNode} from '@react-stately/collections';\nimport React, {forwardRef, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes} from 'react';\nimport {SpectrumCardProps} from '@react-types/card';\nimport {useCardViewContext} from './CardViewContext';\n\n\nlet Card = forwardRef((props: SpectrumCardProps, ref: DOMRef<HTMLDivElement>) => {\n  let context = useCardViewContext();\n  if (context !== null) {\n    return null;\n  } else {\n    return (\n      <CardBase {...props} ref={ref} />\n    );\n  }\n});\n\n// @ts-ignore\nCard.getCollectionNode = function* getCollectionNode<T>(props: any): Generator<PartialNode<T>> {\n  let {children, textValue} = props;\n\n  yield {\n    type: 'item',\n    props: props,\n    rendered: children,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false,\n    textValue\n  };\n};\n\nlet _Card = Card as ForwardRefExoticComponent<ItemProps<SpectrumCardProps> & PropsWithoutRef<SpectrumCardProps> & RefAttributes<DOMRefValue<HTMLDivElement>>>;\nexport {_Card as Card};\n"],"names":[],"version":3,"file":"Card.main.js.map"}

package/dist/Card.mjs

@@ -0,0 +1,42 @@
+import {CardBase as $643dd8fa80926f94$export$7a6ccaf429ad93a8} from "./CardBase.mjs";
+import {useCardViewContext as $8d180a244893de14$export$fea0b38586ec8f13} from "./CardViewContext.mjs";
+import $kaPls$react, {forwardRef as $kaPls$forwardRef} from "react";
+
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+let $d2d1c099b89e366a$var$Card = /*#__PURE__*/ (0, $kaPls$forwardRef)((props, ref)=>{
+    let context = (0, $8d180a244893de14$export$fea0b38586ec8f13)();
+    if (context !== null) return null;
+    else return /*#__PURE__*/ (0, $kaPls$react).createElement((0, $643dd8fa80926f94$export$7a6ccaf429ad93a8), {
+        ...props,
+        ref: ref
+    });
+});
+// @ts-ignore
+$d2d1c099b89e366a$var$Card.getCollectionNode = function* getCollectionNode(props) {
+    let { children: children, textValue: textValue } = props;
+    yield {
+        type: "item",
+        props: props,
+        rendered: children,
+        "aria-label": props["aria-label"],
+        hasChildNodes: false,
+        textValue: textValue
+    };
+};
+let $d2d1c099b89e366a$export$60332b2344f7fe41 = $d2d1c099b89e366a$var$Card;
+
+
+export {$d2d1c099b89e366a$export$60332b2344f7fe41 as Card};
+//# sourceMappingURL=Card.mjs.map

package/dist/Card.module.js

@@ -0,0 +1,42 @@
+import {CardBase as $643dd8fa80926f94$export$7a6ccaf429ad93a8} from "./CardBase.module.js";
+import {useCardViewContext as $8d180a244893de14$export$fea0b38586ec8f13} from "./CardViewContext.module.js";
+import $kaPls$react, {forwardRef as $kaPls$forwardRef} from "react";
+
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+let $d2d1c099b89e366a$var$Card = /*#__PURE__*/ (0, $kaPls$forwardRef)((props, ref)=>{
+    let context = (0, $8d180a244893de14$export$fea0b38586ec8f13)();
+    if (context !== null) return null;
+    else return /*#__PURE__*/ (0, $kaPls$react).createElement((0, $643dd8fa80926f94$export$7a6ccaf429ad93a8), {
+        ...props,
+        ref: ref
+    });
+});
+// @ts-ignore
+$d2d1c099b89e366a$var$Card.getCollectionNode = function* getCollectionNode(props) {
+    let { children: children, textValue: textValue } = props;
+    yield {
+        type: "item",
+        props: props,
+        rendered: children,
+        "aria-label": props["aria-label"],
+        hasChildNodes: false,
+        textValue: textValue
+    };
+};
+let $d2d1c099b89e366a$export$60332b2344f7fe41 = $d2d1c099b89e366a$var$Card;
+
+
+export {$d2d1c099b89e366a$export$60332b2344f7fe41 as Card};
+//# sourceMappingURL=Card.module.js.map

package/dist/Card.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAUD,IAAI,2CAAO,CAAA,GAAA,iBAAS,EAAE,CAAC,OAA0B;IAC/C,IAAI,UAAU,CAAA,GAAA,yCAAiB;IAC/B,IAAI,YAAY,MACd,OAAO;SAEP,qBACE,gCAAC,CAAA,GAAA,yCAAO;QAAG,GAAG,KAAK;QAAE,KAAK;;AAGhC;AAEA,aAAa;AACb,2BAAK,iBAAiB,GAAG,UAAU,kBAAqB,KAAU;IAChE,IAAI,YAAC,QAAQ,aAAE,SAAS,EAAC,GAAG;IAE5B,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;QACV,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;mBACf;IACF;AACF;AAEA,IAAI,4CAAQ","sources":["packages/@react-spectrum/card/src/Card.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CardBase} from './CardBase';\nimport {DOMRef, DOMRefValue, ItemProps} from '@react-types/shared';\nimport {PartialNode} from '@react-stately/collections';\nimport React, {forwardRef, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes} from 'react';\nimport {SpectrumCardProps} from '@react-types/card';\nimport {useCardViewContext} from './CardViewContext';\n\n\nlet Card = forwardRef((props: SpectrumCardProps, ref: DOMRef<HTMLDivElement>) => {\n  let context = useCardViewContext();\n  if (context !== null) {\n    return null;\n  } else {\n    return (\n      <CardBase {...props} ref={ref} />\n    );\n  }\n});\n\n// @ts-ignore\nCard.getCollectionNode = function* getCollectionNode<T>(props: any): Generator<PartialNode<T>> {\n  let {children, textValue} = props;\n\n  yield {\n    type: 'item',\n    props: props,\n    rendered: children,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false,\n    textValue\n  };\n};\n\nlet _Card = Card as ForwardRefExoticComponent<ItemProps<SpectrumCardProps> & PropsWithoutRef<SpectrumCardProps> & RefAttributes<DOMRefValue<HTMLDivElement>>>;\nexport {_Card as Card};\n"],"names":[],"version":3,"file":"Card.module.js.map"}

package/dist/CardBase.main.js

@@ -0,0 +1,205 @@
+require("./vars.e5a6cd16.css");
+var $71570f0038472fa2$exports = require("./card_vars_css.main.js");
+var $e57ab98cef2f01a5$exports = require("./CardViewContext.main.js");
+var $1rjnI$reactspectrumcheckbox = require("@react-spectrum/checkbox");
+var $1rjnI$reactspectrumutils = require("@react-spectrum/utils");
+var $1rjnI$reactariautils = require("@react-aria/utils");
+var $1rjnI$reactariafocus = require("@react-aria/focus");
+var $1rjnI$react = require("react");
+var $1rjnI$reactariainteractions = require("@react-aria/interactions");
+var $1rjnI$reactspectrumprovider = require("@react-spectrum/provider");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "CardBase", () => $7888205ff7de382f$export$7a6ccaf429ad93a8);
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+function $7888205ff7de382f$var$CardBase(props, ref) {
+    props = (0, $1rjnI$reactspectrumprovider.useProviderProps)(props);
+    let context = (0, $e57ab98cef2f01a5$exports.useCardViewContext)() || {}; // we can call again here, won't change from Card.tsx
+    let { state: state } = context;
+    let manager = state === null || state === void 0 ? void 0 : state.selectionManager;
+    let { isQuiet: isQuiet, orientation: orientation = "vertical", articleProps: articleProps = {}, item: item, layout: layout, children: children } = props;
+    let key = item === null || item === void 0 ? void 0 : item.key;
+    let isSelected = manager === null || manager === void 0 ? void 0 : manager.isSelected(key);
+    let isDisabled = state === null || state === void 0 ? void 0 : state.disabledKeys.has(key);
+    let onChange = ()=>manager === null || manager === void 0 ? void 0 : manager.select(key);
+    let { styleProps: styleProps } = (0, $1rjnI$reactspectrumutils.useStyleProps)(props);
+    let { cardProps: cardProps, titleProps: titleProps, contentProps: contentProps } = $7888205ff7de382f$var$useCard(props);
+    let domRef = (0, $1rjnI$reactspectrumutils.useDOMRef)(ref);
+    let gridRef = (0, $1rjnI$react.useRef)();
+    let checkboxRef = (0, $1rjnI$react.useRef)(null);
+    // cards are only interactive if there is a selection manager and it allows selection
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $1rjnI$reactariainteractions.useHover)({
+        isDisabled: manager === undefined || (manager === null || manager === void 0 ? void 0 : manager.selectionMode) === "none" || isDisabled
+    });
+    let [isFocused, setIsFocused] = (0, $1rjnI$react.useState)(false);
+    let { focusWithinProps: focusWithinProps } = (0, $1rjnI$reactariainteractions.useFocusWithin)({
+        onFocusWithinChange: setIsFocused,
+        isDisabled: isDisabled
+    });
+    // ToDo: see css for comment about avatar under selector .spectrum-Card--noLayout.spectrum-Card--default
+    let hasPreviewImage = (0, $1rjnI$reactspectrumutils.useHasChild)(`.${(0, ($parcel$interopDefault($71570f0038472fa2$exports)))["spectrum-Card-image"]}`, gridRef);
+    let hasPreviewIllustration = (0, $1rjnI$reactspectrumutils.useHasChild)(`.${(0, ($parcel$interopDefault($71570f0038472fa2$exports)))["spectrum-Card-illustration"]}`, gridRef);
+    let hasPreview = hasPreviewImage || hasPreviewIllustration;
+    // this is for horizontal cards
+    let [height, setHeight] = (0, $1rjnI$react.useState)(NaN);
+    let updateHeight = (0, $1rjnI$react.useCallback)(()=>{
+        if (orientation !== "horizontal") return;
+        let cardHeight = gridRef.current.getBoundingClientRect().height;
+        setHeight(cardHeight);
+    }, [
+        orientation,
+        gridRef,
+        setHeight
+    ]);
+    (0, $1rjnI$reactariautils.useResizeObserver)({
+        ref: gridRef,
+        onResize: updateHeight
+    });
+    let aspectRatioEnforce = undefined;
+    if (orientation === "horizontal" && !isNaN(height)) aspectRatioEnforce = {
+        height: `${height}px`,
+        width: `${height}px`
+    };
+    let slots = (0, $1rjnI$react.useMemo)(()=>({
+            image: {
+                UNSAFE_className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-image"),
+                objectFit: orientation === "horizontal" ? "cover" : "contain",
+                alt: "",
+                ...aspectRatioEnforce
+            },
+            illustration: {
+                UNSAFE_className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-illustration"),
+                ...aspectRatioEnforce
+            },
+            avatar: {
+                UNSAFE_className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-avatar"),
+                size: "avatar-size-400"
+            },
+            heading: {
+                UNSAFE_className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-heading"),
+                ...titleProps
+            },
+            content: {
+                UNSAFE_className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-content"),
+                ...contentProps
+            },
+            detail: {
+                UNSAFE_className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-detail")
+            }
+        }), [
+        titleProps,
+        contentProps,
+        height,
+        isQuiet,
+        orientation
+    ]);
+    (0, $1rjnI$reactariautils.useLayoutEffect)(()=>{
+        if (gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) {
+            let walker = (0, $1rjnI$reactariafocus.getFocusableTreeWalker)(gridRef.current);
+            let nextNode = walker.nextNode();
+            while(nextNode != null){
+                if (checkboxRef.current && !checkboxRef.current.UNSAFE_getDOMNode().contains(nextNode)) {
+                    console.warn("Card does not support focusable elements, please contact the team regarding your use case.");
+                    break;
+                }
+                nextNode = walker.nextNode();
+            }
+        }
+    }, [
+        children
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).createElement((0, $1rjnI$reactariafocus.FocusRing), {
+        focusRingClass: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).createElement("article", {
+        ...styleProps,
+        ...(0, $1rjnI$reactariautils.mergeProps)(cardProps, focusWithinProps, hoverProps, (0, $1rjnI$reactariautils.filterDOMProps)(props), articleProps),
+        ref: domRef,
+        className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card", {
+            "spectrum-Card--default": !isQuiet && orientation !== "horizontal",
+            "spectrum-Card--isQuiet": isQuiet && orientation !== "horizontal",
+            "spectrum-Card--horizontal": orientation === "horizontal",
+            "spectrum-Card--noPreview": !hasPreview,
+            "is-hovered": isHovered,
+            "is-focused": isFocused,
+            "is-selected": isSelected,
+            "spectrum-Card--waterfall": layout === "waterfall",
+            "spectrum-Card--gallery": layout === "gallery",
+            "spectrum-Card--grid": layout === "grid",
+            "spectrum-Card--noLayout": layout !== "waterfall" && layout !== "gallery" && layout !== "grid"
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).createElement("div", {
+        ref: gridRef,
+        className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-grid")
+    }, manager && manager.selectionMode !== "none" && /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).createElement("div", {
+        className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-checkboxWrapper")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).createElement((0, $1rjnI$reactspectrumcheckbox.Checkbox), {
+        ref: checkboxRef,
+        isDisabled: isDisabled,
+        excludeFromTabOrder: true,
+        isSelected: isSelected,
+        onChange: onChange,
+        UNSAFE_className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-checkbox"),
+        isEmphasized: true,
+        "aria-label": "select"
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).createElement((0, $1rjnI$reactspectrumutils.SlotProvider), {
+        slots: slots
+    }, children), /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).createElement("div", {
+        className: (0, $1rjnI$reactspectrumutils.classNames)((0, ($parcel$interopDefault($71570f0038472fa2$exports))), "spectrum-Card-decoration")
+    }))));
+}
+function $7888205ff7de382f$var$useCard(props) {
+    let titleId = (0, $1rjnI$reactariautils.useSlotId)();
+    let descriptionId = (0, $1rjnI$reactariautils.useSlotId)();
+    let titleProps = (0, $1rjnI$react.useMemo)(()=>({
+            id: titleId
+        }), [
+        titleId
+    ]);
+    let contentProps = (0, $1rjnI$react.useMemo)(()=>({
+            id: descriptionId
+        }), [
+        descriptionId
+    ]);
+    return {
+        cardProps: {
+            ...(0, $1rjnI$reactariautils.filterDOMProps)(props),
+            "aria-labelledby": titleId,
+            "aria-describedby": descriptionId,
+            tabIndex: 0
+        },
+        titleProps: titleProps,
+        contentProps: contentProps
+    };
+}
+/**
+ * TODO: Add description of component here.
+ */ const $7888205ff7de382f$export$7a6ccaf429ad93a8 = /*#__PURE__*/ (0, ($parcel$interopDefault($1rjnI$react))).forwardRef($7888205ff7de382f$var$CardBase);
+
+
+//# sourceMappingURL=CardBase.main.js.map

package/dist/CardBase.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/card/src/CardBase.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaCardProps, SpectrumCardProps} from '@react-types/card';\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport {classNames, SlotProvider, useDOMRef, useHasChild, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Node} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useLayoutEffect, useResizeObserver, useSlotId} from '@react-aria/utils';\nimport {FocusRing, getFocusableTreeWalker} from '@react-aria/focus';\nimport React, {HTMLAttributes, useCallback, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/card/vars.css';\nimport {useCardViewContext} from './CardViewContext';\nimport {useFocusWithin, useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\ninterface CardBaseProps<T> extends SpectrumCardProps {\n  articleProps?: HTMLAttributes<HTMLElement>,\n  item?: Node<T>\n}\n\nfunction CardBase<T extends object>(props: CardBaseProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let context = useCardViewContext() || {}; // we can call again here, won't change from Card.tsx\n  let {state} = context;\n  let manager = state?.selectionManager;\n  let {\n    isQuiet,\n    orientation = 'vertical',\n    articleProps = {},\n    item,\n    layout,\n    children\n  } = props;\n\n  let key = item?.key;\n  let isSelected = manager?.isSelected(key);\n  let isDisabled = state?.disabledKeys.has(key);\n  let onChange = () => manager?.select(key);\n\n  let {styleProps} = useStyleProps(props);\n  let {cardProps, titleProps, contentProps} = useCard(props);\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef<HTMLDivElement>();\n  let checkboxRef = useRef(null);\n\n  // cards are only interactive if there is a selection manager and it allows selection\n  let {hoverProps, isHovered} = useHover({isDisabled: manager === undefined || manager?.selectionMode === 'none' || isDisabled});\n  let [isFocused, setIsFocused] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    onFocusWithinChange: setIsFocused,\n    isDisabled\n  });\n\n  // ToDo: see css for comment about avatar under selector .spectrum-Card--noLayout.spectrum-Card--default\n  let hasPreviewImage = useHasChild(`.${styles['spectrum-Card-image']}`, gridRef);\n  let hasPreviewIllustration = useHasChild(`.${styles['spectrum-Card-illustration']}`, gridRef);\n  let hasPreview = hasPreviewImage || hasPreviewIllustration;\n\n  // this is for horizontal cards\n  let [height, setHeight] = useState(NaN);\n  let updateHeight = useCallback(() => {\n    if (orientation !== 'horizontal') {\n      return;\n    }\n\n    let cardHeight = gridRef.current.getBoundingClientRect().height;\n    setHeight(cardHeight);\n  }, [orientation, gridRef, setHeight]);\n  useResizeObserver({ref: gridRef, onResize: updateHeight});\n\n  let aspectRatioEnforce = undefined;\n  if (orientation === 'horizontal' && !isNaN(height)) {\n    aspectRatioEnforce = {\n      height: `${height}px`,\n      width: `${height}px`\n    };\n  }\n\n  let slots = useMemo(() => ({\n    image: {UNSAFE_className: classNames(styles, 'spectrum-Card-image'), objectFit: orientation === 'horizontal' ? 'cover' : 'contain', alt: '', ...aspectRatioEnforce},\n    illustration: {UNSAFE_className: classNames(styles, 'spectrum-Card-illustration'), ...aspectRatioEnforce},\n    avatar: {UNSAFE_className: classNames(styles, 'spectrum-Card-avatar'), size: 'avatar-size-400'},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Card-heading'), ...titleProps},\n    content: {UNSAFE_className: classNames(styles, 'spectrum-Card-content'), ...contentProps},\n    detail: {UNSAFE_className: classNames(styles, 'spectrum-Card-detail')}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [titleProps, contentProps, height, isQuiet, orientation]);\n\n  useLayoutEffect(() => {\n    if (gridRef?.current) {\n      let walker = getFocusableTreeWalker(gridRef.current);\n      let nextNode = walker.nextNode();\n      while (nextNode != null) {\n        if (checkboxRef.current && !checkboxRef.current.UNSAFE_getDOMNode().contains(nextNode)) {\n          console.warn('Card does not support focusable elements, please contact the team regarding your use case.');\n          break;\n        }\n        nextNode = walker.nextNode();\n      }\n    }\n  }, [children]);\n\n  return (\n    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n      <article\n        {...styleProps}\n        {...mergeProps(cardProps, focusWithinProps, hoverProps, filterDOMProps(props), articleProps)}\n        ref={domRef}\n        className={classNames(styles, 'spectrum-Card', {\n          'spectrum-Card--default': !isQuiet && orientation !== 'horizontal',\n          'spectrum-Card--isQuiet': isQuiet && orientation !== 'horizontal',\n          'spectrum-Card--horizontal': orientation === 'horizontal',\n          'spectrum-Card--noPreview': !hasPreview,\n          'is-hovered': isHovered,\n          'is-focused': isFocused,\n          'is-selected': isSelected,\n          'spectrum-Card--waterfall': layout === 'waterfall',\n          'spectrum-Card--gallery': layout === 'gallery',\n          'spectrum-Card--grid': layout === 'grid',\n          'spectrum-Card--noLayout': layout !== 'waterfall' && layout !== 'gallery' && layout !== 'grid'\n        }, styleProps.className)}>\n        <div ref={gridRef} className={classNames(styles, 'spectrum-Card-grid')}>\n          {manager && manager.selectionMode !== 'none' && (\n            <div className={classNames(styles, 'spectrum-Card-checkboxWrapper')}>\n              <Checkbox\n                ref={checkboxRef}\n                isDisabled={isDisabled}\n                excludeFromTabOrder\n                isSelected={isSelected}\n                onChange={onChange}\n                UNSAFE_className={classNames(styles, 'spectrum-Card-checkbox')}\n                isEmphasized\n                aria-label=\"select\" />\n            </div>\n          )}\n          <SlotProvider slots={slots}>\n            {children}\n          </SlotProvider>\n          <div className={classNames(styles, 'spectrum-Card-decoration')} />\n        </div>\n      </article>\n    </FocusRing>\n  );\n}\n\ninterface AriaCardOptions extends AriaCardProps {\n}\n\ninterface CardAria {\n  cardProps: HTMLAttributes<HTMLDivElement>,\n  titleProps: HTMLAttributes<HTMLDivElement>,\n  contentProps: HTMLAttributes<HTMLDivElement>\n}\n\nfunction useCard(props: AriaCardOptions): CardAria {\n  let titleId = useSlotId();\n  let descriptionId = useSlotId();\n  let titleProps = useMemo(() => ({\n    id: titleId\n  }), [titleId]);\n  let contentProps = useMemo(() => ({\n    id: descriptionId\n  }), [descriptionId]);\n\n  return {\n    cardProps: {\n      ...filterDOMProps(props),\n      'aria-labelledby': titleId,\n      'aria-describedby': descriptionId,\n      tabIndex: 0\n    },\n    titleProps,\n    contentProps\n  };\n}\n\n/**\n * TODO: Add description of component here.\n */\nconst _CardBase = React.forwardRef(CardBase);\nexport {_CardBase as CardBase};\n"],"names":[],"version":3,"file":"CardBase.main.js.map"}