@adobe/react-spectrum 3.46.1 → 3.47.0

package/dist/private/card/CardView.mjs

@@ -0,0 +1,249 @@
+import {CardBase as $957034e7d12d8044$export$7a6ccaf429ad93a8} from "./CardBase.mjs";
+import {CardViewContext as $161b6b8b1c8e2230$export$64992ac69f286e5c, useCardViewContext as $161b6b8b1c8e2230$export$fea0b38586ec8f13} from "./CardViewContext.mjs";
+import {classNames as $6e6392558d48dfec$export$ce4ab0c55987d1ff} from "../utils/classNames.mjs";
+import $eEzdj$intlStringsmjs from "./intlStrings.mjs";
+import {ProgressCircle as $1cfe37e7feefa23d$export$c79b9d6b4cc92af7} from "../progress/ProgressCircle.mjs";
+import "../card_vars.css";
+import $eEzdj$card_vars_cssmjs from "../card_vars_css.mjs";
+import {useDOMRef as $3c2c983d5210446c$export$c2c55ef9111cafd8, useUnwrapDOMRef as $3c2c983d5210446c$export$1d5cc31d9d8df817} from "../utils/useDOMRef.mjs";
+import {useProvider as $71dfb0e0358a12de$export$693cdb10cec23617} from "../provider/Provider.mjs";
+import {useStyleProps as $63d03c54ca5e4b88$export$b8e6fb9d2dff3f41} from "../utils/styleProps.mjs";
+import {GridCollection as $eEzdj$GridCollection} from "react-stately/private/grid/GridCollection";
+import {mergeProps as $eEzdj$mergeProps} from "react-aria/mergeProps";
+import $eEzdj$react, {useMemo as $eEzdj$useMemo, useCallback as $eEzdj$useCallback, useRef as $eEzdj$useRef} from "react";
+import {useCollator as $eEzdj$useCollator} from "react-aria/useCollator";
+import {useGrid as $eEzdj$useGrid} from "react-aria/private/grid/useGrid";
+import {useGridCell as $eEzdj$useGridCell} from "react-aria/private/grid/useGridCell";
+import {useGridRow as $eEzdj$useGridRow} from "react-aria/private/grid/useGridRow";
+import {useGridState as $eEzdj$useGridState} from "react-stately/private/grid/useGridState";
+import {useListState as $eEzdj$useListState} from "react-stately/useListState";
+import {useLocale as $eEzdj$useLocale} from "react-aria/I18nProvider";
+import {useLocalizedStringFormatter as $eEzdj$useLocalizedStringFormatter} from "react-aria/useLocalizedStringFormatter";
+import {Virtualizer as $eEzdj$Virtualizer} from "react-aria/private/virtualizer/Virtualizer";
+import {VirtualizerItem as $eEzdj$VirtualizerItem} from "react-aria/private/virtualizer/VirtualizerItem";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+// @ts-nocheck
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $f30e78dbf4cce5fb$export$7e52c821f7b6f422 = /*#__PURE__*/ (0, $eEzdj$react).forwardRef(function CardView(props, ref) {
+    let { scale: scale } = (0, $71dfb0e0358a12de$export$693cdb10cec23617)();
+    let { styleProps: styleProps } = (0, $63d03c54ca5e4b88$export$b8e6fb9d2dff3f41)(props);
+    let domRef = (0, $3c2c983d5210446c$export$c2c55ef9111cafd8)(ref);
+    let { isQuiet: isQuiet, renderEmptyState: renderEmptyState, layout: layout, loadingState: loadingState, onLoadMore: onLoadMore, cardOrientation: cardOrientation = 'vertical' } = props;
+    let collator = (0, $eEzdj$useCollator)({
+        usage: 'search',
+        sensitivity: 'base'
+    });
+    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
+    let cardViewLayout = (0, $eEzdj$useMemo)(()=>typeof layout === 'function' ? new layout({
+            collator: collator,
+            cardOrientation: cardOrientation,
+            scale: scale
+        }) : layout, [
+        layout,
+        collator,
+        cardOrientation,
+        scale
+    ]);
+    let layoutType = cardViewLayout.layoutType;
+    let { direction: direction } = (0, $eEzdj$useLocale)();
+    let { collection: collection } = (0, $eEzdj$useListState)(props);
+    let gridCollection = (0, $eEzdj$useMemo)(()=>new (0, $eEzdj$GridCollection)({
+            columnCount: 1,
+            items: [
+                ...collection
+            ].map((item)=>({
+                    // Makes the Grid row use the keys the user provides to the cards so that selection change via interactions returns the card keys
+                    ...item,
+                    hasChildNodes: true,
+                    childNodes: [
+                        {
+                            key: `cell-${item.key}`,
+                            type: 'cell',
+                            value: null,
+                            level: 0,
+                            rendered: null,
+                            textValue: item.textValue,
+                            hasChildNodes: false,
+                            childNodes: []
+                        }
+                    ]
+                }))
+        }), [
+        collection
+    ]);
+    let state = (0, $eEzdj$useGridState)({
+        ...props,
+        selectionMode: cardOrientation === 'horizontal' && layoutType === 'grid' ? 'none' : props.selectionMode,
+        collection: gridCollection,
+        focusMode: 'cell'
+    });
+    cardViewLayout.collection = gridCollection;
+    cardViewLayout.disabledKeys = state.disabledKeys;
+    let { gridProps: gridProps } = (0, $eEzdj$useGrid)({
+        ...props,
+        isVirtualized: true,
+        keyboardDelegate: cardViewLayout
+    }, state, domRef);
+    let renderWrapper = (0, $eEzdj$useCallback)((parent, reusableView)=>/*#__PURE__*/ (0, $eEzdj$react).createElement((0, $eEzdj$VirtualizerItem), {
+            key: reusableView.key,
+            layoutInfo: reusableView.layoutInfo,
+            virtualizer: reusableView.virtualizer,
+            parent: parent?.layoutInfo
+        }, reusableView.rendered), []);
+    let focusedKey = state.selectionManager.focusedKey;
+    let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);
+    if (focusedItem?.parentKey != null) focusedKey = focusedItem.parentKey;
+    let persistedKeys = (0, $eEzdj$useMemo)(()=>focusedKey != null ? new Set([
+            focusedKey
+        ]) : null, [
+        focusedKey
+    ]);
+    // TODO: does aria-row count and aria-col count need to be modified? Perhaps aria-col count needs to be omitted
+    return /*#__PURE__*/ (0, $eEzdj$react).createElement((0, $161b6b8b1c8e2230$export$64992ac69f286e5c).Provider, {
+        value: {
+            state: state,
+            isQuiet: isQuiet,
+            layout: cardViewLayout,
+            cardOrientation: cardOrientation,
+            renderEmptyState: renderEmptyState
+        }
+    }, /*#__PURE__*/ (0, $eEzdj$react).createElement((0, $eEzdj$Virtualizer), {
+        ...gridProps,
+        ...styleProps,
+        className: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($eEzdj$card_vars_cssmjs))), 'spectrum-CardView'),
+        ref: domRef,
+        persistedKeys: persistedKeys,
+        scrollDirection: "vertical",
+        layout: cardViewLayout,
+        collection: gridCollection,
+        isLoading: isLoading,
+        onLoadMore: onLoadMore,
+        layoutOptions: (0, $eEzdj$useMemo)(()=>({
+                isLoading: isLoading,
+                direction: direction
+            }), [
+            isLoading,
+            direction
+        ]),
+        renderWrapper: renderWrapper,
+        style: {
+            ...styleProps.style,
+            scrollPaddingTop: cardViewLayout.margin || 0
+        }
+    }, (0, $eEzdj$useCallback)((type, item)=>{
+        if (type === 'item') return /*#__PURE__*/ (0, $eEzdj$react).createElement($f30e78dbf4cce5fb$var$InternalCard, {
+            item: item
+        });
+        else if (type === 'loader') return /*#__PURE__*/ (0, $eEzdj$react).createElement($f30e78dbf4cce5fb$var$LoadingState, null);
+        else if (type === 'placeholder') return /*#__PURE__*/ (0, $eEzdj$react).createElement($f30e78dbf4cce5fb$var$EmptyState, null);
+    }, [])));
+});
+function $f30e78dbf4cce5fb$var$LoadingState() {
+    let { state: state } = (0, $161b6b8b1c8e2230$export$fea0b38586ec8f13)();
+    let stringFormatter = (0, $eEzdj$useLocalizedStringFormatter)((0, ($parcel$interopDefault($eEzdj$intlStringsmjs))), '@react-spectrum/card');
+    return /*#__PURE__*/ (0, $eEzdj$react).createElement($f30e78dbf4cce5fb$var$CenteredWrapper, null, /*#__PURE__*/ (0, $eEzdj$react).createElement((0, $1cfe37e7feefa23d$export$c79b9d6b4cc92af7), {
+        isIndeterminate: true,
+        "aria-label": state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading')
+    }));
+}
+function $f30e78dbf4cce5fb$var$EmptyState() {
+    let { renderEmptyState: renderEmptyState } = (0, $161b6b8b1c8e2230$export$fea0b38586ec8f13)();
+    let emptyState = renderEmptyState ? renderEmptyState() : null;
+    if (emptyState == null) return null;
+    return /*#__PURE__*/ (0, $eEzdj$react).createElement($f30e78dbf4cce5fb$var$CenteredWrapper, null, emptyState);
+}
+function $f30e78dbf4cce5fb$var$CenteredWrapper({ children: children }) {
+    let { state: state } = (0, $161b6b8b1c8e2230$export$fea0b38586ec8f13)();
+    return /*#__PURE__*/ (0, $eEzdj$react).createElement("div", {
+        role: "row",
+        "aria-rowindex": state.collection.size + 1,
+        className: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($eEzdj$card_vars_cssmjs))), 'spectrum-CardView-centeredWrapper')
+    }, /*#__PURE__*/ (0, $eEzdj$react).createElement("div", {
+        role: "gridcell"
+    }, children));
+}
+function $f30e78dbf4cce5fb$var$InternalCard(props) {
+    let { item: item } = props;
+    let cellNode = [
+        ...item.childNodes
+    ][0];
+    let { state: state, cardOrientation: cardOrientation, isQuiet: isQuiet, layout: layout } = (0, $161b6b8b1c8e2230$export$fea0b38586ec8f13)();
+    let layoutType = layout.layoutType;
+    let rowRef = (0, $eEzdj$useRef)(undefined);
+    let cellRef = (0, $eEzdj$useRef)(undefined);
+    let unwrappedRef = (0, $3c2c983d5210446c$export$1d5cc31d9d8df817)(cellRef);
+    let { rowProps: gridRowProps } = (0, $eEzdj$useGridRow)({
+        node: item,
+        isVirtualized: true
+    }, state, rowRef);
+    let { gridCellProps: gridCellProps } = (0, $eEzdj$useGridCell)({
+        node: cellNode,
+        focusMode: 'cell'
+    }, state, unwrappedRef);
+    // Prevent space key from scrolling the CardView if triggered on a disabled item or on a Card in a selectionMode="none" CardView.
+    let allowsInteraction = state.selectionManager.selectionMode !== 'none';
+    let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
+    let onKeyDown = (e)=>{
+        if (e.key === ' ' && isDisabled) e.preventDefault();
+    };
+    let rowProps = (0, $eEzdj$mergeProps)(gridRowProps, {
+        onKeyDown: onKeyDown
+    });
+    if (layoutType === 'grid' || layoutType === 'gallery') isQuiet = true;
+    if (layoutType !== 'grid') cardOrientation = 'vertical';
+    // We don't want to focus the checkbox (or any other focusable elements) within the Card
+    // when pressing the arrow keys so we delete the key down handler here. Arrow key navigation between
+    // the cards in the CardView is handled by useGrid => useSelectableCollection instead.
+    delete gridCellProps.onKeyDownCapture;
+    return /*#__PURE__*/ (0, $eEzdj$react).createElement("div", {
+        ...rowProps,
+        ref: rowRef,
+        className: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($eEzdj$card_vars_cssmjs))), 'spectrum-CardView-row')
+    }, /*#__PURE__*/ (0, $eEzdj$react).createElement((0, $957034e7d12d8044$export$7a6ccaf429ad93a8), {
+        ref: cellRef,
+        articleProps: gridCellProps,
+        isQuiet: isQuiet,
+        orientation: cardOrientation,
+        item: item,
+        layout: layoutType
+    }, item.rendered));
+}
+
+
+export {$f30e78dbf4cce5fb$export$7e52c821f7b6f422 as CardView};
+//# sourceMappingURL=CardView.mjs.map

package/dist/private/card/CardView.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/card/CardView.tsx"],"sourcesContent":["// @ts-nocheck\n/*\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 {CardViewContext, useCardViewContext} from './CardViewContext';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, DOMRefValue, Node} from '@react-types/shared';\nimport {GridCollection} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/card/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressCircle} from '../progress/ProgressCircle';\n// @ts-ignore\nimport React, {ReactElement, ReactNode, useCallback, useMemo, useRef} from 'react';\nimport {ReusableView} from 'react-stately/useVirtualizerState';\nimport {SpectrumCardViewProps} from './types';\nimport styles from '@adobe/spectrum-css-temp/components/card/vars.css';\nimport {useCollator} from 'react-aria/useCollator';\nimport {useDOMRef, useUnwrapDOMRef} from '../utils/useDOMRef';\nimport {useGrid} from 'react-aria/private/grid/useGrid';\nimport {useGridCell} from 'react-aria/private/grid/useGridCell';\nimport {useGridRow} from 'react-aria/private/grid/useGridRow';\nimport {useGridState} from 'react-stately/private/grid/useGridState';\nimport {useListState} from 'react-stately/useListState';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProvider} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\nimport {Virtualizer} from 'react-aria/private/virtualizer/Virtualizer';\nimport {VirtualizerItem} from 'react-aria/private/virtualizer/VirtualizerItem';\n\n/**\n * TODO: Add description of component here.\n */\nexport const CardView = React.forwardRef(function CardView<T extends object>(props: SpectrumCardViewProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let {scale} = useProvider();\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let {\n    isQuiet,\n    renderEmptyState,\n    layout,\n    loadingState,\n    onLoadMore,\n    cardOrientation = 'vertical'\n  } = props;\n\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n  let cardViewLayout = useMemo(() => typeof layout === 'function' ? new layout({collator, cardOrientation, scale}) : layout, [layout, collator, cardOrientation, scale]);\n  let layoutType = cardViewLayout.layoutType;\n\n  let {direction} = useLocale();\n  let {collection} = useListState(props);\n\n  let gridCollection = useMemo(() => new GridCollection<T>({\n    columnCount: 1,\n    items: [...collection].map(item => ({\n      // Makes the Grid row use the keys the user provides to the cards so that selection change via interactions returns the card keys\n      ...item,\n      hasChildNodes: true,\n      childNodes: [{\n        key: `cell-${item.key}`,\n        type: 'cell',\n        value: null,\n        level: 0,\n        rendered: null,\n        textValue: item.textValue,\n        hasChildNodes: false,\n        childNodes: []\n      }]\n    }))\n  }), [collection]);\n\n  let state = useGridState({\n    ...props,\n    selectionMode: cardOrientation === 'horizontal' && layoutType === 'grid' ? 'none' : props.selectionMode,\n    collection: gridCollection,\n    focusMode: 'cell'\n  });\n\n  cardViewLayout.collection = gridCollection;\n  cardViewLayout.disabledKeys = state.disabledKeys;\n\n  let {gridProps} = useGrid({\n    ...props,\n    isVirtualized: true,\n    keyboardDelegate: cardViewLayout\n  }, state, domRef);\n\n  type View = ReusableView<Node<T>, ReactNode>;\n  let renderWrapper = useCallback((parent: View, reusableView: View) => (\n    <VirtualizerItem\n      key={reusableView.key}\n      layoutInfo={reusableView.layoutInfo}\n      virtualizer={reusableView.virtualizer}\n      parent={parent?.layoutInfo}>\n      {reusableView.rendered}\n    </VirtualizerItem>\n  ), []);\n\n  let focusedKey = state.selectionManager.focusedKey;\n  let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);\n  if (focusedItem?.parentKey != null) {\n    focusedKey = focusedItem.parentKey;\n  }\n\n  let persistedKeys = useMemo(() => focusedKey != null ? new Set([focusedKey]) : null, [focusedKey]);\n\n  // TODO: does aria-row count and aria-col count need to be modified? Perhaps aria-col count needs to be omitted\n  return (\n    <CardViewContext.Provider value={{state, isQuiet, layout: cardViewLayout, cardOrientation, renderEmptyState}}>\n      <Virtualizer\n        {...gridProps}\n        {...styleProps}\n        className={classNames(styles, 'spectrum-CardView')}\n        ref={domRef}\n        persistedKeys={persistedKeys}\n        scrollDirection=\"vertical\"\n        layout={cardViewLayout}\n        collection={gridCollection}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n        layoutOptions={useMemo(() => ({isLoading, direction}), [isLoading, direction])}\n        renderWrapper={renderWrapper}\n        style={{\n          ...styleProps.style,\n          scrollPaddingTop: cardViewLayout.margin || 0\n        }}>\n        {useCallback((type, item) => {\n          if (type === 'item') {\n            return (\n              <InternalCard item={item} />\n            );\n          } else if (type === 'loader') {\n            return <LoadingState />;\n          } else if (type === 'placeholder') {\n            return <EmptyState />;\n          }\n        }, [])}\n      </Virtualizer>\n    </CardViewContext.Provider>\n\n  );\n}) as <T>(props: SpectrumCardViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\nfunction LoadingState() {\n  let {state} = useCardViewContext();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/card');\n  return (\n    <CenteredWrapper>\n      <ProgressCircle\n        isIndeterminate\n        aria-label={state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading')} />\n    </CenteredWrapper>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useCardViewContext();\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return (\n    <CenteredWrapper>\n      {emptyState}\n    </CenteredWrapper>\n  );\n}\n\nfunction CenteredWrapper({children}) {\n  let {state} = useCardViewContext();\n  return (\n    <div\n      role=\"row\"\n      aria-rowindex={state.collection.size + 1}\n      className={classNames(styles, 'spectrum-CardView-centeredWrapper')}>\n      <div role=\"gridcell\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nfunction InternalCard(props) {\n  let {\n    item\n  } = props;\n  let cellNode = [...item.childNodes][0];\n  let {state, cardOrientation, isQuiet, layout} = useCardViewContext();\n\n  let layoutType = layout.layoutType;\n  let rowRef = useRef(undefined);\n  let cellRef = useRef<DOMRefValue<HTMLDivElement>>(undefined);\n  let unwrappedRef = useUnwrapDOMRef(cellRef);\n\n  let {rowProps: gridRowProps} = useGridRow({\n    node: item,\n    isVirtualized: true\n  }, state, rowRef);\n\n  let {gridCellProps} = useGridCell({\n    node: cellNode,\n    focusMode: 'cell'\n  }, state, unwrappedRef);\n\n  // Prevent space key from scrolling the CardView if triggered on a disabled item or on a Card in a selectionMode=\"none\" CardView.\n  let allowsInteraction = state.selectionManager.selectionMode !== 'none';\n  let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);\n\n  let onKeyDown = (e) => {\n    if (e.key === ' ' && isDisabled) {\n      e.preventDefault();\n    }\n  };\n\n  let rowProps = mergeProps(\n    gridRowProps,\n    {onKeyDown}\n  );\n\n  if (layoutType === 'grid' || layoutType === 'gallery') {\n    isQuiet = true;\n  }\n\n  if (layoutType !== 'grid') {\n    cardOrientation = 'vertical';\n  }\n\n  // We don't want to focus the checkbox (or any other focusable elements) within the Card\n  // when pressing the arrow keys so we delete the key down handler here. Arrow key navigation between\n  // the cards in the CardView is handled by useGrid => useSelectableCollection instead.\n  delete gridCellProps.onKeyDownCapture;\n  return (\n    <div {...rowProps} ref={rowRef} className={classNames(styles, 'spectrum-CardView-row')}>\n      <CardBase\n        ref={cellRef}\n        articleProps={gridCellProps}\n        isQuiet={isQuiet}\n        orientation={cardOrientation}\n        item={item}\n        layout={layoutType}>\n        {item.rendered}\n      </CardBase>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"CardView.mjs.map"}

package/dist/private/card/CardViewContext.cjs

@@ -0,0 +1,32 @@
+var $eOqTs$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, "CardViewContext", function () { return $c5cd545e21c17a4a$export$64992ac69f286e5c; });
+$parcel$export(module.exports, "useCardViewContext", function () { return $c5cd545e21c17a4a$export$fea0b38586ec8f13; });
+// @ts-nocheck
+/*
+ * Copyright 2020 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.
+ */ 
+const $c5cd545e21c17a4a$export$64992ac69f286e5c = /*#__PURE__*/ (0, ($parcel$interopDefault($eOqTs$react))).createContext(null);
+function $c5cd545e21c17a4a$export$fea0b38586ec8f13() {
+    return (0, $eOqTs$react.useContext)($c5cd545e21c17a4a$export$64992ac69f286e5c);
+}
+
+
+//# sourceMappingURL=CardViewContext.cjs.map

package/dist/private/card/CardViewContext.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA,cAAc;AACd;;;;;;;;;;CAUC;AAWM,MAAM,0DAAkB,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAuB;AAElE,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE;AACpB","sources":["packages/@adobe/react-spectrum/src/card/CardViewContext.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2020 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 React, {useContext} from 'react';\n\nexport interface CardViewContextValue {\n  state: 'idle' | 'loading' | 'error',\n  isQuiet: boolean,\n  layout: 'grid' | 'gallery' | 'waterfall',\n  cardOrientation: 'horizontal' | 'vertical',\n  renderEmptyState: () => React.ReactNode\n}\nexport const CardViewContext = React.createContext<CardViewContextValue>(null);\n\nexport function useCardViewContext(): CardViewContextValue | null {\n  return useContext(CardViewContext);\n}\n"],"names":[],"version":3,"file":"CardViewContext.cjs.map"}

package/dist/private/card/CardViewContext.js

@@ -0,0 +1,22 @@
+import $4HpON$react, {useContext as $4HpON$useContext} from "react";
+
+// @ts-nocheck
+/*
+ * Copyright 2020 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.
+ */ 
+const $09157122c9607ee5$export$64992ac69f286e5c = /*#__PURE__*/ (0, $4HpON$react).createContext(null);
+function $09157122c9607ee5$export$fea0b38586ec8f13() {
+    return (0, $4HpON$useContext)($09157122c9607ee5$export$64992ac69f286e5c);
+}
+
+
+export {$09157122c9607ee5$export$64992ac69f286e5c as CardViewContext, $09157122c9607ee5$export$fea0b38586ec8f13 as useCardViewContext};
+//# sourceMappingURL=CardViewContext.js.map

package/dist/private/card/CardViewContext.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA,cAAc;AACd;;;;;;;;;;CAUC;AAWM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAuB;AAElE,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE;AACpB","sources":["packages/@adobe/react-spectrum/src/card/CardViewContext.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2020 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 React, {useContext} from 'react';\n\nexport interface CardViewContextValue {\n  state: 'idle' | 'loading' | 'error',\n  isQuiet: boolean,\n  layout: 'grid' | 'gallery' | 'waterfall',\n  cardOrientation: 'horizontal' | 'vertical',\n  renderEmptyState: () => React.ReactNode\n}\nexport const CardViewContext = React.createContext<CardViewContextValue>(null);\n\nexport function useCardViewContext(): CardViewContextValue | null {\n  return useContext(CardViewContext);\n}\n"],"names":[],"version":3,"file":"CardViewContext.js.map"}

package/dist/private/card/CardViewContext.mjs

@@ -0,0 +1,22 @@
+import $6ArAp$react, {useContext as $6ArAp$useContext} from "react";
+
+// @ts-nocheck
+/*
+ * Copyright 2020 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.
+ */ 
+const $161b6b8b1c8e2230$export$64992ac69f286e5c = /*#__PURE__*/ (0, $6ArAp$react).createContext(null);
+function $161b6b8b1c8e2230$export$fea0b38586ec8f13() {
+    return (0, $6ArAp$useContext)($161b6b8b1c8e2230$export$64992ac69f286e5c);
+}
+
+
+export {$161b6b8b1c8e2230$export$64992ac69f286e5c as CardViewContext, $161b6b8b1c8e2230$export$fea0b38586ec8f13 as useCardViewContext};
+//# sourceMappingURL=CardViewContext.mjs.map

package/dist/private/card/CardViewContext.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA,cAAc;AACd;;;;;;;;;;CAUC;AAWM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAuB;AAElE,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE;AACpB","sources":["packages/@adobe/react-spectrum/src/card/CardViewContext.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n * Copyright 2020 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 React, {useContext} from 'react';\n\nexport interface CardViewContextValue {\n  state: 'idle' | 'loading' | 'error',\n  isQuiet: boolean,\n  layout: 'grid' | 'gallery' | 'waterfall',\n  cardOrientation: 'horizontal' | 'vertical',\n  renderEmptyState: () => React.ReactNode\n}\nexport const CardViewContext = React.createContext<CardViewContextValue>(null);\n\nexport function useCardViewContext(): CardViewContextValue | null {\n  return useContext(CardViewContext);\n}\n"],"names":[],"version":3,"file":"CardViewContext.mjs.map"}

package/dist/private/card/GalleryLayout.cjs

@@ -0,0 +1,230 @@
+var $b9ec4ce2ddaeda0a$exports = require("./BaseLayout.cjs");
+var $gJap1$reactstatelyuseVirtualizerState = require("react-stately/useVirtualizerState");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "GalleryLayout", function () { return $f3beb99b6cf5ce50$export$8e52095834484b61; });
+// @ts-nocheck
+/*
+ * 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.
+ */ 
+
+const $f3beb99b6cf5ce50$var$DEFAULT_OPTIONS = {
+    S: {
+        idealRowHeight: 112,
+        minItemSize: new (0, $gJap1$reactstatelyuseVirtualizerState.Size)(96, 96),
+        itemSpacing: new (0, $gJap1$reactstatelyuseVirtualizerState.Size)(8, 16),
+        itemPadding: 24,
+        dropSpacing: 50,
+        margin: 8
+    },
+    L: {
+        idealRowHeight: 208,
+        minItemSize: new (0, $gJap1$reactstatelyuseVirtualizerState.Size)(136, 136),
+        itemSpacing: new (0, $gJap1$reactstatelyuseVirtualizerState.Size)(18, 18),
+        itemPadding: {
+            'medium': 78,
+            'large': 99
+        },
+        dropSpacing: 100,
+        margin: 24
+    }
+};
+class $f3beb99b6cf5ce50$export$8e52095834484b61 extends (0, $b9ec4ce2ddaeda0a$exports.BaseLayout) {
+    constructor(options = {}){
+        super(options);
+        let cardSize = 'L';
+        this.idealRowHeight = options.idealRowHeight || $f3beb99b6cf5ce50$var$DEFAULT_OPTIONS[cardSize].idealRowHeight;
+        this.itemSpacing = options.itemSpacing || $f3beb99b6cf5ce50$var$DEFAULT_OPTIONS[cardSize].itemSpacing;
+        this.itemPadding = options.itemPadding != null ? options.itemPadding : $f3beb99b6cf5ce50$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.scale];
+        this.minItemSize = options.minItemSize || $f3beb99b6cf5ce50$var$DEFAULT_OPTIONS[cardSize].minItemSize;
+        this.threshold = options.threshold || 1;
+        this.margin = options.margin != null ? options.margin : $f3beb99b6cf5ce50$var$DEFAULT_OPTIONS[cardSize].margin;
+    }
+    get layoutType() {
+        return 'gallery';
+    }
+    /**
+   * Takes a row of widths and if there are any widths smaller than the min-width, leech width starting from
+   * the widest in the row until it can't give anymore, then move to the second widest and so forth.
+   * Do this until all assets meet the min-width.
+   * */ _distributeWidths(widths) {
+        // create a copy of the widths array and sort it largest to smallest
+        let sortedWidths = widths.concat().sort((a, b)=>a[1] > b[1] ? -1 : 1);
+        for (let width of widths)// for each width, if it's smaller than the min width
+        if (width[1] < this.minItemSize.width) {
+            // then figure out how much smaller
+            let delta = this.minItemSize.width - width[1];
+            for (let item of sortedWidths)// go from the largest width in the row to the smallest
+            // if the width is greater than the min width
+            if (widths[item[0]][1] > this.minItemSize.width) {
+                // subtract the delta from the width, if it's still greater than the min width
+                // then we have finished, subtract the delta permanently from that width
+                // eslint-disable-next-line max-depth
+                if (widths[item[0]][1] - delta > this.minItemSize.width) {
+                    widths[item[0]][1] -= delta;
+                    delta = 0;
+                    break;
+                } else {
+                    // otherwise, we take as much as we can from the current width and then move on to
+                    // the next largest and take some width from it
+                    let maxChange = widths[item[0]][1] - this.minItemSize.width;
+                    delta -= maxChange;
+                    widths[item[0]][1] -= maxChange;
+                }
+            }
+            if (delta > 0) return false;
+            // force the width to be the min width that we just rebalanced for
+            width[1] = this.minItemSize.width;
+        }
+        return true;
+    }
+    buildCollection() {
+        let visibleWidth = this.virtualizer.visibleRect.width;
+        let visibleHeight = this.virtualizer.visibleRect.height;
+        let y = this.margin;
+        let availableWidth = visibleWidth - this.margin * 2;
+        // If available width is not greater than 0, skip node layout calculations
+        if (availableWidth > 0) {
+            // Compute aspect ratios for all of the items, and the total width if all items were on in a single row.
+            let ratios = [];
+            let totalWidth = 0;
+            let minRatio = this.minItemSize.width / this.minItemSize.height;
+            let maxRatio = availableWidth / this.minItemSize.height;
+            for (let node of this.collection){
+                let ratio = node.props.width / node.props.height;
+                if (ratio < minRatio) ratio = minRatio;
+                else if (ratio > maxRatio && ratio !== minRatio) ratio = maxRatio;
+                let itemWidth = ratio * this.minItemSize.height;
+                ratios.push(ratio);
+                totalWidth += itemWidth;
+            }
+            totalWidth += this.itemSpacing.width * (this.collection.size - 1);
+            // Determine how many rows we'll need, and partition the items into rows
+            // using the aspect ratios as weights.
+            let rows = Math.max(1, Math.ceil(totalWidth / availableWidth));
+            // if the available width can't hold two items, then every item will get its own row
+            // this leads to a faster run through linear partition and more dependable output for small row widths
+            if (availableWidth <= this.minItemSize.width * 2 + this.itemPadding * 2) rows = this.collection.size;
+            let weightedRatios = ratios.map((ratio)=>ratio < this.threshold ? ratio + 0.5 * (1 / ratio) : ratio);
+            let partition = $f3beb99b6cf5ce50$var$linearPartition(weightedRatios, rows);
+            let index = 0;
+            for (let row of partition){
+                // Compute the total weight for this row
+                let totalWeight = 0;
+                for(let j = index; j < index + row.length; j++)totalWeight += ratios[j];
+                // Determine the row height based on the total available width and weight of this row.
+                let bestRowHeight = (availableWidth - (row.length - 1) * this.itemSpacing.width) / totalWeight;
+                // if this is the last row and the row height is >2x the ideal row height, then cap to the ideal height
+                // probably doing this because if the last row has one extremely tall image, then the row becomes huge
+                // though that can happen anywhere if a row has lots of tall images... so i'm not sure why this one matters
+                if (row === partition[partition.length - 1] && bestRowHeight > this.idealRowHeight * 2) bestRowHeight = this.idealRowHeight;
+                let itemHeight = Math.round(bestRowHeight) + this.itemPadding;
+                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 j = index; j < index + row.length; j++){
+                    let width = Math.round(bestRowHeight * ratios[j]);
+                    widths.push([
+                        j - index,
+                        width
+                    ]);
+                }
+                this._distributeWidths(widths);
+                // Create items for this row.
+                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, $gJap1$reactstatelyuseVirtualizerState.Rect)(x, y, itemWidth, itemHeight);
+                    let layoutInfo = new (0, $gJap1$reactstatelyuseVirtualizerState.LayoutInfo)(node.type, node.key, rect);
+                    layoutInfo.allowOverflow = true;
+                    this.layoutInfos.set(node.key, layoutInfo);
+                    x += itemWidth + this.itemSpacing.width;
+                }
+                y += itemHeight + this.itemSpacing.height;
+                index += row.length;
+            }
+            if (this.isLoading) {
+                let loaderY = y;
+                let loaderHeight = 60;
+                // If there aren't any items, make loader take all available room and remove margin from y calculation
+                // so it doesn't scroll
+                if (this.collection.size === 0) {
+                    loaderY = 0;
+                    loaderHeight = visibleHeight || 60;
+                }
+                let rect = new (0, $gJap1$reactstatelyuseVirtualizerState.Rect)(0, loaderY, visibleWidth, loaderHeight);
+                let loader = new (0, $gJap1$reactstatelyuseVirtualizerState.LayoutInfo)('loader', 'loader', rect);
+                this.layoutInfos.set('loader', loader);
+                y = loader.rect.maxY;
+            }
+            if (this.collection.size === 0 && !this.isLoading) {
+                let rect = new (0, $gJap1$reactstatelyuseVirtualizerState.Rect)(0, 0, visibleWidth, visibleHeight);
+                let placeholder = new (0, $gJap1$reactstatelyuseVirtualizerState.LayoutInfo)('placeholder', 'placeholder', rect);
+                this.layoutInfos.set('placeholder', placeholder);
+                y = placeholder.rect.maxY;
+            }
+        }
+        this.contentSize = new (0, $gJap1$reactstatelyuseVirtualizerState.Size)(visibleWidth, y);
+    }
+}
+// https://www8.cs.umu.se/kurser/TDBA77/VT06/algorithms/BOOK/BOOK2/NODE45.HTM
+function $f3beb99b6cf5ce50$var$linearPartition(seq, k) {
+    let n = seq.length;
+    if (k <= 0) return [];
+    if (k >= n) return seq.map((x)=>[
+            x
+        ]);
+    if (n === 1) return [
+        seq
+    ];
+    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 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 < i; x++){
+            let c1 = table[x][j - 1];
+            let c2 = table[i][0] - table[x][0];
+            let cost = Math.max(c1, c2);
+            if (!x || cost < currentMin) {
+                currentMin = cost;
+                minX = x;
+            }
+        }
+        table[i][j] = currentMin;
+        solution[i - 1][j - 1] = minX;
+    }
+    n = n - 1;
+    k = k - 2;
+    let result = [];
+    while(k >= 0){
+        if (n >= 1) {
+            let row = [];
+            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 row = [];
+    for(let i = 0; i < n + 1; i++)row.push(seq[i]);
+    result.unshift(row);
+    return result;
+}
+
+
+//# sourceMappingURL=GalleryLayout.cjs.map