@react-spectrum/list 3.0.0-alpha.5 → 3.0.0-alpha.6

package/dist/module.js.map

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

package/dist/types.d.ts

@@ -1,6 +1,6 @@
-import { AriaLabelingProps, CollectionBase, DOMProps, LoadingState, MultipleSelection, SpectrumSelectionProps, StyleProps } from "@react-types/shared";
-import React from "react";
-interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps {
+import { AriaLabelingProps, AsyncLoadable, CollectionBase, DOMProps, DOMRef, LoadingState, MultipleSelection, SpectrumSelectionProps, StyleProps } from "@react-types/shared";
+import { ReactElement } from "react";
+interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {
     /**
      * Sets the amount of vertical padding within each cell.
      * @default 'regular'
@@ -13,8 +13,8 @@ interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProp
     onAction?: (key: string) => void;
 }
 export const ListView: <T>(props: ListViewProps<T> & {
-    ref?: React.Ref<import("@react-types/shared").DOMRefValue<HTMLDivElement>>;
-}) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+    ref?: DOMRef<HTMLDivElement>;
+}) => ReactElement;
 export { Item } from '@react-stately/collections';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/list",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.6",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,31 +32,31 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "^3.4.1",
-    "@react-aria/grid": "^3.2.0",
-    "@react-aria/i18n": "^3.3.3",
-    "@react-aria/interactions": "^3.7.0",
-    "@react-aria/listbox": "^3.4.0",
-    "@react-aria/separator": "^3.1.3",
-    "@react-aria/utils": "^3.11.0",
-    "@react-aria/virtualizer": "^3.3.5",
-    "@react-spectrum/button": "^3.5.1",
-    "@react-spectrum/checkbox": "^3.2.3",
-    "@react-spectrum/layout": "^3.2.1",
-    "@react-spectrum/listbox": "^3.5.3",
-    "@react-spectrum/progress": "^3.1.3",
-    "@react-spectrum/text": "^3.1.3",
-    "@react-spectrum/textfield": "^3.3.0",
-    "@react-spectrum/utils": "^3.6.3",
-    "@react-spectrum/view": "^3.1.3",
-    "@react-stately/collections": "^3.3.4",
-    "@react-stately/grid": "^3.1.0",
-    "@react-stately/layout": "^3.4.0",
-    "@react-stately/list": "^3.4.1",
-    "@react-stately/virtualizer": "^3.1.6",
-    "@react-types/listbox": "^3.2.1",
-    "@react-types/shared": "^3.10.1",
-    "@spectrum-icons/ui": "^3.2.1"
+    "@react-aria/focus": "^3.5.1",
+    "@react-aria/grid": "^3.2.1",
+    "@react-aria/i18n": "^3.3.5",
+    "@react-aria/interactions": "^3.8.0",
+    "@react-aria/listbox": "^3.4.1",
+    "@react-aria/separator": "^3.1.4",
+    "@react-aria/utils": "^3.11.1",
+    "@react-aria/virtualizer": "^3.3.6",
+    "@react-spectrum/button": "^3.7.0",
+    "@react-spectrum/checkbox": "^3.3.0",
+    "@react-spectrum/layout": "^3.2.2",
+    "@react-spectrum/listbox": "^3.5.4",
+    "@react-spectrum/progress": "^3.1.4",
+    "@react-spectrum/text": "^3.1.4",
+    "@react-spectrum/textfield": "^3.3.1",
+    "@react-spectrum/utils": "^3.6.4",
+    "@react-spectrum/view": "^3.1.4",
+    "@react-stately/collections": "^3.3.5",
+    "@react-stately/grid": "^3.1.1",
+    "@react-stately/layout": "^3.4.3",
+    "@react-stately/list": "^3.4.2",
+    "@react-stately/virtualizer": "3.1.7-alpha.0",
+    "@react-types/listbox": "^3.2.2",
+    "@react-types/shared": "^3.11.0",
+    "@spectrum-icons/ui": "^3.2.2"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "^3.0.0-alpha.1"
@@ -69,5 +69,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "45e63a00c00486cf57b457371da6f8749cd9bca4"
+  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
 }

package/src/ListView.tsx

@@ -11,6 +11,7 @@
  */
 import {
   AriaLabelingProps,
+  AsyncLoadable,
   CollectionBase,
   DOMProps,
   DOMRef,
@@ -55,20 +56,22 @@ const ROW_HEIGHTS = {
 export function useListLayout<T>(state: ListState<T>, density: ListViewProps<T>['density']) {
   let {scale} = useProvider();
   let collator = useCollator({usage: 'search', sensitivity: 'base'});
+  let isEmpty = state.collection.size === 0;
   let layout = useMemo(() =>
       new ListLayout<T>({
         estimatedRowHeight: ROW_HEIGHTS[density][scale],
         padding: 0,
-        collator
+        collator,
+        loaderHeight: isEmpty ? null : ROW_HEIGHTS[density][scale]
       })
-    , [collator, scale, density]);
+    , [collator, scale, density, isEmpty]);
 
   layout.collection = state.collection;
   layout.disabledKeys = state.disabledKeys;
   return layout;
 }
 
-interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps {
+interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {
   /**
    * Sets the amount of vertical padding within each cell.
    * @default 'regular'
@@ -84,6 +87,7 @@ interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProp
 function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {
   let {
     density = 'regular',
+    onLoadMore,
     loadingState,
     isQuiet,
     transitionDuration = 0,
@@ -92,6 +96,7 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
   let domRef = useDOMRef(ref);
   let {collection} = useListState(props);
   let formatMessage = useMessageFormatter(intlMessages);
+  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
 
   let {styleProps} = useStyleProps(props);
   let {direction} = useLocale();
@@ -138,7 +143,7 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
   }, state, domRef);
 
   // Sync loading state into the layout.
-  layout.isLoading = loadingState === 'loading';
+  layout.isLoading = isLoading;
 
   let focusedKey = state.selectionManager.focusedKey;
   let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);
@@ -151,6 +156,8 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
       <Virtualizer
         {...gridProps}
         {...styleProps}
+        isLoading={isLoading}
+        onLoadMore={onLoadMore}
         ref={domRef}
         focusedKey={focusedKey}
         scrollDirection="vertical"
@@ -208,7 +215,14 @@ function CenteredWrapper({children}) {
     <div
       role="row"
       aria-rowindex={state.collection.size + 1}
-      className={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper')}>
+      className={
+        classNames(
+          listStyles,
+          'react-spectrum-ListView-centeredWrapper',
+          {
+            'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0
+          }
+        )}>
       <div role="gridcell">
         {children}
       </div>

package/src/listview.css

@@ -60,7 +60,7 @@
       }
 
       /* avoid double border for adjacent selected items */
-      &.is-previous-selected {        
+      &.is-previous-selected {
         &:not(.is-focused) {
           border-top-color: transparent;
         }
@@ -97,7 +97,71 @@
     padding-top: 0px;
     padding-bottom: 0px;
   }
-  
+
+  .react-spectrum-ListViewItem-grid {
+    display: grid;
+    grid-template-columns: auto auto auto 1fr auto auto;
+    grid-template-rows: 1fr auto;
+    grid-template-areas:
+      "checkbox icon image content actions actionmenu chevron"
+      "checkbox icon image description actions actionmenu chevron"
+    ;
+    align-items: center;
+  }
+
+  .react-spectrum-ListViewItem-checkbox {
+    grid-area: checkbox;
+    align-items: center;
+    justify-items: center;
+    min-height: 0;
+    height: 100%;
+    > span {
+      margin: 0;
+    }
+  }
+
+  .react-spectrum-ListViewItem-icon,
+  .react-spectrum-ListViewItem-image {
+    grid-area: image;
+    align-items: center;
+    justify-items: center;
+    padding-inline-end: var(--spectrum-global-dimension-size-100);
+  }
+
+  .react-spectrum-ListViewItem-image {
+    border-radius: var(--spectrum-global-dimension-size-25);
+    width: var(--spectrum-global-dimension-size-400);
+    height: var(--spectrum-global-dimension-size-400);
+  }
+
+  .react-spectrum-ListViewItem-content,
+  .react-spectrum-ListViewItem-description {
+    flex-grow: 1;
+  }
+
+  .react-spectrum-ListViewItem-content {
+    grid-area: content;
+  }
+
+  .react-spectrum-ListViewItem-description {
+    grid-area: description;
+  }
+
+  .react-spectrum-ListViewItem-actions {
+    grid-area: actions;
+    flex-grow: 0;
+    flex-shrink: 0;
+  }
+
+  .react-spectrum-ListViewItem-actionmenu {
+    grid-area: actionmenu;
+  }
+
+  .react-spectrum-ListViewItem-parentIndicator {
+    grid-area: chevron;
+    padding-inline-start: var(--spectrum-global-dimension-size-75);
+  }
+
   /* give first and last items border-radius to match listview container */
   div:first-child > div[role="row"] > & {
     border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);
@@ -121,86 +185,13 @@
   min-height: var(--spectrum-global-dimension-size-600);
 }
 
-.react-spectrum-ListViewItem-grid {
-  display: grid;
-  grid-template-columns: auto auto auto 1fr auto auto;
-  grid-template-rows: 1fr auto;
-  grid-template-areas:
-    "checkbox icon image content actions actionmenu chevron"
-    "checkbox icon image description actions actionmenu chevron"
-  ;
-  align-items: center;
-}
-
-.react-spectrum-ListViewItem-checkbox {
-  grid-area: checkbox;
-  align-items: center;
-  justify-items: center;
-  min-height: 0;
-  height: 100%;
-  > span {
-    margin: 0;
-  }
-}
-
-.react-spectrum-ListViewItem-icon,
-.react-spectrum-ListViewItem-image {
-  grid-area: image;
-  align-items: center;
-  justify-items: center;
-
-  [dir="ltr"] & {
-    padding-right: var(--spectrum-global-dimension-size-100);
-  }
-  [dir="rtl"] & {
-    padding-left: var(--spectrum-global-dimension-size-100);
-  }
-}
-
-.react-spectrum-ListViewItem-image {
-  border-radius: var(--spectrum-global-dimension-size-25);
-  width: var(--spectrum-global-dimension-size-400);
-  height: var(--spectrum-global-dimension-size-400);
-}
-
-.react-spectrum-ListViewItem-content,
-.react-spectrum-ListViewItem-description {
-  flex-grow: 1;
-}
-
-.react-spectrum-ListViewItem-content {
-  grid-area: content;
-}
-
-.react-spectrum-ListViewItem-description {
-  grid-area: description;
-}
-
-.react-spectrum-ListViewItem-actions {
-  grid-area: actions;
-  flex-grow: 0;
-  flex-shrink: 0;
-}
-
-.react-spectrum-ListViewItem-actionmenu {
-  grid-area: actionmenu;
-}
-
 .react-spectrum-ListView-centeredWrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-}
-
-.react-spectrum-ListViewItem-parentIndicator {
-  grid-area: chevron;
-
-  [dir="ltr"] & {
-    padding-left: var(--spectrum-global-dimension-size-75);
-  }
-  [dir="rtl"] & {
-    padding-right: var(--spectrum-global-dimension-size-75);
+  &.react-spectrum-ListView-centeredWrapper--loadingMore {
+    padding-top: var(--spectrum-global-dimension-size-50);
   }
 }

package/dist/main.css.map

@@ -1 +0,0 @@
-{"mappings":"AAUA,gCACE,qBAAsB,CAGtB,iBAAkB,CAClB,sGAAmD,CACnD,sDAAqD,CACrD,aAAc,CACd,kBAA6D,CAC7D,uBAAyB,CACzB,gBAAiB,CACjB,uBAA+B,CAC/B,SAAU,CACV,qDAA8F,CAC9F,SAKF,CAHE,2CACE,YACF,CAGF,uCACE,wBAAoE,CACpE,cACF,CAEA,oCACE,gBAAa,CAAb,YAAa,CAEb,4BAAmG,CAAnG,6DAAmG,CACnG,qBAAsB,CACtB,wDAAwF,CACxF,eAAoG,CACpG,4HAAiM,CACjM,0FAAkG,CAClG,4CAAsF,CACtF,iBAAkB,CAElB,2CAA8E,CAC9E,SAAU,CACV,oDA2DF,CAxDI,mGACE,yDAAqE,CACrE,kDAYF,CAXE,yOAEE,yDACF,CAIE,uJACE,4BACF,CAUN,kKAHE,sDAOF,CAJA,sDAEE,yGAA6E,CAC7E,kDACF,CAEA,qDACE,uDACF,CAKE,wMAEE,sDACF,CAGF,wDAEE,aAAgB,CAChB,gBACF,CAGA,4EACE,4HAEF,CAHA,wJAEE,6HACF,CAHA,4EAEE,4HACF,CACA,2EACE,+HAEF,CAHA,sJAEE,gIACF,CAHA,2EAEE,+HACF,CAGF,6EACE,oDAA4D,CAC5D,uDAA+D,CAC/D,oDACF,CAEA,8EACE,qDAA6D,CAC7D,wDAAgE,CAChE,oDACF,CAEA,yCACE,gBAAa,CAAb,YAAa,CACb,6CAAmD,CAAnD,kDAAmD,CACnD,sBAA4B,CAA5B,2BAA4B,CAC5B,yIAGA,CACA,qBAAmB,CAAnB,kBACF,CAEA,6CACE,kBAAmB,CACnB,qBAAmB,CAAnB,kBAAmB,CACnB,4BAAqB,CAArB,oBAAqB,CACrB,YAAa,CACb,WAIF,CAHE,kDACE,QACF,CAGF,mFAEE,eAAgB,CAChB,qBAAmB,CAAnB,kBAAmB,CACnB,4BAAqB,CAArB,oBAQF,CANE,uGACE,uDACF,CACA,uGACE,sDACF,CAGF,0CACE,sDAAuD,CACvD,+CAAgD,CAChD,gDACF,CAEA,4FAEE,mBAAY,CAAZ,WACF,CAEA,4CACE,iBACF,CAEA,gDACE,qBACF,CAEA,4CACE,iBAAkB,CAClB,mBAAY,CAAZ,WAAY,CACZ,mBAAc,CAAd,aACF,CAEA,+CACE,oBACF,CAEA,gDACE,mBAAa,CAAb,YAAa,CACb,qBAAmB,CAAnB,kBAAmB,CACnB,oBAAuB,CAAvB,sBAAuB,CACvB,UAAW,CACX,WACF,CAEA,oDACE,iBAQF,CANE,8DACE,qDACF,CACA,8DACE,sDACF","sources":["./packages/@react-spectrum/list/src/listview.css"],"sourcesContent":["\n:root {\n  --spectrum-listview-item-compact-padding-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-listview-item-regular-padding-y: var(--spectrum-global-dimension-size-75);\n  --spectrum-listview-item-spacious-padding-y: var(--spectrum-global-dimension-size-100);\n  --spectrum-listview-border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));\n  --spectrum-listview-border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\n  --spectrum-listview-item-start-end-border-radius: calc(var(--spectrum-listview-border-radius) - var(--spectrum-listview-border-width));\n}\n\n.react-spectrum-ListView {\n  box-sizing: border-box;\n  border-color: var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));\n  border-style: solid;\n  position: relative;\n  border-width: var(--spectrum-listview-border-width);\n  border-radius: var(--spectrum-listview-border-radius);\n  overflow: auto;\n  vertical-align: var(--spectrum-table-cell-vertical-alignment);\n  border-collapse: separate;\n  border-spacing: 0;\n  transform: translate3d(0, 0, 0);\n  padding: 0;\n  background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));\n  outline: 0;\n\n  [role=\"row\"] {\n    outline: none;\n  }\n}\n\n.react-spectrum-ListView--quiet {\n  background-color: var(--spectrum-alias-background-color-transparent);\n  border-width: 0;\n}\n\n.react-spectrum-ListViewItem {\n  display: grid; /* TODO: define grid areas */\n  border: 1px solid transparent;\n  border-bottom-color: var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));\n  box-sizing: border-box;\n  font-size: var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default));\n  font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));\n  line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);\n  padding: var(--spectrum-listview-item-regular-padding-y) var(--spectrum-global-dimension-size-150);\n  transition: background-color var(--spectrum-global-animation-duration-100) ease-in-out;\n  position: relative;\n  /*background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));*/\n  color: var(--spectrum-table-cell-text-color, var(--spectrum-alias-text-color));\n  outline: 0;\n  min-height: var(--spectrum-global-dimension-size-500);\n\n  .react-spectrum-ListView--emphasized & {\n    &.is-selected {\n      background-color: var(--spectrum-table-row-background-color-selected);\n      border-color: var(--spectrum-global-color-blue-500);\n      &.is-hovered,\n      &.is-active {\n        background-color: var(--spectrum-table-row-background-color-selected);\n      }\n\n      /* avoid double border for adjacent selected items */\n      &.is-previous-selected {        \n        &:not(.is-focused) {\n          border-top-color: transparent;\n        }\n      }\n    }\n  }\n\n  &.is-hovered,\n  &.is-focused {\n    background-color: var(--spectrum-table-row-background-color-hover);\n  }\n\n  &:focus-ring {\n    background-color: var(--spectrum-table-row-background-color-hover);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n    border-color: var(--spectrum-global-color-blue-500);\n  }\n\n  &.is-active {\n    background-color: var(--spectrum-table-row-background-color-down);\n  }\n\n  &.is-selected {\n    background-color: var(--spectrum-table-row-background-color-hover);\n\n    &.is-hovered,\n    &.is-active {\n      background-color: var(--spectrum-table-row-background-color-hover);\n    }\n  }\n\n  &.has-checkbox {\n    /* have to eliminate vertical padding to allow proper vertical alignment */\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n  \n  /* give first and last items border-radius to match listview container */\n  div:first-child > div[role=\"row\"] > & {\n    border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n    border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n  }\n  div:last-child > div[role=\"row\"] > & {\n    border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n    border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n  }\n}\n\n.react-spectrum-ListView--compact .react-spectrum-ListViewItem {\n  padding-top: var(--spectrum-listview-item-compact-padding-y);\n  padding-bottom: var(--spectrum-listview-item-compact-padding-y);\n  min-height: var(--spectrum-global-dimension-size-400);\n}\n\n.react-spectrum-ListView--spacious .react-spectrum-ListViewItem {\n  padding-top: var(--spectrum-listview-item-spacious-padding-y);\n  padding-bottom: var(--spectrum-listview-item-spacious-padding-y);\n  min-height: var(--spectrum-global-dimension-size-600);\n}\n\n.react-spectrum-ListViewItem-grid {\n  display: grid;\n  grid-template-columns: auto auto auto 1fr auto auto;\n  grid-template-rows: 1fr auto;\n  grid-template-areas:\n    \"checkbox icon image content actions actionmenu chevron\"\n    \"checkbox icon image description actions actionmenu chevron\"\n  ;\n  align-items: center;\n}\n\n.react-spectrum-ListViewItem-checkbox {\n  grid-area: checkbox;\n  align-items: center;\n  justify-items: center;\n  min-height: 0;\n  height: 100%;\n  > span {\n    margin: 0;\n  }\n}\n\n.react-spectrum-ListViewItem-icon,\n.react-spectrum-ListViewItem-image {\n  grid-area: image;\n  align-items: center;\n  justify-items: center;\n\n  [dir=\"ltr\"] & {\n    padding-right: var(--spectrum-global-dimension-size-100);\n  }\n  [dir=\"rtl\"] & {\n    padding-left: var(--spectrum-global-dimension-size-100);\n  }\n}\n\n.react-spectrum-ListViewItem-image {\n  border-radius: var(--spectrum-global-dimension-size-25);\n  width: var(--spectrum-global-dimension-size-400);\n  height: var(--spectrum-global-dimension-size-400);\n}\n\n.react-spectrum-ListViewItem-content,\n.react-spectrum-ListViewItem-description {\n  flex-grow: 1;\n}\n\n.react-spectrum-ListViewItem-content {\n  grid-area: content;\n}\n\n.react-spectrum-ListViewItem-description {\n  grid-area: description;\n}\n\n.react-spectrum-ListViewItem-actions {\n  grid-area: actions;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.react-spectrum-ListViewItem-actionmenu {\n  grid-area: actionmenu;\n}\n\n.react-spectrum-ListView-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.react-spectrum-ListViewItem-parentIndicator {\n  grid-area: chevron;\n\n  [dir=\"ltr\"] & {\n    padding-left: var(--spectrum-global-dimension-size-75);\n  }\n  [dir=\"rtl\"] & {\n    padding-right: var(--spectrum-global-dimension-size-75);\n  }\n}\n"],"names":[],"version":3,"file":"main.css.map"}