@react-aria/tag 3.0.0-beta.0 → 3.0.0-beta.2

package/dist/import.mjs

@@ -0,0 +1,424 @@
+import {useId as $aIvin$useId, chain as $aIvin$chain, filterDOMProps as $aIvin$filterDOMProps, mergeProps as $aIvin$mergeProps} from "@react-aria/utils";
+import {useGridListItem as $aIvin$useGridListItem, useGridList as $aIvin$useGridList} from "@react-aria/gridlist";
+import {useLocalizedStringFormatter as $aIvin$useLocalizedStringFormatter, useLocale as $aIvin$useLocale} from "@react-aria/i18n";
+import {useState as $aIvin$useState} from "react";
+import {useField as $aIvin$useField} from "@react-aria/label";
+import {useFocusWithin as $aIvin$useFocusWithin} from "@react-aria/interactions";
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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 $542448901dbd2c36$export$b00754732e683b92 {
+    getFirstKey() {
+        return this.collection.getFirstKey();
+    }
+    getLastKey() {
+        return this.collection.getLastKey();
+    }
+    getKeyRightOf(key) {
+        return this.direction === "rtl" ? this.getKeyAbove(key) : this.getKeyBelow(key);
+    }
+    getKeyLeftOf(key) {
+        return this.direction === "rtl" ? this.getKeyBelow(key) : this.getKeyAbove(key);
+    }
+    getKeyBelow(key) {
+        let startItem = this.collection.getItem(key);
+        if (!startItem) return;
+        // Find the next item
+        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;
+        // Find the previous item
+        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;
+    }
+}
+
+
+/*
+ * 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 $4d1b62e0e67c00a4$exports = {};
+var $84925f526f90eebd$exports = {};
+$84925f526f90eebd$exports = {
+    "remove": `اضغط على زر Space أو Delete لإزالة العلامة.`
+};
+
+
+var $c0650163dc1b6f9d$exports = {};
+$c0650163dc1b6f9d$exports = {
+    "remove": `Натиснете интервал или Delete, за да премахнете маркера.`
+};
+
+
+var $b2b55661291de587$exports = {};
+$b2b55661291de587$exports = {
+    "remove": `Stisknutím mezerníku nebo klávesy Delete odeberte značku.`
+};
+
+
+var $deb83970956f6d5b$exports = {};
+$deb83970956f6d5b$exports = {
+    "remove": `Tryk på mellemrum eller Slet for at fjerne tag.`
+};
+
+
+var $aea1cb4c7ec97e1c$exports = {};
+$aea1cb4c7ec97e1c$exports = {
+    "remove": `Drücken Sie Leertaste oder Löschen, um das Tag zu entfernen.`
+};
+
+
+var $3618d917e503a8d3$exports = {};
+$3618d917e503a8d3$exports = {
+    "remove": `Πατήστε το πλήκτρο διαστήματος ή το πλήκτρο Delete για να καταργήσετε την ετικέτα.`
+};
+
+
+var $9eb56bbbe8e31294$exports = {};
+$9eb56bbbe8e31294$exports = {
+    "remove": `Press Space or Delete to remove tag.`
+};
+
+
+var $361c604b0fc269a3$exports = {};
+$361c604b0fc269a3$exports = {
+    "remove": `Pulse Espacio o Eliminar para quitar la etiqueta.`
+};
+
+
+var $2f00170f4ee3ca01$exports = {};
+$2f00170f4ee3ca01$exports = {
+    "remove": `Sildi eemaldamiseks vajutage tühikuklahvi või kustutusklahvi Delete.`
+};
+
+
+var $80ee16b64fab9fb5$exports = {};
+$80ee16b64fab9fb5$exports = {
+    "remove": `Poista tunniste painamalla Välilyönti tai Poista.`
+};
+
+
+var $be9d354476c08087$exports = {};
+$be9d354476c08087$exports = {
+    "remove": `Appuyez sur Espace ou Supprimer pour supprimer la balise.`
+};
+
+
+var $ffeb903ba092eb35$exports = {};
+$ffeb903ba092eb35$exports = {
+    "remove": `הקש על רווח או מחק כדי להסיר תג.`
+};
+
+
+var $1df6722c6f19728b$exports = {};
+$1df6722c6f19728b$exports = {
+    "remove": `Pritisnite Space ili Delete za uklanjanje oznake.`
+};
+
+
+var $093d57e325bc9071$exports = {};
+$093d57e325bc9071$exports = {
+    "remove": `Nyomja meg a szóköz vagy a Delete billentyűt a címke eltávolításához.`
+};
+
+
+var $609dbdfbcad85bdb$exports = {};
+$609dbdfbcad85bdb$exports = {
+    "remove": `Premi la barra spaziatrice o CANC per rimuovere il tag.`
+};
+
+
+var $c08e84f882644048$exports = {};
+$c08e84f882644048$exports = {
+    "remove": `タグを削除するには、スペースまたは削除を押します。`
+};
+
+
+var $5cd130489822fa21$exports = {};
+$5cd130489822fa21$exports = {
+    "remove": `태그를 제거하려면 Space 또는 Delete 키를 누르십시오.`
+};
+
+
+var $ab5183739b6c5e7e$exports = {};
+$ab5183739b6c5e7e$exports = {
+    "remove": `Norėdami pašalinti žymą, paspauskite tarpo arba „Delete“ klavišą.`
+};
+
+
+var $dd84a0b574be3f23$exports = {};
+$dd84a0b574be3f23$exports = {
+    "remove": `Nospiediet atstarpes taustiņu vai taustiņu Delete, lai noņemtu tagu.`
+};
+
+
+var $85eee97d14eef7b5$exports = {};
+$85eee97d14eef7b5$exports = {
+    "remove": `Trykk på mellomrom eller Slett for å fjerne taggen.`
+};
+
+
+var $18781839f93b0314$exports = {};
+$18781839f93b0314$exports = {
+    "remove": `Druk op Spatie of Verwijderen om de tag te verwijderen.`
+};
+
+
+var $1c40ffbbfe9f3bda$exports = {};
+$1c40ffbbfe9f3bda$exports = {
+    "remove": `Naciśnij Spację lub przycisk Usuń, aby usunąć znacznik.`
+};
+
+
+var $156880e329b1c717$exports = {};
+$156880e329b1c717$exports = {
+    "remove": `Pressione a barra de espaço ou Delete para remover a tag.`
+};
+
+
+var $b6d50b1d20768ce4$exports = {};
+$b6d50b1d20768ce4$exports = {
+    "remove": `Pressione Espaço ou Eliminar para remover a etiqueta.`
+};
+
+
+var $d8c38c691b006187$exports = {};
+$d8c38c691b006187$exports = {
+    "remove": `Apăsați pe Space (Spațiu) sau pe Delete (Ștergere) pentru a elimina eticheta.`
+};
+
+
+var $ed9b4bf7ce1fb1d7$exports = {};
+$ed9b4bf7ce1fb1d7$exports = {
+    "remove": `Нажмите клавишу пробел или Delete, чтобы удалить тег.`
+};
+
+
+var $51d8721afda4d678$exports = {};
+$51d8721afda4d678$exports = {
+    "remove": `Ak chcete odstrániť značku, stlačte medzerník alebo kláves Delete.`
+};
+
+
+var $fd37a27baae493e8$exports = {};
+$fd37a27baae493e8$exports = {
+    "remove": `Pritisnite presledek ali Izbriši, da odstranite oznako.`
+};
+
+
+var $5505a1ca71ffd6f4$exports = {};
+$5505a1ca71ffd6f4$exports = {
+    "remove": `Pritisnite Space ili Delete da biste uklonili oznaku.`
+};
+
+
+var $33670e148c84ad02$exports = {};
+$33670e148c84ad02$exports = {
+    "remove": `Tryck på blanksteg eller radera för att ta bort taggen.`
+};
+
+
+var $0bf46fdcdd7cb5f6$exports = {};
+$0bf46fdcdd7cb5f6$exports = {
+    "remove": `Etiketi kaldırmak için Boşluk veya Sil tuşlarından birine basın.`
+};
+
+
+var $9d9765222bc08ca2$exports = {};
+$9d9765222bc08ca2$exports = {
+    "remove": `Натисніть пробіл або Delete, щоб видалити тег.`
+};
+
+
+var $d737296cedcdee9f$exports = {};
+$d737296cedcdee9f$exports = {
+    "remove": `按下“空格”或“删除”键删除标记。`
+};
+
+
+var $09cd168ab18773f4$exports = {};
+$09cd168ab18773f4$exports = {
+    "remove": `按空格鍵或 Delete 鍵以移除標記。`
+};
+
+
+$4d1b62e0e67c00a4$exports = {
+    "ar-AE": $84925f526f90eebd$exports,
+    "bg-BG": $c0650163dc1b6f9d$exports,
+    "cs-CZ": $b2b55661291de587$exports,
+    "da-DK": $deb83970956f6d5b$exports,
+    "de-DE": $aea1cb4c7ec97e1c$exports,
+    "el-GR": $3618d917e503a8d3$exports,
+    "en-US": $9eb56bbbe8e31294$exports,
+    "es-ES": $361c604b0fc269a3$exports,
+    "et-EE": $2f00170f4ee3ca01$exports,
+    "fi-FI": $80ee16b64fab9fb5$exports,
+    "fr-FR": $be9d354476c08087$exports,
+    "he-IL": $ffeb903ba092eb35$exports,
+    "hr-HR": $1df6722c6f19728b$exports,
+    "hu-HU": $093d57e325bc9071$exports,
+    "it-IT": $609dbdfbcad85bdb$exports,
+    "ja-JP": $c08e84f882644048$exports,
+    "ko-KR": $5cd130489822fa21$exports,
+    "lt-LT": $ab5183739b6c5e7e$exports,
+    "lv-LV": $dd84a0b574be3f23$exports,
+    "nb-NO": $85eee97d14eef7b5$exports,
+    "nl-NL": $18781839f93b0314$exports,
+    "pl-PL": $1c40ffbbfe9f3bda$exports,
+    "pt-BR": $156880e329b1c717$exports,
+    "pt-PT": $b6d50b1d20768ce4$exports,
+    "ro-RO": $d8c38c691b006187$exports,
+    "ru-RU": $ed9b4bf7ce1fb1d7$exports,
+    "sk-SK": $51d8721afda4d678$exports,
+    "sl-SI": $fd37a27baae493e8$exports,
+    "sr-SP": $5505a1ca71ffd6f4$exports,
+    "sv-SE": $33670e148c84ad02$exports,
+    "tr-TR": $0bf46fdcdd7cb5f6$exports,
+    "uk-UA": $9d9765222bc08ca2$exports,
+    "zh-CN": $d737296cedcdee9f$exports,
+    "zh-TW": $09cd168ab18773f4$exports
+};
+
+
+
+
+function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
+    let { isFocused: isFocused , allowsRemoving: allowsRemoving , item: item  } = props;
+    let stringFormatter = (0, $aIvin$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($4d1b62e0e67c00a4$exports))));
+    let removeString = stringFormatter.format("remove");
+    let labelId = (0, $aIvin$useId)();
+    let buttonId = (0, $aIvin$useId)();
+    let { rowProps: rowProps , gridCellProps: gridCellProps  } = (0, $aIvin$useGridListItem)({
+        node: item
+    }, state, ref);
+    // We want the group to handle keyboard navigation between tags.
+    delete rowProps.onKeyDownCapture;
+    let onRemove = (0, $aIvin$chain)(props.onRemove, state.onRemove);
+    let onKeyDown = (e)=>{
+        if (e.key === "Delete" || e.key === "Backspace" || e.key === " ") {
+            onRemove(item.key);
+            e.preventDefault();
+        }
+    };
+    isFocused = isFocused || state.selectionManager.focusedKey === item.key;
+    let domProps = (0, $aIvin$filterDOMProps)(props);
+    return {
+        clearButtonProps: {
+            "aria-label": removeString,
+            "aria-labelledby": `${buttonId} ${labelId}`,
+            id: buttonId,
+            onPress: ()=>allowsRemoving && onRemove ? onRemove(item.key) : null
+        },
+        labelProps: {
+            id: labelId
+        },
+        tagRowProps: {
+            ...rowProps,
+            tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
+            onKeyDown: allowsRemoving ? onKeyDown : null
+        },
+        tagProps: (0, $aIvin$mergeProps)(domProps, gridCellProps, {
+            "aria-errormessage": props["aria-errormessage"],
+            "aria-label": props["aria-label"]
+        })
+    };
+}
+
+
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+function $d7323bca8d074eeb$export$4f8b5cda58b7e8ff(props, state, ref) {
+    let { direction: direction  } = (0, $aIvin$useLocale)();
+    let keyboardDelegate = props.keyboardDelegate || new (0, $542448901dbd2c36$export$b00754732e683b92)(state.collection, direction);
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $aIvin$useField)(props);
+    let { gridProps: gridProps  } = (0, $aIvin$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, $aIvin$useState)(false);
+    let { focusWithinProps: focusWithinProps  } = (0, $aIvin$useFocusWithin)({
+        onFocusWithinChange: setFocusWithin
+    });
+    let domProps = (0, $aIvin$filterDOMProps)(props);
+    return {
+        tagGroupProps: (0, $aIvin$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
+    };
+}
+
+
+
+
+export {$542448901dbd2c36$export$b00754732e683b92 as TagKeyboardDelegate, $fc6126c82a4601f1$export$3f568fff7dff2f03 as useTag, $d7323bca8d074eeb$export$4f8b5cda58b7e8ff as useTagGroup};
+//# sourceMappingURL=module.js.map