@react-spectrum/list 3.0.0-alpha.3 → 3.0.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +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}\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-table-border-size, var(--spectrum-alias-border-size-thin));\n border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\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\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-bottom: 1px solid var(--spectrum-tabel-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\n .react-spectrum-ListView--quiet & {\n border-bottom: 0;\n }\n\n &.is-hovered,\n &.is-focused {\n background-color: var(--spectrum-table-row-background-color-hover);\n\n .react-spectrum-ListView--quiet & {\n border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-table-row-background-color-hover);\n box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n border-radius: var(--spectrum-table-cell-border-radius-key-focus);\n }\n}\n\n.react-spectrum-ListViewItem-selected {\n background-color: var(--spectrum-table-row-background-color-selected, var(--spectrum-alias-highlight-selected));\n &.is-hovered {\n background-color: var(--spectrum-table-quiet-row-background-color-selected-hover);\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}\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}\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 chevron\"\n \"checkbox icon image description actions 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}\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-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} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function ListViewItem(props) {\n let {\n item\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 isDisabled = state.disabledKeys.has(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {rowProps} = useGridRow({\n node: item,\n isVirtualized: true\n }, state, rowRef);\n let {gridCellProps} = useGridCell({\n node: cellNode,\n focusMode: 'cell'\n }, state, cellRef);\n const mergedProps = mergeProps(\n rowProps,\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';\n return (\n <div\n {...mergedProps}\n ref={rowRef}>\n <div\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListViewItem',\n {\n 'is-focused': isFocusVisibleWithin,\n 'focus-ring': isFocusVisible,\n 'is-hovered': isHovered\n }\n )\n }\n ref={cellRef}\n {...gridCellProps}>\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 />\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 }}>\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 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\nexport function useListLayout<T>(state: ListState<T>) {\n let {scale} = useProvider();\n let collator = useCollator({usage: 'search', sensitivity: 'base'});\n let layout = useMemo(() =>\n new ListLayout<T>({\n estimatedRowHeight: scale === 'large' ? 40 : 32,\n padding: 0,\n collator\n })\n , [collator, scale]);\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 {\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}\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 } = 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 });\n let layout = useListLayout(state);\n let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({\n collection: state.collection,\n disabledKeys: state.disabledKeys,\n ref: domRef,\n direction,\n collator,\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 {\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} />\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","cellNode","childNodes","state","useContext","direction","useLocale","rowRef","useRef","cellRef","isFocusVisible","isFocusVisibleWithin","focusProps","focusWithinProps","useFocusRing","within","isDisabled","disabledKeys","has","key","hoverProps","isHovered","useHover","rowProps","useGridRow","node","isVirtualized","gridCellProps","useGridCell","focusMode","mergedProps","mergeProps","checkboxProps","useGridSelectionCheckbox","chevron","hasChildItems","showCheckbox","selectionManager","selectionMode","classNames","content","UNSAFE_className","text","description","icon","size","image","link","isQuiet","actionButton","actionGroup","density","rendered","ListViewContext","React","createContext","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","keyboardDelegate","GridKeyboardDelegate","gridProps","useGrid","isLoading","focusedKey","focusedItem","getItem","parentKey","className","emptyState","renderEmptyState","CenteredWrapper","children","_ListView","forwardRef"],"version":3,"file":"module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/intl/*.js","packages/@react-spectrum/list/intl/ar-AE.json","packages/@react-spectrum/list/intl/bg-BG.json","packages/@react-spectrum/list/intl/cs-CZ.json","packages/@react-spectrum/list/intl/da-DK.json","packages/@react-spectrum/list/intl/de-DE.json","packages/@react-spectrum/list/intl/el-GR.json","packages/@react-spectrum/list/intl/en-US.json","packages/@react-spectrum/list/intl/es-ES.json","packages/@react-spectrum/list/intl/et-EE.json","packages/@react-spectrum/list/intl/fi-FI.json","packages/@react-spectrum/list/intl/fr-FR.json","packages/@react-spectrum/list/intl/he-IL.json","packages/@react-spectrum/list/intl/hr-HR.json","packages/@react-spectrum/list/intl/hu-HU.json","packages/@react-spectrum/list/intl/it-IT.json","packages/@react-spectrum/list/intl/ja-JP.json","packages/@react-spectrum/list/intl/ko-KR.json","packages/@react-spectrum/list/intl/lt-LT.json","packages/@react-spectrum/list/intl/lv-LV.json","packages/@react-spectrum/list/intl/nb-NO.json","packages/@react-spectrum/list/intl/nl-NL.json","packages/@react-spectrum/list/intl/pl-PL.json","packages/@react-spectrum/list/intl/pt-BR.json","packages/@react-spectrum/list/intl/pt-PT.json","packages/@react-spectrum/list/intl/ro-RO.json","packages/@react-spectrum/list/intl/ru-RU.json","packages/@react-spectrum/list/intl/sk-SK.json","packages/@react-spectrum/list/intl/sl-SI.json","packages/@react-spectrum/list/intl/sr-SP.json","packages/@react-spectrum/list/intl/sv-SE.json","packages/@react-spectrum/list/intl/tr-TR.json","packages/@react-spectrum/list/intl/uk-UA.json","packages/@react-spectrum/list/intl/zh-CN.json","packages/@react-spectrum/list/intl/zh-TW.json","packages/@react-spectrum/list/src/listview.css","packages/@react-spectrum/list/src/ListViewItem.tsx"],"sourcesContent":["export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {\n AriaLabelingProps,\n AsyncLoadable,\n CollectionBase,\n DOMProps,\n DOMRef,\n LoadingState,\n MultipleSelection,\n SpectrumSelectionProps,\n StyleProps\n} from '@react-types/shared';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {GridCollection, useGridState} from '@react-stately/grid';\nimport {GridKeyboardDelegate, useGrid} from '@react-aria/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListLayout} from '@react-stately/layout';\nimport {ListState, useListState} from '@react-stately/list';\nimport listStyles from './listview.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ReactElement, useContext, useMemo} from 'react';\nimport {useCollator, useLocale, useMessageFormatter} from '@react-aria/i18n';\nimport {useProvider} from '@react-spectrum/provider';\nimport {Virtualizer} from '@react-aria/virtualizer';\n\n\nexport const ListViewContext = React.createContext(null);\n\nconst ROW_HEIGHTS = {\n compact: {\n medium: 32,\n large: 40\n },\n regular: {\n medium: 40,\n large: 50\n },\n spacious: {\n medium: 48,\n large: 60\n }\n};\n\nexport function useListLayout<T>(state: ListState<T>, density: ListViewProps<T>['density']) {\n let {scale} = useProvider();\n let collator = useCollator({usage: 'search', sensitivity: 'base'});\n let isEmpty = state.collection.size === 0;\n let layout = useMemo(() =>\n new ListLayout<T>({\n estimatedRowHeight: ROW_HEIGHTS[density][scale],\n padding: 0,\n collator,\n loaderHeight: isEmpty ? null : ROW_HEIGHTS[density][scale]\n })\n , [collator, scale, density, isEmpty]);\n\n layout.collection = state.collection;\n layout.disabledKeys = state.disabledKeys;\n return layout;\n}\n\ninterface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {\n /**\n * Sets the amount of vertical padding within each cell.\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious',\n isQuiet?: boolean,\n loadingState?: LoadingState,\n renderEmptyState?: () => JSX.Element,\n transitionDuration?: number,\n onAction?: (key: string) => void\n}\n\nfunction ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {\n let {\n density = 'regular',\n onLoadMore,\n loadingState,\n isQuiet,\n transitionDuration = 0,\n onAction\n } = props;\n let domRef = useDOMRef(ref);\n let {collection} = useListState(props);\n let formatMessage = useMessageFormatter(intlMessages);\n let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n let {styleProps} = useStyleProps(props);\n let {direction} = useLocale();\n let collator = useCollator({usage: 'search', sensitivity: 'base'});\n let gridCollection = useMemo(() => new GridCollection({\n columnCount: 1,\n items: [...collection].map(item => ({\n ...item,\n hasChildNodes: true,\n childNodes: [{\n key: `cell-${item.key}`,\n type: 'cell',\n index: 0,\n value: null,\n level: 0,\n rendered: null,\n textValue: item.textValue,\n hasChildNodes: false,\n childNodes: []\n }]\n }))\n }), [collection]);\n let state = useGridState({\n ...props,\n collection: gridCollection,\n focusMode: 'cell',\n selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n });\n let layout = useListLayout(state, props.density || 'regular');\n let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({\n collection: state.collection,\n disabledKeys: state.disabledKeys,\n ref: domRef,\n direction,\n collator,\n // Focus the ListView cell instead of the row so that focus doesn't change with left/right arrow keys when there aren't any\n // focusable children in the cell.\n focusMode: 'cell'\n }), [state, domRef, direction, collator]);\n let {gridProps} = useGrid({\n ...props,\n isVirtualized: true,\n keyboardDelegate\n }, state, domRef);\n\n // Sync loading state into the layout.\n layout.isLoading = isLoading;\n\n let focusedKey = state.selectionManager.focusedKey;\n let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);\n if (focusedItem?.parentKey != null) {\n focusedKey = focusedItem.parentKey;\n }\n\n return (\n <ListViewContext.Provider value={{state, keyboardDelegate}}>\n <Virtualizer\n {...gridProps}\n {...styleProps}\n isLoading={isLoading}\n onLoadMore={onLoadMore}\n ref={domRef}\n focusedKey={focusedKey}\n scrollDirection=\"vertical\"\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListView',\n `react-spectrum-ListView--${density}`,\n 'react-spectrum-ListView--emphasized',\n {\n 'react-spectrum-ListView--quiet': isQuiet\n },\n styleProps.className\n )\n }\n layout={layout}\n collection={gridCollection}\n transitionDuration={transitionDuration}>\n {(type, item) => {\n if (type === 'item') {\n return (\n <ListViewItem item={item} onAction={onAction} isEmphasized />\n );\n } else if (type === 'loader') {\n return (\n <CenteredWrapper>\n <ProgressCircle\n isIndeterminate\n aria-label={state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')} />\n </CenteredWrapper>\n );\n } else if (type === 'placeholder') {\n let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;\n if (emptyState == null) {\n return null;\n }\n\n return (\n <CenteredWrapper>\n {emptyState}\n </CenteredWrapper>\n );\n }\n\n }}\n </Virtualizer>\n </ListViewContext.Provider>\n );\n}\n\n\nfunction CenteredWrapper({children}) {\n let {state} = useContext(ListViewContext);\n return (\n <div\n role=\"row\"\n aria-rowindex={state.collection.size + 1}\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListView-centeredWrapper',\n {\n 'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n }\n )}>\n <div role=\"gridcell\">\n {children}\n </div>\n </div>\n );\n}\n\nconst _ListView = React.forwardRef(ListView) as <T>(props: ListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ListView as ListView};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"loading\": \"جارٍ التحميل...\",\n \"loadingMore\": \"جارٍ تحميل المزيد...\"\n}\n","{\n \"loading\": \"Зареждане...\",\n \"loadingMore\": \"Зареждане на още...\"\n}\n","{\n \"loading\": \"Načítání...\",\n \"loadingMore\": \"Načítání dalších...\"\n}\n","{\n \"loading\": \"Indlæser...\",\n \"loadingMore\": \"Indlæser flere...\"\n}\n","{\n \"loading\": \"Laden...\",\n \"loadingMore\": \"Mehr laden ...\"\n}\n","{\n \"loading\": \"Φόρτωση...\",\n \"loadingMore\": \"Φόρτωση περισσότερων...\"\n}\n","{\n \"loading\": \"Loading…\",\n \"loadingMore\": \"Loading more…\"\n}\n","{\n \"loading\": \"Cargando…\",\n \"loadingMore\": \"Cargando más…\"\n}\n","{\n \"loading\": \"Laadimine...\",\n \"loadingMore\": \"Laadi rohkem...\"\n}\n","{\n \"loading\": \"Ladataan…\",\n \"loadingMore\": \"Ladataan lisää…\"\n}\n","{\n \"loading\": \"Chargement...\",\n \"loadingMore\": \"Chargement supplémentaire...\"\n}\n","{\n \"loading\": \"טוען...\",\n \"loadingMore\": \"טוען עוד...\"\n}\n","{\n \"loading\": \"Učitavam...\",\n \"loadingMore\": \"Učitavam još...\"\n}\n","{\n \"loading\": \"Betöltés folyamatban…\",\n \"loadingMore\": \"Továbbiak betöltése folyamatban…\"\n}\n","{\n \"loading\": \"Caricamento...\",\n \"loadingMore\": \"Caricamento altri...\"\n}\n","{\n \"loading\": \"読み込み中...\",\n \"loadingMore\": \"さらに読み込み中...\"\n}\n","{\n \"loading\": \"로드 중…\",\n \"loadingMore\": \"추가 로드 중…\"\n}\n","{\n \"loading\": \"Įkeliama...\",\n \"loadingMore\": \"Įkeliama daugiau...\"\n}\n","{\n \"loading\": \"Notiek ielāde...\",\n \"loadingMore\": \"Tiek ielādēts vēl...\"\n}\n","{\n \"loading\": \"Laster inn ...\",\n \"loadingMore\": \"Laster inn flere ...\"\n}\n","{\n \"loading\": \"Laden...\",\n \"loadingMore\": \"Meer laden...\"\n}\n","{\n \"loading\": \"Ładowanie...\",\n \"loadingMore\": \"Wczytywanie większej liczby...\"\n}\n","{\n \"loading\": \"Carregando...\",\n \"loadingMore\": \"Carregando mais...\"\n}\n","{\n \"loading\": \"A carregar...\",\n \"loadingMore\": \"A carregar mais...\"\n}\n","{\n \"loading\": \"Se încarcă...\",\n \"loadingMore\": \"Se încarcă mai multe...\"\n}\n","{\n \"loading\": \"Загрузка...\",\n \"loadingMore\": \"Дополнительная загрузка...\"\n}\n","{\n \"loading\": \"Načítava sa...\",\n \"loadingMore\": \"Načítava sa viac...\"\n}\n","{\n \"loading\": \"Nalaganje ...\",\n \"loadingMore\": \"Nalaganje več vsebine ...\"\n}\n","{\n \"loading\": \"Učitavam...\",\n \"loadingMore\": \"Učitavam još...\"\n}\n","{\n \"loading\": \"Läser in...\",\n \"loadingMore\": \"Läser in mer...\"\n}\n","{\n \"loading\": \"Yükleniyor...\",\n \"loadingMore\": \"Daha fazla yükleniyor...\"\n}\n","{\n \"loading\": \"Завантаження…\",\n \"loadingMore\": \"Завантаження інших об’єктів...\"\n}\n","{\n \"loading\": \"正在加载...\",\n \"loadingMore\": \"正在加载更多...\"\n}\n","{\n \"loading\": \"載入中…\",\n \"loadingMore\": \"正在載入更多…\"\n}\n","\n:root {\n --spectrum-listview-item-compact-padding-y: var(--spectrum-global-dimension-size-50);\n --spectrum-listview-item-regular-padding-y: var(--spectrum-global-dimension-size-75);\n --spectrum-listview-item-spacious-padding-y: var(--spectrum-global-dimension-size-100);\n --spectrum-listview-border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));\n --spectrum-listview-border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\n --spectrum-listview-item-start-end-border-radius: calc(var(--spectrum-listview-border-radius) - var(--spectrum-listview-border-width));\n}\n\n.react-spectrum-ListView {\n box-sizing: border-box;\n border-color: var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));\n border-style: solid;\n position: relative;\n border-width: var(--spectrum-listview-border-width);\n border-radius: var(--spectrum-listview-border-radius);\n overflow: auto;\n vertical-align: var(--spectrum-table-cell-vertical-alignment);\n border-collapse: separate;\n border-spacing: 0;\n transform: translate3d(0, 0, 0);\n padding: 0;\n background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));\n outline: 0;\n\n [role=\"row\"] {\n outline: none;\n }\n}\n\n.react-spectrum-ListView--quiet {\n background-color: var(--spectrum-alias-background-color-transparent);\n border-width: 0;\n}\n\n.react-spectrum-ListViewItem {\n display: grid; /* TODO: define grid areas */\n border: 1px solid transparent;\n border-bottom-color: var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));\n box-sizing: border-box;\n font-size: var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default));\n font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));\n line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);\n padding: var(--spectrum-listview-item-regular-padding-y) var(--spectrum-global-dimension-size-150);\n transition: background-color var(--spectrum-global-animation-duration-100) ease-in-out;\n position: relative;\n /*background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));*/\n color: var(--spectrum-table-cell-text-color, var(--spectrum-alias-text-color));\n outline: 0;\n min-height: var(--spectrum-global-dimension-size-500);\n\n .react-spectrum-ListView--emphasized & {\n &.is-selected {\n background-color: var(--spectrum-table-row-background-color-selected);\n border-color: var(--spectrum-global-color-blue-500);\n &.is-hovered,\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-selected);\n }\n\n /* avoid double border for adjacent selected items */\n &.is-previous-selected {\n &:not(.is-focused) {\n border-top-color: transparent;\n }\n }\n }\n }\n\n &.is-hovered,\n &.is-focused {\n background-color: var(--spectrum-table-row-background-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-table-row-background-color-hover);\n box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n border-color: var(--spectrum-global-color-blue-500);\n }\n\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-down);\n }\n\n &.is-selected {\n background-color: var(--spectrum-table-row-background-color-hover);\n\n &.is-hovered,\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-hover);\n }\n }\n\n &.has-checkbox {\n /* have to eliminate vertical padding to allow proper vertical alignment */\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n .react-spectrum-ListViewItem-grid {\n display: grid;\n grid-template-columns: auto auto auto 1fr auto auto;\n grid-template-rows: 1fr auto;\n grid-template-areas:\n \"checkbox icon image content actions actionmenu chevron\"\n \"checkbox icon image description actions actionmenu chevron\"\n ;\n align-items: center;\n }\n\n .react-spectrum-ListViewItem-checkbox {\n grid-area: checkbox;\n align-items: center;\n justify-items: center;\n min-height: 0;\n height: 100%;\n > span {\n margin: 0;\n }\n }\n\n .react-spectrum-ListViewItem-icon,\n .react-spectrum-ListViewItem-image {\n grid-area: image;\n align-items: center;\n justify-items: center;\n padding-inline-end: var(--spectrum-global-dimension-size-100);\n }\n\n .react-spectrum-ListViewItem-image {\n border-radius: var(--spectrum-global-dimension-size-25);\n width: var(--spectrum-global-dimension-size-400);\n height: var(--spectrum-global-dimension-size-400);\n }\n\n .react-spectrum-ListViewItem-content,\n .react-spectrum-ListViewItem-description {\n flex-grow: 1;\n }\n\n .react-spectrum-ListViewItem-content {\n grid-area: content;\n }\n\n .react-spectrum-ListViewItem-description {\n grid-area: description;\n }\n\n .react-spectrum-ListViewItem-actions {\n grid-area: actions;\n flex-grow: 0;\n flex-shrink: 0;\n }\n\n .react-spectrum-ListViewItem-actionmenu {\n grid-area: actionmenu;\n }\n\n .react-spectrum-ListViewItem-parentIndicator {\n grid-area: chevron;\n padding-inline-start: var(--spectrum-global-dimension-size-75);\n }\n\n /* give first and last items border-radius to match listview container */\n div:first-child > div[role=\"row\"] > & {\n border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n }\n div:last-child > div[role=\"row\"] > & {\n border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n }\n}\n\n.react-spectrum-ListView--compact .react-spectrum-ListViewItem {\n padding-top: var(--spectrum-listview-item-compact-padding-y);\n padding-bottom: var(--spectrum-listview-item-compact-padding-y);\n min-height: var(--spectrum-global-dimension-size-400);\n}\n\n.react-spectrum-ListView--spacious .react-spectrum-ListViewItem {\n padding-top: var(--spectrum-listview-item-spacious-padding-y);\n padding-bottom: var(--spectrum-listview-item-spacious-padding-y);\n min-height: var(--spectrum-global-dimension-size-600);\n}\n\n.react-spectrum-ListView-centeredWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n &.react-spectrum-ListView-centeredWrapper--loadingMore {\n padding-top: var(--spectrum-global-dimension-size-50);\n }\n}\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {Grid} from '@react-spectrum/layout';\nimport listStyles from './listview.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useRef} from 'react';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useGridCell, useGridRow, useGridSelectionCheckbox} from '@react-aria/grid';\nimport {useHover, usePress} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function ListViewItem(props) {\n let {\n item,\n onAction,\n isEmphasized\n } = props;\n let cellNode = [...item.childNodes][0];\n let {state} = useContext(ListViewContext);\n let {direction} = useLocale();\n let rowRef = useRef<HTMLDivElement>();\n let cellRef = useRef<HTMLDivElement>();\n let {\n isFocusVisible: isFocusVisibleWithin,\n focusProps: focusWithinProps\n } = useFocusRing({within: true});\n let {isFocusVisible, focusProps} = useFocusRing();\n let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;\n let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {pressProps, isPressed} = usePress({isDisabled});\n let {rowProps} = useGridRow({\n node: item,\n isVirtualized: true,\n onAction: onAction ? () => onAction(item.key) : undefined\n }, state, rowRef);\n let {gridCellProps} = useGridCell({\n node: cellNode,\n focusMode: 'cell'\n }, state, cellRef);\n const mergedProps = mergeProps(\n gridCellProps,\n hoverProps,\n focusWithinProps,\n focusProps\n );\n let {checkboxProps} = useGridSelectionCheckbox({...props, key: item.key}, state);\n\n let chevron = null;\n if (item.props.hasChildItems) {\n chevron = direction === 'ltr'\n ? (\n <ChevronRightMedium\n aria-hidden=\"true\"\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n )\n : (\n <ChevronLeftMedium\n aria-hidden=\"true\"\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n );\n }\n\n let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';\n let isSelected = state.selectionManager.isSelected(item.key);\n return (\n <div\n {...mergeProps(rowProps, pressProps)}\n ref={rowRef}>\n <div\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListViewItem',\n {\n 'is-active': isPressed,\n 'is-focused': isFocusVisibleWithin,\n 'focus-ring': isFocusVisible,\n 'is-hovered': isHovered,\n 'is-selected': isSelected,\n 'is-previous-selected': state.selectionManager.isSelected(item.prevKey),\n 'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey))\n }\n )\n }\n ref={cellRef}\n {...mergedProps}>\n <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n {showCheckbox && (\n <Checkbox\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n {...checkboxProps}\n isEmphasized={isEmphasized} />\n )}\n <SlotProvider\n slots={{\n content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},\n icon: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-icon'], size: 'M'},\n image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},\n link: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content'], isQuiet: true},\n actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},\n actionGroup: {\n UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n isQuiet: true,\n density: 'compact'\n },\n actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}\n }}>\n {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}\n <ClearSlots>\n {chevron}\n </ClearSlots>\n </SlotProvider>\n </Grid>\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { AriaLabelingProps, CollectionBase, DOMProps, LoadingState, MultipleSelection, StyleProps } from "@react-types/shared";
2
- import React from "react";
3
- interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection {
1
+ import { AriaLabelingProps, AsyncLoadable, CollectionBase, DOMProps, DOMRef, LoadingState, MultipleSelection, SpectrumSelectionProps, StyleProps } from "@react-types/shared";
2
+ import { ReactElement } from "react";
3
+ interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {
4
4
  /**
5
5
  * Sets the amount of vertical padding within each cell.
6
6
  * @default 'regular'
@@ -10,10 +10,11 @@ interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProp
10
10
  loadingState?: LoadingState;
11
11
  renderEmptyState?: () => JSX.Element;
12
12
  transitionDuration?: number;
13
+ onAction?: (key: string) => void;
13
14
  }
14
15
  export const ListView: <T>(props: ListViewProps<T> & {
15
- ref?: React.Ref<import("@react-types/shared").DOMRefValue<HTMLDivElement>>;
16
- }) => 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>)>;
16
+ ref?: DOMRef<HTMLDivElement>;
17
+ }) => ReactElement;
17
18
  export { Item } from '@react-stately/collections';
18
19
 
19
20
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"mappings":"A;A;ACsDA,wBAAwB,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB;IAC9G;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,CAAA;CAC5B;AAmID,OAAA,MAAM;A;6MAAuH,CAAC;AClM9H,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"}
1
+ {"mappings":";;ACyEA,wBAAwB,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC;IACxK;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,OAAO,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAoJD,OAAA,MAAM;UAA+E,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;ACvO9H,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC","sources":["packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/ListViewItem.tsx","packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/src/packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/index.ts"],"sourcesContent":[null,null,null,"export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/list",
3
- "version": "3.0.0-alpha.3",
3
+ "version": "3.0.0-alpha.7",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -32,31 +32,31 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.6.2",
35
- "@react-aria/focus": "^3.4.1",
36
- "@react-aria/grid": "^3.0.0",
37
- "@react-aria/i18n": "^3.3.2",
38
- "@react-aria/interactions": "^3.5.1",
39
- "@react-aria/listbox": "^3.3.1",
40
- "@react-aria/separator": "^3.1.3",
41
- "@react-aria/utils": "^3.8.2",
42
- "@react-aria/virtualizer": "^3.3.4",
43
- "@react-spectrum/button": "^3.5.1",
44
- "@react-spectrum/checkbox": "^3.2.3",
45
- "@react-spectrum/layout": "^3.2.1",
46
- "@react-spectrum/listbox": "^3.5.3",
47
- "@react-spectrum/progress": "^3.1.3",
48
- "@react-spectrum/text": "^3.1.3",
49
- "@react-spectrum/textfield": "^3.1.7",
50
- "@react-spectrum/utils": "^3.6.2",
51
- "@react-spectrum/view": "^3.1.3",
52
- "@react-stately/collections": "^3.3.4",
53
- "@react-stately/grid": "^3.0.0",
54
- "@react-stately/layout": "^3.4.0",
55
- "@react-stately/list": "^3.3.0",
56
- "@react-stately/virtualizer": "^3.1.5",
57
- "@react-types/listbox": "^3.2.1",
58
- "@react-types/shared": "^3.8.0",
59
- "@spectrum-icons/ui": "^3.2.1"
35
+ "@react-aria/focus": "^3.5.2",
36
+ "@react-aria/grid": "^3.2.2",
37
+ "@react-aria/i18n": "^3.3.6",
38
+ "@react-aria/interactions": "^3.8.1",
39
+ "@react-aria/listbox": "^3.4.2",
40
+ "@react-aria/separator": "^3.1.5",
41
+ "@react-aria/utils": "^3.11.2",
42
+ "@react-aria/virtualizer": "^3.3.7",
43
+ "@react-spectrum/button": "^3.7.1",
44
+ "@react-spectrum/checkbox": "^3.3.1",
45
+ "@react-spectrum/layout": "^3.2.3",
46
+ "@react-spectrum/listbox": "^3.5.5",
47
+ "@react-spectrum/progress": "^3.1.5",
48
+ "@react-spectrum/text": "^3.1.5",
49
+ "@react-spectrum/textfield": "^3.3.2",
50
+ "@react-spectrum/utils": "^3.6.5",
51
+ "@react-spectrum/view": "^3.1.5",
52
+ "@react-stately/collections": "^3.3.6",
53
+ "@react-stately/grid": "^3.1.2",
54
+ "@react-stately/layout": "^3.4.4",
55
+ "@react-stately/list": "^3.4.3",
56
+ "@react-stately/virtualizer": "^3.1.7",
57
+ "@react-types/listbox": "^3.2.3",
58
+ "@react-types/shared": "^3.11.1",
59
+ "@spectrum-icons/ui": "^3.2.3"
60
60
  },
61
61
  "devDependencies": {
62
62
  "@adobe/spectrum-css-temp": "^3.0.0-alpha.1"
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "9397d0262111f7207cb1ee2cbdda86cd5d180298"
72
+ "gitHead": "404d41859b7d6f56201d7fc01bd9f22ae3512937"
73
73
  }
package/src/ListView.tsx CHANGED
@@ -11,11 +11,13 @@
11
11
  */
12
12
  import {
13
13
  AriaLabelingProps,
14
+ AsyncLoadable,
14
15
  CollectionBase,
15
16
  DOMProps,
16
17
  DOMRef,
17
18
  LoadingState,
18
19
  MultipleSelection,
20
+ SpectrumSelectionProps,
19
21
  StyleProps
20
22
  } from '@react-types/shared';
21
23
  import {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';
@@ -36,23 +38,40 @@ import {Virtualizer} from '@react-aria/virtualizer';
36
38
 
37
39
  export const ListViewContext = React.createContext(null);
38
40
 
39
- export function useListLayout<T>(state: ListState<T>) {
41
+ const ROW_HEIGHTS = {
42
+ compact: {
43
+ medium: 32,
44
+ large: 40
45
+ },
46
+ regular: {
47
+ medium: 40,
48
+ large: 50
49
+ },
50
+ spacious: {
51
+ medium: 48,
52
+ large: 60
53
+ }
54
+ };
55
+
56
+ export function useListLayout<T>(state: ListState<T>, density: ListViewProps<T>['density']) {
40
57
  let {scale} = useProvider();
41
58
  let collator = useCollator({usage: 'search', sensitivity: 'base'});
59
+ let isEmpty = state.collection.size === 0;
42
60
  let layout = useMemo(() =>
43
61
  new ListLayout<T>({
44
- estimatedRowHeight: scale === 'large' ? 40 : 32,
62
+ estimatedRowHeight: ROW_HEIGHTS[density][scale],
45
63
  padding: 0,
46
- collator
64
+ collator,
65
+ loaderHeight: isEmpty ? null : ROW_HEIGHTS[density][scale]
47
66
  })
48
- , [collator, scale]);
67
+ , [collator, scale, density, isEmpty]);
49
68
 
50
69
  layout.collection = state.collection;
51
70
  layout.disabledKeys = state.disabledKeys;
52
71
  return layout;
53
72
  }
54
73
 
55
- interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection {
74
+ interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {
56
75
  /**
57
76
  * Sets the amount of vertical padding within each cell.
58
77
  * @default 'regular'
@@ -61,19 +80,23 @@ interface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProp
61
80
  isQuiet?: boolean,
62
81
  loadingState?: LoadingState,
63
82
  renderEmptyState?: () => JSX.Element,
64
- transitionDuration?: number
83
+ transitionDuration?: number,
84
+ onAction?: (key: string) => void
65
85
  }
66
86
 
67
87
  function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {
68
88
  let {
69
89
  density = 'regular',
90
+ onLoadMore,
70
91
  loadingState,
71
92
  isQuiet,
72
- transitionDuration = 0
93
+ transitionDuration = 0,
94
+ onAction
73
95
  } = props;
74
96
  let domRef = useDOMRef(ref);
75
97
  let {collection} = useListState(props);
76
98
  let formatMessage = useMessageFormatter(intlMessages);
99
+ let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
77
100
 
78
101
  let {styleProps} = useStyleProps(props);
79
102
  let {direction} = useLocale();
@@ -98,15 +121,19 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
98
121
  }), [collection]);
99
122
  let state = useGridState({
100
123
  ...props,
101
- collection: gridCollection
124
+ collection: gridCollection,
125
+ focusMode: 'cell',
126
+ selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'
102
127
  });
103
- let layout = useListLayout(state);
128
+ let layout = useListLayout(state, props.density || 'regular');
104
129
  let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({
105
130
  collection: state.collection,
106
131
  disabledKeys: state.disabledKeys,
107
132
  ref: domRef,
108
133
  direction,
109
134
  collator,
135
+ // Focus the ListView cell instead of the row so that focus doesn't change with left/right arrow keys when there aren't any
136
+ // focusable children in the cell.
110
137
  focusMode: 'cell'
111
138
  }), [state, domRef, direction, collator]);
112
139
  let {gridProps} = useGrid({
@@ -116,7 +143,7 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
116
143
  }, state, domRef);
117
144
 
118
145
  // Sync loading state into the layout.
119
- layout.isLoading = loadingState === 'loading';
146
+ layout.isLoading = isLoading;
120
147
 
121
148
  let focusedKey = state.selectionManager.focusedKey;
122
149
  let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);
@@ -129,6 +156,8 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
129
156
  <Virtualizer
130
157
  {...gridProps}
131
158
  {...styleProps}
159
+ isLoading={isLoading}
160
+ onLoadMore={onLoadMore}
132
161
  ref={domRef}
133
162
  focusedKey={focusedKey}
134
163
  scrollDirection="vertical"
@@ -137,6 +166,7 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
137
166
  listStyles,
138
167
  'react-spectrum-ListView',
139
168
  `react-spectrum-ListView--${density}`,
169
+ 'react-spectrum-ListView--emphasized',
140
170
  {
141
171
  'react-spectrum-ListView--quiet': isQuiet
142
172
  },
@@ -149,7 +179,7 @@ function ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDiv
149
179
  {(type, item) => {
150
180
  if (type === 'item') {
151
181
  return (
152
- <ListViewItem item={item} />
182
+ <ListViewItem item={item} onAction={onAction} isEmphasized />
153
183
  );
154
184
  } else if (type === 'loader') {
155
185
  return (
@@ -185,7 +215,14 @@ function CenteredWrapper({children}) {
185
215
  <div
186
216
  role="row"
187
217
  aria-rowindex={state.collection.size + 1}
188
- className={classNames(listStyles, 'react-spectrum-ListView-centeredWrapper')}>
218
+ className={
219
+ classNames(
220
+ listStyles,
221
+ 'react-spectrum-ListView-centeredWrapper',
222
+ {
223
+ 'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0
224
+ }
225
+ )}>
189
226
  <div role="gridcell">
190
227
  {children}
191
228
  </div>
@@ -21,12 +21,14 @@ import {mergeProps} from '@react-aria/utils';
21
21
  import React, {useContext, useRef} from 'react';
22
22
  import {useFocusRing} from '@react-aria/focus';
23
23
  import {useGridCell, useGridRow, useGridSelectionCheckbox} from '@react-aria/grid';
24
- import {useHover} from '@react-aria/interactions';
24
+ import {useHover, usePress} from '@react-aria/interactions';
25
25
  import {useLocale} from '@react-aria/i18n';
26
26
 
27
27
  export function ListViewItem(props) {
28
28
  let {
29
- item
29
+ item,
30
+ onAction,
31
+ isEmphasized
30
32
  } = props;
31
33
  let cellNode = [...item.childNodes][0];
32
34
  let {state} = useContext(ListViewContext);
@@ -38,18 +40,21 @@ export function ListViewItem(props) {
38
40
  focusProps: focusWithinProps
39
41
  } = useFocusRing({within: true});
40
42
  let {isFocusVisible, focusProps} = useFocusRing();
41
- let isDisabled = state.disabledKeys.has(item.key);
43
+ let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;
44
+ let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
42
45
  let {hoverProps, isHovered} = useHover({isDisabled});
46
+ let {pressProps, isPressed} = usePress({isDisabled});
43
47
  let {rowProps} = useGridRow({
44
48
  node: item,
45
- isVirtualized: true
49
+ isVirtualized: true,
50
+ onAction: onAction ? () => onAction(item.key) : undefined
46
51
  }, state, rowRef);
47
52
  let {gridCellProps} = useGridCell({
48
53
  node: cellNode,
49
54
  focusMode: 'cell'
50
55
  }, state, cellRef);
51
56
  const mergedProps = mergeProps(
52
- rowProps,
57
+ gridCellProps,
53
58
  hoverProps,
54
59
  focusWithinProps,
55
60
  focusProps
@@ -71,10 +76,11 @@ export function ListViewItem(props) {
71
76
  );
72
77
  }
73
78
 
74
- let showCheckbox = state.selectionManager.selectionMode !== 'none';
79
+ let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';
80
+ let isSelected = state.selectionManager.isSelected(item.key);
75
81
  return (
76
82
  <div
77
- {...mergedProps}
83
+ {...mergeProps(rowProps, pressProps)}
78
84
  ref={rowRef}>
79
85
  <div
80
86
  className={
@@ -82,20 +88,24 @@ export function ListViewItem(props) {
82
88
  listStyles,
83
89
  'react-spectrum-ListViewItem',
84
90
  {
91
+ 'is-active': isPressed,
85
92
  'is-focused': isFocusVisibleWithin,
86
93
  'focus-ring': isFocusVisible,
87
- 'is-hovered': isHovered
94
+ 'is-hovered': isHovered,
95
+ 'is-selected': isSelected,
96
+ 'is-previous-selected': state.selectionManager.isSelected(item.prevKey),
97
+ 'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey))
88
98
  }
89
99
  )
90
100
  }
91
101
  ref={cellRef}
92
- {...gridCellProps}>
102
+ {...mergedProps}>
93
103
  <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>
94
104
  {showCheckbox && (
95
105
  <Checkbox
96
106
  UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}
97
107
  {...checkboxProps}
98
- isEmphasized />
108
+ isEmphasized={isEmphasized} />
99
109
  )}
100
110
  <SlotProvider
101
111
  slots={{
@@ -110,7 +120,8 @@ export function ListViewItem(props) {
110
120
  UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],
111
121
  isQuiet: true,
112
122
  density: 'compact'
113
- }
123
+ },
124
+ actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}
114
125
  }}>
115
126
  {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}
116
127
  <ClearSlots>