@react-aria/tag 3.0.0-nightly.3175 → 3.0.0-rc.0

package/dist/main.js

@@ -1,228 +1,330 @@
-var $bSzeT$reactariagrid = require("@react-aria/grid");
 var $bSzeT$reactariautils = require("@react-aria/utils");
+var $bSzeT$reactariagridlist = require("@react-aria/gridlist");
+var $bSzeT$reactariainteractions = require("@react-aria/interactions");
 var $bSzeT$reactariai18n = require("@react-aria/i18n");
 var $bSzeT$react = require("react");
-var $bSzeT$reactariainteractions = require("@react-aria/interactions");
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
+var $bSzeT$reactarialabel = require("@react-aria/label");
 
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-var $d3d7c73f2e3f4edb$exports = {};
-
-$parcel$export($d3d7c73f2e3f4edb$exports, "TagKeyboardDelegate", () => $d3d7c73f2e3f4edb$export$b00754732e683b92);
 
-class $d3d7c73f2e3f4edb$export$b00754732e683b92 extends $bSzeT$reactariagrid.GridKeyboardDelegate {
+$parcel$export(module.exports, "TagKeyboardDelegate", () => $d3d7c73f2e3f4edb$export$b00754732e683b92);
+$parcel$export(module.exports, "useTag", () => $a442534c81d8ad16$export$3f568fff7dff2f03);
+$parcel$export(module.exports, "useTagGroup", () => $09704b0efefe5140$export$4f8b5cda58b7e8ff);
+/*
+ * Copyright 2020 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.
+ */ /*
+ * Copyright 2020 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.
+ */ class $d3d7c73f2e3f4edb$export$b00754732e683b92 {
+    getFirstKey() {
+        return this.collection.getFirstKey();
+    }
+    getLastKey() {
+        return this.collection.getLastKey();
+    }
     getKeyRightOf(key) {
-        return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);
+        return this.direction === "rtl" ? this.getKeyAbove(key) : this.getKeyBelow(key);
     }
     getKeyLeftOf(key) {
-        return this.direction === 'rtl' ? this.getKeyBelow(key) : this.getKeyAbove(key);
+        return this.direction === "rtl" ? this.getKeyBelow(key) : this.getKeyAbove(key);
     }
     getKeyBelow(key) {
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
-        // If focus was on a cell, start searching from the parent row
-        if (this.isCell(startItem)) key = startItem.parentKey;
         // Find the next item
-        key = this.findNextKey(key);
-        if (key != null) {
-            // If focus was on a cell, focus the cell with the same index in the next row.
-            if (this.isCell(startItem)) {
-                let item = this.collection.getItem(key);
-                let newKey = [
-                    ...item.childNodes
-                ][startItem.index].key;
-                // Ignore disabled tags
-                if (this.disabledKeys.has(newKey)) return this.getKeyBelow(newKey);
-                return newKey;
-            }
-            // Otherwise, focus the next row
-            if (this.focusMode === 'row') return key;
-        }
+        key = this.collection.getKeyAfter(key);
+        if (key != null) return key;
+        else return this.collection.getFirstKey();
     }
     getKeyAbove(key) {
         let startItem = this.collection.getItem(key);
         if (!startItem) return;
-        // If focus is on a cell, start searching from the parent row
-        if (this.isCell(startItem)) key = startItem.parentKey;
         // Find the previous item
-        key = this.findPreviousKey(key);
-        if (key != null) {
-            // If focus was on a cell, focus the cell with the same index in the previous row.
-            if (this.isCell(startItem)) {
-                let item = this.collection.getItem(key);
-                let newKey = [
-                    ...item.childNodes
-                ][startItem.index].key;
-                // ignore disabled tags
-                if (this.disabledKeys.has(newKey)) return this.getKeyAbove(newKey);
-                return newKey;
-            }
-            // Otherwise, focus the previous row
-            if (this.focusMode === 'row') return key;
-        }
+        key = this.collection.getKeyBefore(key);
+        if (key != null) return key;
+        else return this.collection.getLastKey();
+    }
+    getKeyPageAbove(key) {
+        return this.getKeyAbove(key);
+    }
+    getKeyPageBelow(key) {
+        return this.getKeyBelow(key);
+    }
+    constructor(collection, direction){
+        this.collection = collection;
+        this.direction = direction;
     }
 }
 
 
-var $a442534c81d8ad16$exports = {};
-
-$parcel$export($a442534c81d8ad16$exports, "useTag", () => $a442534c81d8ad16$export$3f568fff7dff2f03);
-
+/*
+ * Copyright 2020 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.
+ */ 
 var $29abb9209b62cd49$exports = {};
 var $6a4ddf1abe55d42a$exports = {};
-$6a4ddf1abe55d42a$exports = JSON.parse("{\"remove\":\"إزالة\"}");
+$6a4ddf1abe55d42a$exports = {
+    "removeButtonLabel": `إزالة`,
+    "removeDescription": `اضغط على مفتاح DELETE لإزالة علامة.`
+};
 
 
 var $1bdc82b10375b4a8$exports = {};
-$1bdc82b10375b4a8$exports = JSON.parse("{\"remove\":\"Премахване\"}");
+$1bdc82b10375b4a8$exports = {
+    "removeButtonLabel": `Премахване`,
+    "removeDescription": `Натиснете Delete, за да премахнете маркера.`
+};
 
 
 var $e3fdf009dfe14bbc$exports = {};
-$e3fdf009dfe14bbc$exports = JSON.parse("{\"remove\":\"Odebrat\"}");
+$e3fdf009dfe14bbc$exports = {
+    "removeButtonLabel": `Odebrat`,
+    "removeDescription": `Stisknutím klávesy Delete odeberete značku.`
+};
 
 
 var $8e3a8efadaa261b3$exports = {};
-$8e3a8efadaa261b3$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+$8e3a8efadaa261b3$exports = {
+    "removeButtonLabel": `Fjern`,
+    "removeDescription": `Tryk på Slet for at fjerne tag.`
+};
 
 
 var $405462110cf9cc8d$exports = {};
-$405462110cf9cc8d$exports = JSON.parse("{\"remove\":\"Entfernen\"}");
+$405462110cf9cc8d$exports = {
+    "removeButtonLabel": `Entfernen`,
+    "removeDescription": `Auf „Löschen“ drücken, um das Tag zu entfernen.`
+};
 
 
 var $9ec4c01646bfc149$exports = {};
-$9ec4c01646bfc149$exports = JSON.parse("{\"remove\":\"Κατάργηση\"}");
+$9ec4c01646bfc149$exports = {
+    "removeButtonLabel": `Κατάργηση`,
+    "removeDescription": `Πατήστε Διαγραφή για να καταργήσετε την ετικέτα.`
+};
 
 
 var $0b797b6d677cd5c7$exports = {};
-$0b797b6d677cd5c7$exports = JSON.parse("{\"remove\":\"Remove\"}");
+$0b797b6d677cd5c7$exports = {
+    "removeDescription": `Press Delete to remove tag.`,
+    "removeButtonLabel": `Remove`
+};
 
 
 var $bacdb4955d86e000$exports = {};
-$bacdb4955d86e000$exports = JSON.parse("{\"remove\":\"Quitar\"}");
+$bacdb4955d86e000$exports = {
+    "removeButtonLabel": `Quitar`,
+    "removeDescription": `Pulse Eliminar para quitar la etiqueta.`
+};
 
 
 var $28e6b3e2003cb89e$exports = {};
-$28e6b3e2003cb89e$exports = JSON.parse("{\"remove\":\"Eemalda\"}");
+$28e6b3e2003cb89e$exports = {
+    "removeButtonLabel": `Eemalda`,
+    "removeDescription": `Sildi eemaldamiseks vajutage kustutusklahvi Delete.`
+};
 
 
 var $080ec9a9a4197fc3$exports = {};
-$080ec9a9a4197fc3$exports = JSON.parse("{\"remove\":\"Poista\"}");
+$080ec9a9a4197fc3$exports = {
+    "removeButtonLabel": `Poista`,
+    "removeDescription": `Poista tunniste painamalla Poista-painiketta.`
+};
 
 
 var $d186548cad5da12b$exports = {};
-$d186548cad5da12b$exports = JSON.parse("{\"remove\":\"Supprimer\"}");
+$d186548cad5da12b$exports = {
+    "removeButtonLabel": `Supprimer`,
+    "removeDescription": `Appuyez sur Supprimer pour supprimer l’étiquette.`
+};
 
 
 var $58694cb16d86dce9$exports = {};
-$58694cb16d86dce9$exports = JSON.parse("{\"remove\":\"הסר\"}");
+$58694cb16d86dce9$exports = {
+    "removeButtonLabel": `הסר`,
+    "removeDescription": `לחץ על מחק כדי להסיר תג.`
+};
 
 
 var $3622620b71bc3eed$exports = {};
-$3622620b71bc3eed$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+$3622620b71bc3eed$exports = {
+    "removeButtonLabel": `Ukloni`,
+    "removeDescription": `Pritisnite Delete za uklanjanje oznake.`
+};
 
 
 var $25f88eb7a72b76e1$exports = {};
-$25f88eb7a72b76e1$exports = JSON.parse("{\"remove\":\"Eltávolítás\"}");
+$25f88eb7a72b76e1$exports = {
+    "removeButtonLabel": `Eltávolítás`,
+    "removeDescription": `Nyomja meg a Delete billentyűt a címke eltávolításához.`
+};
 
 
 var $ac7f4b0e2cb68452$exports = {};
-$ac7f4b0e2cb68452$exports = JSON.parse("{\"remove\":\"Rimuovi\"}");
+$ac7f4b0e2cb68452$exports = {
+    "removeButtonLabel": `Rimuovi`,
+    "removeDescription": `Premi Elimina per rimuovere il tag.`
+};
 
 
 var $eb1a168dda0e2196$exports = {};
-$eb1a168dda0e2196$exports = JSON.parse("{\"remove\":\"削除\"}");
+$eb1a168dda0e2196$exports = {
+    "removeButtonLabel": `削除`,
+    "removeDescription": `タグを削除するには、Delete キーを押します。`
+};
 
 
 var $eee5df414cc6e698$exports = {};
-$eee5df414cc6e698$exports = JSON.parse("{\"remove\":\"제거\"}");
+$eee5df414cc6e698$exports = {
+    "removeButtonLabel": `제거`,
+    "removeDescription": `태그를 제거하려면 Delete 키를 누르십시오.`
+};
 
 
 var $89b3b12fbd9b247d$exports = {};
-$89b3b12fbd9b247d$exports = JSON.parse("{\"remove\":\"Pašalinti\"}");
+$89b3b12fbd9b247d$exports = {
+    "removeButtonLabel": `Pašalinti`,
+    "removeDescription": `Norėdami pašalinti žymą, paspauskite „Delete“ klavišą.`
+};
 
 
 var $1919b5d1d79b472a$exports = {};
-$1919b5d1d79b472a$exports = JSON.parse("{\"remove\":\"Noņemt\"}");
+$1919b5d1d79b472a$exports = {
+    "removeButtonLabel": `Noņemt`,
+    "removeDescription": `Nospiediet Delete [Dzēst], lai noņemtu tagu.`
+};
 
 
 var $19c1a9b6c040fcbd$exports = {};
-$19c1a9b6c040fcbd$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+$19c1a9b6c040fcbd$exports = {
+    "removeButtonLabel": `Fjern`,
+    "removeDescription": `Trykk på Slett for å fjerne taggen.`
+};
 
 
 var $be2ec555d5f5fd09$exports = {};
-$be2ec555d5f5fd09$exports = JSON.parse("{\"remove\":\"Verwijderen\"}");
+$be2ec555d5f5fd09$exports = {
+    "removeButtonLabel": `Verwijderen`,
+    "removeDescription": `Druk op Verwijderen om de tag te verwijderen.`
+};
 
 
 var $949a33b7200b0e13$exports = {};
-$949a33b7200b0e13$exports = JSON.parse("{\"remove\":\"Usuń\"}");
+$949a33b7200b0e13$exports = {
+    "removeButtonLabel": `Usuń`,
+    "removeDescription": `Naciśnij Usuń, aby usunąć znacznik.`
+};
 
 
 var $ae5f6174df72ed0e$exports = {};
-$ae5f6174df72ed0e$exports = JSON.parse("{\"remove\":\"Remover\"}");
+$ae5f6174df72ed0e$exports = {
+    "removeButtonLabel": `Remover`,
+    "removeDescription": `Pressione Delete para remover a tag.`
+};
 
 
 var $f93b2eb3a2267af4$exports = {};
-$f93b2eb3a2267af4$exports = JSON.parse("{\"remove\":\"Eliminar\"}");
+$f93b2eb3a2267af4$exports = {
+    "removeButtonLabel": `Eliminar`,
+    "removeDescription": `Prima Delete para eliminar a tag.`
+};
 
 
 var $0986e262b15bfc91$exports = {};
-$0986e262b15bfc91$exports = JSON.parse("{\"remove\":\"Îndepărtaţi\"}");
+$0986e262b15bfc91$exports = {
+    "removeButtonLabel": `Îndepărtaţi`,
+    "removeDescription": `Apăsați pe Delete (Ștergere) pentru a elimina eticheta.`
+};
 
 
 var $1fc455c3f981c785$exports = {};
-$1fc455c3f981c785$exports = JSON.parse("{\"remove\":\"Удалить\"}");
+$1fc455c3f981c785$exports = {
+    "removeButtonLabel": `Удалить`,
+    "removeDescription": `Нажмите DELETE, чтобы удалить тег.`
+};
 
 
 var $93e0f346215d9446$exports = {};
-$93e0f346215d9446$exports = JSON.parse("{\"remove\":\"Odstrániť\"}");
+$93e0f346215d9446$exports = {
+    "removeButtonLabel": `Odstrániť`,
+    "removeDescription": `Ak chcete odstrániť značku, stlačte kláves Delete.`
+};
 
 
 var $fef8a51090f12761$exports = {};
-$fef8a51090f12761$exports = JSON.parse("{\"remove\":\"Odstrani\"}");
+$fef8a51090f12761$exports = {
+    "removeButtonLabel": `Odstrani`,
+    "removeDescription": `Pritisnite Delete, da odstranite oznako.`
+};
 
 
 var $04502b7a450fc878$exports = {};
-$04502b7a450fc878$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+$04502b7a450fc878$exports = {
+    "removeButtonLabel": `Ukloni`,
+    "removeDescription": `Pritisnite Obriši da biste uklonili oznaku.`
+};
 
 
 var $95460d4e4c3e3778$exports = {};
-$95460d4e4c3e3778$exports = JSON.parse("{\"remove\":\"Ta bort\"}");
+$95460d4e4c3e3778$exports = {
+    "removeButtonLabel": `Ta bort`,
+    "removeDescription": `Tryck på Radera för att ta bort taggen.`
+};
 
 
 var $818e5758c72a695c$exports = {};
-$818e5758c72a695c$exports = JSON.parse("{\"remove\":\"Kaldır\"}");
+$818e5758c72a695c$exports = {
+    "removeButtonLabel": `Kaldır`,
+    "removeDescription": `Etiketi kaldırmak için Sil tuşuna basın.`
+};
 
 
 var $5c17d07165fb1742$exports = {};
-$5c17d07165fb1742$exports = JSON.parse("{\"remove\":\"Видалити\"}");
+$5c17d07165fb1742$exports = {
+    "removeButtonLabel": `Вилучити`,
+    "removeDescription": `Натисніть Delete, щоб вилучити тег.`
+};
 
 
 var $c6666cc31aa025e0$exports = {};
-$c6666cc31aa025e0$exports = JSON.parse("{\"remove\":\"删除\"}");
+$c6666cc31aa025e0$exports = {
+    "removeButtonLabel": `删除`,
+    "removeDescription": `按下“删除”以删除标记。`
+};
 
 
 var $a34b8398aee73e0f$exports = {};
-$a34b8398aee73e0f$exports = JSON.parse("{\"remove\":\"移除\"}");
+$a34b8398aee73e0f$exports = {
+    "removeButtonLabel": `移除`,
+    "removeDescription": `按 Delete 鍵以移除標記。`
+};
 
 
 $29abb9209b62cd49$exports = {
@@ -265,97 +367,106 @@ $29abb9209b62cd49$exports = {
 
 
 
-function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state) {
-    let { isFocused: isFocused  } = props;
-    const { isDisabled: isDisabled , isRemovable: isRemovable , onRemove: onRemove , children: children , item: item , tagRef: tagRef , tagRowRef: tagRowRef  } = props;
-    const formatMessage = $bSzeT$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($29abb9209b62cd49$exports)));
-    const removeString = formatMessage('remove');
-    const labelId = $bSzeT$reactariautils.useId();
-    const buttonId = $bSzeT$reactariautils.useId();
-    let { rowProps: rowProps  } = $bSzeT$reactariagrid.useGridRow({
+
+function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state, ref) {
+    let { allowsRemoving: allowsRemoving , item: item  } = props;
+    let stringFormatter = (0, $bSzeT$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($29abb9209b62cd49$exports))));
+    let labelId = (0, $bSzeT$reactariautils.useId)();
+    let buttonId = (0, $bSzeT$reactariautils.useId)();
+    let { rowProps: rowProps , gridCellProps: gridCellProps  } = (0, $bSzeT$reactariagridlist.useGridListItem)({
         node: item
-    }, state, tagRowRef);
-    // Don't want the row to be focusable or accessible via keyboard
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { tabIndex: tabIndex , ...otherRowProps } = rowProps;
-    let { gridCellProps: gridCellProps  } = $bSzeT$reactariagrid.useGridCell({
-        node: [
-            ...item.childNodes
-        ][0],
-        focusMode: 'cell'
-    }, state, tagRef);
-    function onKeyDown(e) {
-        if (e.key === 'Delete' || e.key === 'Backspace') {
-            onRemove(children, e);
+    }, state, ref);
+    // We want the group to handle keyboard navigation between tags.
+    delete rowProps.onKeyDownCapture;
+    let onRemove = (0, $bSzeT$reactariautils.chain)(props.onRemove, state.onRemove);
+    let onKeyDown = (e)=>{
+        if (e.key === "Delete" || e.key === "Backspace") {
+            onRemove(item.key);
             e.preventDefault();
         }
-    }
-    const pressProps = {
-        onPress: (e)=>{
-            return onRemove === null || onRemove === void 0 ? void 0 : onRemove(children, e);
-        }
     };
-    isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;
-    let domProps = $bSzeT$reactariautils.filterDOMProps(props);
+    let modality = (0, $bSzeT$reactariainteractions.useInteractionModality)();
+    if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "touch";
+    let description = allowsRemoving && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
+    let descProps = (0, $bSzeT$reactariautils.useDescription)(description);
+    let domProps = (0, $bSzeT$reactariautils.filterDOMProps)(props);
+    let isFocused = item.key === state.selectionManager.focusedKey;
     return {
-        clearButtonProps: $bSzeT$reactariautils.mergeProps(pressProps, {
-            'aria-label': removeString,
-            'aria-labelledby': `${buttonId} ${labelId}`,
+        removeButtonProps: {
+            "aria-label": stringFormatter.format("removeButtonLabel", {
+                label: item.textValue
+            }),
+            "aria-labelledby": `${buttonId} ${labelId}`,
             id: buttonId,
-            isDisabled: isDisabled
-        }),
+            onPress: ()=>allowsRemoving && onRemove ? onRemove(item.key) : null,
+            excludeFromTabOrder: true
+        },
         labelProps: {
             id: labelId
         },
-        tagRowProps: otherRowProps,
-        tagProps: $bSzeT$reactariautils.mergeProps(domProps, gridCellProps, {
-            'aria-disabled': isDisabled,
-            'aria-errormessage': props['aria-errormessage'],
-            'aria-label': props['aria-label'],
-            onKeyDown: !isDisabled && isRemovable ? onKeyDown : null,
-            tabIndex: (isFocused || state.selectionManager.focusedKey == null) && !isDisabled ? 0 : -1,
-            onFocus () {
-                state.selectionManager.setFocusedKey(item.childNodes[0].key);
-            },
-            ref: tagRef
+        rowProps: {
+            ...rowProps,
+            tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
+            onKeyDown: allowsRemoving ? onKeyDown : null,
+            "aria-describedby": descProps["aria-describedby"]
+        },
+        gridCellProps: (0, $bSzeT$reactariautils.mergeProps)(domProps, gridCellProps, {
+            "aria-errormessage": props["aria-errormessage"],
+            "aria-label": props["aria-label"]
         })
     };
 }
 
 
-var $09704b0efefe5140$exports = {};
+/*
+ * Copyright 2020 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.
+ */ 
+
 
-$parcel$export($09704b0efefe5140$exports, "useTagGroup", () => $09704b0efefe5140$export$4f8b5cda58b7e8ff);
 
 
 
-function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, listState) {
-    let { isDisabled: isDisabled  } = props;
-    let [isFocusWithin, setFocusWithin] = $bSzeT$react.useState(false);
-    let { focusWithinProps: focusWithinProps  } = $bSzeT$reactariainteractions.useFocusWithin({
+
+function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, state, ref) {
+    let { direction: direction  } = (0, $bSzeT$reactariai18n.useLocale)();
+    let keyboardDelegate = props.keyboardDelegate || new (0, $d3d7c73f2e3f4edb$export$b00754732e683b92)(state.collection, direction);
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $bSzeT$reactarialabel.useField)(props);
+    let { gridProps: gridProps  } = (0, $bSzeT$reactariagridlist.useGridList)({
+        ...props,
+        ...fieldProps,
+        keyboardDelegate: keyboardDelegate
+    }, state, ref);
+    // Don't want the grid to be focusable or accessible via keyboard
+    delete gridProps.tabIndex;
+    let [isFocusWithin, setFocusWithin] = (0, $bSzeT$react.useState)(false);
+    let { focusWithinProps: focusWithinProps  } = (0, $bSzeT$reactariainteractions.useFocusWithin)({
         onFocusWithinChange: setFocusWithin
     });
-    let allKeys = [
-        ...listState.collection.getKeys()
-    ];
-    if (!allKeys.some((key)=>!listState.disabledKeys.has(key)
-    )) isDisabled = true;
-    let domProps = $bSzeT$reactariautils.filterDOMProps(props);
+    let domProps = (0, $bSzeT$reactariautils.filterDOMProps)(props);
     return {
-        tagGroupProps: $bSzeT$reactariautils.mergeProps(domProps, {
-            'aria-atomic': false,
-            'aria-relevant': 'additions',
-            'aria-live': isFocusWithin ? 'polite' : 'off',
-            'aria-disabled': isDisabled === true,
-            ...focusWithinProps
-        })
+        gridProps: (0, $bSzeT$reactariautils.mergeProps)(gridProps, domProps, {
+            role: state.collection.size ? "grid" : null,
+            "aria-atomic": false,
+            "aria-relevant": "additions",
+            "aria-live": isFocusWithin ? "polite" : "off",
+            ...focusWithinProps,
+            ...fieldProps
+        }),
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps
     };
 }
 
 
-$parcel$exportWildcard(module.exports, $d3d7c73f2e3f4edb$exports);
-$parcel$exportWildcard(module.exports, $a442534c81d8ad16$exports);
-$parcel$exportWildcard(module.exports, $09704b0efefe5140$exports);
 
 
 //# sourceMappingURL=main.js.map