ListView hook refactor

packages/@react-aria/list/README.md

@@ -0,0 +1,3 @@
+# @react-aria/list
+
+This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details.

packages/@react-aria/list/docs/useList.placeholder.mdx

@@ -0,0 +1,69 @@
+{/* Copyright 2022 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License. */}
+
+import {Layout} from '@react-spectrum/docs';
+export default Layout;
+
+import docs from 'docs:@react-aria/list';
+import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
+import packageData from '@react-aria/list/package.json';
+
+*Include after_version if the docs shouldn't be published to the website until reaching a specific package version.*
+---
+category: Category Name
+keywords: []
+after_version: 3.0.0-alpha.0
+---
+
+# useList
+
+<PageDescription>{docs.exports.useList.description}</PageDescription>
+
+*Be sure to update the W3C url below if applicable to your hook, otherwise omit the sourceData prop.*
+<HeaderInfo
+  packageData={packageData}
+  componentNames={['useList']}
+  sourceData={[
+    {type: 'W3C', url: 'https://www.w3.org/TR/wai-aria-practices/#button'}
+  ]} />
+
+## API
+
+*Include an additional FunctionAPI if multiple hooks are being documented in a single file. See useTabList.mdx for an example.*
+## Features
+
+*Describe what the aria hook helps with/provides.*
+
+## Anatomy/Usage
+
+*For hooks that are meant to be used with specific elements/components, include an Anatomy section detailing the props the hook returns. See useColorField.mdx for an example.*
+*If applicable, the anatomy diagram should be added as a local svg file, sourced from the Spectrum XD file (ask Devon for the file if you are unsure). Follow these steps after you obtain the XD file:*
+*1. Open the XD file and find the anatomy diagram. Select it by double clicking its artboard.*
+*2. Export it as an SVG via File -> Export -> Selected...*
+*3a. Manually remove any extraneous Spectrum-only elements and labels from the SVG.*
+*3b. Replace the colors in the SVG with their spectrum color variable equivalents. See docs.css .provider for a mapping of these colors.*
+*3c. Add a `title` and `desc` to the SVG summarizing the contents of the diagram. See any of existing anatomy.svg for an example. *
+
+*For hooks that are meant for more general use, include a Usage section instead detailing the props/params the hook accepts and returns. See useKeyboard.mdx for an example.*
+
+
+## Example
+
+*Add an example of the hook (being used with native elements, etc)*
+*If you create an example component that will be reused else where in this doc, include export=true so that you can directly reuse the component and avoid copy pasting the same code.*
+*See useComboBox.mdx for an example.*
+
+## Usage
+
+*For hooks that are meant to be used with specific elements/components, include this usage section detailing examples of how to use the hook. *
+*This should roughly mirror the examples that the corresponding React Spectrum component docs have (e.g. Controlled/Uncontrolled, Disabled, change handlers, etc). *
+
+## Internationalization
+
+*Mention if RTL *

packages/@react-aria/list/index.ts

@@ -0,0 +1,13 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+export * from './src';

packages/@react-aria/list/intl/ar-AE.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} غير المحدد",
+  "longPressToSelect": "اضغط مطولًا للدخول إلى وضع التحديد.",
+  "select": "تحديد",
+  "selectedAll": "جميع العناصر المحددة.",
+  "selectedCount": "{count, plural, =0 {لم يتم تحديد عناصر} one {# عنصر محدد} other {# عنصر محدد}}.",
+  "selectedItem": "{item} المحدد"
+}

packages/@react-aria/list/intl/bg-BG.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} не е избран.",
+  "longPressToSelect": "Натиснете и задръжте за да влезете в избирателен режим.",
+  "select": "Изберете",
+  "selectedAll": "Всички елементи са избрани.",
+  "selectedCount": "{count, plural, =0 {Няма избрани елементи} one {# избран елемент} other {# избрани елементи}}.",
+  "selectedItem": "{item} избран."
+}

packages/@react-aria/list/intl/cs-CZ.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Položka {item} není vybrána.",
+  "longPressToSelect": "Dlouhým stisknutím přejdete do režimu výběru.",
+  "select": "Vybrat",
+  "selectedAll": "Vybrány všechny položky.",
+  "selectedCount": "{count, plural, =0 {Nevybrány žádné položky} one {Vybrána # položka} other {Vybráno # položek}}.",
+  "selectedItem": "Vybrána položka {item}."
+}

packages/@react-aria/list/intl/da-DK.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} ikke valgt.",
+  "longPressToSelect": "Lav et langt tryk for at aktivere valgtilstand.",
+  "select": "Vælg",
+  "selectedAll": "Alle elementer valgt.",
+  "selectedCount": "{count, plural, =0 {Ingen elementer valgt} one {# element valgt} other {# elementer valgt}}.",
+  "selectedItem": "{item} valgt."
+}

packages/@react-aria/list/intl/de-DE.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} nicht ausgewählt.",
+  "longPressToSelect": "Gedrückt halten, um Auswahlmodus zu öffnen.",
+  "select": "Auswählen",
+  "selectedAll": "Alle Elemente ausgewählt.",
+  "selectedCount": "{count, plural, =0 {Keine Elemente ausgewählt} one {# Element ausgewählt} other {# Elemente ausgewählt}}.",
+  "selectedItem": "{item} ausgewählt."
+}

packages/@react-aria/list/intl/el-GR.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Δεν επιλέχθηκε το στοιχείο {item}.",
+  "longPressToSelect": "Πατήστε παρατεταμένα για να μπείτε σε λειτουργία επιλογής.",
+  "select": "Επιλογή",
+  "selectedAll": "Επιλέχθηκαν όλα τα στοιχεία.",
+  "selectedCount": "{count, plural, =0 {Δεν επιλέχθηκαν στοιχεία} one {Επιλέχθηκε # στοιχείο} other {Επιλέχθηκαν # στοιχεία}}.",
+  "selectedItem": "Επιλέχθηκε το στοιχείο {item}."
+}

packages/@react-aria/list/intl/en-US.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} not selected.",
+  "select": "Select",
+  "selectedCount": "{count, plural, =0 {No items selected} one {# item selected} other {# items selected}}.",
+  "selectedAll": "All items selected.",
+  "selectedItem": "{item} selected.",
+  "longPressToSelect": "Long press to enter selection mode."
+}

packages/@react-aria/list/intl/es-ES.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} no seleccionado.",
+  "longPressToSelect": "Mantenga pulsado para abrir el modo de selección.",
+  "select": "Seleccionar",
+  "selectedAll": "Todos los elementos seleccionados.",
+  "selectedCount": "{count, plural, =0 {Ningún elemento seleccionado} one {# elemento seleccionado} other {# elementos seleccionados}}.",
+  "selectedItem": "{item} seleccionado."
+}

packages/@react-aria/list/intl/et-EE.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} pole valitud.",
+  "longPressToSelect": "Valikurežiimi sisenemiseks vajutage pikalt.",
+  "select": "Vali",
+  "selectedAll": "Kõik üksused valitud.",
+  "selectedCount": "{count, plural, =0 {Üksusi pole valitud} one {# üksus valitud} other {# üksust valitud}}.",
+  "selectedItem": "{item} valitud."
+}

packages/@react-aria/list/intl/fi-FI.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Kohdetta {item} ei valittu.",
+  "longPressToSelect": "Siirry valintatilaan painamalla pitkään.",
+  "select": "Valitse",
+  "selectedAll": "Kaikki kohteet valittu.",
+  "selectedCount": "{count, plural, =0 {Ei yhtään kohdetta valittu} one {# kohde valittu} other {# kohdetta valittu}}.",
+  "selectedItem": "{item} valittu."
+}

packages/@react-aria/list/intl/fr-FR.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} non sélectionné.",
+  "longPressToSelect": "Appuyez de manière prolongée pour passer en mode de sélection.",
+  "select": "Sélectionner",
+  "selectedAll": "Tous les éléments sélectionnés.",
+  "selectedCount": "{count, plural, =0 {Aucun élément sélectionné} one {# élément sélectionné} other {# éléments sélectionnés}}.",
+  "selectedItem": "{item} sélectionné."
+}

packages/@react-aria/list/intl/he-IL.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} לא נבחר.",
+  "longPressToSelect": "הקשה ארוכה לכניסה למצב בחירה.",
+  "select": "בחר",
+  "selectedAll": "כל הפריטים נבחרו.",
+  "selectedCount": "{count, plural, =0 {לא נבחרו פריטים} one {פריט # נבחר} other {# פריטים נבחרו}}.",
+  "selectedItem": "{item} נבחר."
+}

packages/@react-aria/list/intl/hr-HR.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Stavka {item} nije odabrana.",
+  "longPressToSelect": "Dugo pritisnite za ulazak u način odabira.",
+  "select": "Odaberite",
+  "selectedAll": "Odabrane su sve stavke.",
+  "selectedCount": "{count, plural, =0 {Nije odabrana nijedna stavka} one {Odabrana je # stavka} other {Odabrano je # stavki}}.",
+  "selectedItem": "Stavka {item} je odabrana."
+}

packages/@react-aria/list/intl/hu-HU.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} nincs kijelölve.",
+  "longPressToSelect": "Nyomja hosszan a kijelöléshez.",
+  "select": "Kijelölés",
+  "selectedAll": "Az összes elem kijelölve.",
+  "selectedCount": "{count, plural, =0 {Egy elem sincs kijelölve} one {# elem kijelölve} other {# elem kijelölve}}.",
+  "selectedItem": "{item} kijelölve."
+}

packages/@react-aria/list/intl/it-IT.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} non selezionato.",
+  "longPressToSelect": "Premi a lungo per passare alla modalità di selezione.",
+  "select": "Seleziona",
+  "selectedAll": "Tutti gli elementi selezionati.",
+  "selectedCount": "{count, plural, =0 {Nessun elemento selezionato} one {# elemento selezionato} other {# elementi selezionati}}.",
+  "selectedItem": "{item} selezionato."
+}

packages/@react-aria/list/intl/ja-JP.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} が選択されていません。",
+  "longPressToSelect": "長押しして選択モードを開きます。",
+  "select": "選択",
+  "selectedAll": "すべての項目を選択しました。",
+  "selectedCount": "{count, plural, =0 {項目が選択されていません} one {# 項目を選択しました} other {# 項目を選択しました}}。",
+  "selectedItem": "{item} を選択しました。"
+}

packages/@react-aria/list/intl/ko-KR.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item}이(가) 선택되지 않았습니다.",
+  "longPressToSelect": "선택 모드로 들어가려면 길게 누르십시오.",
+  "select": "선택",
+  "selectedAll": "모든 항목이 선택되었습니다.",
+  "selectedCount": "{count, plural, =0 {선택된 항목이 없습니다} one {#개 항목이 선택되었습니다} other {#개 항목이 선택되었습니다}}.",
+  "selectedItem": "{item}이(가) 선택되었습니다."
+}

packages/@react-aria/list/intl/lt-LT.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} nepasirinkta.",
+  "longPressToSelect": "Norėdami įjungti pasirinkimo režimą, paspauskite ir palaikykite.",
+  "select": "Pasirinkti",
+  "selectedAll": "Pasirinkti visi elementai.",
+  "selectedCount": "{count, plural, =0 {Nepasirinktas nė vienas elementas} one {Pasirinktas # elementas} other {Pasirinkta elementų: #}}.",
+  "selectedItem": "Pasirinkta: {item}."
+}

packages/@react-aria/list/intl/lv-LV.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Vienums {item} nav atlasīts.",
+  "longPressToSelect": "Ilgi turiet nospiestu. lai ieslēgtu atlases režīmu.",
+  "select": "Atlasīt",
+  "selectedAll": "Atlasīti visi vienumi.",
+  "selectedCount": "{count, plural, =0 {Nav atlasīts neviens vienums} one {Atlasīto vienumu skaits: #} other {Atlasīto vienumu skaits: #}}.",
+  "selectedItem": "Atlasīts vienums {item}."
+}

packages/@react-aria/list/intl/nb-NO.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} er ikke valgt.",
+  "longPressToSelect": "Bruk et langt trykk for å gå inn i valgmodus.",
+  "select": "Velg",
+  "selectedAll": "Alle elementer er valgt.",
+  "selectedCount": "{count, plural, =0 {Ingen elementer er valgt} one {# element er valgt} other {# elementer er valgt}}.",
+  "selectedItem": "{item} er valgt."
+}

packages/@react-aria/list/intl/nl-NL.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} niet geselecteerd.",
+  "longPressToSelect": "Druk lang om de selectiemodus te openen.",
+  "select": "Selecteren",
+  "selectedAll": "Alle items geselecteerd.",
+  "selectedCount": "{count, plural, =0 {Geen items geselecteerd} one {# item geselecteerd} other {# items geselecteerd}}.",
+  "selectedItem": "{item} geselecteerd."
+}

packages/@react-aria/list/intl/pl-PL.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Nie zaznaczono {item}.",
+  "longPressToSelect": "Naciśnij i przytrzymaj, aby wejść do trybu wyboru.",
+  "select": "Zaznacz",
+  "selectedAll": "Wszystkie zaznaczone elementy.",
+  "selectedCount": "{count, plural, =0 {Nie zaznaczono żadnych elementów} one {# zaznaczony element} other {# zaznaczonych elementów}}.",
+  "selectedItem": "Zaznaczono {item}."
+}

packages/@react-aria/list/intl/pt-BR.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} não selecionado.",
+  "longPressToSelect": "Mantenha pressionado para entrar no modo de seleção.",
+  "select": "Selecionar",
+  "selectedAll": "Todos os itens selecionados.",
+  "selectedCount": "{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}.",
+  "selectedItem": "{item} selecionado."
+}

packages/@react-aria/list/intl/pt-PT.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} não selecionado.",
+  "longPressToSelect": "Prima continuamente para entrar no modo de seleção.",
+  "select": "Selecionar",
+  "selectedAll": "Todos os itens selecionados.",
+  "selectedCount": "{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}.",
+  "selectedItem": "{item} selecionado."
+}

packages/@react-aria/list/intl/ro-RO.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} neselectat.",
+  "longPressToSelect": "Apăsați lung pentru a intra în modul de selectare.",
+  "select": "Selectare",
+  "selectedAll": "Toate elementele selectate.",
+  "selectedCount": "{count, plural, =0 {Niciun element selectat} one {# element selectat} other {# elemente selectate}}.",
+  "selectedItem": "{item} selectat."
+}

packages/@react-aria/list/intl/ru-RU.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} не выбрано.",
+  "longPressToSelect": "Нажмите и удерживайте для входа в режим выбора.",
+  "select": "Выбрать",
+  "selectedAll": "Выбраны все элементы.",
+  "selectedCount": "{count, plural, =0 {Нет выбранных элементов} one {# элемент выбран} other {# элементов выбрано}}.",
+  "selectedItem": "{item} выбрано."
+}

packages/@react-aria/list/intl/sk-SK.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Nevybraté položky: {item}.",
+  "longPressToSelect": "Dlhším stlačením prejdite do režimu výberu.",
+  "select": "Vybrať",
+  "selectedAll": "Všetky vybraté položky.",
+  "selectedCount": "{count, plural, =0 {Žiadne vybraté položky} one {# vybratá položka} other {Počet vybratých položiek:#}}.",
+  "selectedItem": "Vybraté položky: {item}."
+}

packages/@react-aria/list/intl/sl-SI.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "Element {item} ni izbran.",
+  "longPressToSelect": "Za izbirni način pritisnite in dlje časa držite.",
+  "select": "Izberite",
+  "selectedAll": "Vsi elementi so izbrani.",
+  "selectedCount": "{count, plural, =0 {Noben element ni izbran} one {# element je izbran} other {# elementov je izbranih}}.",
+  "selectedItem": "Element {item} je izbran."
+}

packages/@react-aria/list/intl/sr-SP.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} nije izabrano.",
+  "longPressToSelect": "Dugo pritisnite za ulazak u režim biranja.",
+  "select": "Izaberite",
+  "selectedAll": "Izabrane su sve stavke.",
+  "selectedCount": "{count, plural, =0 {Nije izabrana nijedna stavka} one {Izabrana je # stavka} other {Izabrano je # stavki}}.",
+  "selectedItem": "{item} je izabrano."
+}

packages/@react-aria/list/intl/sv-SE.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} ej markerat.",
+  "longPressToSelect": "Tryck länge när du vill öppna väljarläge.",
+  "select": "Markera",
+  "selectedAll": "Alla markerade objekt.",
+  "selectedCount": "{count, plural, =0 {Inga markerade objekt} one {# markerat objekt} other {# markerade objekt}}.",
+  "selectedItem": "{item} markerat."
+}

packages/@react-aria/list/intl/tr-TR.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} seçilmedi.",
+  "longPressToSelect": "Seçim moduna girmek için uzun basın.",
+  "select": "Seç",
+  "selectedAll": "Tüm ögeler seçildi.",
+  "selectedCount": "{count, plural, =0 {Hiçbir öge seçilmedi} one {# öge seçildi} other {# öge seçildi}}.",
+  "selectedItem": "{item} seçildi."
+}

packages/@react-aria/list/intl/uk-UA.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "{item} не вибрано.",
+  "longPressToSelect": "Виконайте довге натиснення, щоб перейти в режим вибору.",
+  "select": "Вибрати",
+  "selectedAll": "Усі елементи вибрано.",
+  "selectedCount": "{count, plural, =0 {Жодних елементів не вибрано} one {# елемент вибрано} other {Вибрано елементів: #}}.",
+  "selectedItem": "{item} вибрано."
+}

packages/@react-aria/list/intl/zh-CN.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "未选择 {item}。",
+  "longPressToSelect": "长按以进入选择模式。",
+  "select": "选择",
+  "selectedAll": "已选择所有项目。",
+  "selectedCount": "{count, plural, =0 {未选择项目} one {已选择 # 个项目} other {已选择 # 个项目}}。",
+  "selectedItem": "已选择 {item}。"
+}

packages/@react-aria/list/intl/zh-TW.json

@@ -0,0 +1,8 @@
+{
+  "deselectedItem": "未選取「{item}」。",
+  "longPressToSelect": "長按以進入選擇模式。",
+  "select": "選取",
+  "selectedAll": "已選取所有項目。",
+  "selectedCount": "{count, plural, =0 {未選取任何項目} one {已選取 # 個項目} other {已選取 # 個項目}}。",
+  "selectedItem": "已選取「{item}」。"
+}