@adobe/react-spectrum 3.47.2 → 3.47.3

package/dist/private/list/InsertionIndicator.mjs

@@ -18,6 +18,7 @@ function $9f6a882f2314049c$export$2e2bcd8739ae039(props) {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $kUAIr$useContext)((0, $9710157b2ac3a032$export$870039b0abfe3de0));
     const { target: target, isPresentationOnly: isPresentationOnly } = props;
     let ref = (0, $kUAIr$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
     let { visuallyHiddenProps: visuallyHiddenProps } = (0, $kUAIr$useVisuallyHidden)();
     let isDropTarget = dropState.isDropTarget(target);

package/dist/private/list/InsertionIndicator.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAYe,kDAA4B,KAA8B;IACvE,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,MAAM,UAAC,MAAM,sBAAE,kBAAkB,EAAC,GAAG;IAErC,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QACC,MAAK;QACL,iBAAc;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,8CAAS,GAAG,6CAA6C;YAC7E,yDAAyD;QAC3D;OACC,CAAC,oCACA,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAKnF","sources":["packages/@adobe/react-spectrum/src/list/InsertionIndicator.tsx"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ItemDropTarget} from '@react-types/shared';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  isPresentationOnly?: boolean;\n}\n\nexport default function InsertionIndicator(props: InsertionIndicatorProps): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  const {target, isPresentationOnly} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        aria-selected=\"false\"\n        className={classNames(listStyles, 'react-spectrum-ListViewInsertionIndicator', {\n          'react-spectrum-ListViewInsertionIndicator--dropTarget': isDropTarget\n        })}>\n        {!isPresentationOnly && (\n          <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAYe,kDAA4B,KAA8B;IACvE,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,MAAM,UAAC,MAAM,sBAAE,kBAAkB,EAAC,GAAG;IAErC,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QACC,MAAK;QACL,iBAAc;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,8CAAS,GAAG,6CAA6C;YAC7E,yDAAyD;QAC3D;OACC,CAAC,oCACA,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAKnF","sources":["packages/@adobe/react-spectrum/src/list/InsertionIndicator.tsx"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ItemDropTarget} from '@react-types/shared';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  isPresentationOnly?: boolean;\n}\n\nexport default function InsertionIndicator(props: InsertionIndicatorProps): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  const {target, isPresentationOnly} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        aria-selected=\"false\"\n        className={classNames(listStyles, 'react-spectrum-ListViewInsertionIndicator', {\n          'react-spectrum-ListViewInsertionIndicator--dropTarget': isDropTarget\n        })}>\n        {!isPresentationOnly && (\n          <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.mjs.map"}

package/dist/private/list/ListView.cjs

@@ -87,6 +87,7 @@ function $65a78aedcedf442b$var$useListLayout(state, density, overflowMode) {
     let layout = (0, $b4U5H$react.useMemo)(()=>new (0, $d428a6aed80ea2ae$exports.ListViewLayout)({
             estimatedRowHeight: $65a78aedcedf442b$var$ROW_HEIGHTS[density || 'regular'][scale]
         }), // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/react-compiler, react-hooks/exhaustive-deps
     [
         scale,
         density,
@@ -118,11 +119,13 @@ const $65a78aedcedf442b$export$84d0dd190d551cd1 = /*#__PURE__*/ (0, ($parcel$int
     let dragState = null;
     let preview = (0, $b4U5H$react.useRef)(null);
     if (isListDraggable && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dragState = dragAndDropHooks.useDraggableCollectionState({
             collection: collection,
             selectionManager: selectionManager,
             preview: preview
         });
+        // oxlint-disable-next-line react/react-compiler
         dragAndDropHooks.useDraggableCollection({}, dragState, domRef);
     }
     let layout = $65a78aedcedf442b$var$useListLayout(state, props.density || 'regular', overflowMode);
@@ -131,10 +134,12 @@ const $65a78aedcedf442b$export$84d0dd190d551cd1 = /*#__PURE__*/ (0, ($parcel$int
     let droppableCollection = null;
     let isRootDropTarget = false;
     if (isListDroppable && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dropState = dragAndDropHooks.useDroppableCollectionState({
             collection: collection,
             selectionManager: selectionManager
         });
+        // oxlint-disable-next-line react/react-compiler
         droppableCollection = dragAndDropHooks.useDroppableCollection({
             keyboardDelegate: new (0, $b4U5H$reactariaListKeyboardDelegate.ListKeyboardDelegate)({
                 collection: collection,

package/dist/private/list/ListView.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaGridListProps, useGridList} from 'react-aria/useGridList';\nimport {\n  AsyncLoadable,\n  DOMRef,\n  Key,\n  LoadingState,\n  Node,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport type {DragAndDropHooks} from '../dnd/useDragAndDrop';\nimport type {DraggableCollectionState} from 'react-stately/useDraggableCollectionState';\nimport type {DroppableCollectionResult} from 'react-aria/useDroppableCollection';\nimport type {DroppableCollectionState} from 'react-stately/useDroppableCollectionState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport InsertionIndicator from './InsertionIndicator';\nimport intlMessages from '../../intl/list/*.json';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {ListState, useListState} from 'react-stately/useListState';\nimport listStyles from './styles.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ListViewLayout} from './ListViewLayout';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressCircle} from '../progress/ProgressCircle';\nimport React, {\n  JSX,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport RootDropIndicator from './RootDropIndicator';\nimport {DragPreview as SpectrumDragPreview} from './DragPreview';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProvider} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\nimport {Virtualizer} from 'react-aria/private/virtualizer/Virtualizer';\n\nexport interface SpectrumListViewProps<T>\n  extends\n    Omit<AriaGridListProps<T>, 'keyboardNavigationBehavior'>,\n    StyleProps,\n    SpectrumSelectionProps,\n    Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * The current loading state of the ListView. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n  /**\n   * Sets the text behavior for the row contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'truncate' | 'wrap';\n  /** Sets what the ListView should render when there is no content to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Handler that is called when a user performs an action on an item. The exact user event depends\n   * on the collection's `selectionStyle` prop and the interaction modality.\n   */\n  onAction?: (key: Key) => void;\n  /**\n   * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\n   * the ListView.\n   */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>['dragAndDropHooks'];\n}\n\ninterface ListViewContextValue<T> {\n  state: ListState<T>;\n  dragState: DraggableCollectionState | null;\n  dropState: DroppableCollectionState | null;\n  dragAndDropHooks?: DragAndDropHooks<T>['dragAndDropHooks'];\n  onAction?: (key: Key) => void;\n  isListDraggable: boolean;\n  isListDroppable: boolean;\n  layout: ListViewLayout<T>;\n  loadingState?: LoadingState;\n  renderEmptyState?: () => JSX.Element;\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue<unknown> | null>(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\nfunction useListLayout<T>(\n  state: ListState<T>,\n  density: SpectrumListViewProps<T>['density'],\n  overflowMode: SpectrumListViewProps<T>['overflowMode']\n) {\n  let {scale} = useProvider();\n  let layout = useMemo(\n    () =>\n      new ListViewLayout<T>({\n        estimatedRowHeight: ROW_HEIGHTS[density || 'regular'][scale]\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [scale, density, overflowMode]\n  );\n\n  return layout;\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = React.forwardRef(function ListView<T extends object>(\n  props: SpectrumListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    density = 'regular',\n    loadingState,\n    onLoadMore,\n    isQuiet,\n    overflowMode = 'truncate',\n    onAction,\n    dragAndDropHooks,\n    renderEmptyState,\n    ...otherProps\n  } = props;\n  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;\n  let dragHooksProvided = useRef(isListDraggable);\n  let dropHooksProvided = useRef(isListDroppable);\n  useEffect(() => {\n    if (dragHooksProvided.current !== isListDraggable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n    if (dropHooksProvided.current !== isListDroppable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n  }, [isListDraggable, isListDroppable]);\n\n  let domRef = useDOMRef(ref);\n  let state = useListState({\n    ...props,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let {collection, selectionManager} = state;\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let dragState: DraggableCollectionState | null = null;\n  let preview = useRef(null);\n  if (isListDraggable && dragAndDropHooks) {\n    dragState = dragAndDropHooks.useDraggableCollectionState!({\n      collection,\n      selectionManager,\n      preview\n    });\n    dragAndDropHooks.useDraggableCollection!({}, dragState, domRef);\n  }\n  let layout = useListLayout(state, props.density || 'regular', overflowMode);\n\n  let DragPreview = dragAndDropHooks?.DragPreview;\n  let dropState: DroppableCollectionState | null = null;\n  let droppableCollection: DroppableCollectionResult | null = null;\n  let isRootDropTarget = false;\n  if (isListDroppable && dragAndDropHooks) {\n    dropState = dragAndDropHooks.useDroppableCollectionState!({\n      collection,\n      selectionManager\n    });\n    droppableCollection = dragAndDropHooks.useDroppableCollection!(\n      {\n        keyboardDelegate: new ListKeyboardDelegate({\n          collection,\n          disabledKeys: dragState?.draggingKeys.size ? undefined : selectionManager.disabledKeys,\n          ref: domRef,\n          layoutDelegate: layout\n        }),\n        dropTargetDelegate: layout\n      },\n      dropState,\n      domRef\n    );\n\n    isRootDropTarget = dropState.isDropTarget({type: 'root'});\n  }\n\n  let {gridProps} = useGridList(\n    {\n      ...props,\n      isVirtualized: true,\n      layoutDelegate: layout,\n      onAction\n    },\n    state,\n    domRef\n  );\n\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null = null;\n  if (dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those in the DOM.\n      dropTargetKey = state.collection.getKeyAfter(dropTargetKey) ?? dropTargetKey;\n    }\n  }\n\n  let persistedKeys = useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k !== null));\n  }, [focusedKey, dropTargetKey]);\n\n  // wait for layout to get accurate measurements\n  let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = useState(false);\n  let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = useState(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // 2 is the width of the border which is not part of the box size\n      setVerticalScollbarVisible(domRef.current.clientWidth + 2 < domRef.current.offsetWidth);\n      setHorizontalScollbarVisible(domRef.current.clientHeight + 2 < domRef.current.offsetHeight);\n    }\n  });\n\n  let hasAnyChildren = useMemo(\n    () => [...collection].some(item => item.hasChildNodes),\n    [collection]\n  );\n\n  return (\n    <ListViewContext.Provider\n      value={{\n        state,\n        dragState,\n        dropState,\n        dragAndDropHooks,\n        onAction,\n        isListDraggable,\n        isListDroppable,\n        layout,\n        loadingState,\n        renderEmptyState\n      }}>\n      <FocusScope>\n        <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n          <Virtualizer\n            {...mergeProps(\n              isListDroppable ? droppableCollection?.collectionProps : null,\n              gridProps\n            )}\n            {...filterDOMProps(otherProps)}\n            {...gridProps}\n            {...styleProps}\n            onScroll={undefined}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n            ref={domRef}\n            persistedKeys={persistedKeys}\n            scrollDirection=\"vertical\"\n            className={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--loadingMore': loadingState === 'loadingMore',\n                'react-spectrum-ListView--draggable': !!isListDraggable,\n                'react-spectrum-ListView--dropTarget': !!isRootDropTarget,\n                'react-spectrum-ListView--isVerticalScrollbarVisible': isVerticalScrollbarVisible,\n                'react-spectrum-ListView--isHorizontalScrollbarVisible':\n                  isHorizontalScrollbarVisible,\n                'react-spectrum-ListView--hasAnyChildren': hasAnyChildren,\n                'react-spectrum-ListView--wrap': overflowMode === 'wrap'\n              },\n              styleProps.className\n            )}\n            layout={layout}\n            layoutOptions={useMemo(() => ({isLoading}), [isLoading])}\n            collection={collection}>\n            {useCallback((type, item: Node<T>) => {\n              if (type === 'item') {\n                return <Item item={item} />;\n              } else if (type === 'loader') {\n                return <LoadingView />;\n              } else if (type === 'placeholder') {\n                return <EmptyState />;\n              }\n            }, [])}\n          </Virtualizer>\n        </FocusRing>\n      </FocusScope>\n      {DragPreview && isListDraggable && dragAndDropHooks && dragState && (\n        <DragPreview ref={preview}>\n          {() => {\n            if (dragState.draggedKey == null) {\n              return null;\n            }\n            if (dragAndDropHooks.renderPreview) {\n              return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);\n            }\n            let item = state.collection.getItem(dragState.draggedKey);\n            if (!item) {\n              return null;\n            }\n            let itemCount = dragState.draggingKeys.size;\n            let itemHeight = layout.getLayoutInfo(dragState.draggedKey)?.rect.height ?? 0;\n            return (\n              <SpectrumDragPreview\n                item={item}\n                itemCount={itemCount}\n                itemHeight={itemHeight}\n                density={density}\n              />\n            );\n          }}\n        </DragPreview>\n      )}\n    </ListViewContext.Provider>\n  );\n}) as <T>(props: SpectrumListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\nfunction Item({item}: {item: Node<unknown>}) {\n  let {isListDroppable, state, onAction} = useContext(ListViewContext)!;\n  return (\n    <>\n      {isListDroppable && state.collection.getKeyBefore(item.key) == null && (\n        <RootDropIndicator key=\"root\" />\n      )}\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-before`}\n          target={{key: item.key, type: 'item', dropPosition: 'before'}}\n        />\n      )}\n      <ListViewItem item={item} isEmphasized hasActions={!!onAction} />\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-after`}\n          target={{key: item.key, type: 'item', dropPosition: 'after'}}\n          isPresentationOnly={state.collection.getKeyAfter(item.key) != null}\n        />\n      )}\n    </>\n  );\n}\n\nfunction LoadingView() {\n  let {state} = useContext(ListViewContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/list');\n  return (\n    <CenteredWrapper>\n      <ProgressCircle\n        isIndeterminate\n        aria-label={\n          state.collection.size > 0\n            ? stringFormatter.format('loadingMore')\n            : stringFormatter.format('loading')\n        }\n      />\n    </CenteredWrapper>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListViewContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return <CenteredWrapper>{emptyState}</CenteredWrapper>;\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={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper', {\n        'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n      })}>\n      <div role=\"gridcell\">{children}</div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListView.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaGridListProps, useGridList} from 'react-aria/useGridList';\nimport {\n  AsyncLoadable,\n  DOMRef,\n  Key,\n  LoadingState,\n  Node,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport type {DragAndDropHooks} from '../dnd/useDragAndDrop';\nimport type {DraggableCollectionState} from 'react-stately/useDraggableCollectionState';\nimport type {DroppableCollectionResult} from 'react-aria/useDroppableCollection';\nimport type {DroppableCollectionState} from 'react-stately/useDroppableCollectionState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport InsertionIndicator from './InsertionIndicator';\nimport intlMessages from '../../intl/list/*.json';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {ListState, useListState} from 'react-stately/useListState';\nimport listStyles from './styles.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ListViewLayout} from './ListViewLayout';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressCircle} from '../progress/ProgressCircle';\nimport React, {\n  JSX,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport RootDropIndicator from './RootDropIndicator';\nimport {DragPreview as SpectrumDragPreview} from './DragPreview';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProvider} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\nimport {Virtualizer} from 'react-aria/private/virtualizer/Virtualizer';\n\nexport interface SpectrumListViewProps<T>\n  extends\n    Omit<AriaGridListProps<T>, 'keyboardNavigationBehavior'>,\n    StyleProps,\n    SpectrumSelectionProps,\n    Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * The current loading state of the ListView. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n  /**\n   * Sets the text behavior for the row contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'truncate' | 'wrap';\n  /** Sets what the ListView should render when there is no content to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Handler that is called when a user performs an action on an item. The exact user event depends\n   * on the collection's `selectionStyle` prop and the interaction modality.\n   */\n  onAction?: (key: Key) => void;\n  /**\n   * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\n   * the ListView.\n   */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>['dragAndDropHooks'];\n}\n\ninterface ListViewContextValue<T> {\n  state: ListState<T>;\n  dragState: DraggableCollectionState | null;\n  dropState: DroppableCollectionState | null;\n  dragAndDropHooks?: DragAndDropHooks<T>['dragAndDropHooks'];\n  onAction?: (key: Key) => void;\n  isListDraggable: boolean;\n  isListDroppable: boolean;\n  layout: ListViewLayout<T>;\n  loadingState?: LoadingState;\n  renderEmptyState?: () => JSX.Element;\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue<unknown> | null>(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\nfunction useListLayout<T>(\n  state: ListState<T>,\n  density: SpectrumListViewProps<T>['density'],\n  overflowMode: SpectrumListViewProps<T>['overflowMode']\n) {\n  let {scale} = useProvider();\n  let layout = useMemo(\n    () =>\n      new ListViewLayout<T>({\n        estimatedRowHeight: ROW_HEIGHTS[density || 'regular'][scale]\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    // oxlint-disable-next-line react/react-compiler, react-hooks/exhaustive-deps\n    [scale, density, overflowMode]\n  );\n\n  return layout;\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = React.forwardRef(function ListView<T extends object>(\n  props: SpectrumListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    density = 'regular',\n    loadingState,\n    onLoadMore,\n    isQuiet,\n    overflowMode = 'truncate',\n    onAction,\n    dragAndDropHooks,\n    renderEmptyState,\n    ...otherProps\n  } = props;\n  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;\n  let dragHooksProvided = useRef(isListDraggable);\n  let dropHooksProvided = useRef(isListDroppable);\n  useEffect(() => {\n    if (dragHooksProvided.current !== isListDraggable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n    if (dropHooksProvided.current !== isListDroppable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n  }, [isListDraggable, isListDroppable]);\n\n  let domRef = useDOMRef(ref);\n  let state = useListState({\n    ...props,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let {collection, selectionManager} = state;\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let dragState: DraggableCollectionState | null = null;\n  let preview = useRef(null);\n  if (isListDraggable && dragAndDropHooks) {\n    // oxlint-disable-next-line react/react-compiler\n    dragState = dragAndDropHooks.useDraggableCollectionState!({\n      collection,\n      selectionManager,\n      preview\n    });\n    // oxlint-disable-next-line react/react-compiler\n    dragAndDropHooks.useDraggableCollection!({}, dragState, domRef);\n  }\n  let layout = useListLayout(state, props.density || 'regular', overflowMode);\n\n  let DragPreview = dragAndDropHooks?.DragPreview;\n  let dropState: DroppableCollectionState | null = null;\n  let droppableCollection: DroppableCollectionResult | null = null;\n  let isRootDropTarget = false;\n  if (isListDroppable && dragAndDropHooks) {\n    // oxlint-disable-next-line react/react-compiler\n    dropState = dragAndDropHooks.useDroppableCollectionState!({\n      collection,\n      selectionManager\n    });\n    // oxlint-disable-next-line react/react-compiler\n    droppableCollection = dragAndDropHooks.useDroppableCollection!(\n      {\n        keyboardDelegate: new ListKeyboardDelegate({\n          collection,\n          disabledKeys: dragState?.draggingKeys.size ? undefined : selectionManager.disabledKeys,\n          ref: domRef,\n          layoutDelegate: layout\n        }),\n        dropTargetDelegate: layout\n      },\n      dropState,\n      domRef\n    );\n\n    isRootDropTarget = dropState.isDropTarget({type: 'root'});\n  }\n\n  let {gridProps} = useGridList(\n    {\n      ...props,\n      isVirtualized: true,\n      layoutDelegate: layout,\n      onAction\n    },\n    state,\n    domRef\n  );\n\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null = null;\n  if (dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those in the DOM.\n      dropTargetKey = state.collection.getKeyAfter(dropTargetKey) ?? dropTargetKey;\n    }\n  }\n\n  let persistedKeys = useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k !== null));\n  }, [focusedKey, dropTargetKey]);\n\n  // wait for layout to get accurate measurements\n  let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = useState(false);\n  let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = useState(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // 2 is the width of the border which is not part of the box size\n      setVerticalScollbarVisible(domRef.current.clientWidth + 2 < domRef.current.offsetWidth);\n      setHorizontalScollbarVisible(domRef.current.clientHeight + 2 < domRef.current.offsetHeight);\n    }\n  });\n\n  let hasAnyChildren = useMemo(\n    () => [...collection].some(item => item.hasChildNodes),\n    [collection]\n  );\n\n  return (\n    <ListViewContext.Provider\n      value={{\n        state,\n        dragState,\n        dropState,\n        dragAndDropHooks,\n        onAction,\n        isListDraggable,\n        isListDroppable,\n        layout,\n        loadingState,\n        renderEmptyState\n      }}>\n      <FocusScope>\n        <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n          <Virtualizer\n            {...mergeProps(\n              isListDroppable ? droppableCollection?.collectionProps : null,\n              gridProps\n            )}\n            {...filterDOMProps(otherProps)}\n            {...gridProps}\n            {...styleProps}\n            onScroll={undefined}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n            ref={domRef}\n            persistedKeys={persistedKeys}\n            scrollDirection=\"vertical\"\n            className={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--loadingMore': loadingState === 'loadingMore',\n                'react-spectrum-ListView--draggable': !!isListDraggable,\n                'react-spectrum-ListView--dropTarget': !!isRootDropTarget,\n                'react-spectrum-ListView--isVerticalScrollbarVisible': isVerticalScrollbarVisible,\n                'react-spectrum-ListView--isHorizontalScrollbarVisible':\n                  isHorizontalScrollbarVisible,\n                'react-spectrum-ListView--hasAnyChildren': hasAnyChildren,\n                'react-spectrum-ListView--wrap': overflowMode === 'wrap'\n              },\n              styleProps.className\n            )}\n            layout={layout}\n            layoutOptions={useMemo(() => ({isLoading}), [isLoading])}\n            collection={collection}>\n            {useCallback((type, item: Node<T>) => {\n              if (type === 'item') {\n                return <Item item={item} />;\n              } else if (type === 'loader') {\n                return <LoadingView />;\n              } else if (type === 'placeholder') {\n                return <EmptyState />;\n              }\n            }, [])}\n          </Virtualizer>\n        </FocusRing>\n      </FocusScope>\n      {DragPreview && isListDraggable && dragAndDropHooks && dragState && (\n        <DragPreview ref={preview}>\n          {() => {\n            if (dragState.draggedKey == null) {\n              return null;\n            }\n            if (dragAndDropHooks.renderPreview) {\n              return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);\n            }\n            let item = state.collection.getItem(dragState.draggedKey);\n            if (!item) {\n              return null;\n            }\n            let itemCount = dragState.draggingKeys.size;\n            let itemHeight = layout.getLayoutInfo(dragState.draggedKey)?.rect.height ?? 0;\n            return (\n              <SpectrumDragPreview\n                item={item}\n                itemCount={itemCount}\n                itemHeight={itemHeight}\n                density={density}\n              />\n            );\n          }}\n        </DragPreview>\n      )}\n    </ListViewContext.Provider>\n  );\n}) as <T>(props: SpectrumListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\nfunction Item({item}: {item: Node<unknown>}) {\n  let {isListDroppable, state, onAction} = useContext(ListViewContext)!;\n  return (\n    <>\n      {isListDroppable && state.collection.getKeyBefore(item.key) == null && (\n        <RootDropIndicator key=\"root\" />\n      )}\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-before`}\n          target={{key: item.key, type: 'item', dropPosition: 'before'}}\n        />\n      )}\n      <ListViewItem item={item} isEmphasized hasActions={!!onAction} />\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-after`}\n          target={{key: item.key, type: 'item', dropPosition: 'after'}}\n          isPresentationOnly={state.collection.getKeyAfter(item.key) != null}\n        />\n      )}\n    </>\n  );\n}\n\nfunction LoadingView() {\n  let {state} = useContext(ListViewContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/list');\n  return (\n    <CenteredWrapper>\n      <ProgressCircle\n        isIndeterminate\n        aria-label={\n          state.collection.size > 0\n            ? stringFormatter.format('loadingMore')\n            : stringFormatter.format('loading')\n        }\n      />\n    </CenteredWrapper>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListViewContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return <CenteredWrapper>{emptyState}</CenteredWrapper>;\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={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper', {\n        'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n      })}>\n      <div role=\"gridcell\">{children}</div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListView.cjs.map"}

package/dist/private/list/ListView.js

@@ -80,6 +80,7 @@ function $bcd1a74211acbd51$var$useListLayout(state, density, overflowMode) {
     let layout = (0, $jU4mA$useMemo)(()=>new (0, $d5bbdf752e3f3896$export$dab781655dfbb7d3)({
             estimatedRowHeight: $bcd1a74211acbd51$var$ROW_HEIGHTS[density || 'regular'][scale]
         }), // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/react-compiler, react-hooks/exhaustive-deps
     [
         scale,
         density,
@@ -112,11 +113,13 @@ const $bcd1a74211acbd51$export$84d0dd190d551cd1 = /*#__PURE__*/ (0, $jU4mA$react
     let dragState = null;
     let preview = (0, $jU4mA$useRef)(null);
     if (isListDraggable && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dragState = dragAndDropHooks.useDraggableCollectionState({
             collection: collection,
             selectionManager: selectionManager,
             preview: preview
         });
+        // oxlint-disable-next-line react/react-compiler
         dragAndDropHooks.useDraggableCollection({}, dragState, domRef);
     }
     let layout = $bcd1a74211acbd51$var$useListLayout(state, props.density || 'regular', overflowMode);
@@ -125,10 +128,12 @@ const $bcd1a74211acbd51$export$84d0dd190d551cd1 = /*#__PURE__*/ (0, $jU4mA$react
     let droppableCollection = null;
     let isRootDropTarget = false;
     if (isListDroppable && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dropState = dragAndDropHooks.useDroppableCollectionState({
             collection: collection,
             selectionManager: selectionManager
         });
+        // oxlint-disable-next-line react/react-compiler
         droppableCollection = dragAndDropHooks.useDroppableCollection({
             keyboardDelegate: new (0, $jU4mA$ListKeyboardDelegate)({
                 collection: collection,

package/dist/private/list/ListView.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaGridListProps, useGridList} from 'react-aria/useGridList';\nimport {\n  AsyncLoadable,\n  DOMRef,\n  Key,\n  LoadingState,\n  Node,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport type {DragAndDropHooks} from '../dnd/useDragAndDrop';\nimport type {DraggableCollectionState} from 'react-stately/useDraggableCollectionState';\nimport type {DroppableCollectionResult} from 'react-aria/useDroppableCollection';\nimport type {DroppableCollectionState} from 'react-stately/useDroppableCollectionState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport InsertionIndicator from './InsertionIndicator';\nimport intlMessages from '../../intl/list/*.json';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {ListState, useListState} from 'react-stately/useListState';\nimport listStyles from './styles.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ListViewLayout} from './ListViewLayout';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressCircle} from '../progress/ProgressCircle';\nimport React, {\n  JSX,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport RootDropIndicator from './RootDropIndicator';\nimport {DragPreview as SpectrumDragPreview} from './DragPreview';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProvider} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\nimport {Virtualizer} from 'react-aria/private/virtualizer/Virtualizer';\n\nexport interface SpectrumListViewProps<T>\n  extends\n    Omit<AriaGridListProps<T>, 'keyboardNavigationBehavior'>,\n    StyleProps,\n    SpectrumSelectionProps,\n    Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * The current loading state of the ListView. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n  /**\n   * Sets the text behavior for the row contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'truncate' | 'wrap';\n  /** Sets what the ListView should render when there is no content to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Handler that is called when a user performs an action on an item. The exact user event depends\n   * on the collection's `selectionStyle` prop and the interaction modality.\n   */\n  onAction?: (key: Key) => void;\n  /**\n   * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\n   * the ListView.\n   */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>['dragAndDropHooks'];\n}\n\ninterface ListViewContextValue<T> {\n  state: ListState<T>;\n  dragState: DraggableCollectionState | null;\n  dropState: DroppableCollectionState | null;\n  dragAndDropHooks?: DragAndDropHooks<T>['dragAndDropHooks'];\n  onAction?: (key: Key) => void;\n  isListDraggable: boolean;\n  isListDroppable: boolean;\n  layout: ListViewLayout<T>;\n  loadingState?: LoadingState;\n  renderEmptyState?: () => JSX.Element;\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue<unknown> | null>(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\nfunction useListLayout<T>(\n  state: ListState<T>,\n  density: SpectrumListViewProps<T>['density'],\n  overflowMode: SpectrumListViewProps<T>['overflowMode']\n) {\n  let {scale} = useProvider();\n  let layout = useMemo(\n    () =>\n      new ListViewLayout<T>({\n        estimatedRowHeight: ROW_HEIGHTS[density || 'regular'][scale]\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [scale, density, overflowMode]\n  );\n\n  return layout;\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = React.forwardRef(function ListView<T extends object>(\n  props: SpectrumListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    density = 'regular',\n    loadingState,\n    onLoadMore,\n    isQuiet,\n    overflowMode = 'truncate',\n    onAction,\n    dragAndDropHooks,\n    renderEmptyState,\n    ...otherProps\n  } = props;\n  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;\n  let dragHooksProvided = useRef(isListDraggable);\n  let dropHooksProvided = useRef(isListDroppable);\n  useEffect(() => {\n    if (dragHooksProvided.current !== isListDraggable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n    if (dropHooksProvided.current !== isListDroppable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n  }, [isListDraggable, isListDroppable]);\n\n  let domRef = useDOMRef(ref);\n  let state = useListState({\n    ...props,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let {collection, selectionManager} = state;\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let dragState: DraggableCollectionState | null = null;\n  let preview = useRef(null);\n  if (isListDraggable && dragAndDropHooks) {\n    dragState = dragAndDropHooks.useDraggableCollectionState!({\n      collection,\n      selectionManager,\n      preview\n    });\n    dragAndDropHooks.useDraggableCollection!({}, dragState, domRef);\n  }\n  let layout = useListLayout(state, props.density || 'regular', overflowMode);\n\n  let DragPreview = dragAndDropHooks?.DragPreview;\n  let dropState: DroppableCollectionState | null = null;\n  let droppableCollection: DroppableCollectionResult | null = null;\n  let isRootDropTarget = false;\n  if (isListDroppable && dragAndDropHooks) {\n    dropState = dragAndDropHooks.useDroppableCollectionState!({\n      collection,\n      selectionManager\n    });\n    droppableCollection = dragAndDropHooks.useDroppableCollection!(\n      {\n        keyboardDelegate: new ListKeyboardDelegate({\n          collection,\n          disabledKeys: dragState?.draggingKeys.size ? undefined : selectionManager.disabledKeys,\n          ref: domRef,\n          layoutDelegate: layout\n        }),\n        dropTargetDelegate: layout\n      },\n      dropState,\n      domRef\n    );\n\n    isRootDropTarget = dropState.isDropTarget({type: 'root'});\n  }\n\n  let {gridProps} = useGridList(\n    {\n      ...props,\n      isVirtualized: true,\n      layoutDelegate: layout,\n      onAction\n    },\n    state,\n    domRef\n  );\n\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null = null;\n  if (dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those in the DOM.\n      dropTargetKey = state.collection.getKeyAfter(dropTargetKey) ?? dropTargetKey;\n    }\n  }\n\n  let persistedKeys = useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k !== null));\n  }, [focusedKey, dropTargetKey]);\n\n  // wait for layout to get accurate measurements\n  let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = useState(false);\n  let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = useState(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // 2 is the width of the border which is not part of the box size\n      setVerticalScollbarVisible(domRef.current.clientWidth + 2 < domRef.current.offsetWidth);\n      setHorizontalScollbarVisible(domRef.current.clientHeight + 2 < domRef.current.offsetHeight);\n    }\n  });\n\n  let hasAnyChildren = useMemo(\n    () => [...collection].some(item => item.hasChildNodes),\n    [collection]\n  );\n\n  return (\n    <ListViewContext.Provider\n      value={{\n        state,\n        dragState,\n        dropState,\n        dragAndDropHooks,\n        onAction,\n        isListDraggable,\n        isListDroppable,\n        layout,\n        loadingState,\n        renderEmptyState\n      }}>\n      <FocusScope>\n        <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n          <Virtualizer\n            {...mergeProps(\n              isListDroppable ? droppableCollection?.collectionProps : null,\n              gridProps\n            )}\n            {...filterDOMProps(otherProps)}\n            {...gridProps}\n            {...styleProps}\n            onScroll={undefined}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n            ref={domRef}\n            persistedKeys={persistedKeys}\n            scrollDirection=\"vertical\"\n            className={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--loadingMore': loadingState === 'loadingMore',\n                'react-spectrum-ListView--draggable': !!isListDraggable,\n                'react-spectrum-ListView--dropTarget': !!isRootDropTarget,\n                'react-spectrum-ListView--isVerticalScrollbarVisible': isVerticalScrollbarVisible,\n                'react-spectrum-ListView--isHorizontalScrollbarVisible':\n                  isHorizontalScrollbarVisible,\n                'react-spectrum-ListView--hasAnyChildren': hasAnyChildren,\n                'react-spectrum-ListView--wrap': overflowMode === 'wrap'\n              },\n              styleProps.className\n            )}\n            layout={layout}\n            layoutOptions={useMemo(() => ({isLoading}), [isLoading])}\n            collection={collection}>\n            {useCallback((type, item: Node<T>) => {\n              if (type === 'item') {\n                return <Item item={item} />;\n              } else if (type === 'loader') {\n                return <LoadingView />;\n              } else if (type === 'placeholder') {\n                return <EmptyState />;\n              }\n            }, [])}\n          </Virtualizer>\n        </FocusRing>\n      </FocusScope>\n      {DragPreview && isListDraggable && dragAndDropHooks && dragState && (\n        <DragPreview ref={preview}>\n          {() => {\n            if (dragState.draggedKey == null) {\n              return null;\n            }\n            if (dragAndDropHooks.renderPreview) {\n              return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);\n            }\n            let item = state.collection.getItem(dragState.draggedKey);\n            if (!item) {\n              return null;\n            }\n            let itemCount = dragState.draggingKeys.size;\n            let itemHeight = layout.getLayoutInfo(dragState.draggedKey)?.rect.height ?? 0;\n            return (\n              <SpectrumDragPreview\n                item={item}\n                itemCount={itemCount}\n                itemHeight={itemHeight}\n                density={density}\n              />\n            );\n          }}\n        </DragPreview>\n      )}\n    </ListViewContext.Provider>\n  );\n}) as <T>(props: SpectrumListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\nfunction Item({item}: {item: Node<unknown>}) {\n  let {isListDroppable, state, onAction} = useContext(ListViewContext)!;\n  return (\n    <>\n      {isListDroppable && state.collection.getKeyBefore(item.key) == null && (\n        <RootDropIndicator key=\"root\" />\n      )}\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-before`}\n          target={{key: item.key, type: 'item', dropPosition: 'before'}}\n        />\n      )}\n      <ListViewItem item={item} isEmphasized hasActions={!!onAction} />\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-after`}\n          target={{key: item.key, type: 'item', dropPosition: 'after'}}\n          isPresentationOnly={state.collection.getKeyAfter(item.key) != null}\n        />\n      )}\n    </>\n  );\n}\n\nfunction LoadingView() {\n  let {state} = useContext(ListViewContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/list');\n  return (\n    <CenteredWrapper>\n      <ProgressCircle\n        isIndeterminate\n        aria-label={\n          state.collection.size > 0\n            ? stringFormatter.format('loadingMore')\n            : stringFormatter.format('loading')\n        }\n      />\n    </CenteredWrapper>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListViewContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return <CenteredWrapper>{emptyState}</CenteredWrapper>;\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={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper', {\n        'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n      })}>\n      <div role=\"gridcell\">{children}</div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListView.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaGridListProps, useGridList} from 'react-aria/useGridList';\nimport {\n  AsyncLoadable,\n  DOMRef,\n  Key,\n  LoadingState,\n  Node,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport type {DragAndDropHooks} from '../dnd/useDragAndDrop';\nimport type {DraggableCollectionState} from 'react-stately/useDraggableCollectionState';\nimport type {DroppableCollectionResult} from 'react-aria/useDroppableCollection';\nimport type {DroppableCollectionState} from 'react-stately/useDroppableCollectionState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport InsertionIndicator from './InsertionIndicator';\nimport intlMessages from '../../intl/list/*.json';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {ListState, useListState} from 'react-stately/useListState';\nimport listStyles from './styles.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ListViewLayout} from './ListViewLayout';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressCircle} from '../progress/ProgressCircle';\nimport React, {\n  JSX,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport RootDropIndicator from './RootDropIndicator';\nimport {DragPreview as SpectrumDragPreview} from './DragPreview';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProvider} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\nimport {Virtualizer} from 'react-aria/private/virtualizer/Virtualizer';\n\nexport interface SpectrumListViewProps<T>\n  extends\n    Omit<AriaGridListProps<T>, 'keyboardNavigationBehavior'>,\n    StyleProps,\n    SpectrumSelectionProps,\n    Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * The current loading state of the ListView. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n  /**\n   * Sets the text behavior for the row contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'truncate' | 'wrap';\n  /** Sets what the ListView should render when there is no content to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Handler that is called when a user performs an action on an item. The exact user event depends\n   * on the collection's `selectionStyle` prop and the interaction modality.\n   */\n  onAction?: (key: Key) => void;\n  /**\n   * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\n   * the ListView.\n   */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>['dragAndDropHooks'];\n}\n\ninterface ListViewContextValue<T> {\n  state: ListState<T>;\n  dragState: DraggableCollectionState | null;\n  dropState: DroppableCollectionState | null;\n  dragAndDropHooks?: DragAndDropHooks<T>['dragAndDropHooks'];\n  onAction?: (key: Key) => void;\n  isListDraggable: boolean;\n  isListDroppable: boolean;\n  layout: ListViewLayout<T>;\n  loadingState?: LoadingState;\n  renderEmptyState?: () => JSX.Element;\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue<unknown> | null>(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\nfunction useListLayout<T>(\n  state: ListState<T>,\n  density: SpectrumListViewProps<T>['density'],\n  overflowMode: SpectrumListViewProps<T>['overflowMode']\n) {\n  let {scale} = useProvider();\n  let layout = useMemo(\n    () =>\n      new ListViewLayout<T>({\n        estimatedRowHeight: ROW_HEIGHTS[density || 'regular'][scale]\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    // oxlint-disable-next-line react/react-compiler, react-hooks/exhaustive-deps\n    [scale, density, overflowMode]\n  );\n\n  return layout;\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = React.forwardRef(function ListView<T extends object>(\n  props: SpectrumListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    density = 'regular',\n    loadingState,\n    onLoadMore,\n    isQuiet,\n    overflowMode = 'truncate',\n    onAction,\n    dragAndDropHooks,\n    renderEmptyState,\n    ...otherProps\n  } = props;\n  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;\n  let dragHooksProvided = useRef(isListDraggable);\n  let dropHooksProvided = useRef(isListDroppable);\n  useEffect(() => {\n    if (dragHooksProvided.current !== isListDraggable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n    if (dropHooksProvided.current !== isListDroppable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n  }, [isListDraggable, isListDroppable]);\n\n  let domRef = useDOMRef(ref);\n  let state = useListState({\n    ...props,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let {collection, selectionManager} = state;\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let dragState: DraggableCollectionState | null = null;\n  let preview = useRef(null);\n  if (isListDraggable && dragAndDropHooks) {\n    // oxlint-disable-next-line react/react-compiler\n    dragState = dragAndDropHooks.useDraggableCollectionState!({\n      collection,\n      selectionManager,\n      preview\n    });\n    // oxlint-disable-next-line react/react-compiler\n    dragAndDropHooks.useDraggableCollection!({}, dragState, domRef);\n  }\n  let layout = useListLayout(state, props.density || 'regular', overflowMode);\n\n  let DragPreview = dragAndDropHooks?.DragPreview;\n  let dropState: DroppableCollectionState | null = null;\n  let droppableCollection: DroppableCollectionResult | null = null;\n  let isRootDropTarget = false;\n  if (isListDroppable && dragAndDropHooks) {\n    // oxlint-disable-next-line react/react-compiler\n    dropState = dragAndDropHooks.useDroppableCollectionState!({\n      collection,\n      selectionManager\n    });\n    // oxlint-disable-next-line react/react-compiler\n    droppableCollection = dragAndDropHooks.useDroppableCollection!(\n      {\n        keyboardDelegate: new ListKeyboardDelegate({\n          collection,\n          disabledKeys: dragState?.draggingKeys.size ? undefined : selectionManager.disabledKeys,\n          ref: domRef,\n          layoutDelegate: layout\n        }),\n        dropTargetDelegate: layout\n      },\n      dropState,\n      domRef\n    );\n\n    isRootDropTarget = dropState.isDropTarget({type: 'root'});\n  }\n\n  let {gridProps} = useGridList(\n    {\n      ...props,\n      isVirtualized: true,\n      layoutDelegate: layout,\n      onAction\n    },\n    state,\n    domRef\n  );\n\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null = null;\n  if (dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those in the DOM.\n      dropTargetKey = state.collection.getKeyAfter(dropTargetKey) ?? dropTargetKey;\n    }\n  }\n\n  let persistedKeys = useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k !== null));\n  }, [focusedKey, dropTargetKey]);\n\n  // wait for layout to get accurate measurements\n  let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = useState(false);\n  let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = useState(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // 2 is the width of the border which is not part of the box size\n      setVerticalScollbarVisible(domRef.current.clientWidth + 2 < domRef.current.offsetWidth);\n      setHorizontalScollbarVisible(domRef.current.clientHeight + 2 < domRef.current.offsetHeight);\n    }\n  });\n\n  let hasAnyChildren = useMemo(\n    () => [...collection].some(item => item.hasChildNodes),\n    [collection]\n  );\n\n  return (\n    <ListViewContext.Provider\n      value={{\n        state,\n        dragState,\n        dropState,\n        dragAndDropHooks,\n        onAction,\n        isListDraggable,\n        isListDroppable,\n        layout,\n        loadingState,\n        renderEmptyState\n      }}>\n      <FocusScope>\n        <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n          <Virtualizer\n            {...mergeProps(\n              isListDroppable ? droppableCollection?.collectionProps : null,\n              gridProps\n            )}\n            {...filterDOMProps(otherProps)}\n            {...gridProps}\n            {...styleProps}\n            onScroll={undefined}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n            ref={domRef}\n            persistedKeys={persistedKeys}\n            scrollDirection=\"vertical\"\n            className={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--loadingMore': loadingState === 'loadingMore',\n                'react-spectrum-ListView--draggable': !!isListDraggable,\n                'react-spectrum-ListView--dropTarget': !!isRootDropTarget,\n                'react-spectrum-ListView--isVerticalScrollbarVisible': isVerticalScrollbarVisible,\n                'react-spectrum-ListView--isHorizontalScrollbarVisible':\n                  isHorizontalScrollbarVisible,\n                'react-spectrum-ListView--hasAnyChildren': hasAnyChildren,\n                'react-spectrum-ListView--wrap': overflowMode === 'wrap'\n              },\n              styleProps.className\n            )}\n            layout={layout}\n            layoutOptions={useMemo(() => ({isLoading}), [isLoading])}\n            collection={collection}>\n            {useCallback((type, item: Node<T>) => {\n              if (type === 'item') {\n                return <Item item={item} />;\n              } else if (type === 'loader') {\n                return <LoadingView />;\n              } else if (type === 'placeholder') {\n                return <EmptyState />;\n              }\n            }, [])}\n          </Virtualizer>\n        </FocusRing>\n      </FocusScope>\n      {DragPreview && isListDraggable && dragAndDropHooks && dragState && (\n        <DragPreview ref={preview}>\n          {() => {\n            if (dragState.draggedKey == null) {\n              return null;\n            }\n            if (dragAndDropHooks.renderPreview) {\n              return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);\n            }\n            let item = state.collection.getItem(dragState.draggedKey);\n            if (!item) {\n              return null;\n            }\n            let itemCount = dragState.draggingKeys.size;\n            let itemHeight = layout.getLayoutInfo(dragState.draggedKey)?.rect.height ?? 0;\n            return (\n              <SpectrumDragPreview\n                item={item}\n                itemCount={itemCount}\n                itemHeight={itemHeight}\n                density={density}\n              />\n            );\n          }}\n        </DragPreview>\n      )}\n    </ListViewContext.Provider>\n  );\n}) as <T>(props: SpectrumListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\nfunction Item({item}: {item: Node<unknown>}) {\n  let {isListDroppable, state, onAction} = useContext(ListViewContext)!;\n  return (\n    <>\n      {isListDroppable && state.collection.getKeyBefore(item.key) == null && (\n        <RootDropIndicator key=\"root\" />\n      )}\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-before`}\n          target={{key: item.key, type: 'item', dropPosition: 'before'}}\n        />\n      )}\n      <ListViewItem item={item} isEmphasized hasActions={!!onAction} />\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-after`}\n          target={{key: item.key, type: 'item', dropPosition: 'after'}}\n          isPresentationOnly={state.collection.getKeyAfter(item.key) != null}\n        />\n      )}\n    </>\n  );\n}\n\nfunction LoadingView() {\n  let {state} = useContext(ListViewContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/list');\n  return (\n    <CenteredWrapper>\n      <ProgressCircle\n        isIndeterminate\n        aria-label={\n          state.collection.size > 0\n            ? stringFormatter.format('loadingMore')\n            : stringFormatter.format('loading')\n        }\n      />\n    </CenteredWrapper>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListViewContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return <CenteredWrapper>{emptyState}</CenteredWrapper>;\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={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper', {\n        'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n      })}>\n      <div role=\"gridcell\">{children}</div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListView.js.map"}

package/dist/private/list/ListView.mjs

@@ -80,6 +80,7 @@ function $9710157b2ac3a032$var$useListLayout(state, density, overflowMode) {
     let layout = (0, $dzLUI$useMemo)(()=>new (0, $f1f5a4c1b08ae7d1$export$dab781655dfbb7d3)({
             estimatedRowHeight: $9710157b2ac3a032$var$ROW_HEIGHTS[density || 'regular'][scale]
         }), // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/react-compiler, react-hooks/exhaustive-deps
     [
         scale,
         density,
@@ -111,11 +112,13 @@ const $9710157b2ac3a032$export$84d0dd190d551cd1 = /*#__PURE__*/ (0, $dzLUI$react
     let dragState = null;
     let preview = (0, $dzLUI$useRef)(null);
     if (isListDraggable && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dragState = dragAndDropHooks.useDraggableCollectionState({
             collection: collection,
             selectionManager: selectionManager,
             preview: preview
         });
+        // oxlint-disable-next-line react/react-compiler
         dragAndDropHooks.useDraggableCollection({}, dragState, domRef);
     }
     let layout = $9710157b2ac3a032$var$useListLayout(state, props.density || 'regular', overflowMode);
@@ -124,10 +127,12 @@ const $9710157b2ac3a032$export$84d0dd190d551cd1 = /*#__PURE__*/ (0, $dzLUI$react
     let droppableCollection = null;
     let isRootDropTarget = false;
     if (isListDroppable && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dropState = dragAndDropHooks.useDroppableCollectionState({
             collection: collection,
             selectionManager: selectionManager
         });
+        // oxlint-disable-next-line react/react-compiler
         droppableCollection = dragAndDropHooks.useDroppableCollection({
             keyboardDelegate: new (0, $dzLUI$ListKeyboardDelegate)({
                 collection: collection,

package/dist/private/list/ListView.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;;;;;;AAoGM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAuC;AAEzF,MAAM,oCAAc;IAClB,SAAS;QACP,QAAQ;QACR,OAAO;IACT;IACA,SAAS;QACP,QAAQ;QACR,OAAO;IACT;IACA,UAAU;QACR,QAAQ;QACR,OAAO;IACT;AACF;AAEA,SAAS,oCACP,KAAmB,EACnB,OAA4C,EAC5C,YAAsD;IAEtD,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAU;IACxB,IAAI,SAAS,CAAA,GAAA,cAAM,EACjB,IACE,IAAI,CAAA,GAAA,yCAAa,EAAK;YACpB,oBAAoB,iCAAW,CAAC,WAAW,UAAU,CAAC,MAAM;QAC9D,IACF,uDAAuD;IACvD;QAAC;QAAO;QAAS;KAAa;IAGhC,OAAO;AACT;AAMO,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,WACF,UAAU,yBACV,YAAY,cACZ,UAAU,WACV,OAAO,gBACP,eAAe,sBACf,QAAQ,oBACR,gBAAgB,oBAChB,gBAAgB,EAChB,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAC,CAAC,kBAAkB;IAC1C,IAAI,kBAAkB,CAAC,CAAC,kBAAkB;IAC1C,IAAI,oBAAoB,CAAA,GAAA,aAAK,EAAE;IAC/B,IAAI,oBAAoB,CAAA,GAAA,aAAK,EAAE;IAC/B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,kBAAkB,OAAO,KAAK,mBAAmB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5E,QAAQ,IAAI,CACV;QAGJ,IAAI,kBAAkB,OAAO,KAAK,mBAAmB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5E,QAAQ,IAAI,CACV;IAGN,GAAG;QAAC;QAAiB;KAAgB;IAErC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,QAAQ,CAAA,GAAA,mBAAW,EAAE;QACvB,GAAG,KAAK;QACR,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IACA,IAAI,cAAC,UAAU,oBAAE,gBAAgB,EAAC,GAAG;IACrC,IAAI,YAAY,iBAAiB,aAAa,iBAAiB;IAE/D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,YAA6C;IACjD,IAAI,UAAU,CAAA,GAAA,aAAK,EAAE;IACrB,IAAI,mBAAmB,kBAAkB;QACvC,YAAY,iBAAiB,2BAA2B,CAAE;wBACxD;8BACA;qBACA;QACF;QACA,iBAAiB,sBAAsB,CAAE,CAAC,GAAG,WAAW;IAC1D;IACA,IAAI,SAAS,oCAAc,OAAO,MAAM,OAAO,IAAI,WAAW;IAE9D,IAAI,cAAc,kBAAkB;IACpC,IAAI,YAA6C;IACjD,IAAI,sBAAwD;IAC5D,IAAI,mBAAmB;IACvB,IAAI,mBAAmB,kBAAkB;QACvC,YAAY,iBAAiB,2BAA2B,CAAE;wBACxD;8BACA;QACF;QACA,sBAAsB,iBAAiB,sBAAsB,CAC3D;YACE,kBAAkB,IAAI,CAAA,GAAA,2BAAmB,EAAE;4BACzC;gBACA,cAAc,WAAW,aAAa,OAAO,YAAY,iBAAiB,YAAY;gBACtF,KAAK;gBACL,gBAAgB;YAClB;YACA,oBAAoB;QACtB,GACA,WACA;QAGF,mBAAmB,UAAU,YAAY,CAAC;YAAC,MAAM;QAAM;IACzD;IAEA,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,kBAAU,EAC1B;QACE,GAAG,KAAK;QACR,eAAe;QACf,gBAAgB;kBAChB;IACF,GACA,OACA;IAGF,IAAI,aAAa,iBAAiB,UAAU;IAC5C,IAAI,gBAA4B;IAChC,IAAI,WAAW,QAAQ,SAAS,QAAQ;QACtC,gBAAgB,UAAU,MAAM,CAAC,GAAG;QACpC,IAAI,UAAU,MAAM,CAAC,YAAY,KAAK,SACpC,iFAAiF;QACjF,gBAAgB,MAAM,UAAU,CAAC,WAAW,CAAC,kBAAkB;IAEnE;IAEA,IAAI,gBAAgB,CAAA,GAAA,cAAM,EAAE;QAC1B,OAAO,IAAI,IAAI;YAAC;YAAY;SAAc,CAAC,MAAM,CAAC,CAAA,IAAK,MAAM;IAC/D,GAAG;QAAC;QAAY;KAAc;IAE9B,+CAA+C;IAC/C,IAAI,CAAC,4BAA4B,2BAA2B,GAAG,CAAA,GAAA,eAAO,EAAE;IACxE,IAAI,CAAC,8BAA8B,6BAA6B,GAAG,CAAA,GAAA,eAAO,EAAE;IAC5E,uDAAuD;IACvD,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAAE;YAClB,iEAAiE;YACjE,2BAA2B,OAAO,OAAO,CAAC,WAAW,GAAG,IAAI,OAAO,OAAO,CAAC,WAAW;YACtF,6BAA6B,OAAO,OAAO,CAAC,YAAY,GAAG,IAAI,OAAO,OAAO,CAAC,YAAY;QAC5F;IACF;IAEA,IAAI,iBAAiB,CAAA,GAAA,cAAM,EACzB,IAAM;eAAI;SAAW,CAAC,IAAI,CAAC,CAAA,OAAQ,KAAK,aAAa,GACrD;QAAC;KAAW;IAGd,qBACE,gCAAC,0CAAgB,QAAQ;QACvB,OAAO;mBACL;uBACA;uBACA;8BACA;sBACA;6BACA;6BACA;oBACA;0BACA;8BACA;QACF;qBACA,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,8CAAS,GAAG;qBAChD,gCAAC,CAAA,GAAA,kBAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EACX,kBAAkB,qBAAqB,kBAAkB,MACzD,UACD;QACA,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,SAAS;QACZ,GAAG,UAAU;QACd,UAAU;QACV,WAAW;QACX,YAAY;QACZ,KAAK;QACL,eAAe;QACf,iBAAgB;QAChB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,8CAAS,GACT,2BACA,CAAC,yBAAyB,EAAE,SAAS,EACrC,uCACA;YACE,kCAAkC;YAClC,wCAAwC,iBAAiB;YACzD,sCAAsC,CAAC,CAAC;YACxC,uCAAuC,CAAC,CAAC;YACzC,uDAAuD;YACvD,yDACE;YACF,2CAA2C;YAC3C,iCAAiC,iBAAiB;QACpD,GACA,WAAW,SAAS;QAEtB,QAAQ;QACR,eAAe,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA;2BAAC;YAAS,CAAA,GAAI;YAAC;SAAU;QACvD,YAAY;OACX,CAAA,GAAA,kBAAU,EAAE,CAAC,MAAM;QAClB,IAAI,SAAS,QACX,qBAAO,gCAAC;YAAK,MAAM;;aACd,IAAI,SAAS,UAClB,qBAAO,gCAAC;aACH,IAAI,SAAS,eAClB,qBAAO,gCAAC;IAEZ,GAAG,EAAE,MAIV,eAAe,mBAAmB,oBAAoB,2BACrD,gCAAC;QAAY,KAAK;OACf;QACC,IAAI,UAAU,UAAU,IAAI,MAC1B,OAAO;QAET,IAAI,iBAAiB,aAAa,EAChC,OAAO,iBAAiB,aAAa,CAAC,UAAU,YAAY,EAAE,UAAU,UAAU;QAEpF,IAAI,OAAO,MAAM,UAAU,CAAC,OAAO,CAAC,UAAU,UAAU;QACxD,IAAI,CAAC,MACH,OAAO;QAET,IAAI,YAAY,UAAU,YAAY,CAAC,IAAI;QAC3C,IAAI,aAAa,OAAO,aAAa,CAAC,UAAU,UAAU,GAAG,KAAK,UAAU;QAC5E,qBACE,gCAAC,CAAA,GAAA,yCAAkB;YACjB,MAAM;YACN,WAAW;YACX,YAAY;YACZ,SAAS;;IAGf;AAKV;AAEA,SAAS,2BAAK,QAAC,IAAI,EAAwB;IACzC,IAAI,mBAAC,eAAe,SAAE,KAAK,YAAE,QAAQ,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IACpD,qBACE,kEACG,mBAAmB,MAAM,UAAU,CAAC,YAAY,CAAC,KAAK,GAAG,KAAK,sBAC7D,gCAAC,CAAA,GAAA,wCAAgB;QAAE,KAAI;QAExB,iCACC,gCAAC,CAAA,GAAA,wCAAiB;QAChB,KAAK,GAAG,KAAK,GAAG,CAAC,OAAO,CAAC;QACzB,QAAQ;YAAC,KAAK,KAAK,GAAG;YAAE,MAAM;YAAQ,cAAc;QAAQ;sBAGhE,gCAAC,CAAA,GAAA,yCAAW;QAAE,MAAM;QAAM,cAAA;QAAa,YAAY,CAAC,CAAC;QACpD,iCACC,gCAAC,CAAA,GAAA,wCAAiB;QAChB,KAAK,GAAG,KAAK,GAAG,CAAC,MAAM,CAAC;QACxB,QAAQ;YAAC,KAAK,KAAK,GAAG;YAAE,MAAM;YAAQ,cAAc;QAAO;QAC3D,oBAAoB,MAAM,UAAU,CAAC,WAAW,CAAC,KAAK,GAAG,KAAK;;AAKxE;AAEA,SAAS;IACP,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IACzB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,qBACE,gCAAC,2DACC,gCAAC,CAAA,GAAA,yCAAa;QACZ,iBAAA;QACA,cACE,MAAM,UAAU,CAAC,IAAI,GAAG,IACpB,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC;;AAKrC;AAEA,SAAS;IACP,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IACpC,IAAI,aAAa,mBAAmB,qBAAqB;IACzD,IAAI,cAAc,MAChB,OAAO;IAGT,qBAAO,gCAAC,6CAAiB;AAC3B;AAEA,SAAS,sCAAgB,YAAC,QAAQ,EAAC;IACjC,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IACzB,qBACE,gCAAC;QACC,MAAK;QACL,iBAAe,MAAM,UAAU,CAAC,IAAI,GAAG;QACvC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,8CAAS,GAAG,2CAA2C;YAC3E,wDAAwD,MAAM,UAAU,CAAC,IAAI,GAAG;QAClF;qBACA,gCAAC;QAAI,MAAK;OAAY;AAG5B","sources":["packages/@adobe/react-spectrum/src/list/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaGridListProps, useGridList} from 'react-aria/useGridList';\nimport {\n  AsyncLoadable,\n  DOMRef,\n  Key,\n  LoadingState,\n  Node,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport type {DragAndDropHooks} from '../dnd/useDragAndDrop';\nimport type {DraggableCollectionState} from 'react-stately/useDraggableCollectionState';\nimport type {DroppableCollectionResult} from 'react-aria/useDroppableCollection';\nimport type {DroppableCollectionState} from 'react-stately/useDroppableCollectionState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport InsertionIndicator from './InsertionIndicator';\nimport intlMessages from '../../intl/list/*.json';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {ListState, useListState} from 'react-stately/useListState';\nimport listStyles from './styles.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ListViewLayout} from './ListViewLayout';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressCircle} from '../progress/ProgressCircle';\nimport React, {\n  JSX,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport RootDropIndicator from './RootDropIndicator';\nimport {DragPreview as SpectrumDragPreview} from './DragPreview';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProvider} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\nimport {Virtualizer} from 'react-aria/private/virtualizer/Virtualizer';\n\nexport interface SpectrumListViewProps<T>\n  extends\n    Omit<AriaGridListProps<T>, 'keyboardNavigationBehavior'>,\n    StyleProps,\n    SpectrumSelectionProps,\n    Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * The current loading state of the ListView. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n  /**\n   * Sets the text behavior for the row contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'truncate' | 'wrap';\n  /** Sets what the ListView should render when there is no content to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Handler that is called when a user performs an action on an item. The exact user event depends\n   * on the collection's `selectionStyle` prop and the interaction modality.\n   */\n  onAction?: (key: Key) => void;\n  /**\n   * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\n   * the ListView.\n   */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>['dragAndDropHooks'];\n}\n\ninterface ListViewContextValue<T> {\n  state: ListState<T>;\n  dragState: DraggableCollectionState | null;\n  dropState: DroppableCollectionState | null;\n  dragAndDropHooks?: DragAndDropHooks<T>['dragAndDropHooks'];\n  onAction?: (key: Key) => void;\n  isListDraggable: boolean;\n  isListDroppable: boolean;\n  layout: ListViewLayout<T>;\n  loadingState?: LoadingState;\n  renderEmptyState?: () => JSX.Element;\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue<unknown> | null>(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\nfunction useListLayout<T>(\n  state: ListState<T>,\n  density: SpectrumListViewProps<T>['density'],\n  overflowMode: SpectrumListViewProps<T>['overflowMode']\n) {\n  let {scale} = useProvider();\n  let layout = useMemo(\n    () =>\n      new ListViewLayout<T>({\n        estimatedRowHeight: ROW_HEIGHTS[density || 'regular'][scale]\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [scale, density, overflowMode]\n  );\n\n  return layout;\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = React.forwardRef(function ListView<T extends object>(\n  props: SpectrumListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    density = 'regular',\n    loadingState,\n    onLoadMore,\n    isQuiet,\n    overflowMode = 'truncate',\n    onAction,\n    dragAndDropHooks,\n    renderEmptyState,\n    ...otherProps\n  } = props;\n  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;\n  let dragHooksProvided = useRef(isListDraggable);\n  let dropHooksProvided = useRef(isListDroppable);\n  useEffect(() => {\n    if (dragHooksProvided.current !== isListDraggable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n    if (dropHooksProvided.current !== isListDroppable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n  }, [isListDraggable, isListDroppable]);\n\n  let domRef = useDOMRef(ref);\n  let state = useListState({\n    ...props,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let {collection, selectionManager} = state;\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let dragState: DraggableCollectionState | null = null;\n  let preview = useRef(null);\n  if (isListDraggable && dragAndDropHooks) {\n    dragState = dragAndDropHooks.useDraggableCollectionState!({\n      collection,\n      selectionManager,\n      preview\n    });\n    dragAndDropHooks.useDraggableCollection!({}, dragState, domRef);\n  }\n  let layout = useListLayout(state, props.density || 'regular', overflowMode);\n\n  let DragPreview = dragAndDropHooks?.DragPreview;\n  let dropState: DroppableCollectionState | null = null;\n  let droppableCollection: DroppableCollectionResult | null = null;\n  let isRootDropTarget = false;\n  if (isListDroppable && dragAndDropHooks) {\n    dropState = dragAndDropHooks.useDroppableCollectionState!({\n      collection,\n      selectionManager\n    });\n    droppableCollection = dragAndDropHooks.useDroppableCollection!(\n      {\n        keyboardDelegate: new ListKeyboardDelegate({\n          collection,\n          disabledKeys: dragState?.draggingKeys.size ? undefined : selectionManager.disabledKeys,\n          ref: domRef,\n          layoutDelegate: layout\n        }),\n        dropTargetDelegate: layout\n      },\n      dropState,\n      domRef\n    );\n\n    isRootDropTarget = dropState.isDropTarget({type: 'root'});\n  }\n\n  let {gridProps} = useGridList(\n    {\n      ...props,\n      isVirtualized: true,\n      layoutDelegate: layout,\n      onAction\n    },\n    state,\n    domRef\n  );\n\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null = null;\n  if (dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those in the DOM.\n      dropTargetKey = state.collection.getKeyAfter(dropTargetKey) ?? dropTargetKey;\n    }\n  }\n\n  let persistedKeys = useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k !== null));\n  }, [focusedKey, dropTargetKey]);\n\n  // wait for layout to get accurate measurements\n  let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = useState(false);\n  let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = useState(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // 2 is the width of the border which is not part of the box size\n      setVerticalScollbarVisible(domRef.current.clientWidth + 2 < domRef.current.offsetWidth);\n      setHorizontalScollbarVisible(domRef.current.clientHeight + 2 < domRef.current.offsetHeight);\n    }\n  });\n\n  let hasAnyChildren = useMemo(\n    () => [...collection].some(item => item.hasChildNodes),\n    [collection]\n  );\n\n  return (\n    <ListViewContext.Provider\n      value={{\n        state,\n        dragState,\n        dropState,\n        dragAndDropHooks,\n        onAction,\n        isListDraggable,\n        isListDroppable,\n        layout,\n        loadingState,\n        renderEmptyState\n      }}>\n      <FocusScope>\n        <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n          <Virtualizer\n            {...mergeProps(\n              isListDroppable ? droppableCollection?.collectionProps : null,\n              gridProps\n            )}\n            {...filterDOMProps(otherProps)}\n            {...gridProps}\n            {...styleProps}\n            onScroll={undefined}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n            ref={domRef}\n            persistedKeys={persistedKeys}\n            scrollDirection=\"vertical\"\n            className={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--loadingMore': loadingState === 'loadingMore',\n                'react-spectrum-ListView--draggable': !!isListDraggable,\n                'react-spectrum-ListView--dropTarget': !!isRootDropTarget,\n                'react-spectrum-ListView--isVerticalScrollbarVisible': isVerticalScrollbarVisible,\n                'react-spectrum-ListView--isHorizontalScrollbarVisible':\n                  isHorizontalScrollbarVisible,\n                'react-spectrum-ListView--hasAnyChildren': hasAnyChildren,\n                'react-spectrum-ListView--wrap': overflowMode === 'wrap'\n              },\n              styleProps.className\n            )}\n            layout={layout}\n            layoutOptions={useMemo(() => ({isLoading}), [isLoading])}\n            collection={collection}>\n            {useCallback((type, item: Node<T>) => {\n              if (type === 'item') {\n                return <Item item={item} />;\n              } else if (type === 'loader') {\n                return <LoadingView />;\n              } else if (type === 'placeholder') {\n                return <EmptyState />;\n              }\n            }, [])}\n          </Virtualizer>\n        </FocusRing>\n      </FocusScope>\n      {DragPreview && isListDraggable && dragAndDropHooks && dragState && (\n        <DragPreview ref={preview}>\n          {() => {\n            if (dragState.draggedKey == null) {\n              return null;\n            }\n            if (dragAndDropHooks.renderPreview) {\n              return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);\n            }\n            let item = state.collection.getItem(dragState.draggedKey);\n            if (!item) {\n              return null;\n            }\n            let itemCount = dragState.draggingKeys.size;\n            let itemHeight = layout.getLayoutInfo(dragState.draggedKey)?.rect.height ?? 0;\n            return (\n              <SpectrumDragPreview\n                item={item}\n                itemCount={itemCount}\n                itemHeight={itemHeight}\n                density={density}\n              />\n            );\n          }}\n        </DragPreview>\n      )}\n    </ListViewContext.Provider>\n  );\n}) as <T>(props: SpectrumListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\nfunction Item({item}: {item: Node<unknown>}) {\n  let {isListDroppable, state, onAction} = useContext(ListViewContext)!;\n  return (\n    <>\n      {isListDroppable && state.collection.getKeyBefore(item.key) == null && (\n        <RootDropIndicator key=\"root\" />\n      )}\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-before`}\n          target={{key: item.key, type: 'item', dropPosition: 'before'}}\n        />\n      )}\n      <ListViewItem item={item} isEmphasized hasActions={!!onAction} />\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-after`}\n          target={{key: item.key, type: 'item', dropPosition: 'after'}}\n          isPresentationOnly={state.collection.getKeyAfter(item.key) != null}\n        />\n      )}\n    </>\n  );\n}\n\nfunction LoadingView() {\n  let {state} = useContext(ListViewContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/list');\n  return (\n    <CenteredWrapper>\n      <ProgressCircle\n        isIndeterminate\n        aria-label={\n          state.collection.size > 0\n            ? stringFormatter.format('loadingMore')\n            : stringFormatter.format('loading')\n        }\n      />\n    </CenteredWrapper>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListViewContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return <CenteredWrapper>{emptyState}</CenteredWrapper>;\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={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper', {\n        'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n      })}>\n      <div role=\"gridcell\">{children}</div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListView.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaGridListProps, useGridList} from 'react-aria/useGridList';\nimport {\n  AsyncLoadable,\n  DOMRef,\n  Key,\n  LoadingState,\n  Node,\n  SpectrumSelectionProps,\n  StyleProps\n} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport type {DragAndDropHooks} from '../dnd/useDragAndDrop';\nimport type {DraggableCollectionState} from 'react-stately/useDraggableCollectionState';\nimport type {DroppableCollectionResult} from 'react-aria/useDroppableCollection';\nimport type {DroppableCollectionState} from 'react-stately/useDroppableCollectionState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport InsertionIndicator from './InsertionIndicator';\nimport intlMessages from '../../intl/list/*.json';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {ListState, useListState} from 'react-stately/useListState';\nimport listStyles from './styles.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ListViewLayout} from './ListViewLayout';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressCircle} from '../progress/ProgressCircle';\nimport React, {\n  JSX,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport RootDropIndicator from './RootDropIndicator';\nimport {DragPreview as SpectrumDragPreview} from './DragPreview';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProvider} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\nimport {Virtualizer} from 'react-aria/private/virtualizer/Virtualizer';\n\nexport interface SpectrumListViewProps<T>\n  extends\n    Omit<AriaGridListProps<T>, 'keyboardNavigationBehavior'>,\n    StyleProps,\n    SpectrumSelectionProps,\n    Omit<AsyncLoadable, 'isLoading'> {\n  /**\n   * Sets the amount of vertical padding within each cell.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * The current loading state of the ListView. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n  /**\n   * Sets the text behavior for the row contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'truncate' | 'wrap';\n  /** Sets what the ListView should render when there is no content to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Handler that is called when a user performs an action on an item. The exact user event depends\n   * on the collection's `selectionStyle` prop and the interaction modality.\n   */\n  onAction?: (key: Key) => void;\n  /**\n   * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for\n   * the ListView.\n   */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>['dragAndDropHooks'];\n}\n\ninterface ListViewContextValue<T> {\n  state: ListState<T>;\n  dragState: DraggableCollectionState | null;\n  dropState: DroppableCollectionState | null;\n  dragAndDropHooks?: DragAndDropHooks<T>['dragAndDropHooks'];\n  onAction?: (key: Key) => void;\n  isListDraggable: boolean;\n  isListDroppable: boolean;\n  layout: ListViewLayout<T>;\n  loadingState?: LoadingState;\n  renderEmptyState?: () => JSX.Element;\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue<unknown> | null>(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\nfunction useListLayout<T>(\n  state: ListState<T>,\n  density: SpectrumListViewProps<T>['density'],\n  overflowMode: SpectrumListViewProps<T>['overflowMode']\n) {\n  let {scale} = useProvider();\n  let layout = useMemo(\n    () =>\n      new ListViewLayout<T>({\n        estimatedRowHeight: ROW_HEIGHTS[density || 'regular'][scale]\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    // oxlint-disable-next-line react/react-compiler, react-hooks/exhaustive-deps\n    [scale, density, overflowMode]\n  );\n\n  return layout;\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = React.forwardRef(function ListView<T extends object>(\n  props: SpectrumListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    density = 'regular',\n    loadingState,\n    onLoadMore,\n    isQuiet,\n    overflowMode = 'truncate',\n    onAction,\n    dragAndDropHooks,\n    renderEmptyState,\n    ...otherProps\n  } = props;\n  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;\n  let dragHooksProvided = useRef(isListDraggable);\n  let dropHooksProvided = useRef(isListDroppable);\n  useEffect(() => {\n    if (dragHooksProvided.current !== isListDraggable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n    if (dropHooksProvided.current !== isListDroppable && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.'\n      );\n    }\n  }, [isListDraggable, isListDroppable]);\n\n  let domRef = useDOMRef(ref);\n  let state = useListState({\n    ...props,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n  let {collection, selectionManager} = state;\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n  let {styleProps} = useStyleProps(props);\n  let dragState: DraggableCollectionState | null = null;\n  let preview = useRef(null);\n  if (isListDraggable && dragAndDropHooks) {\n    // oxlint-disable-next-line react/react-compiler\n    dragState = dragAndDropHooks.useDraggableCollectionState!({\n      collection,\n      selectionManager,\n      preview\n    });\n    // oxlint-disable-next-line react/react-compiler\n    dragAndDropHooks.useDraggableCollection!({}, dragState, domRef);\n  }\n  let layout = useListLayout(state, props.density || 'regular', overflowMode);\n\n  let DragPreview = dragAndDropHooks?.DragPreview;\n  let dropState: DroppableCollectionState | null = null;\n  let droppableCollection: DroppableCollectionResult | null = null;\n  let isRootDropTarget = false;\n  if (isListDroppable && dragAndDropHooks) {\n    // oxlint-disable-next-line react/react-compiler\n    dropState = dragAndDropHooks.useDroppableCollectionState!({\n      collection,\n      selectionManager\n    });\n    // oxlint-disable-next-line react/react-compiler\n    droppableCollection = dragAndDropHooks.useDroppableCollection!(\n      {\n        keyboardDelegate: new ListKeyboardDelegate({\n          collection,\n          disabledKeys: dragState?.draggingKeys.size ? undefined : selectionManager.disabledKeys,\n          ref: domRef,\n          layoutDelegate: layout\n        }),\n        dropTargetDelegate: layout\n      },\n      dropState,\n      domRef\n    );\n\n    isRootDropTarget = dropState.isDropTarget({type: 'root'});\n  }\n\n  let {gridProps} = useGridList(\n    {\n      ...props,\n      isVirtualized: true,\n      layoutDelegate: layout,\n      onAction\n    },\n    state,\n    domRef\n  );\n\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null = null;\n  if (dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those in the DOM.\n      dropTargetKey = state.collection.getKeyAfter(dropTargetKey) ?? dropTargetKey;\n    }\n  }\n\n  let persistedKeys = useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k !== null));\n  }, [focusedKey, dropTargetKey]);\n\n  // wait for layout to get accurate measurements\n  let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = useState(false);\n  let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = useState(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // 2 is the width of the border which is not part of the box size\n      setVerticalScollbarVisible(domRef.current.clientWidth + 2 < domRef.current.offsetWidth);\n      setHorizontalScollbarVisible(domRef.current.clientHeight + 2 < domRef.current.offsetHeight);\n    }\n  });\n\n  let hasAnyChildren = useMemo(\n    () => [...collection].some(item => item.hasChildNodes),\n    [collection]\n  );\n\n  return (\n    <ListViewContext.Provider\n      value={{\n        state,\n        dragState,\n        dropState,\n        dragAndDropHooks,\n        onAction,\n        isListDraggable,\n        isListDroppable,\n        layout,\n        loadingState,\n        renderEmptyState\n      }}>\n      <FocusScope>\n        <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n          <Virtualizer\n            {...mergeProps(\n              isListDroppable ? droppableCollection?.collectionProps : null,\n              gridProps\n            )}\n            {...filterDOMProps(otherProps)}\n            {...gridProps}\n            {...styleProps}\n            onScroll={undefined}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n            ref={domRef}\n            persistedKeys={persistedKeys}\n            scrollDirection=\"vertical\"\n            className={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--loadingMore': loadingState === 'loadingMore',\n                'react-spectrum-ListView--draggable': !!isListDraggable,\n                'react-spectrum-ListView--dropTarget': !!isRootDropTarget,\n                'react-spectrum-ListView--isVerticalScrollbarVisible': isVerticalScrollbarVisible,\n                'react-spectrum-ListView--isHorizontalScrollbarVisible':\n                  isHorizontalScrollbarVisible,\n                'react-spectrum-ListView--hasAnyChildren': hasAnyChildren,\n                'react-spectrum-ListView--wrap': overflowMode === 'wrap'\n              },\n              styleProps.className\n            )}\n            layout={layout}\n            layoutOptions={useMemo(() => ({isLoading}), [isLoading])}\n            collection={collection}>\n            {useCallback((type, item: Node<T>) => {\n              if (type === 'item') {\n                return <Item item={item} />;\n              } else if (type === 'loader') {\n                return <LoadingView />;\n              } else if (type === 'placeholder') {\n                return <EmptyState />;\n              }\n            }, [])}\n          </Virtualizer>\n        </FocusRing>\n      </FocusScope>\n      {DragPreview && isListDraggable && dragAndDropHooks && dragState && (\n        <DragPreview ref={preview}>\n          {() => {\n            if (dragState.draggedKey == null) {\n              return null;\n            }\n            if (dragAndDropHooks.renderPreview) {\n              return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);\n            }\n            let item = state.collection.getItem(dragState.draggedKey);\n            if (!item) {\n              return null;\n            }\n            let itemCount = dragState.draggingKeys.size;\n            let itemHeight = layout.getLayoutInfo(dragState.draggedKey)?.rect.height ?? 0;\n            return (\n              <SpectrumDragPreview\n                item={item}\n                itemCount={itemCount}\n                itemHeight={itemHeight}\n                density={density}\n              />\n            );\n          }}\n        </DragPreview>\n      )}\n    </ListViewContext.Provider>\n  );\n}) as <T>(props: SpectrumListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\nfunction Item({item}: {item: Node<unknown>}) {\n  let {isListDroppable, state, onAction} = useContext(ListViewContext)!;\n  return (\n    <>\n      {isListDroppable && state.collection.getKeyBefore(item.key) == null && (\n        <RootDropIndicator key=\"root\" />\n      )}\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-before`}\n          target={{key: item.key, type: 'item', dropPosition: 'before'}}\n        />\n      )}\n      <ListViewItem item={item} isEmphasized hasActions={!!onAction} />\n      {isListDroppable && (\n        <InsertionIndicator\n          key={`${item.key}-after`}\n          target={{key: item.key, type: 'item', dropPosition: 'after'}}\n          isPresentationOnly={state.collection.getKeyAfter(item.key) != null}\n        />\n      )}\n    </>\n  );\n}\n\nfunction LoadingView() {\n  let {state} = useContext(ListViewContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/list');\n  return (\n    <CenteredWrapper>\n      <ProgressCircle\n        isIndeterminate\n        aria-label={\n          state.collection.size > 0\n            ? stringFormatter.format('loadingMore')\n            : stringFormatter.format('loading')\n        }\n      />\n    </CenteredWrapper>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListViewContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return <CenteredWrapper>{emptyState}</CenteredWrapper>;\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={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper', {\n        'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n      })}>\n      <div role=\"gridcell\">{children}</div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListView.mjs.map"}

package/dist/private/list/ListViewItem.cjs

@@ -90,6 +90,7 @@ function $425ebe0ef8a16c9d$export$c6bde0c04b033c0e(props) {
     let hasDescription = (0, $dd6348d4a1a51ff9$exports.useHasChild)(`.${(0, ($parcel$interopDefault($9730d29fe3ac43ea$exports)))['react-spectrum-ListViewItem-description']}`, rowRef);
     let draggableItem = null;
     if (isListDraggable && dragAndDropHooks && dragState) {
+        // oxlint-disable-next-line react/react-compiler
         draggableItem = dragAndDropHooks.useDraggableItem({
             key: item.key,
             hasDragButton: true
@@ -106,6 +107,7 @@ function $425ebe0ef8a16c9d$export$c6bde0c04b033c0e(props) {
             dropPosition: 'on'
         };
         isDropTarget = dropState.isDropTarget(target);
+        // oxlint-disable-next-line react/react-compiler
         dropIndicator = dragAndDropHooks.useDropIndicator({
             target: target
         }, dropState, dropIndicatorRef);

package/dist/private/list/ListViewItem.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListViewItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {Checkbox} from '../checkbox/Checkbox';\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {ClearSlots, SlotProvider} from '../utils/Slots';\nimport {CSSTransition} from 'react-transition-group';\nimport type {DraggableItemResult} from 'react-aria/useDraggableCollection';\nimport type {DropIndicatorAria} from 'react-aria/useDroppableCollection';\nimport {DropTarget, Node} from '@react-types/shared';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport {isFocusVisible as isGlobalFocusVisible} from 'react-aria/private/interactions/useFocusVisible';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {Text} from '../text/Text';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useGridListItem, useGridListSelectionCheckbox} from 'react-aria/useGridList';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useHover} from 'react-aria/useHover';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface ListViewItemProps<T> {\n  item: Node<T>;\n  isEmphasized: boolean;\n  hasActions: boolean;\n}\n\nexport function ListViewItem<T>(props: ListViewItemProps<T>): JSX.Element {\n  let {item, isEmphasized} = props;\n  let {\n    state,\n    dragState,\n    dropState,\n    isListDraggable,\n    isListDroppable,\n    layout,\n    dragAndDropHooks,\n    loadingState\n  } = useContext(ListViewContext)!;\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement | null>(null);\n  let checkboxWrapperRef = useRef<HTMLDivElement | null>(null);\n  let {isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps} = useFocusRing({\n    within: true\n  });\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let {\n    rowProps,\n    gridCellProps,\n    isPressed,\n    descriptionProps,\n    isSelected,\n    isDisabled,\n    allowsSelection,\n    hasAction\n  } = useGridListItem(\n    {\n      node: item,\n      isVirtualized: true,\n      shouldSelectOnPressUp: isListDraggable\n    },\n    state,\n    rowRef\n  );\n  let {hoverProps, isHovered} = useHover({isDisabled: !allowsSelection && !hasAction});\n\n  let {checkboxProps} = useGridListSelectionCheckbox({key: item.key}, state);\n  let hasDescription = useHasChild(\n    `.${listStyles['react-spectrum-ListViewItem-description']}`,\n    rowRef\n  );\n\n  let draggableItem: DraggableItemResult | null = null;\n  if (isListDraggable && dragAndDropHooks && dragState) {\n    draggableItem = dragAndDropHooks.useDraggableItem!(\n      {key: item.key, hasDragButton: true},\n      dragState\n    );\n    if (isDisabled) {\n      draggableItem = null;\n    }\n  }\n  let isDropTarget = false;\n  let dropIndicator: DropIndicatorAria | null = null;\n  let dropIndicatorRef = useRef<HTMLDivElement | null>(null);\n  if (isListDroppable && dragAndDropHooks && dropState) {\n    let target = {type: 'item', key: item.key, dropPosition: 'on'} as DropTarget;\n    isDropTarget = dropState.isDropTarget(target);\n\n    dropIndicator = dragAndDropHooks.useDropIndicator!({target}, dropState, dropIndicatorRef);\n  }\n\n  let dragButtonRef = React.useRef<HTMLDivElement | null>(null);\n  let {buttonProps} = useButton(\n    {\n      ...draggableItem?.dragButtonProps,\n      elementType: 'div'\n    },\n    dragButtonRef\n  );\n\n  let chevron =\n    direction === 'ltr' ? (\n      <ChevronRightMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    ) : (\n      <ChevronLeftMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    );\n\n  let showCheckbox =\n    state.selectionManager.selectionMode !== 'none' &&\n    state.selectionManager.selectionBehavior === 'toggle';\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  const mergedProps = mergeProps(\n    rowProps,\n    draggableItem?.dragProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n\n  // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,\n  // allowing for single swipe navigation between row drop indicator\n  if (dragAndDropHooks?.isVirtualDragging?.()) {\n    mergedProps.tabIndex = undefined;\n  }\n\n  let isFirstRow = item.prevKey == null;\n  let isLastRow = item.nextKey == null;\n  // Figure out if the ListView content is equal or greater in height to the container. If so, we'll need to round the bottom\n  // border corners of the last row when selected and we can get rid of the bottom border if it isn't selected to avoid border overlap\n  // with bottom border\n  let isFlushWithContainerBottom = false;\n  if (isLastRow && loadingState !== 'loadingMore') {\n    if (layout.getContentSize()?.height >= (layout.virtualizer?.visibleRect.height ?? 0)) {\n      isFlushWithContainerBottom = true;\n    }\n  }\n  // previous item isn't selected\n  // and the previous item isn't focused or, if it is focused, then if focus globally isn't visible or just focus isn't in the listview\n  let roundTops =\n    !(item.prevKey != null && state.selectionManager.isSelected(item.prevKey)) &&\n    (state.selectionManager.focusedKey !== item.prevKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n  let roundBottoms =\n    !(item.nextKey != null && state.selectionManager.isSelected(item.nextKey)) &&\n    (state.selectionManager.focusedKey !== item.nextKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n\n  let content = typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered;\n  if (isDisabled) {\n    content = <Provider isDisabled>{content}</Provider>;\n  }\n\n  return (\n    <div\n      {...mergedProps}\n      className={classNames(listStyles, 'react-spectrum-ListView-row', {\n        'focus-ring': isFocusVisible,\n        'round-tops':\n          roundTops || (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key),\n        'round-bottoms':\n          roundBottoms ||\n          (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key)\n      })}\n      ref={rowRef}>\n      <div\n        // TODO: refactor the css here now that we are focusing the row?\n        className={classNames(listStyles, 'react-spectrum-ListViewItem', {\n          'is-active': isPressed,\n          'is-focused': isFocusVisibleWithin,\n          'focus-ring': isFocusVisible,\n          'is-hovered': isHovered,\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-prev-selected':\n            item.prevKey != null && state.selectionManager.isSelected(item.prevKey),\n          'is-next-selected':\n            item.nextKey != null && state.selectionManager.isSelected(item.nextKey),\n          'react-spectrum-ListViewItem--highlightSelection':\n            state.selectionManager.selectionBehavior === 'replace' &&\n            (isSelected ||\n              (item.nextKey != null && state.selectionManager.isSelected(item.nextKey))),\n          'react-spectrum-ListViewItem--dropTarget': !!isDropTarget,\n          'react-spectrum-ListViewItem--firstRow': isFirstRow,\n          'react-spectrum-ListViewItem--lastRow': isLastRow,\n          'react-spectrum-ListViewItem--isFlushBottom': isFlushWithContainerBottom,\n          'react-spectrum-ListViewItem--hasDescription': hasDescription\n        })}\n        {...gridCellProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {isListDraggable && (\n            <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n              {!isDisabled && (\n                <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n                  <div\n                    {...(buttonProps as React.HTMLAttributes<HTMLElement>)}\n                    className={classNames(\n                      listStyles,\n                      'react-spectrum-ListViewItem-draghandle-button'\n                    )}\n                    style={!isFocusVisibleWithin ? {...visuallyHiddenProps.style} : {}}\n                    ref={dragButtonRef}\n                    draggable=\"true\">\n                    <ListGripper />\n                  </div>\n                </FocusRing>\n              )}\n            </div>\n          )}\n          {isListDroppable && !dropIndicator?.isHidden && (\n            <div\n              role=\"button\"\n              {...visuallyHiddenProps}\n              {...dropIndicator?.dropIndicatorProps}\n              ref={dropIndicatorRef}\n            />\n          )}\n          <CSSTransition\n            in={showCheckbox}\n            unmountOnExit\n            classNames={{\n              enter: listStyles['react-spectrum-ListViewItem-checkbox--enter'],\n              enterActive: listStyles['react-spectrum-ListViewItem-checkbox--enterActive'],\n              exit: listStyles['react-spectrum-ListViewItem-checkbox--exit'],\n              exitActive: listStyles['react-spectrum-ListViewItem-checkbox--exitActive']\n            }}\n            timeout={160}\n            nodeRef={checkboxWrapperRef}>\n            <div\n              ref={checkboxWrapperRef}\n              className={listStyles['react-spectrum-ListViewItem-checkboxWrapper']}>\n              <Checkbox\n                {...checkboxProps}\n                UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n                isEmphasized={isEmphasized}\n              />\n            </div>\n          </CSSTransition>\n          <SlotProvider\n            slots={{\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-description'],\n                ...descriptionProps\n              },\n              illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              actionButton: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true\n              },\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'],\n                isQuiet: true\n              }\n            }}>\n            {content}\n            <ClearSlots>{chevron}</ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListViewItem.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListViewItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {Checkbox} from '../checkbox/Checkbox';\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {ClearSlots, SlotProvider} from '../utils/Slots';\nimport {CSSTransition} from 'react-transition-group';\nimport type {DraggableItemResult} from 'react-aria/useDraggableCollection';\nimport type {DropIndicatorAria} from 'react-aria/useDroppableCollection';\nimport {DropTarget, Node} from '@react-types/shared';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport {isFocusVisible as isGlobalFocusVisible} from 'react-aria/private/interactions/useFocusVisible';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {Text} from '../text/Text';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useGridListItem, useGridListSelectionCheckbox} from 'react-aria/useGridList';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useHover} from 'react-aria/useHover';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface ListViewItemProps<T> {\n  item: Node<T>;\n  isEmphasized: boolean;\n  hasActions: boolean;\n}\n\nexport function ListViewItem<T>(props: ListViewItemProps<T>): JSX.Element {\n  let {item, isEmphasized} = props;\n  let {\n    state,\n    dragState,\n    dropState,\n    isListDraggable,\n    isListDroppable,\n    layout,\n    dragAndDropHooks,\n    loadingState\n  } = useContext(ListViewContext)!;\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement | null>(null);\n  let checkboxWrapperRef = useRef<HTMLDivElement | null>(null);\n  let {isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps} = useFocusRing({\n    within: true\n  });\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let {\n    rowProps,\n    gridCellProps,\n    isPressed,\n    descriptionProps,\n    isSelected,\n    isDisabled,\n    allowsSelection,\n    hasAction\n  } = useGridListItem(\n    {\n      node: item,\n      isVirtualized: true,\n      shouldSelectOnPressUp: isListDraggable\n    },\n    state,\n    rowRef\n  );\n  let {hoverProps, isHovered} = useHover({isDisabled: !allowsSelection && !hasAction});\n\n  let {checkboxProps} = useGridListSelectionCheckbox({key: item.key}, state);\n  let hasDescription = useHasChild(\n    `.${listStyles['react-spectrum-ListViewItem-description']}`,\n    rowRef\n  );\n\n  let draggableItem: DraggableItemResult | null = null;\n  if (isListDraggable && dragAndDropHooks && dragState) {\n    // oxlint-disable-next-line react/react-compiler\n    draggableItem = dragAndDropHooks.useDraggableItem!(\n      {key: item.key, hasDragButton: true},\n      dragState\n    );\n    if (isDisabled) {\n      draggableItem = null;\n    }\n  }\n  let isDropTarget = false;\n  let dropIndicator: DropIndicatorAria | null = null;\n  let dropIndicatorRef = useRef<HTMLDivElement | null>(null);\n  if (isListDroppable && dragAndDropHooks && dropState) {\n    let target = {type: 'item', key: item.key, dropPosition: 'on'} as DropTarget;\n    isDropTarget = dropState.isDropTarget(target);\n\n    // oxlint-disable-next-line react/react-compiler\n    dropIndicator = dragAndDropHooks.useDropIndicator!({target}, dropState, dropIndicatorRef);\n  }\n\n  let dragButtonRef = React.useRef<HTMLDivElement | null>(null);\n  let {buttonProps} = useButton(\n    {\n      ...draggableItem?.dragButtonProps,\n      elementType: 'div'\n    },\n    dragButtonRef\n  );\n\n  let chevron =\n    direction === 'ltr' ? (\n      <ChevronRightMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    ) : (\n      <ChevronLeftMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    );\n\n  let showCheckbox =\n    state.selectionManager.selectionMode !== 'none' &&\n    state.selectionManager.selectionBehavior === 'toggle';\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  const mergedProps = mergeProps(\n    rowProps,\n    draggableItem?.dragProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n\n  // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,\n  // allowing for single swipe navigation between row drop indicator\n  if (dragAndDropHooks?.isVirtualDragging?.()) {\n    mergedProps.tabIndex = undefined;\n  }\n\n  let isFirstRow = item.prevKey == null;\n  let isLastRow = item.nextKey == null;\n  // Figure out if the ListView content is equal or greater in height to the container. If so, we'll need to round the bottom\n  // border corners of the last row when selected and we can get rid of the bottom border if it isn't selected to avoid border overlap\n  // with bottom border\n  let isFlushWithContainerBottom = false;\n  if (isLastRow && loadingState !== 'loadingMore') {\n    if (layout.getContentSize()?.height >= (layout.virtualizer?.visibleRect.height ?? 0)) {\n      isFlushWithContainerBottom = true;\n    }\n  }\n  // previous item isn't selected\n  // and the previous item isn't focused or, if it is focused, then if focus globally isn't visible or just focus isn't in the listview\n  let roundTops =\n    !(item.prevKey != null && state.selectionManager.isSelected(item.prevKey)) &&\n    (state.selectionManager.focusedKey !== item.prevKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n  let roundBottoms =\n    !(item.nextKey != null && state.selectionManager.isSelected(item.nextKey)) &&\n    (state.selectionManager.focusedKey !== item.nextKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n\n  let content = typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered;\n  if (isDisabled) {\n    content = <Provider isDisabled>{content}</Provider>;\n  }\n\n  return (\n    <div\n      {...mergedProps}\n      className={classNames(listStyles, 'react-spectrum-ListView-row', {\n        'focus-ring': isFocusVisible,\n        'round-tops':\n          roundTops || (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key),\n        'round-bottoms':\n          roundBottoms ||\n          (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key)\n      })}\n      ref={rowRef}>\n      <div\n        // TODO: refactor the css here now that we are focusing the row?\n        className={classNames(listStyles, 'react-spectrum-ListViewItem', {\n          'is-active': isPressed,\n          'is-focused': isFocusVisibleWithin,\n          'focus-ring': isFocusVisible,\n          'is-hovered': isHovered,\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-prev-selected':\n            item.prevKey != null && state.selectionManager.isSelected(item.prevKey),\n          'is-next-selected':\n            item.nextKey != null && state.selectionManager.isSelected(item.nextKey),\n          'react-spectrum-ListViewItem--highlightSelection':\n            state.selectionManager.selectionBehavior === 'replace' &&\n            (isSelected ||\n              (item.nextKey != null && state.selectionManager.isSelected(item.nextKey))),\n          'react-spectrum-ListViewItem--dropTarget': !!isDropTarget,\n          'react-spectrum-ListViewItem--firstRow': isFirstRow,\n          'react-spectrum-ListViewItem--lastRow': isLastRow,\n          'react-spectrum-ListViewItem--isFlushBottom': isFlushWithContainerBottom,\n          'react-spectrum-ListViewItem--hasDescription': hasDescription\n        })}\n        {...gridCellProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {isListDraggable && (\n            <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n              {!isDisabled && (\n                <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n                  <div\n                    {...(buttonProps as React.HTMLAttributes<HTMLElement>)}\n                    className={classNames(\n                      listStyles,\n                      'react-spectrum-ListViewItem-draghandle-button'\n                    )}\n                    style={!isFocusVisibleWithin ? {...visuallyHiddenProps.style} : {}}\n                    ref={dragButtonRef}\n                    draggable=\"true\">\n                    <ListGripper />\n                  </div>\n                </FocusRing>\n              )}\n            </div>\n          )}\n          {isListDroppable && !dropIndicator?.isHidden && (\n            <div\n              role=\"button\"\n              {...visuallyHiddenProps}\n              {...dropIndicator?.dropIndicatorProps}\n              ref={dropIndicatorRef}\n            />\n          )}\n          <CSSTransition\n            in={showCheckbox}\n            unmountOnExit\n            classNames={{\n              enter: listStyles['react-spectrum-ListViewItem-checkbox--enter'],\n              enterActive: listStyles['react-spectrum-ListViewItem-checkbox--enterActive'],\n              exit: listStyles['react-spectrum-ListViewItem-checkbox--exit'],\n              exitActive: listStyles['react-spectrum-ListViewItem-checkbox--exitActive']\n            }}\n            timeout={160}\n            nodeRef={checkboxWrapperRef}>\n            <div\n              ref={checkboxWrapperRef}\n              className={listStyles['react-spectrum-ListViewItem-checkboxWrapper']}>\n              <Checkbox\n                {...checkboxProps}\n                UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n                isEmphasized={isEmphasized}\n              />\n            </div>\n          </CSSTransition>\n          <SlotProvider\n            slots={{\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-description'],\n                ...descriptionProps\n              },\n              illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              actionButton: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true\n              },\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'],\n                isQuiet: true\n              }\n            }}>\n            {content}\n            <ClearSlots>{chevron}</ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListViewItem.cjs.map"}

package/dist/private/list/ListViewItem.js

@@ -85,6 +85,7 @@ function $79675b2331570dd1$export$c6bde0c04b033c0e(props) {
     let hasDescription = (0, $584638b763a93bff$export$e52e2242b6d0f1d4)(`.${(0, ($parcel$interopDefault($dPSzQ$styles_cssmjs)))['react-spectrum-ListViewItem-description']}`, rowRef);
     let draggableItem = null;
     if (isListDraggable && dragAndDropHooks && dragState) {
+        // oxlint-disable-next-line react/react-compiler
         draggableItem = dragAndDropHooks.useDraggableItem({
             key: item.key,
             hasDragButton: true
@@ -101,6 +102,7 @@ function $79675b2331570dd1$export$c6bde0c04b033c0e(props) {
             dropPosition: 'on'
         };
         isDropTarget = dropState.isDropTarget(target);
+        // oxlint-disable-next-line react/react-compiler
         dropIndicator = dragAndDropHooks.useDropIndicator({
             target: target
         }, dropState, dropIndicatorRef);