@react-spectrum/list 3.0.0-alpha.0 → 3.0.0-alpha.4

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.
package/dist/main.js.map CHANGED
@@ -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",".react-spectrum-ListView {\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-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-global-dimension-size-125) var(--spectrum-table-cell-padding-x, var(--spectrum-global-dimension-size-200));\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 &.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 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-ListView-centeredWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\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 {classNames} from '@react-spectrum/utils';\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} from '@react-aria/grid';\nimport {useHover} from '@react-aria/interactions';\n\n\nexport function ListViewItem(props) {\n let {\n item\n } = props;\n let {state} = useContext(ListViewContext);\n let ref = useRef<HTMLDivElement>();\n let {\n isFocusVisible: isFocusVisibleWithin,\n focusProps: focusWithinProps\n } = useFocusRing({within: true});\n let {isFocusVisible, focusProps} = useFocusRing();\n let {hoverProps, isHovered} = useHover({});\n let {rowProps} = useGridRow({\n node: item,\n isVirtualized: true,\n ref\n }, state);\n let {gridCellProps} = useGridCell({\n node: item,\n ref,\n focusMode: 'cell'\n }, state);\n const mergedProps = mergeProps(\n gridCellProps,\n hoverProps,\n focusWithinProps,\n focusProps\n );\n\n return (\n <div {...rowProps}>\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={ref}\n {...mergedProps}>\n {item.rendered}\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 {AriaLabelingProps, CollectionBase, DOMProps, DOMRef, StyleProps} 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' ? 48 : 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 {\n isLoading?: boolean,\n renderEmptyState?: () => JSX.Element,\n transitionDuration?: number\n}\n\nfunction ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {\n let {\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 type: 'item',\n childNodes: [{\n ...item,\n index: 0,\n type: 'cell'\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 ref: domRef\n }, state);\n\n // Sync loading state into the layout.\n layout.isLoading = props.isLoading;\n\n return (\n <ListViewContext.Provider value={{state, keyboardDelegate}}>\n <Virtualizer\n {...gridProps}\n {...styleProps}\n ref={domRef}\n focusedKey={state.selectionManager.focusedKey}\n sizeToFit=\"height\"\n scrollDirection=\"vertical\"\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListView',\n styleProps.className\n )\n }\n layout={layout}\n collection={collection}\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","state","useContext","ref","useRef","isFocusVisible","isFocusVisibleWithin","focusProps","focusWithinProps","useFocusRing","within","hoverProps","isHovered","useHover","rowProps","useGridRow","node","isVirtualized","gridCellProps","useGridCell","focusMode","mergedProps","mergeProps","classNames","rendered","ListViewContext","React","createContext","useListLayout","scale","useProvider","collator","useCollator","usage","sensitivity","layout","useMemo","ListLayout","estimatedRowHeight","padding","collection","disabledKeys","ListView","transitionDuration","domRef","useDOMRef","useListState","formatMessage","useMessageFormatter","intlMessages","styleProps","useStyleProps","direction","useLocale","gridCollection","GridCollection","columnCount","items","map","type","childNodes","index","useGridState","keyboardDelegate","GridKeyboardDelegate","gridProps","useGrid","isLoading","selectionManager","focusedKey","className","size","emptyState","renderEmptyState","CenteredWrapper","children","_ListView","forwardRef"],"version":3,"file":"main.js.map"}
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) : null\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","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":"main.js.map"}
package/dist/module.js CHANGED
@@ -2,17 +2,22 @@ import { Item } from "@react-stately/collections";
2
2
  export { Item };
3
3
  import { Virtualizer } from "@react-aria/virtualizer";
4
4
  import { useProvider } from "@react-spectrum/provider";
5
- import { useCollator, useLocale, useMessageFormatter } from "@react-aria/i18n";
6
5
  import { ProgressCircle } from "@react-spectrum/progress";
7
- import { useHover } from "@react-aria/interactions";
6
+ import { useLocale, useCollator, useMessageFormatter } from "@react-aria/i18n";
7
+ import { useHover, usePress } from "@react-aria/interactions";
8
8
  import { useFocusRing } from "@react-aria/focus";
9
9
  import _react, { useContext, useRef, useMemo } from "react";
10
10
  import { mergeProps } from "@react-aria/utils";
11
+ import { Grid } from "@react-spectrum/layout";
12
+ import { Content } from "@react-spectrum/view";
13
+ import _spectrumIconsUiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
14
+ import _spectrumIconsUiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
15
+ import { Checkbox } from "@react-spectrum/checkbox";
11
16
  import { useListState } from "@react-stately/list";
12
17
  import { ListLayout } from "@react-stately/layout";
13
- import { GridKeyboardDelegate, useGrid, useGridCell, useGridRow } from "@react-aria/grid";
18
+ import { GridKeyboardDelegate, useGrid, useGridCell, useGridRow, useGridSelectionCheckbox } from "@react-aria/grid";
14
19
  import { GridCollection, useGridState } from "@react-stately/grid";
15
- import { classNames, useDOMRef, useStyleProps } from "@react-spectrum/utils";
20
+ import { classNames, useDOMRef, useStyleProps, ClearSlots, SlotProvider } from "@react-spectrum/utils";
16
21
  import _babelRuntimeHelpersEsmInteropRequireDefault from "@babel/runtime/helpers/esm/interopRequireDefault";
17
22
  import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
18
23
  import "./main.css";
@@ -24,16 +29,33 @@ function $parcel$interopDefault(a) {
24
29
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/src/listview.css
25
30
  var $ebb597d7e6956599eca07e96d462420$exports = {};
26
31
  $ebb597d7e6956599eca07e96d462420$exports = {
27
- "react-spectrum-ListView": "_react-spectrum-ListView_49612",
28
- "react-spectrum-ListViewItem": "_react-spectrum-ListViewItem_49612",
29
- "is-hovered": "_is-hovered_49612",
30
- "is-focused": "_is-focused_49612",
31
- "focus-ring": "_focus-ring_49612",
32
- "react-spectrum-ListView-centeredWrapper": "_react-spectrum-ListView-centeredWrapper_49612"
32
+ "react-spectrum-ListView": "_react-spectrum-ListView_42387",
33
+ "react-spectrum-ListView--quiet": "_react-spectrum-ListView--quiet_42387",
34
+ "react-spectrum-ListViewItem": "_react-spectrum-ListViewItem_42387",
35
+ "react-spectrum-ListView--emphasized": "_react-spectrum-ListView--emphasized_42387",
36
+ "is-selected": "_is-selected_42387",
37
+ "is-hovered": "_is-hovered_42387",
38
+ "is-active": "_is-active_42387",
39
+ "is-previous-selected": "_is-previous-selected_42387",
40
+ "is-focused": "_is-focused_42387",
41
+ "focus-ring": "_focus-ring_42387",
42
+ "has-checkbox": "_has-checkbox_42387",
43
+ "react-spectrum-ListView--compact": "_react-spectrum-ListView--compact_42387",
44
+ "react-spectrum-ListView--spacious": "_react-spectrum-ListView--spacious_42387",
45
+ "react-spectrum-ListViewItem-grid": "_react-spectrum-ListViewItem-grid_42387",
46
+ "react-spectrum-ListViewItem-checkbox": "_react-spectrum-ListViewItem-checkbox_42387",
47
+ "react-spectrum-ListViewItem-icon": "_react-spectrum-ListViewItem-icon_42387",
48
+ "react-spectrum-ListViewItem-image": "_react-spectrum-ListViewItem-image_42387",
49
+ "react-spectrum-ListViewItem-content": "_react-spectrum-ListViewItem-content_42387",
50
+ "react-spectrum-ListViewItem-description": "_react-spectrum-ListViewItem-description_42387",
51
+ "react-spectrum-ListViewItem-actions": "_react-spectrum-ListViewItem-actions_42387",
52
+ "react-spectrum-ListViewItem-actionmenu": "_react-spectrum-ListViewItem-actionmenu_42387",
53
+ "react-spectrum-ListView-centeredWrapper": "_react-spectrum-ListView-centeredWrapper_42387",
54
+ "react-spectrum-ListViewItem-parentIndicator": "_react-spectrum-ListViewItem-parentIndicator_42387"
33
55
  };
34
56
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/ar-AE.json
35
57
  var $b85ce4af889dd6c3d521a587c1900ce$exports = {};
36
- $b85ce4af889dd6c3d521a587c1900ce$exports = JSON.parse("{\"loading\":\"جار التحميل...\",\"loadingMore\":\"جار تحميل المزيد...\"}");
58
+ $b85ce4af889dd6c3d521a587c1900ce$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
37
59
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/bg-BG.json
38
60
  var $f9bd76206a32f1e5f95049501e98f982$exports = {};
39
61
  $f9bd76206a32f1e5f95049501e98f982$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
@@ -42,7 +64,7 @@ var $b3c202afa442ab7441e85fe6c9c17b$exports = {};
42
64
  $b3c202afa442ab7441e85fe6c9c17b$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
43
65
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/da-DK.json
44
66
  var $cb726518541bec80dee545ccee5d8$exports = {};
45
- $cb726518541bec80dee545ccee5d8$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
67
+ $cb726518541bec80dee545ccee5d8$exports = JSON.parse("{\"loading\":\"Indlæser...\",\"loadingMore\":\"Indlæser flere...\"}");
46
68
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/de-DE.json
47
69
  var $f3c59bef8b03aa544e246afc598cf$exports = {};
48
70
  $f3c59bef8b03aa544e246afc598cf$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
@@ -81,7 +103,7 @@ var $c8babc235c2f5405863947540a42d114$exports = {};
81
103
  $c8babc235c2f5405863947540a42d114$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
82
104
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/ko-KR.json
83
105
  var $c20e3c7d8998036371e02f16e8903916$exports = {};
84
- $c20e3c7d8998036371e02f16e8903916$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
106
+ $c20e3c7d8998036371e02f16e8903916$exports = JSON.parse("{\"loading\":\"로드 중…\",\"loadingMore\":\"추가 로드 중…\"}");
85
107
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/lt-LT.json
86
108
  var $ae483c709c0388e9340b3940c084f6e$exports = {};
87
109
  $ae483c709c0388e9340b3940c084f6e$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
@@ -114,7 +136,7 @@ var $d2f2737dc6babb85bc380b1a2bf09$exports = {};
114
136
  $d2f2737dc6babb85bc380b1a2bf09$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
115
137
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/sl-SI.json
116
138
  var $eeb3a7903c61400c140262784bb766$exports = {};
117
- $eeb3a7903c61400c140262784bb766$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
139
+ $eeb3a7903c61400c140262784bb766$exports = JSON.parse("{\"loading\":\"Nalaganje ...\",\"loadingMore\":\"Nalaganje več vsebine ...\"}");
118
140
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/sr-SP.json
119
141
  var $d2ad74d8daf20becf3ecd2bf05c65b4$exports = {};
120
142
  $d2ad74d8daf20becf3ecd2bf05c65b4$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
@@ -132,17 +154,24 @@ var $bb43f9b51eb6e106311801ab5f8f582$exports = {};
132
154
  $bb43f9b51eb6e106311801ab5f8f582$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
133
155
  // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/list/intl/zh-TW.json
134
156
  var $c3d5030460fd41d7a5870ddf63de81d5$exports = {};
135
- $c3d5030460fd41d7a5870ddf63de81d5$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
157
+ $c3d5030460fd41d7a5870ddf63de81d5$exports = JSON.parse("{\"loading\":\"載入中…\",\"loadingMore\":\"正在載入更多…\"}");
136
158
  var $ebb597d7e6956599eca07e96d462420$$interop$default = $parcel$interopDefault($ebb597d7e6956599eca07e96d462420$exports);
137
159
 
138
160
  function $ac0abb3242b77613ec5573307b88e112$export$ListViewItem(props) {
139
161
  let {
140
- item
162
+ item,
163
+ onAction,
164
+ isEmphasized
141
165
  } = props;
166
+ let cellNode = [...item.childNodes][0];
142
167
  let {
143
168
  state
144
169
  } = useContext($cef2d30b40f481de186f4529c10639c$export$ListViewContext);
145
- let ref = useRef();
170
+ let {
171
+ direction
172
+ } = useLocale();
173
+ let rowRef = useRef();
174
+ let cellRef = useRef();
146
175
  let {
147
176
  isFocusVisible: isFocusVisibleWithin,
148
177
  focusProps: focusWithinProps
@@ -153,33 +182,109 @@ function $ac0abb3242b77613ec5573307b88e112$export$ListViewItem(props) {
153
182
  isFocusVisible,
154
183
  focusProps
155
184
  } = useFocusRing();
185
+ let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;
186
+ let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
156
187
  let {
157
188
  hoverProps,
158
189
  isHovered
159
- } = useHover({});
190
+ } = useHover({
191
+ isDisabled
192
+ });
193
+ let {
194
+ pressProps,
195
+ isPressed
196
+ } = usePress({
197
+ isDisabled
198
+ });
160
199
  let {
161
200
  rowProps
162
201
  } = useGridRow({
163
202
  node: item,
164
203
  isVirtualized: true,
165
- ref
166
- }, state);
204
+ onAction: onAction ? () => onAction(item.key) : null
205
+ }, state, rowRef);
167
206
  let {
168
207
  gridCellProps
169
208
  } = useGridCell({
170
- node: item,
171
- ref,
209
+ node: cellNode,
172
210
  focusMode: 'cell'
173
- }, state);
211
+ }, state, cellRef);
174
212
  const mergedProps = mergeProps(gridCellProps, hoverProps, focusWithinProps, focusProps);
175
- return /*#__PURE__*/_react.createElement("div", rowProps, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
213
+ let {
214
+ checkboxProps
215
+ } = useGridSelectionCheckbox(_babelRuntimeHelpersEsmExtends({}, props, {
216
+ key: item.key
217
+ }), state);
218
+ let chevron = null;
219
+
220
+ if (item.props.hasChildItems) {
221
+ chevron = direction === 'ltr' ? /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronRightMedium, {
222
+ "aria-hidden": "true",
223
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-parentIndicator']
224
+ }) : /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronLeftMedium, {
225
+ "aria-hidden": "true",
226
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-parentIndicator']
227
+ });
228
+ }
229
+
230
+ let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';
231
+ let isSelected = state.selectionManager.isSelected(item.key);
232
+ return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, mergeProps(rowProps, pressProps), {
233
+ ref: rowRef
234
+ }), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
176
235
  className: classNames($ebb597d7e6956599eca07e96d462420$$interop$default, 'react-spectrum-ListViewItem', {
236
+ 'is-active': isPressed,
177
237
  'is-focused': isFocusVisibleWithin,
178
238
  'focus-ring': isFocusVisible,
179
- 'is-hovered': isHovered
239
+ 'is-hovered': isHovered,
240
+ 'is-selected': isSelected,
241
+ 'is-previous-selected': state.selectionManager.isSelected(item.prevKey),
242
+ 'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey))
180
243
  }),
181
- ref: ref
182
- }, mergedProps), item.rendered));
244
+ ref: cellRef
245
+ }, mergedProps), /*#__PURE__*/_react.createElement(Grid, {
246
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-grid']
247
+ }, showCheckbox && /*#__PURE__*/_react.createElement(Checkbox, _babelRuntimeHelpersEsmExtends({
248
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-checkbox']
249
+ }, checkboxProps, {
250
+ isEmphasized: isEmphasized
251
+ })), /*#__PURE__*/_react.createElement(SlotProvider, {
252
+ slots: {
253
+ content: {
254
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-content']
255
+ },
256
+ text: {
257
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-content']
258
+ },
259
+ description: {
260
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-description']
261
+ },
262
+ icon: {
263
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-icon'],
264
+ size: 'M'
265
+ },
266
+ image: {
267
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-image']
268
+ },
269
+ link: {
270
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-content'],
271
+ isQuiet: true
272
+ },
273
+ actionButton: {
274
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-actions'],
275
+ isQuiet: true
276
+ },
277
+ actionGroup: {
278
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-actions'],
279
+ isQuiet: true,
280
+ density: 'compact'
281
+ },
282
+ actionMenu: {
283
+ UNSAFE_className: $ebb597d7e6956599eca07e96d462420$$interop$default['react-spectrum-ListViewItem-actionmenu'],
284
+ isQuiet: true
285
+ }
286
+ }
287
+ }, typeof item.rendered === 'string' ? /*#__PURE__*/_react.createElement(Content, null, item.rendered) : item.rendered, /*#__PURE__*/_react.createElement(ClearSlots, null, chevron)))));
183
288
  }
184
289
 
185
290
  // @ts-ignore
@@ -222,7 +327,22 @@ const $cef2d30b40f481de186f4529c10639c$var$intlMessages = {
222
327
 
223
328
  const $cef2d30b40f481de186f4529c10639c$export$ListViewContext = /*#__PURE__*/_react.createContext(null);
224
329
 
225
- function $cef2d30b40f481de186f4529c10639c$export$useListLayout(state) {
330
+ const $cef2d30b40f481de186f4529c10639c$var$ROW_HEIGHTS = {
331
+ compact: {
332
+ medium: 32,
333
+ large: 40
334
+ },
335
+ regular: {
336
+ medium: 40,
337
+ large: 50
338
+ },
339
+ spacious: {
340
+ medium: 48,
341
+ large: 60
342
+ }
343
+ };
344
+
345
+ function $cef2d30b40f481de186f4529c10639c$export$useListLayout(state, density) {
226
346
  let {
227
347
  scale
228
348
  } = useProvider();
@@ -231,10 +351,10 @@ function $cef2d30b40f481de186f4529c10639c$export$useListLayout(state) {
231
351
  sensitivity: 'base'
232
352
  });
233
353
  let layout = useMemo(() => new ListLayout({
234
- estimatedRowHeight: scale === 'large' ? 48 : 32,
354
+ estimatedRowHeight: $cef2d30b40f481de186f4529c10639c$var$ROW_HEIGHTS[density][scale],
235
355
  padding: 0,
236
356
  collator
237
- }), [collator, scale]);
357
+ }), [collator, scale, density]);
238
358
  layout.collection = state.collection;
239
359
  layout.disabledKeys = state.disabledKeys;
240
360
  return layout;
@@ -242,7 +362,11 @@ function $cef2d30b40f481de186f4529c10639c$export$useListLayout(state) {
242
362
 
243
363
  function $cef2d30b40f481de186f4529c10639c$var$ListView(props, ref) {
244
364
  let {
245
- transitionDuration = 0
365
+ density = 'regular',
366
+ loadingState,
367
+ isQuiet,
368
+ transitionDuration = 0,
369
+ onAction
246
370
  } = props;
247
371
  let domRef = useDOMRef(ref);
248
372
  let {
@@ -261,35 +385,52 @@ function $cef2d30b40f481de186f4529c10639c$var$ListView(props, ref) {
261
385
  });
262
386
  let gridCollection = useMemo(() => new GridCollection({
263
387
  columnCount: 1,
264
- items: [...collection].map(item => ({
265
- type: 'item',
266
- childNodes: [_babelRuntimeHelpersEsmExtends({}, item, {
388
+ items: [...collection].map(item => _babelRuntimeHelpersEsmExtends({}, item, {
389
+ hasChildNodes: true,
390
+ childNodes: [{
391
+ key: "cell-" + item.key,
392
+ type: 'cell',
267
393
  index: 0,
268
- type: 'cell'
269
- })]
394
+ value: null,
395
+ level: 0,
396
+ rendered: null,
397
+ textValue: item.textValue,
398
+ hasChildNodes: false,
399
+ childNodes: []
400
+ }]
270
401
  }))
271
402
  }), [collection]);
272
403
  let state = useGridState(_babelRuntimeHelpersEsmExtends({}, props, {
273
- collection: gridCollection
404
+ collection: gridCollection,
405
+ focusMode: 'cell',
406
+ selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'
274
407
  }));
275
- let layout = $cef2d30b40f481de186f4529c10639c$export$useListLayout(state);
408
+ let layout = $cef2d30b40f481de186f4529c10639c$export$useListLayout(state, props.density || 'regular');
276
409
  let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({
277
410
  collection: state.collection,
278
411
  disabledKeys: state.disabledKeys,
279
412
  ref: domRef,
280
413
  direction,
281
414
  collator,
415
+ // Focus the ListView cell instead of the row so that focus doesn't change with left/right arrow keys when there aren't any
416
+ // focusable children in the cell.
282
417
  focusMode: 'cell'
283
418
  }), [state, domRef, direction, collator]);
284
419
  let {
285
420
  gridProps
286
421
  } = useGrid(_babelRuntimeHelpersEsmExtends({}, props, {
287
422
  isVirtualized: true,
288
- keyboardDelegate,
289
- ref: domRef
290
- }), state); // Sync loading state into the layout.
423
+ keyboardDelegate
424
+ }), state, domRef); // Sync loading state into the layout.
425
+
426
+ layout.isLoading = loadingState === 'loading';
427
+ let focusedKey = state.selectionManager.focusedKey;
428
+ let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);
429
+
430
+ if ((focusedItem == null ? void 0 : focusedItem.parentKey) != null) {
431
+ focusedKey = focusedItem.parentKey;
432
+ }
291
433
 
292
- layout.isLoading = props.isLoading;
293
434
  return /*#__PURE__*/_react.createElement($cef2d30b40f481de186f4529c10639c$export$ListViewContext.Provider, {
294
435
  value: {
295
436
  state,
@@ -297,17 +438,20 @@ function $cef2d30b40f481de186f4529c10639c$var$ListView(props, ref) {
297
438
  }
298
439
  }, /*#__PURE__*/_react.createElement(Virtualizer, _babelRuntimeHelpersEsmExtends({}, gridProps, styleProps, {
299
440
  ref: domRef,
300
- focusedKey: state.selectionManager.focusedKey,
301
- sizeToFit: "height",
441
+ focusedKey: focusedKey,
302
442
  scrollDirection: "vertical",
303
- className: classNames($ebb597d7e6956599eca07e96d462420$$interop$default, 'react-spectrum-ListView', styleProps.className),
443
+ className: classNames($ebb597d7e6956599eca07e96d462420$$interop$default, 'react-spectrum-ListView', "react-spectrum-ListView--" + density, 'react-spectrum-ListView--emphasized', {
444
+ 'react-spectrum-ListView--quiet': isQuiet
445
+ }, styleProps.className),
304
446
  layout: layout,
305
- collection: collection,
447
+ collection: gridCollection,
306
448
  transitionDuration: transitionDuration
307
449
  }), (type, item) => {
308
450
  if (type === 'item') {
309
451
  return /*#__PURE__*/_react.createElement($ac0abb3242b77613ec5573307b88e112$export$ListViewItem, {
310
- item: item
452
+ item: item,
453
+ onAction: onAction,
454
+ isEmphasized: true
311
455
  });
312
456
  } else if (type === 'loader') {
313
457
  return /*#__PURE__*/_react.createElement($cef2d30b40f481de186f4529c10639c$var$CenteredWrapper, null, /*#__PURE__*/_react.createElement(ProgressCircle, {