@react-spectrum/list 3.0.0-alpha.8 → 3.0.0-alpha.9

package/dist/module.js

@@ -1,23 +1,26 @@
 import "./main.css";
 import {Item as $75e4a7b01832b12d$re_export$Item} from "@react-stately/collections";
+import {Checkbox as $fWI2a$Checkbox} from "@react-spectrum/checkbox";
 import {useDOMRef as $fWI2a$useDOMRef, useStyleProps as $fWI2a$useStyleProps, classNames as $fWI2a$classNames, SlotProvider as $fWI2a$SlotProvider, ClearSlots as $fWI2a$ClearSlots} from "@react-spectrum/utils";
+import {Content as $fWI2a$Content} from "@react-spectrum/view";
 import {GridCollection as $fWI2a$GridCollection, useGridState as $fWI2a$useGridState} from "@react-stately/grid";
-import {GridKeyboardDelegate as $fWI2a$GridKeyboardDelegate, useGrid as $fWI2a$useGrid, useGridRow as $fWI2a$useGridRow, useGridCell as $fWI2a$useGridCell, useGridSelectionCheckbox as $fWI2a$useGridSelectionCheckbox} from "@react-aria/grid";
+import {GridKeyboardDelegate as $fWI2a$GridKeyboardDelegate, useGridSelectionCheckbox as $fWI2a$useGridSelectionCheckbox, useGrid as $fWI2a$useGrid, useGridRow as $fWI2a$useGridRow, useGridCell as $fWI2a$useGridCell} from "@react-aria/grid";
 import {ListLayout as $fWI2a$ListLayout} from "@react-stately/layout";
 import {useListState as $fWI2a$useListState} from "@react-stately/list";
 import {ProgressCircle as $fWI2a$ProgressCircle} from "@react-spectrum/progress";
-import $fWI2a$react, {useMemo as $fWI2a$useMemo, useContext as $fWI2a$useContext, useRef as $fWI2a$useRef} from "react";
+import {useProvider as $fWI2a$useProvider, Provider as $fWI2a$Provider} from "@react-spectrum/provider";
+import $fWI2a$react, {useMemo as $fWI2a$useMemo, useRef as $fWI2a$useRef, useContext as $fWI2a$useContext} from "react";
 import {useCollator as $fWI2a$useCollator, useMessageFormatter as $fWI2a$useMessageFormatter, useLocale as $fWI2a$useLocale} from "@react-aria/i18n";
-import {useProvider as $fWI2a$useProvider} from "@react-spectrum/provider";
 import {Virtualizer as $fWI2a$Virtualizer} from "@react-aria/virtualizer";
-import {Checkbox as $fWI2a$Checkbox} from "@react-spectrum/checkbox";
+import $fWI2a$spectrumiconsuiListGripper from "@spectrum-icons/ui/ListGripper";
 import $fWI2a$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
 import $fWI2a$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
-import {Content as $fWI2a$Content} from "@react-spectrum/view";
+import {useFocusRing as $fWI2a$useFocusRing, FocusRing as $fWI2a$FocusRing} from "@react-aria/focus";
 import {Grid as $fWI2a$Grid} from "@react-spectrum/layout";
 import {mergeProps as $fWI2a$mergeProps} from "@react-aria/utils";
-import {useFocusRing as $fWI2a$useFocusRing} from "@react-aria/focus";
+import {useButton as $fWI2a$useButton} from "@react-aria/button";
 import {useHover as $fWI2a$useHover, usePress as $fWI2a$usePress} from "@react-aria/interactions";
+import {useVisuallyHidden as $fWI2a$useVisuallyHidden} from "@react-aria/visually-hidden";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -28,6 +31,8 @@ function $parcel$export(e, n, v, s) {
 
 
 
+
+
 var $8d8b0a0ae222979e$exports = {};
 var $a8be062dce739a7d$exports = {};
 $a8be062dce739a7d$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
@@ -205,6 +210,7 @@ $8d8b0a0ae222979e$exports = {
 
 
 
+
 var $7a33fe9cdec6aaae$exports = {};
 
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListView", () => $7a33fe9cdec6aaae$export$4ad4709e9aee8e02, (v) => $7a33fe9cdec6aaae$export$4ad4709e9aee8e02 = v);
@@ -218,7 +224,10 @@ $parcel$export($7a33fe9cdec6aaae$exports, "is-previous-selected", () => $7a33fe9
 $parcel$export($7a33fe9cdec6aaae$exports, "is-focused", () => $7a33fe9cdec6aaae$export$e7dc768d35940237, (v) => $7a33fe9cdec6aaae$export$e7dc768d35940237 = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "focus-ring", () => $7a33fe9cdec6aaae$export$f39a09f249340e2a, (v) => $7a33fe9cdec6aaae$export$f39a09f249340e2a = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "has-checkbox", () => $7a33fe9cdec6aaae$export$27f4d14f7fc5b94, (v) => $7a33fe9cdec6aaae$export$27f4d14f7fc5b94 = v);
+$parcel$export($7a33fe9cdec6aaae$exports, "is-dragging", () => $7a33fe9cdec6aaae$export$642fdeb0d9a9740d, (v) => $7a33fe9cdec6aaae$export$642fdeb0d9a9740d = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-grid", () => $7a33fe9cdec6aaae$export$aaaf83100348d389, (v) => $7a33fe9cdec6aaae$export$aaaf83100348d389 = v);
+$parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-draghandle-container", () => $7a33fe9cdec6aaae$export$f385e7456ddfee84, (v) => $7a33fe9cdec6aaae$export$f385e7456ddfee84 = v);
+$parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-draghandle-button", () => $7a33fe9cdec6aaae$export$4784f0c2ec8bbf7b, (v) => $7a33fe9cdec6aaae$export$4784f0c2ec8bbf7b = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-checkbox", () => $7a33fe9cdec6aaae$export$f979f76ca45242f2, (v) => $7a33fe9cdec6aaae$export$f979f76ca45242f2 = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-icon", () => $7a33fe9cdec6aaae$export$2b56ca744bd31ebd, (v) => $7a33fe9cdec6aaae$export$2b56ca744bd31ebd = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-image", () => $7a33fe9cdec6aaae$export$1260770e51d5a8c4, (v) => $7a33fe9cdec6aaae$export$1260770e51d5a8c4 = v);
@@ -229,6 +238,8 @@ $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-actionmen
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem-parentIndicator", () => $7a33fe9cdec6aaae$export$39b42a8a24290c17, (v) => $7a33fe9cdec6aaae$export$39b42a8a24290c17 = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListView--compact", () => $7a33fe9cdec6aaae$export$1f55b27adf96a61e, (v) => $7a33fe9cdec6aaae$export$1f55b27adf96a61e = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListView--spacious", () => $7a33fe9cdec6aaae$export$cbd30c7809acdd81, (v) => $7a33fe9cdec6aaae$export$cbd30c7809acdd81 = v);
+$parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListView--draggable", () => $7a33fe9cdec6aaae$export$a2d35348c0cc9bca, (v) => $7a33fe9cdec6aaae$export$a2d35348c0cc9bca = v);
+$parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListViewItem--draggable", () => $7a33fe9cdec6aaae$export$f290f4d471385527, (v) => $7a33fe9cdec6aaae$export$f290f4d471385527 = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListView-centeredWrapper", () => $7a33fe9cdec6aaae$export$1b66ee5cd8394caf, (v) => $7a33fe9cdec6aaae$export$1b66ee5cd8394caf = v);
 $parcel$export($7a33fe9cdec6aaae$exports, "react-spectrum-ListView-centeredWrapper--loadingMore", () => $7a33fe9cdec6aaae$export$6b3b7792abd9e5f4, (v) => $7a33fe9cdec6aaae$export$6b3b7792abd9e5f4 = v);
 var $7a33fe9cdec6aaae$export$4ad4709e9aee8e02;
@@ -242,7 +253,10 @@ var $7a33fe9cdec6aaae$export$714358c802c073a3;
 var $7a33fe9cdec6aaae$export$e7dc768d35940237;
 var $7a33fe9cdec6aaae$export$f39a09f249340e2a;
 var $7a33fe9cdec6aaae$export$27f4d14f7fc5b94;
+var $7a33fe9cdec6aaae$export$642fdeb0d9a9740d;
 var $7a33fe9cdec6aaae$export$aaaf83100348d389;
+var $7a33fe9cdec6aaae$export$f385e7456ddfee84;
+var $7a33fe9cdec6aaae$export$4784f0c2ec8bbf7b;
 var $7a33fe9cdec6aaae$export$f979f76ca45242f2;
 var $7a33fe9cdec6aaae$export$2b56ca744bd31ebd;
 var $7a33fe9cdec6aaae$export$1260770e51d5a8c4;
@@ -253,6 +267,8 @@ var $7a33fe9cdec6aaae$export$58dfda3903289699;
 var $7a33fe9cdec6aaae$export$39b42a8a24290c17;
 var $7a33fe9cdec6aaae$export$1f55b27adf96a61e;
 var $7a33fe9cdec6aaae$export$cbd30c7809acdd81;
+var $7a33fe9cdec6aaae$export$a2d35348c0cc9bca;
+var $7a33fe9cdec6aaae$export$f290f4d471385527;
 var $7a33fe9cdec6aaae$export$1b66ee5cd8394caf;
 var $7a33fe9cdec6aaae$export$6b3b7792abd9e5f4;
 $7a33fe9cdec6aaae$export$4ad4709e9aee8e02 = "react-spectrum-ListView_d68562";
@@ -266,7 +282,10 @@ $7a33fe9cdec6aaae$export$714358c802c073a3 = "is-previous-selected_d68562";
 $7a33fe9cdec6aaae$export$e7dc768d35940237 = "is-focused_d68562";
 $7a33fe9cdec6aaae$export$f39a09f249340e2a = "focus-ring_d68562";
 $7a33fe9cdec6aaae$export$27f4d14f7fc5b94 = "has-checkbox_d68562";
+$7a33fe9cdec6aaae$export$642fdeb0d9a9740d = "is-dragging_d68562";
 $7a33fe9cdec6aaae$export$aaaf83100348d389 = "react-spectrum-ListViewItem-grid_d68562";
+$7a33fe9cdec6aaae$export$f385e7456ddfee84 = "react-spectrum-ListViewItem-draghandle-container_d68562";
+$7a33fe9cdec6aaae$export$4784f0c2ec8bbf7b = "react-spectrum-ListViewItem-draghandle-button_d68562";
 $7a33fe9cdec6aaae$export$f979f76ca45242f2 = "react-spectrum-ListViewItem-checkbox_d68562";
 $7a33fe9cdec6aaae$export$2b56ca744bd31ebd = "react-spectrum-ListViewItem-icon_d68562";
 $7a33fe9cdec6aaae$export$1260770e51d5a8c4 = "react-spectrum-ListViewItem-image_d68562";
@@ -277,6 +296,8 @@ $7a33fe9cdec6aaae$export$58dfda3903289699 = "react-spectrum-ListViewItem-actionm
 $7a33fe9cdec6aaae$export$39b42a8a24290c17 = "react-spectrum-ListViewItem-parentIndicator_d68562";
 $7a33fe9cdec6aaae$export$1f55b27adf96a61e = "react-spectrum-ListView--compact_d68562";
 $7a33fe9cdec6aaae$export$cbd30c7809acdd81 = "react-spectrum-ListView--spacious_d68562";
+$7a33fe9cdec6aaae$export$a2d35348c0cc9bca = "react-spectrum-ListView--draggable_d68562";
+$7a33fe9cdec6aaae$export$f290f4d471385527 = "react-spectrum-ListViewItem--draggable_d68562";
 $7a33fe9cdec6aaae$export$1b66ee5cd8394caf = "react-spectrum-ListView-centeredWrapper_d68562";
 $7a33fe9cdec6aaae$export$6b3b7792abd9e5f4 = "react-spectrum-ListView-centeredWrapper--loadingMore_d68562";
 
@@ -295,12 +316,15 @@ $7a33fe9cdec6aaae$export$6b3b7792abd9e5f4 = "react-spectrum-ListView-centeredWra
 
 
 
+
+
+
 function $d7c07ca2efc5ba02$export$c6bde0c04b033c0e(props) {
-    let { item: item , onAction: onAction , isEmphasized: isEmphasized  } = props;
+    let { item: item , isEmphasized: isEmphasized , dragHooks: dragHooks  } = props;
     let cellNode = [
         ...item.childNodes
     ][0];
-    let { state: state  } = $fWI2a$useContext($f85fb77f9d4cbc6c$export$870039b0abfe3de0);
+    let { state: state , dragState: dragState , onAction: onAction , isListDraggable: isListDraggable  } = $fWI2a$useContext($f85fb77f9d4cbc6c$export$870039b0abfe3de0);
     let { direction: direction  } = $fWI2a$useLocale();
     let rowRef = $fWI2a$useRef();
     let cellRef = $fWI2a$useRef();
@@ -310,6 +334,7 @@ function $d7c07ca2efc5ba02$export$c6bde0c04b033c0e(props) {
     let { isFocusVisible: isFocusVisible , focusProps: focusProps  } = $fWI2a$useFocusRing();
     let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;
     let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
+    let isDraggable = (dragState === null || dragState === void 0 ? void 0 : dragState.isDraggable(item.key)) && !isDisabled;
     let { hoverProps: hoverProps , isHovered: isHovered  } = $fWI2a$useHover({
         isDisabled: isDisabled
     });
@@ -320,17 +345,28 @@ function $d7c07ca2efc5ba02$export$c6bde0c04b033c0e(props) {
         node: item,
         isVirtualized: true,
         onAction: onAction ? ()=>onAction(item.key)
-         : undefined
+         : undefined,
+        shouldSelectOnPressUp: isListDraggable
     }, state, rowRef);
     let { gridCellProps: gridCellProps  } = $fWI2a$useGridCell({
         node: cellNode,
         focusMode: 'cell'
     }, state, cellRef);
+    let draggableItem;
+    if (isListDraggable) // eslint-disable-next-line react-hooks/rules-of-hooks
+    draggableItem = dragHooks.useDraggableItem({
+        key: item.key
+    }, dragState);
     const mergedProps = $fWI2a$mergeProps(gridCellProps, hoverProps, focusWithinProps, focusProps);
     let { checkboxProps: checkboxProps  } = $fWI2a$useGridSelectionCheckbox({
         ...props,
         key: item.key
     }, state);
+    let dragButtonRef = $fWI2a$react.useRef();
+    let { buttonProps: buttonProps  } = $fWI2a$useButton({
+        ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
+        elementType: 'div'
+    }, dragButtonRef);
     let chevron = null;
     if (item.props.hasChildItems) chevron = direction === 'ltr' ? /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$spectrumiconsuiChevronRightMedium, {
         "aria-hidden": "true",
@@ -341,8 +377,10 @@ function $d7c07ca2efc5ba02$export$c6bde0c04b033c0e(props) {
     });
     let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';
     let isSelected = state.selectionManager.isSelected(item.key);
+    let showDragHandle = isDraggable && (isFocusVisibleWithin || isHovered || isPressed);
+    let { visuallyHiddenProps: visuallyHiddenProps  } = $fWI2a$useVisuallyHidden();
     return(/*#__PURE__*/ $fWI2a$react.createElement("div", {
-        ...$fWI2a$mergeProps(rowProps, pressProps),
+        ...$fWI2a$mergeProps(rowProps, pressProps, isDraggable && (draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps)),
         ref: rowRef
     }, /*#__PURE__*/ $fWI2a$react.createElement("div", {
         className: $fWI2a$classNames((/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports)), 'react-spectrum-ListViewItem', {
@@ -352,13 +390,27 @@ function $d7c07ca2efc5ba02$export$c6bde0c04b033c0e(props) {
             'is-hovered': isHovered,
             'is-selected': isSelected,
             'is-previous-selected': state.selectionManager.isSelected(item.prevKey),
-            'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey))
+            'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey)),
+            'react-spectrum-ListViewItem--draggable': isDraggable
         }),
         ref: cellRef,
         ...mergedProps
     }, /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$Grid, {
         UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-grid']
-    }, showCheckbox && /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$Checkbox, {
+    }, isListDraggable && /*#__PURE__*/ $fWI2a$react.createElement("div", {
+        className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-draghandle-container']
+    }, isDraggable && /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$FocusRing, {
+        focusRingClass: $fWI2a$classNames((/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $fWI2a$react.createElement("div", {
+        ...buttonProps,
+        className: $fWI2a$classNames((/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports)), 'react-spectrum-ListViewItem-draghandle-button'),
+        style: !showDragHandle ? {
+            ...visuallyHiddenProps.style
+        } : {
+        },
+        ref: dragButtonRef,
+        draggable: "true"
+    }, /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$spectrumiconsuiListGripper, null)))), showCheckbox && /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$Checkbox, {
         UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-checkbox'],
         ...checkboxProps,
         isEmphasized: isEmphasized
@@ -446,7 +498,10 @@ function $f85fb77f9d4cbc6c$export$bea90da51ec70dea(state, density) {
     return layout;
 }
 function $f85fb77f9d4cbc6c$var$ListView(props, ref) {
-    let { density: density = 'regular' , onLoadMore: onLoadMore , loadingState: loadingState , isQuiet: isQuiet , transitionDuration: transitionDuration = 0 , onAction: onAction  } = props;
+    let { density: density = 'regular' , onLoadMore: onLoadMore , loadingState: loadingState , isQuiet: isQuiet , transitionDuration: transitionDuration = 0 , onAction: onAction , dragHooks: dragHooks  } = props;
+    let isListDraggable = !!dragHooks;
+    let dragHooksProvided = $fWI2a$useRef(isListDraggable);
+    if (dragHooksProvided.current !== isListDraggable) console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
     let domRef = $fWI2a$useDOMRef(ref);
     let { collection: collection  } = $fWI2a$useListState(props);
     let formatMessage = $fWI2a$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($8d8b0a0ae222979e$exports)));
@@ -506,6 +561,76 @@ function $f85fb77f9d4cbc6c$var$ListView(props, ref) {
         direction,
         collator
     ]);
+    let provider = $fWI2a$useProvider();
+    let { checkboxProps: checkboxProps  } = $fWI2a$useGridSelectionCheckbox({
+        key: null
+    }, state);
+    let dragState;
+    if (isListDraggable) dragState = dragHooks.useDraggableCollectionState({
+        collection: state.collection,
+        selectionManager: state.selectionManager,
+        renderPreview (selectedKeys, draggedKey) {
+            let item = state.collection.getItem(draggedKey);
+            let itemWidth = domRef.current.offsetWidth;
+            let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';
+            let isSelected = state.selectionManager.isSelected(item.key);
+            return(/*#__PURE__*/ $fWI2a$react.createElement($fWI2a$Provider, {
+                ...provider,
+                UNSAFE_className: $fWI2a$classNames((/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports)), 'react-spectrum-ListViewItem', 'is-dragging'),
+                UNSAFE_style: {
+                    width: itemWidth,
+                    paddingInlineStart: 0
+                }
+            }, /*#__PURE__*/ $fWI2a$react.createElement("div", {
+                className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-grid']
+            }, /*#__PURE__*/ $fWI2a$react.createElement("div", {
+                className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-draghandle-container']
+            }, /*#__PURE__*/ $fWI2a$react.createElement("div", {
+                className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-draghandle-button']
+            }, /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$spectrumiconsuiListGripper, null))), showCheckbox && /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$Checkbox, {
+                isSelected: isSelected,
+                UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-checkbox'],
+                isEmphasized: true,
+                "aria-label": checkboxProps['aria-label']
+            }), /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$SlotProvider, {
+                slots: {
+                    content: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-content']
+                    },
+                    text: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-content']
+                    },
+                    description: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-description']
+                    },
+                    icon: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-icon'],
+                        size: 'M'
+                    },
+                    image: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-image']
+                    },
+                    link: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-content'],
+                        isQuiet: true
+                    },
+                    actionButton: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-actions'],
+                        isQuiet: true
+                    },
+                    actionGroup: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-actions'],
+                        isQuiet: true,
+                        density: 'compact'
+                    },
+                    actionMenu: {
+                        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports))['react-spectrum-ListViewItem-actionmenu'],
+                        isQuiet: true
+                    }
+                }
+            }, typeof item.rendered === 'string' ? /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$Content, null, item.rendered) : item.rendered))));
+        }
+    });
     let { gridProps: gridProps  } = $fWI2a$useGrid({
         ...props,
         isVirtualized: true,
@@ -519,7 +644,10 @@ function $f85fb77f9d4cbc6c$var$ListView(props, ref) {
     return(/*#__PURE__*/ $fWI2a$react.createElement($f85fb77f9d4cbc6c$export$870039b0abfe3de0.Provider, {
         value: {
             state: state,
-            keyboardDelegate: keyboardDelegate
+            keyboardDelegate: keyboardDelegate,
+            dragState: dragState,
+            onAction: onAction,
+            isListDraggable: isListDraggable
         }
     }, /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$Virtualizer, {
         ...gridProps,
@@ -530,7 +658,8 @@ function $f85fb77f9d4cbc6c$var$ListView(props, ref) {
         focusedKey: focusedKey,
         scrollDirection: "vertical",
         className: $fWI2a$classNames((/*@__PURE__*/$parcel$interopDefault($7a33fe9cdec6aaae$exports)), 'react-spectrum-ListView', `react-spectrum-ListView--${density}`, 'react-spectrum-ListView--emphasized', {
-            'react-spectrum-ListView--quiet': isQuiet
+            'react-spectrum-ListView--quiet': isQuiet,
+            'react-spectrum-ListView--draggable': isListDraggable
         }, styleProps.className),
         layout: layout,
         collection: gridCollection,
@@ -538,8 +667,8 @@ function $f85fb77f9d4cbc6c$var$ListView(props, ref) {
     }, (type, item)=>{
         if (type === 'item') return(/*#__PURE__*/ $fWI2a$react.createElement($d7c07ca2efc5ba02$export$c6bde0c04b033c0e, {
             item: item,
-            onAction: onAction,
-            isEmphasized: true
+            isEmphasized: true,
+            dragHooks: dragHooks
         }));
         else if (type === 'loader') return(/*#__PURE__*/ $fWI2a$react.createElement($f85fb77f9d4cbc6c$var$CenteredWrapper, null, /*#__PURE__*/ $fWI2a$react.createElement($fWI2a$ProgressCircle, {
             isIndeterminate: true,

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/intl/*.js","packages/@react-spectrum/list/intl/ar-AE.json","packages/@react-spectrum/list/intl/bg-BG.json","packages/@react-spectrum/list/intl/cs-CZ.json","packages/@react-spectrum/list/intl/da-DK.json","packages/@react-spectrum/list/intl/de-DE.json","packages/@react-spectrum/list/intl/el-GR.json","packages/@react-spectrum/list/intl/en-US.json","packages/@react-spectrum/list/intl/es-ES.json","packages/@react-spectrum/list/intl/et-EE.json","packages/@react-spectrum/list/intl/fi-FI.json","packages/@react-spectrum/list/intl/fr-FR.json","packages/@react-spectrum/list/intl/he-IL.json","packages/@react-spectrum/list/intl/hr-HR.json","packages/@react-spectrum/list/intl/hu-HU.json","packages/@react-spectrum/list/intl/it-IT.json","packages/@react-spectrum/list/intl/ja-JP.json","packages/@react-spectrum/list/intl/ko-KR.json","packages/@react-spectrum/list/intl/lt-LT.json","packages/@react-spectrum/list/intl/lv-LV.json","packages/@react-spectrum/list/intl/nb-NO.json","packages/@react-spectrum/list/intl/nl-NL.json","packages/@react-spectrum/list/intl/pl-PL.json","packages/@react-spectrum/list/intl/pt-BR.json","packages/@react-spectrum/list/intl/pt-PT.json","packages/@react-spectrum/list/intl/ro-RO.json","packages/@react-spectrum/list/intl/ru-RU.json","packages/@react-spectrum/list/intl/sk-SK.json","packages/@react-spectrum/list/intl/sl-SI.json","packages/@react-spectrum/list/intl/sr-SP.json","packages/@react-spectrum/list/intl/sv-SE.json","packages/@react-spectrum/list/intl/tr-TR.json","packages/@react-spectrum/list/intl/uk-UA.json","packages/@react-spectrum/list/intl/zh-CN.json","packages/@react-spectrum/list/intl/zh-TW.json","packages/@react-spectrum/list/src/listview.css","packages/@react-spectrum/list/src/ListViewItem.tsx"],"sourcesContent":["export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\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 */\nimport {\n  AriaLabelingProps,\n  AsyncLoadable,\n  CollectionBase,\n  DOMProps,\n  DOMRef,\n  LoadingState,\n  MultipleSelection,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {GridCollection, useGridState} from '@react-stately/grid';\nimport {GridKeyboardDelegate, useGrid} from '@react-aria/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListLayout} from '@react-stately/layout';\nimport {ListState, useListState} from '@react-stately/list';\nimport listStyles from './listview.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ReactElement, useContext, useMemo} from 'react';\nimport {useCollator, useLocale, useMessageFormatter} from '@react-aria/i18n';\nimport {useProvider} from '@react-spectrum/provider';\nimport {Virtualizer} from '@react-aria/virtualizer';\n\n\nexport const ListViewContext = React.createContext(null);\n\nconst ROW_HEIGHTS = {\n  compact: {\n    medium: 32,\n    large: 40\n  },\n  regular: {\n    medium: 40,\n    large: 50\n  },\n  spacious: {\n    medium: 48,\n    large: 60\n  }\n};\n\nexport function useListLayout<T>(state: ListState<T>, density: ListViewProps<T>['density']) {\n  let {scale} = useProvider();\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let isEmpty = state.collection.size === 0;\n  let layout = useMemo(() =>\n      new ListLayout<T>({\n        estimatedRowHeight: ROW_HEIGHTS[density][scale],\n        padding: 0,\n        collator,\n        loaderHeight: isEmpty ? null : ROW_HEIGHTS[density][scale]\n      })\n    , [collator, scale, density, isEmpty]);\n\n  layout.collection = state.collection;\n  layout.disabledKeys = state.disabledKeys;\n  return layout;\n}\n\ninterface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  isQuiet?: boolean,\n  loadingState?: LoadingState,\n  renderEmptyState?: () => JSX.Element,\n  transitionDuration?: number,\n  onAction?: (key: string) => void\n}\n\nfunction ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let {\n    density = 'regular',\n    onLoadMore,\n    loadingState,\n    isQuiet,\n    transitionDuration = 0,\n    onAction\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {collection} = useListState(props);\n  let formatMessage = useMessageFormatter(intlMessages);\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let {direction} = useLocale();\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let gridCollection = useMemo(() => new GridCollection({\n    columnCount: 1,\n    items: [...collection].map(item => ({\n      ...item,\n      hasChildNodes: true,\n      childNodes: [{\n        key: `cell-${item.key}`,\n        type: 'cell',\n        index: 0,\n        value: null,\n        level: 0,\n        rendered: null,\n        textValue: item.textValue,\n        hasChildNodes: false,\n        childNodes: []\n      }]\n    }))\n  }), [collection]);\n  let state = useGridState({\n    ...props,\n    collection: gridCollection,\n    focusMode: 'cell',\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let layout = useListLayout(state, props.density || 'regular');\n  let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({\n    collection: state.collection,\n    disabledKeys: state.disabledKeys,\n    ref: domRef,\n    direction,\n    collator,\n    // Focus the ListView cell instead of the row so that focus doesn't change with left/right arrow keys when there aren't any\n    // focusable children in the cell.\n    focusMode: 'cell'\n  }), [state, domRef, direction, collator]);\n  let {gridProps} = useGrid({\n    ...props,\n    isVirtualized: true,\n    keyboardDelegate\n  }, state, domRef);\n\n  // Sync loading state into the layout.\n  layout.isLoading = isLoading;\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  return (\n    <ListViewContext.Provider value={{state, keyboardDelegate}}>\n      <Virtualizer\n        {...gridProps}\n        {...styleProps}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n        ref={domRef}\n        focusedKey={focusedKey}\n        scrollDirection=\"vertical\"\n        className={\n          classNames(\n            listStyles,\n            'react-spectrum-ListView',\n            `react-spectrum-ListView--${density}`,\n            'react-spectrum-ListView--emphasized',\n            {\n              'react-spectrum-ListView--quiet': isQuiet\n            },\n            styleProps.className\n          )\n        }\n        layout={layout}\n        collection={gridCollection}\n        transitionDuration={transitionDuration}>\n        {(type, item) => {\n          if (type === 'item') {\n            return (\n              <ListViewItem item={item} onAction={onAction} isEmphasized />\n            );\n          } else if (type === 'loader') {\n            return (\n              <CenteredWrapper>\n                <ProgressCircle\n                  isIndeterminate\n                  aria-label={state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')} />\n              </CenteredWrapper>\n            );\n          } else if (type === 'placeholder') {\n            let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;\n            if (emptyState == null) {\n              return null;\n            }\n\n            return (\n              <CenteredWrapper>\n                {emptyState}\n              </CenteredWrapper>\n            );\n          }\n\n        }}\n      </Virtualizer>\n    </ListViewContext.Provider>\n  );\n}\n\n\nfunction CenteredWrapper({children}) {\n  let {state} = useContext(ListViewContext);\n  return (\n    <div\n      role=\"row\"\n      aria-rowindex={state.collection.size + 1}\n      className={\n        classNames(\n          listStyles,\n          'react-spectrum-ListView-centeredWrapper',\n          {\n            'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n          }\n        )}>\n      <div role=\"gridcell\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst _ListView = React.forwardRef(ListView) as <T>(props: ListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ListView as ListView};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n  \"ar-AE\": _temp0,\n  \"bg-BG\": _temp1,\n  \"cs-CZ\": _temp2,\n  \"da-DK\": _temp3,\n  \"de-DE\": _temp4,\n  \"el-GR\": _temp5,\n  \"en-US\": _temp6,\n  \"es-ES\": _temp7,\n  \"et-EE\": _temp8,\n  \"fi-FI\": _temp9,\n  \"fr-FR\": _temp10,\n  \"he-IL\": _temp11,\n  \"hr-HR\": _temp12,\n  \"hu-HU\": _temp13,\n  \"it-IT\": _temp14,\n  \"ja-JP\": _temp15,\n  \"ko-KR\": _temp16,\n  \"lt-LT\": _temp17,\n  \"lv-LV\": _temp18,\n  \"nb-NO\": _temp19,\n  \"nl-NL\": _temp20,\n  \"pl-PL\": _temp21,\n  \"pt-BR\": _temp22,\n  \"pt-PT\": _temp23,\n  \"ro-RO\": _temp24,\n  \"ru-RU\": _temp25,\n  \"sk-SK\": _temp26,\n  \"sl-SI\": _temp27,\n  \"sr-SP\": _temp28,\n  \"sv-SE\": _temp29,\n  \"tr-TR\": _temp30,\n  \"uk-UA\": _temp31,\n  \"zh-CN\": _temp32,\n  \"zh-TW\": _temp33\n}","{\n  \"loading\": \"جارٍ التحميل...\",\n  \"loadingMore\": \"جارٍ تحميل المزيد...\"\n}\n","{\n  \"loading\": \"Зареждане...\",\n  \"loadingMore\": \"Зареждане на още...\"\n}\n","{\n  \"loading\": \"Načítání...\",\n  \"loadingMore\": \"Načítání dalších...\"\n}\n","{\n  \"loading\": \"Indlæser...\",\n  \"loadingMore\": \"Indlæser flere...\"\n}\n","{\n  \"loading\": \"Laden...\",\n  \"loadingMore\": \"Mehr laden ...\"\n}\n","{\n  \"loading\": \"Φόρτωση...\",\n  \"loadingMore\": \"Φόρτωση περισσότερων...\"\n}\n","{\n  \"loading\": \"Loading…\",\n  \"loadingMore\": \"Loading more…\"\n}\n","{\n  \"loading\": \"Cargando…\",\n  \"loadingMore\": \"Cargando más…\"\n}\n","{\n  \"loading\": \"Laadimine...\",\n  \"loadingMore\": \"Laadi rohkem...\"\n}\n","{\n  \"loading\": \"Ladataan…\",\n  \"loadingMore\": \"Ladataan lisää…\"\n}\n","{\n  \"loading\": \"Chargement...\",\n  \"loadingMore\": \"Chargement supplémentaire...\"\n}\n","{\n  \"loading\": \"טוען...\",\n  \"loadingMore\": \"טוען עוד...\"\n}\n","{\n  \"loading\": \"Učitavam...\",\n  \"loadingMore\": \"Učitavam još...\"\n}\n","{\n  \"loading\": \"Betöltés folyamatban…\",\n  \"loadingMore\": \"Továbbiak betöltése folyamatban…\"\n}\n","{\n  \"loading\": \"Caricamento...\",\n  \"loadingMore\": \"Caricamento altri...\"\n}\n","{\n  \"loading\": \"読み込み中...\",\n  \"loadingMore\": \"さらに読み込み中...\"\n}\n","{\n  \"loading\": \"로드 중…\",\n  \"loadingMore\": \"추가 로드 중…\"\n}\n","{\n  \"loading\": \"Įkeliama...\",\n  \"loadingMore\": \"Įkeliama daugiau...\"\n}\n","{\n  \"loading\": \"Notiek ielāde...\",\n  \"loadingMore\": \"Tiek ielādēts vēl...\"\n}\n","{\n  \"loading\": \"Laster inn ...\",\n  \"loadingMore\": \"Laster inn flere ...\"\n}\n","{\n  \"loading\": \"Laden...\",\n  \"loadingMore\": \"Meer laden...\"\n}\n","{\n  \"loading\": \"Ładowanie...\",\n  \"loadingMore\": \"Wczytywanie większej liczby...\"\n}\n","{\n  \"loading\": \"Carregando...\",\n  \"loadingMore\": \"Carregando mais...\"\n}\n","{\n  \"loading\": \"A carregar...\",\n  \"loadingMore\": \"A carregar mais...\"\n}\n","{\n  \"loading\": \"Se încarcă...\",\n  \"loadingMore\": \"Se încarcă mai multe...\"\n}\n","{\n  \"loading\": \"Загрузка...\",\n  \"loadingMore\": \"Дополнительная загрузка...\"\n}\n","{\n  \"loading\": \"Načítava sa...\",\n  \"loadingMore\": \"Načítava sa viac...\"\n}\n","{\n  \"loading\": \"Nalaganje ...\",\n  \"loadingMore\": \"Nalaganje več vsebine ...\"\n}\n","{\n  \"loading\": \"Učitavam...\",\n  \"loadingMore\": \"Učitavam još...\"\n}\n","{\n  \"loading\": \"Läser in...\",\n  \"loadingMore\": \"Läser in mer...\"\n}\n","{\n  \"loading\": \"Yükleniyor...\",\n  \"loadingMore\": \"Daha fazla yükleniyor...\"\n}\n","{\n  \"loading\": \"Завантаження…\",\n  \"loadingMore\": \"Завантаження інших об’єктів...\"\n}\n","{\n  \"loading\": \"正在加载...\",\n  \"loadingMore\": \"正在加载更多...\"\n}\n","{\n  \"loading\": \"載入中…\",\n  \"loadingMore\": \"正在載入更多…\"\n}\n","\n:root {\n  --spectrum-listview-item-compact-padding-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-listview-item-regular-padding-y: var(--spectrum-global-dimension-size-75);\n  --spectrum-listview-item-spacious-padding-y: var(--spectrum-global-dimension-size-100);\n  --spectrum-listview-border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));\n  --spectrum-listview-border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\n  --spectrum-listview-item-start-end-border-radius: calc(var(--spectrum-listview-border-radius) - var(--spectrum-listview-border-width));\n}\n\n.react-spectrum-ListView {\n  box-sizing: border-box;\n  border-color: var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));\n  border-style: solid;\n  position: relative;\n  border-width: var(--spectrum-listview-border-width);\n  border-radius: var(--spectrum-listview-border-radius);\n  overflow: auto;\n  vertical-align: var(--spectrum-table-cell-vertical-alignment);\n  border-collapse: separate;\n  border-spacing: 0;\n  transform: translate3d(0, 0, 0);\n  padding: 0;\n  background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));\n  outline: 0;\n\n  [role=\"row\"] {\n    outline: none;\n  }\n}\n\n.react-spectrum-ListView--quiet {\n  background-color: var(--spectrum-alias-background-color-transparent);\n  border-width: 0;\n}\n\n.react-spectrum-ListViewItem {\n  display: grid; /* TODO: define grid areas */\n  border: 1px solid transparent;\n  border-bottom-color: var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));\n  box-sizing: border-box;\n  font-size: var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default));\n  font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));\n  line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);\n  padding: var(--spectrum-listview-item-regular-padding-y) var(--spectrum-global-dimension-size-150);\n  transition: background-color var(--spectrum-global-animation-duration-100) ease-in-out;\n  position: relative;\n  /*background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));*/\n  color: var(--spectrum-table-cell-text-color, var(--spectrum-alias-text-color));\n  outline: 0;\n  min-height: var(--spectrum-global-dimension-size-500);\n\n  .react-spectrum-ListView--emphasized & {\n    &.is-selected {\n      background-color: var(--spectrum-table-row-background-color-selected);\n      border-color: var(--spectrum-global-color-blue-500);\n      &.is-hovered,\n      &.is-active {\n        background-color: var(--spectrum-table-row-background-color-selected);\n      }\n\n      /* avoid double border for adjacent selected items */\n      &.is-previous-selected {\n        &:not(.is-focused) {\n          border-top-color: transparent;\n        }\n      }\n    }\n  }\n\n  &.is-hovered,\n  &.is-focused {\n    background-color: var(--spectrum-table-row-background-color-hover);\n  }\n\n  &:focus-ring {\n    background-color: var(--spectrum-table-row-background-color-hover);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n    border-color: var(--spectrum-global-color-blue-500);\n  }\n\n  &.is-active {\n    background-color: var(--spectrum-table-row-background-color-down);\n  }\n\n  &.is-selected {\n    background-color: var(--spectrum-table-row-background-color-hover);\n\n    &.is-hovered,\n    &.is-active {\n      background-color: var(--spectrum-table-row-background-color-hover);\n    }\n  }\n\n  &.has-checkbox {\n    /* have to eliminate vertical padding to allow proper vertical alignment */\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n\n  .react-spectrum-ListViewItem-grid {\n    display: grid;\n    grid-template-columns: auto auto auto 1fr auto auto;\n    grid-template-rows: 1fr auto;\n    grid-template-areas:\n      \"checkbox icon image content actions actionmenu chevron\"\n      \"checkbox icon image description actions actionmenu chevron\"\n    ;\n    align-items: center;\n  }\n\n  .react-spectrum-ListViewItem-checkbox {\n    grid-area: checkbox;\n    align-items: center;\n    justify-items: center;\n    min-height: 0;\n    height: 100%;\n    > span {\n      margin: 0;\n    }\n  }\n\n  .react-spectrum-ListViewItem-icon,\n  .react-spectrum-ListViewItem-image {\n    grid-area: image;\n    align-items: center;\n    justify-items: center;\n    padding-inline-end: var(--spectrum-global-dimension-size-100);\n  }\n\n  .react-spectrum-ListViewItem-image {\n    border-radius: var(--spectrum-global-dimension-size-25);\n    width: var(--spectrum-global-dimension-size-400);\n    height: var(--spectrum-global-dimension-size-400);\n  }\n\n  .react-spectrum-ListViewItem-content,\n  .react-spectrum-ListViewItem-description {\n    flex-grow: 1;\n  }\n\n  .react-spectrum-ListViewItem-content {\n    grid-area: content;\n  }\n\n  .react-spectrum-ListViewItem-description {\n    grid-area: description;\n  }\n\n  .react-spectrum-ListViewItem-actions {\n    grid-area: actions;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n\n  .react-spectrum-ListViewItem-actionmenu {\n    grid-area: actionmenu;\n  }\n\n  .react-spectrum-ListViewItem-parentIndicator {\n    grid-area: chevron;\n    padding-inline-start: var(--spectrum-global-dimension-size-75);\n  }\n\n  /* give first and last items border-radius to match listview container */\n  div:first-child > div[role=\"row\"] > & {\n    border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n    border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n  }\n  div:last-child > div[role=\"row\"] > & {\n    border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n    border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n  }\n}\n\n.react-spectrum-ListView--compact .react-spectrum-ListViewItem {\n  padding-top: var(--spectrum-listview-item-compact-padding-y);\n  padding-bottom: var(--spectrum-listview-item-compact-padding-y);\n  min-height: var(--spectrum-global-dimension-size-400);\n}\n\n.react-spectrum-ListView--spacious .react-spectrum-ListViewItem {\n  padding-top: var(--spectrum-listview-item-spacious-padding-y);\n  padding-bottom: var(--spectrum-listview-item-spacious-padding-y);\n  min-height: var(--spectrum-global-dimension-size-600);\n}\n\n.react-spectrum-ListView-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  &.react-spectrum-ListView-centeredWrapper--loadingMore {\n    padding-top: var(--spectrum-global-dimension-size-50);\n  }\n}\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 */\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {Grid} from '@react-spectrum/layout';\nimport listStyles from './listview.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useRef} from 'react';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useGridCell, useGridRow, useGridSelectionCheckbox} from '@react-aria/grid';\nimport {useHover, usePress} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function ListViewItem(props) {\n  let {\n    item,\n    onAction,\n    isEmphasized\n  } = props;\n  let cellNode = [...item.childNodes][0];\n  let {state} = useContext(ListViewContext);\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement>();\n  let cellRef =  useRef<HTMLDivElement>();\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;\n  let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let {pressProps, isPressed} = usePress({isDisabled});\n  let {rowProps} = useGridRow({\n    node: item,\n    isVirtualized: true,\n    onAction: onAction ? () => onAction(item.key) : undefined\n  }, state, rowRef);\n  let {gridCellProps} = useGridCell({\n    node: cellNode,\n    focusMode: 'cell'\n  }, state, cellRef);\n  const mergedProps = mergeProps(\n    gridCellProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n  let {checkboxProps} = useGridSelectionCheckbox({...props, key: item.key}, state);\n\n  let chevron = null;\n  if (item.props.hasChildItems) {\n    chevron = direction === 'ltr'\n      ? (\n        <ChevronRightMedium\n          aria-hidden=\"true\"\n          UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n      )\n      : (\n        <ChevronLeftMedium\n          aria-hidden=\"true\"\n          UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n      );\n  }\n\n  let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';\n  let isSelected = state.selectionManager.isSelected(item.key);\n  return (\n    <div\n      {...mergeProps(rowProps, pressProps)}\n      ref={rowRef}>\n      <div\n        className={\n          classNames(\n            listStyles,\n            'react-spectrum-ListViewItem',\n            {\n              'is-active': isPressed,\n              'is-focused': isFocusVisibleWithin,\n              'focus-ring': isFocusVisible,\n              'is-hovered': isHovered,\n              'is-selected': isSelected,\n              'is-previous-selected': state.selectionManager.isSelected(item.prevKey),\n              'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey))\n            }\n          )\n        }\n        ref={cellRef}\n        {...mergedProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {showCheckbox && (\n            <Checkbox\n              UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n              {...checkboxProps}\n              isEmphasized={isEmphasized} />\n          )}\n          <SlotProvider\n            slots={{\n              content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},\n              icon: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-icon'], size: 'M'},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},\n              link: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content'], isQuiet: true},\n              actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}\n            }}>\n            {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}\n            <ClearSlots>\n              {chevron}\n            </ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/intl/*.js","packages/@react-spectrum/list/intl/ar-AE.json","packages/@react-spectrum/list/intl/bg-BG.json","packages/@react-spectrum/list/intl/cs-CZ.json","packages/@react-spectrum/list/intl/da-DK.json","packages/@react-spectrum/list/intl/de-DE.json","packages/@react-spectrum/list/intl/el-GR.json","packages/@react-spectrum/list/intl/en-US.json","packages/@react-spectrum/list/intl/es-ES.json","packages/@react-spectrum/list/intl/et-EE.json","packages/@react-spectrum/list/intl/fi-FI.json","packages/@react-spectrum/list/intl/fr-FR.json","packages/@react-spectrum/list/intl/he-IL.json","packages/@react-spectrum/list/intl/hr-HR.json","packages/@react-spectrum/list/intl/hu-HU.json","packages/@react-spectrum/list/intl/it-IT.json","packages/@react-spectrum/list/intl/ja-JP.json","packages/@react-spectrum/list/intl/ko-KR.json","packages/@react-spectrum/list/intl/lt-LT.json","packages/@react-spectrum/list/intl/lv-LV.json","packages/@react-spectrum/list/intl/nb-NO.json","packages/@react-spectrum/list/intl/nl-NL.json","packages/@react-spectrum/list/intl/pl-PL.json","packages/@react-spectrum/list/intl/pt-BR.json","packages/@react-spectrum/list/intl/pt-PT.json","packages/@react-spectrum/list/intl/ro-RO.json","packages/@react-spectrum/list/intl/ru-RU.json","packages/@react-spectrum/list/intl/sk-SK.json","packages/@react-spectrum/list/intl/sl-SI.json","packages/@react-spectrum/list/intl/sr-SP.json","packages/@react-spectrum/list/intl/sv-SE.json","packages/@react-spectrum/list/intl/tr-TR.json","packages/@react-spectrum/list/intl/uk-UA.json","packages/@react-spectrum/list/intl/zh-CN.json","packages/@react-spectrum/list/intl/zh-TW.json","packages/@react-spectrum/list/src/listview.css","packages/@react-spectrum/list/src/ListViewItem.tsx"],"sourcesContent":["export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\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 */\nimport {\n  AriaLabelingProps,\n  AsyncLoadable,\n  CollectionBase,\n  DOMProps,\n  DOMRef,\n  LoadingState,\n  MultipleSelection,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport type {DraggableCollectionState} from '@react-stately/dnd';\nimport {DragHooks} from '@react-spectrum/dnd';\nimport {GridCollection, GridState, useGridState} from '@react-stately/grid';\nimport {GridKeyboardDelegate, useGrid, useGridSelectionCheckbox} from '@react-aria/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport {ListLayout} from '@react-stately/layout';\nimport {ListState, useListState} from '@react-stately/list';\nimport listStyles from './listview.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport {Provider, useProvider} from '@react-spectrum/provider';\nimport React, {ReactElement, useContext, useMemo, useRef} from 'react';\nimport {useCollator, useLocale, useMessageFormatter} from '@react-aria/i18n';\nimport {Virtualizer} from '@react-aria/virtualizer';\n\ninterface ListViewContextValue {\n  state: GridState<object, GridCollection<any>>,\n  keyboardDelegate: GridKeyboardDelegate<unknown, GridCollection<any>>,\n  dragState: DraggableCollectionState,\n  onAction:(key: string) => void,\n  isListDraggable: boolean\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue>(null);\n\nconst ROW_HEIGHTS = {\n  compact: {\n    medium: 32,\n    large: 40\n  },\n  regular: {\n    medium: 40,\n    large: 50\n  },\n  spacious: {\n    medium: 48,\n    large: 60\n  }\n};\n\nexport function useListLayout<T>(state: ListState<T>, density: ListViewProps<T>['density']) {\n  let {scale} = useProvider();\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let isEmpty = state.collection.size === 0;\n  let layout = useMemo(() =>\n    new ListLayout<T>({\n      estimatedRowHeight: ROW_HEIGHTS[density][scale],\n      padding: 0,\n      collator,\n      loaderHeight: isEmpty ? null : ROW_HEIGHTS[density][scale]\n    })\n    , [collator, scale, density, isEmpty]);\n\n  layout.collection = state.collection;\n  layout.disabledKeys = state.disabledKeys;\n  return layout;\n}\n\ninterface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  isQuiet?: boolean,\n  loadingState?: LoadingState,\n  renderEmptyState?: () => JSX.Element,\n  transitionDuration?: number,\n  onAction?: (key: string) => void,\n  dragHooks?: DragHooks\n}\n\nfunction ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let {\n    density = 'regular',\n    onLoadMore,\n    loadingState,\n    isQuiet,\n    transitionDuration = 0,\n    onAction,\n    dragHooks\n  } = props;\n  let isListDraggable = !!dragHooks;\n  let dragHooksProvided = useRef(isListDraggable);\n  if (dragHooksProvided.current !== isListDraggable) {\n    console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');\n  }\n  let domRef = useDOMRef(ref);\n  let {collection} = useListState(props);\n  let formatMessage = useMessageFormatter(intlMessages);\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let {direction} = useLocale();\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let gridCollection = useMemo(() => new GridCollection({\n    columnCount: 1,\n    items: [...collection].map(item => ({\n      ...item,\n      hasChildNodes: true,\n      childNodes: [{\n        key: `cell-${item.key}`,\n        type: 'cell',\n        index: 0,\n        value: null,\n        level: 0,\n        rendered: null,\n        textValue: item.textValue,\n        hasChildNodes: false,\n        childNodes: []\n      }]\n    }))\n  }), [collection]);\n  let state = useGridState({\n    ...props,\n    collection: gridCollection,\n    focusMode: 'cell',\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let layout = useListLayout(state, props.density || 'regular');\n  let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({\n    collection: state.collection,\n    disabledKeys: state.disabledKeys,\n    ref: domRef,\n    direction,\n    collator,\n    // Focus the ListView cell instead of the row so that focus doesn't change with left/right arrow keys when there aren't any\n    // focusable children in the cell.\n    focusMode: 'cell'\n  }), [state, domRef, direction, collator]);\n\n  let provider = useProvider();\n  let {checkboxProps} = useGridSelectionCheckbox({key: null}, state);\n  let dragState: DraggableCollectionState;\n  if (isListDraggable) {\n    dragState = dragHooks.useDraggableCollectionState({\n      collection: state.collection,\n      selectionManager: state.selectionManager,\n      renderPreview(selectedKeys, draggedKey) {\n        let item = state.collection.getItem(draggedKey);\n        let itemWidth = domRef.current.offsetWidth;\n        let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';\n        let isSelected = state.selectionManager.isSelected(item.key);\n        return (\n          <Provider\n            {...provider}\n            UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem', 'is-dragging')}\n            UNSAFE_style={{width: itemWidth, paddingInlineStart: 0}}>\n            <div className={listStyles['react-spectrum-ListViewItem-grid']}>\n              <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n                <div className={listStyles['react-spectrum-ListViewItem-draghandle-button']}>\n                  <ListGripper />\n                </div>\n              </div>\n              {showCheckbox &&\n                <Checkbox\n                  isSelected={isSelected}\n                  UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n                  isEmphasized\n                  aria-label={checkboxProps['aria-label']} />\n              }\n              <SlotProvider\n                slots={{\n                  content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n                  text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n                  description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},\n                  icon: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-icon'], size: 'M'},\n                  image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},\n                  link: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content'], isQuiet: true},\n                  actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},\n                  actionGroup: {\n                    UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                    isQuiet: true,\n                    density: 'compact'\n                  },\n                  actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}\n                }}>\n                {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}\n              </SlotProvider>\n            </div>\n          </Provider>\n        );\n      }\n    });\n  }\n\n  let {gridProps} = useGrid({\n    ...props,\n    isVirtualized: true,\n    keyboardDelegate\n  }, state, domRef);\n\n  // Sync loading state into the layout.\n  layout.isLoading = isLoading;\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  return (\n    <ListViewContext.Provider value={{state, keyboardDelegate, dragState, onAction, isListDraggable}}>\n      <Virtualizer\n        {...gridProps}\n        {...styleProps}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n        ref={domRef}\n        focusedKey={focusedKey}\n        scrollDirection=\"vertical\"\n        className={\n          classNames(\n            listStyles,\n            'react-spectrum-ListView',\n            `react-spectrum-ListView--${density}`,\n            'react-spectrum-ListView--emphasized',\n            {\n              'react-spectrum-ListView--quiet': isQuiet,\n              'react-spectrum-ListView--draggable': isListDraggable\n            },\n            styleProps.className\n          )\n        }\n        layout={layout}\n        collection={gridCollection}\n        transitionDuration={transitionDuration}>\n        {(type, item) => {\n          if (type === 'item') {\n            return (\n              <ListViewItem item={item} isEmphasized dragHooks={dragHooks}  />\n            );\n          } else if (type === 'loader') {\n            return (\n              <CenteredWrapper>\n                <ProgressCircle\n                  isIndeterminate\n                  aria-label={state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')} />\n              </CenteredWrapper>\n            );\n          } else if (type === 'placeholder') {\n            let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;\n            if (emptyState == null) {\n              return null;\n            }\n\n            return (\n              <CenteredWrapper>\n                {emptyState}\n              </CenteredWrapper>\n            );\n          }\n\n        }}\n      </Virtualizer>\n    </ListViewContext.Provider>\n  );\n}\n\n\nfunction CenteredWrapper({children}) {\n  let {state} = useContext(ListViewContext);\n  return (\n    <div\n      role=\"row\"\n      aria-rowindex={state.collection.size + 1}\n      className={\n        classNames(\n          listStyles,\n          'react-spectrum-ListView-centeredWrapper',\n          {\n            'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n          }\n        )}>\n      <div role=\"gridcell\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst _ListView = React.forwardRef(ListView) as <T>(props: ListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ListView as ListView};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n  \"ar-AE\": _temp0,\n  \"bg-BG\": _temp1,\n  \"cs-CZ\": _temp2,\n  \"da-DK\": _temp3,\n  \"de-DE\": _temp4,\n  \"el-GR\": _temp5,\n  \"en-US\": _temp6,\n  \"es-ES\": _temp7,\n  \"et-EE\": _temp8,\n  \"fi-FI\": _temp9,\n  \"fr-FR\": _temp10,\n  \"he-IL\": _temp11,\n  \"hr-HR\": _temp12,\n  \"hu-HU\": _temp13,\n  \"it-IT\": _temp14,\n  \"ja-JP\": _temp15,\n  \"ko-KR\": _temp16,\n  \"lt-LT\": _temp17,\n  \"lv-LV\": _temp18,\n  \"nb-NO\": _temp19,\n  \"nl-NL\": _temp20,\n  \"pl-PL\": _temp21,\n  \"pt-BR\": _temp22,\n  \"pt-PT\": _temp23,\n  \"ro-RO\": _temp24,\n  \"ru-RU\": _temp25,\n  \"sk-SK\": _temp26,\n  \"sl-SI\": _temp27,\n  \"sr-SP\": _temp28,\n  \"sv-SE\": _temp29,\n  \"tr-TR\": _temp30,\n  \"uk-UA\": _temp31,\n  \"zh-CN\": _temp32,\n  \"zh-TW\": _temp33\n}","{\n  \"loading\": \"جارٍ التحميل...\",\n  \"loadingMore\": \"جارٍ تحميل المزيد...\"\n}\n","{\n  \"loading\": \"Зареждане...\",\n  \"loadingMore\": \"Зареждане на още...\"\n}\n","{\n  \"loading\": \"Načítání...\",\n  \"loadingMore\": \"Načítání dalších...\"\n}\n","{\n  \"loading\": \"Indlæser...\",\n  \"loadingMore\": \"Indlæser flere...\"\n}\n","{\n  \"loading\": \"Laden...\",\n  \"loadingMore\": \"Mehr laden ...\"\n}\n","{\n  \"loading\": \"Φόρτωση...\",\n  \"loadingMore\": \"Φόρτωση περισσότερων...\"\n}\n","{\n  \"loading\": \"Loading…\",\n  \"loadingMore\": \"Loading more…\"\n}\n","{\n  \"loading\": \"Cargando…\",\n  \"loadingMore\": \"Cargando más…\"\n}\n","{\n  \"loading\": \"Laadimine...\",\n  \"loadingMore\": \"Laadi rohkem...\"\n}\n","{\n  \"loading\": \"Ladataan…\",\n  \"loadingMore\": \"Ladataan lisää…\"\n}\n","{\n  \"loading\": \"Chargement...\",\n  \"loadingMore\": \"Chargement supplémentaire...\"\n}\n","{\n  \"loading\": \"טוען...\",\n  \"loadingMore\": \"טוען עוד...\"\n}\n","{\n  \"loading\": \"Učitavam...\",\n  \"loadingMore\": \"Učitavam još...\"\n}\n","{\n  \"loading\": \"Betöltés folyamatban…\",\n  \"loadingMore\": \"Továbbiak betöltése folyamatban…\"\n}\n","{\n  \"loading\": \"Caricamento...\",\n  \"loadingMore\": \"Caricamento altri...\"\n}\n","{\n  \"loading\": \"読み込み中...\",\n  \"loadingMore\": \"さらに読み込み中...\"\n}\n","{\n  \"loading\": \"로드 중…\",\n  \"loadingMore\": \"추가 로드 중…\"\n}\n","{\n  \"loading\": \"Įkeliama...\",\n  \"loadingMore\": \"Įkeliama daugiau...\"\n}\n","{\n  \"loading\": \"Notiek ielāde...\",\n  \"loadingMore\": \"Tiek ielādēts vēl...\"\n}\n","{\n  \"loading\": \"Laster inn ...\",\n  \"loadingMore\": \"Laster inn flere ...\"\n}\n","{\n  \"loading\": \"Laden...\",\n  \"loadingMore\": \"Meer laden...\"\n}\n","{\n  \"loading\": \"Ładowanie...\",\n  \"loadingMore\": \"Wczytywanie większej liczby...\"\n}\n","{\n  \"loading\": \"Carregando...\",\n  \"loadingMore\": \"Carregando mais...\"\n}\n","{\n  \"loading\": \"A carregar...\",\n  \"loadingMore\": \"A carregar mais...\"\n}\n","{\n  \"loading\": \"Se încarcă...\",\n  \"loadingMore\": \"Se încarcă mai multe...\"\n}\n","{\n  \"loading\": \"Загрузка...\",\n  \"loadingMore\": \"Дополнительная загрузка...\"\n}\n","{\n  \"loading\": \"Načítava sa...\",\n  \"loadingMore\": \"Načítava sa viac...\"\n}\n","{\n  \"loading\": \"Nalaganje ...\",\n  \"loadingMore\": \"Nalaganje več vsebine ...\"\n}\n","{\n  \"loading\": \"Učitavam...\",\n  \"loadingMore\": \"Učitavam još...\"\n}\n","{\n  \"loading\": \"Läser in...\",\n  \"loadingMore\": \"Läser in mer...\"\n}\n","{\n  \"loading\": \"Yükleniyor...\",\n  \"loadingMore\": \"Daha fazla yükleniyor...\"\n}\n","{\n  \"loading\": \"Завантаження…\",\n  \"loadingMore\": \"Завантаження інших об’єктів...\"\n}\n","{\n  \"loading\": \"正在加载...\",\n  \"loadingMore\": \"正在加载更多...\"\n}\n","{\n  \"loading\": \"載入中…\",\n  \"loadingMore\": \"正在載入更多…\"\n}\n","\n:root {\n  --spectrum-listview-item-compact-padding-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-listview-item-regular-padding-y: var(--spectrum-global-dimension-size-75);\n  --spectrum-listview-item-spacious-padding-y: var(--spectrum-global-dimension-size-100);\n  --spectrum-listview-border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));\n  --spectrum-listview-border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\n  --spectrum-listview-item-start-end-border-radius: calc(var(--spectrum-listview-border-radius) - var(--spectrum-listview-border-width));\n}\n\n.react-spectrum-ListView {\n  box-sizing: border-box;\n  border-color: var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));\n  border-style: solid;\n  position: relative;\n  border-width: var(--spectrum-listview-border-width);\n  border-radius: var(--spectrum-listview-border-radius);\n  overflow: auto;\n  vertical-align: var(--spectrum-table-cell-vertical-alignment);\n  border-collapse: separate;\n  border-spacing: 0;\n  transform: translate3d(0, 0, 0);\n  padding: 0;\n  background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));\n  outline: 0;\n\n  [role=\"row\"] {\n    outline: none;\n  }\n}\n\n.react-spectrum-ListView--quiet {\n  background-color: var(--spectrum-alias-background-color-transparent);\n  border-width: 0;\n}\n\n.react-spectrum-ListViewItem {\n  display: grid; /* TODO: define grid areas */\n  border: 1px solid transparent;\n  border-bottom-color: var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));\n  box-sizing: border-box;\n  font-size: var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default));\n  font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));\n  line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);\n  padding: var(--spectrum-listview-item-regular-padding-y) var(--spectrum-global-dimension-size-150);\n  transition: background-color var(--spectrum-global-animation-duration-100) ease-in-out;\n  position: relative;\n  /*background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));*/\n  color: var(--spectrum-table-cell-text-color, var(--spectrum-alias-text-color));\n  outline: 0;\n  min-height: var(--spectrum-global-dimension-size-500);\n\n  .react-spectrum-ListView--emphasized & {\n    &.is-selected {\n      background-color: var(--spectrum-table-row-background-color-selected);\n      border-color: var(--spectrum-global-color-blue-500);\n      &.is-hovered,\n      &.is-active {\n        background-color: var(--spectrum-table-row-background-color-selected);\n      }\n\n      /* avoid double border for adjacent selected items */\n      &.is-previous-selected {\n        &:not(.is-focused) {\n          border-top-color: transparent;\n        }\n      }\n    }\n  }\n\n  &.is-hovered,\n  &.is-focused {\n    background-color: var(--spectrum-table-row-background-color-hover);\n  }\n\n  &:focus-ring {\n    background-color: var(--spectrum-table-row-background-color-hover);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n    border-color: var(--spectrum-global-color-blue-500);\n  }\n\n  &.is-active {\n    background-color: var(--spectrum-table-row-background-color-down);\n  }\n\n  &.is-selected {\n    background-color: var(--spectrum-table-row-background-color-hover);\n\n    &.is-hovered,\n    &.is-active {\n      background-color: var(--spectrum-table-row-background-color-hover);\n    }\n  }\n\n  &.has-checkbox {\n    /* have to eliminate vertical padding to allow proper vertical alignment */\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n\n  &.is-dragging {\n    border: 1px solid var(--spectrum-global-color-blue-500);\n    border-radius: var(--spectrum-global-dimension-size-50);\n  }\n\n  .react-spectrum-ListViewItem-grid {\n    display: grid;\n    grid-template-columns: auto auto auto auto 1fr auto auto;\n    grid-template-rows: 1fr auto;\n    grid-template-areas:\n      \"draghandle checkbox icon image content actions actionmenu chevron\"\n      \"draghandle checkbox icon image description actions actionmenu chevron\"\n    ;\n    align-items: center;\n  }\n\n  .react-spectrum-ListViewItem-draghandle-container {\n    grid-area: draghandle;\n    width: var(--spectrum-global-dimension-size-250);\n    display: flex;\n    align-self: stretch;\n    justify-self: stretch;\n    justify-content: center;\n    padding: var(--spectrum-global-dimension-size-25);\n\n\n    .react-spectrum-ListViewItem-draghandle-button {\n      width: var(--spectrum-global-dimension-size-200);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: var(--spectrum-alias-border-radius-regular);\n\n      &:focus-ring {\n        box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n        outline: none;\n      }\n    }\n  }\n\n  .react-spectrum-ListViewItem-checkbox {\n    grid-area: checkbox;\n    align-items: center;\n    justify-items: center;\n    min-height: 0;\n    height: 100%;\n    > span {\n      margin: 0;\n    }\n  }\n\n  .react-spectrum-ListViewItem-icon,\n  .react-spectrum-ListViewItem-image {\n    grid-area: image;\n    align-items: center;\n    justify-items: center;\n    padding-inline-end: var(--spectrum-global-dimension-size-100);\n  }\n\n  .react-spectrum-ListViewItem-image {\n    border-radius: var(--spectrum-global-dimension-size-25);\n    width: var(--spectrum-global-dimension-size-400);\n    height: var(--spectrum-global-dimension-size-400);\n  }\n\n  .react-spectrum-ListViewItem-content,\n  .react-spectrum-ListViewItem-description {\n    flex-grow: 1;\n  }\n\n  .react-spectrum-ListViewItem-content {\n    grid-area: content;\n  }\n\n  .react-spectrum-ListViewItem-description {\n    grid-area: description;\n  }\n\n  .react-spectrum-ListViewItem-actions {\n    grid-area: actions;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n\n  .react-spectrum-ListViewItem-actionmenu {\n    grid-area: actionmenu;\n  }\n\n  .react-spectrum-ListViewItem-parentIndicator {\n    grid-area: chevron;\n    padding-inline-start: var(--spectrum-global-dimension-size-75);\n  }\n\n  /* give first and last items border-radius to match listview container */\n  div:first-child > div[role=\"row\"] > & {\n    border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n    border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n  }\n  div:last-child > div[role=\"row\"] > & {\n    border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n    border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n  }\n}\n\n.react-spectrum-ListView--compact .react-spectrum-ListViewItem {\n  padding-top: var(--spectrum-listview-item-compact-padding-y);\n  padding-bottom: var(--spectrum-listview-item-compact-padding-y);\n  min-height: var(--spectrum-global-dimension-size-400);\n}\n\n.react-spectrum-ListView--spacious .react-spectrum-ListViewItem {\n  padding-top: var(--spectrum-listview-item-spacious-padding-y);\n  padding-bottom: var(--spectrum-listview-item-spacious-padding-y);\n  min-height: var(--spectrum-global-dimension-size-600);\n}\n\n.react-spectrum-ListView--draggable .react-spectrum-ListViewItem {\n  padding-inline-start: 0;\n}\n\n.react-spectrum-ListViewItem--draggable {\n  .react-spectrum-ListViewItem-checkbox input {\n    inset-inline-start: 0;\n  }\n}\n\n.react-spectrum-ListView-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  &.react-spectrum-ListView-centeredWrapper--loadingMore {\n    padding-top: var(--spectrum-global-dimension-size-50);\n  }\n}\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 */\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport type {DraggableItemResult} from '@react-aria/dnd';\nimport {FocusRing, useFocusRing} from '@react-aria/focus';\nimport {Grid} from '@react-spectrum/layout';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './listview.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useRef} from 'react';\nimport {useButton} from '@react-aria/button';\nimport {useGridCell, useGridRow, useGridSelectionCheckbox} from '@react-aria/grid';\nimport {useHover, usePress} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\nexport function ListViewItem(props) {\n  let {\n    item,\n    isEmphasized,\n    dragHooks\n  } = props;\n  let cellNode = [...item.childNodes][0];\n  let {state, dragState, onAction, isListDraggable} = useContext(ListViewContext);\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement>();\n  let cellRef =  useRef<HTMLDivElement>();\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;\n  let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);\n  let isDraggable = dragState?.isDraggable(item.key) && !isDisabled;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let {pressProps, isPressed} = usePress({isDisabled});\n  let {rowProps} = useGridRow({\n    node: item,\n    isVirtualized: true,\n    onAction: onAction ? () => onAction(item.key) : undefined,\n    shouldSelectOnPressUp: isListDraggable\n  }, state, rowRef);\n  let {gridCellProps} = useGridCell({\n    node: cellNode,\n    focusMode: 'cell'\n  }, state, cellRef);\n  let draggableItem: DraggableItemResult;\n  if (isListDraggable) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    draggableItem = dragHooks.useDraggableItem({key: item.key}, dragState);\n  }\n  const mergedProps = mergeProps(\n    gridCellProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n  let {checkboxProps} = useGridSelectionCheckbox({...props, key: item.key}, state);\n\n  let dragButtonRef = React.useRef();\n  let {buttonProps} = useButton({\n    ...draggableItem?.dragButtonProps,\n    elementType: 'div'\n  }, dragButtonRef);\n\n  let chevron = null;\n  if (item.props.hasChildItems) {\n    chevron = direction === 'ltr'\n      ? (\n        <ChevronRightMedium\n          aria-hidden=\"true\"\n          UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n      )\n      : (\n        <ChevronLeftMedium\n          aria-hidden=\"true\"\n          UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n      );\n  }\n\n  let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';\n  let isSelected = state.selectionManager.isSelected(item.key);\n  let showDragHandle = isDraggable && (isFocusVisibleWithin || isHovered || isPressed);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n  return (\n    <div\n      {...mergeProps(rowProps, pressProps, isDraggable && draggableItem?.dragProps)}\n      ref={rowRef}>\n      <div\n        className={\n          classNames(\n            listStyles,\n            'react-spectrum-ListViewItem',\n            {\n              'is-active': isPressed,\n              'is-focused': isFocusVisibleWithin,\n              'focus-ring': isFocusVisible,\n              'is-hovered': isHovered,\n              'is-selected': isSelected,\n              'is-previous-selected': state.selectionManager.isSelected(item.prevKey),\n              'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey)),\n              'react-spectrum-ListViewItem--draggable': isDraggable\n            }\n          )\n        }\n        ref={cellRef}\n        {...mergedProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {isListDraggable &&\n            <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n              {isDraggable &&\n                <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n                  <div\n                    {...buttonProps as React.HTMLAttributes<HTMLElement>}\n                    className={\n                      classNames(\n                        listStyles,\n                        'react-spectrum-ListViewItem-draghandle-button'\n                      )\n                    }\n                    style={!showDragHandle ? {...visuallyHiddenProps.style} : {}}\n                    ref={dragButtonRef}\n                    draggable=\"true\">\n                    <ListGripper />\n                  </div>\n                </FocusRing>\n              }\n            </div>\n          }\n          {showCheckbox &&\n            <Checkbox\n              UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n              {...checkboxProps}\n              isEmphasized={isEmphasized} />\n          }\n          <SlotProvider\n            slots={{\n              content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},\n              icon: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-icon'], size: 'M'},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},\n              link: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content'], isQuiet: true},\n              actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}\n            }}>\n            {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}\n            <ClearSlots>\n              {chevron}\n            </ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,4 +1,5 @@
 import { AriaLabelingProps, AsyncLoadable, CollectionBase, DOMProps, DOMRef, LoadingState, MultipleSelection, SpectrumSelectionProps, StyleProps } from "@react-types/shared";
+import { DragHooks } from "@react-spectrum/dnd";
 import { ReactElement } from "react";
 interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {
     /**
@@ -11,6 +12,7 @@ interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProp
     renderEmptyState?: () => JSX.Element;
     transitionDuration?: number;
     onAction?: (key: string) => void;
+    dragHooks?: DragHooks;
 }
 export const ListView: <T>(props: ListViewProps<T> & {
     ref?: DOMRef<HTMLDivElement>;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;ACyEA,wBAAwB,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC;IACxK;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,OAAO,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAoJD,OAAA,MAAM;UAA+E,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;ACvO9H,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC","sources":["packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/ListViewItem.tsx","packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/index.ts"],"sourcesContent":[null,null,null,"export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;ACqFA,wBAAwB,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC;IACxK;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,OAAO,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAmND,OAAA,MAAM;UAA+E,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;ACnT9H,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC","sources":["packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/ListViewItem.tsx","packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/index.ts"],"sourcesContent":[null,null,null,"export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\n"],"names":[],"version":3,"file":"types.d.ts.map"}