npm - @react-aria/tag - Versions diffs - 3.0.0-nightly.2087 → 3.0.0-nightly.2104 - Mend

@react-aria/tag 3.0.0-nightly.2087 → 3.0.0-nightly.2104

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.

Files changed (10) hide show

package/dist/import.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
-import {useId as $aIvin$useId, chain as $aIvin$chain, filterDOMProps as $aIvin$filterDOMProps, mergeProps as $aIvin$mergeProps} from "@react-aria/utils";
+import {useId as $aIvin$useId, chain as $aIvin$chain, useDescription as $aIvin$useDescription, 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 {useInteractionModality as $aIvin$useInteractionModality, useFocusWithin as $aIvin$useFocusWithin} from "@react-aria/interactions";
 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;
@@ -120,7 +120,8 @@ $3618d917e503a8d3$exports = {
 var $9eb56bbbe8e31294$exports = {};
 $9eb56bbbe8e31294$exports = {
-    "remove": `Press Space or Delete to remove tag.`
+    "removeDescription": `Press Delete to remove tag.`,
+    "removeButtonLabel": `Remove`
 };
@@ -326,10 +327,10 @@ $4d1b62e0e67c00a4$exports = {
 function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
-    let { isFocused: isFocused , allowsRemoving: allowsRemoving , item: item  } = props;
+    let { 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)({
@@ -344,11 +345,17 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
             e.preventDefault();
         }
     };
-    isFocused = isFocused || state.selectionManager.focusedKey === item.key;
+    let modality = (0, $aIvin$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, $aIvin$useDescription)(description);
     let domProps = (0, $aIvin$filterDOMProps)(props);
+    let isFocused = item.key === state.selectionManager.focusedKey;
     return {
-        clearButtonProps: {
-            "aria-label": removeString,
+        removeButtonProps: {
+            "aria-label": stringFormatter.format("removeButtonLabel", {
+                label: item.textValue
+            }),
             "aria-labelledby": `${buttonId} ${labelId}`,
             id: buttonId,
             onPress: ()=>allowsRemoving && onRemove ? onRemove(item.key) : null,
@@ -360,7 +367,8 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
         rowProps: {
             ...rowProps,
             tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
-            onKeyDown: allowsRemoving ? onKeyDown : null
+            onKeyDown: allowsRemoving ? onKeyDown : null,
+            "aria-describedby": descProps["aria-describedby"]
         },
         gridCellProps: (0, $aIvin$mergeProps)(domProps, gridCellProps, {
             "aria-errormessage": props["aria-errormessage"],

package/dist/main.js CHANGED Viewed

@@ -1,9 +1,9 @@
 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$reactarialabel = require("@react-aria/label");
-var $bSzeT$reactariainteractions = require("@react-aria/interactions");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -127,7 +127,8 @@ $9ec4c01646bfc149$exports = {
 var $0b797b6d677cd5c7$exports = {};
 $0b797b6d677cd5c7$exports = {
-    "remove": `Press Space or Delete to remove tag.`
+    "removeDescription": `Press Delete to remove tag.`,
+    "removeButtonLabel": `Remove`
 };
@@ -333,10 +334,10 @@ $29abb9209b62cd49$exports = {
 function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state, ref) {
-    let { isFocused: isFocused , allowsRemoving: allowsRemoving , item: item  } = props;
+    let { allowsRemoving: allowsRemoving , item: item  } = props;
     let stringFormatter = (0, $bSzeT$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($29abb9209b62cd49$exports))));
-    let removeString = stringFormatter.format("remove");
     let labelId = (0, $bSzeT$reactariautils.useId)();
     let buttonId = (0, $bSzeT$reactariautils.useId)();
     let { rowProps: rowProps , gridCellProps: gridCellProps  } = (0, $bSzeT$reactariagridlist.useGridListItem)({
@@ -351,11 +352,17 @@ function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state, ref) {
             e.preventDefault();
         }
     };
-    isFocused = isFocused || state.selectionManager.focusedKey === item.key;
+    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: {
-            "aria-label": removeString,
+        removeButtonProps: {
+            "aria-label": stringFormatter.format("removeButtonLabel", {
+                label: item.textValue
+            }),
             "aria-labelledby": `${buttonId} ${labelId}`,
             id: buttonId,
             onPress: ()=>allowsRemoving && onRemove ? onRemove(item.key) : null,
@@ -367,7 +374,8 @@ function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state, ref) {
         rowProps: {
             ...rowProps,
             tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
-            onKeyDown: allowsRemoving ? onKeyDown : null
+            onKeyDown: allowsRemoving ? onKeyDown : null,
+            "aria-describedby": descProps["aria-describedby"]
         },
         gridCellProps: (0, $bSzeT$reactariautils.mergeProps)(domProps, gridCellProps, {
             "aria-errormessage": props["aria-errormessage"],

package/dist/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/TagKeyboardDelegate.ts","packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/intl/.js","packages/@react-aria/tag/intl/ar-AE.json","packages/@react-aria/tag/intl/bg-BG.json","packages/@react-aria/tag/intl/cs-CZ.json","packages/@react-aria/tag/intl/da-DK.json","packages/@react-aria/tag/intl/de-DE.json","packages/@react-aria/tag/intl/el-GR.json","packages/@react-aria/tag/intl/en-US.json","packages/@react-aria/tag/intl/es-ES.json","packages/@react-aria/tag/intl/et-EE.json","packages/@react-aria/tag/intl/fi-FI.json","packages/@react-aria/tag/intl/fr-FR.json","packages/@react-aria/tag/intl/he-IL.json","packages/@react-aria/tag/intl/hr-HR.json","packages/@react-aria/tag/intl/hu-HU.json","packages/@react-aria/tag/intl/it-IT.json","packages/@react-aria/tag/intl/ja-JP.json","packages/@react-aria/tag/intl/ko-KR.json","packages/@react-aria/tag/intl/lt-LT.json","packages/@react-aria/tag/intl/lv-LV.json","packages/@react-aria/tag/intl/nb-NO.json","packages/@react-aria/tag/intl/nl-NL.json","packages/@react-aria/tag/intl/pl-PL.json","packages/@react-aria/tag/intl/pt-BR.json","packages/@react-aria/tag/intl/pt-PT.json","packages/@react-aria/tag/intl/ro-RO.json","packages/@react-aria/tag/intl/ru-RU.json","packages/@react-aria/tag/intl/sk-SK.json","packages/@react-aria/tag/intl/sl-SI.json","packages/@react-aria/tag/intl/sr-SP.json","packages/@react-aria/tag/intl/sv-SE.json","packages/@react-aria/tag/intl/tr-TR.json","packages/@react-aria/tag/intl/uk-UA.json","packages/@react-aria/tag/intl/zh-CN.json","packages/@react-aria/tag/intl/zh-TW.json","packages/@react-aria/tag/src/useTagGroup.ts"],"sourcesContent":["/\n * Copyright 2020 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 /\n\nexport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nexport {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagProps} from '@react-types/tag';\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {TagAria} from './useTag';\n","/\n * Copyright 2020 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 /\n\nimport {Collection, Direction, KeyboardDelegate} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TagKeyboardDelegate<T> implements KeyboardDelegate {\n private collection: Collection<T>;\n private direction: Direction;\n\n constructor(collection: Collection<T>, direction: Direction) {\n this.collection = collection;\n this.direction = direction;\n }\n\n getFirstKey() {\n return this.collection.getFirstKey();\n }\n\n getLastKey() {\n return this.collection.getLastKey();\n }\n \n getKeyRightOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);\n }\n\n getKeyLeftOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyBelow(key) : this.getKeyAbove(key);\n }\n\n getKeyBelow(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the next item\n key = this.collection.getKeyAfter(key);\n\n if (key != null) {\n return key;\n } else {\n return this.collection.getFirstKey();\n }\n }\n\n getKeyAbove(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the previous item\n key = this.collection.getKeyBefore(key);\n if (key != null) {\n return key;\n } else {\n return this.collection.getLastKey();\n }\n }\n\n getKeyPageAbove(key) {\n return this.getKeyAbove(key);\n }\n\n getKeyPageBelow(key) {\n return this.getKeyBelow(key);\n }\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {chain, filterDOMProps, mergeProps, useId} from '@react-aria/utils';\nimport {DOMAttributes, FocusableElement} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {KeyboardEvent, RefObject} from 'react';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagProps} from '@react-types/tag';\nimport {useGridListItem} from '@react-aria/gridlist';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface TagAria {\n /** Props for the tag visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag cell element. /\n gridCellProps: DOMAttributes,\n /* Props for the tag row element. /\n rowProps: DOMAttributes,\n /* Props for the tag clear button. /\n clearButtonProps: AriaButtonProps\n}\n\n/\n Provides the behavior and accessibility implementation for a tag component.\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag.\n /\nexport function useTag<T>(props: TagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria {\n let {\n isFocused,\n allowsRemoving,\n item\n } = props;\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let removeString = stringFormatter.format('remove');\n let labelId = useId();\n let buttonId = useId();\n\n let {rowProps, gridCellProps} = useGridListItem({\n node: item\n }, state, ref);\n\n // We want the group to handle keyboard navigation between tags.\n delete rowProps.onKeyDownCapture;\n\n let onRemove = chain(props.onRemove, state.onRemove);\n\n let onKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Delete' \|\| e.key === 'Backspace') {\n onRemove(item.key);\n e.preventDefault();\n }\n };\n\n isFocused = isFocused \|\| state.selectionManager.focusedKey === item.key;\n let domProps = filterDOMProps(props);\n return {\n clearButtonProps: {\n 'aria-label': removeString,\n 'aria-labelledby': `${buttonId} ${labelId}`,\n id: buttonId,\n onPress: () => allowsRemoving && onRemove ? onRemove(item.key) : null,\n excludeFromTabOrder: true\n },\n labelProps: {\n id: labelId\n },\n rowProps: {\n ...rowProps,\n tabIndex: (isFocused \|\| state.selectionManager.focusedKey == null) ? 0 : -1,\n onKeyDown: allowsRemoving ? onKeyDown : null\n },\n gridCellProps: mergeProps(domProps, gridCellProps, {\n 'aria-errormessage': props['aria-errormessage'],\n 'aria-label': props['aria-label']\n })\n };\n}\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"remove\": \"اضغط على زر Space أو Delete لإزالة العلامة.\"\n}\n","{\n \"remove\": \"Натиснете интервал или Delete, за да премахнете маркера.\"\n}\n","{\n \"remove\": \"Stisknutím mezerníku nebo klávesy Delete odeberte značku.\"\n}\n","{\n \"remove\": \"Tryk på mellemrum eller Slet for at fjerne tag.\"\n}\n","{\n \"remove\": \"Drücken Sie Leertaste oder Löschen, um das Tag zu entfernen.\"\n}\n","{\n \"remove\": \"Πατήστε το πλήκτρο διαστήματος ή το πλήκτρο Delete για να καταργήσετε την ετικέτα.\"\n}\n","{ \n \"remove\": \"Press Space or Delete to remove tag.\"\n}\n","{\n \"remove\": \"Pulse Espacio o Eliminar para quitar la etiqueta.\"\n}\n","{\n \"remove\": \"Sildi eemaldamiseks vajutage tühikuklahvi või kustutusklahvi Delete.\"\n}\n","{\n \"remove\": \"Poista tunniste painamalla Välilyönti tai Poista.\"\n}\n","{\n \"remove\": \"Appuyez sur Espace ou Supprimer pour supprimer la balise.\"\n}\n","{\n \"remove\": \"הקש על רווח או מחק כדי להסיר תג.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete za uklanjanje oznake.\"\n}\n","{\n \"remove\": \"Nyomja meg a szóköz vagy a Delete billentyűt a címke eltávolításához.\"\n}\n","{\n \"remove\": \"Premi la barra spaziatrice o CANC per rimuovere il tag.\"\n}\n","{\n \"remove\": \"タグを削除するには、スペースまたは削除を押します。\"\n}\n","{\n \"remove\": \"태그를 제거하려면 Space 또는 Delete 키를 누르십시오.\"\n}\n","{\n \"remove\": \"Norėdami pašalinti žymą, paspauskite tarpo arba „Delete“ klavišą.\"\n}\n","{\n \"remove\": \"Nospiediet atstarpes taustiņu vai taustiņu Delete, lai noņemtu tagu.\"\n}\n","{\n \"remove\": \"Trykk på mellomrom eller Slett for å fjerne taggen.\"\n}\n","{\n \"remove\": \"Druk op Spatie of Verwijderen om de tag te verwijderen.\"\n}\n","{\n \"remove\": \"Naciśnij Spację lub przycisk Usuń, aby usunąć znacznik.\"\n}\n","{\n \"remove\": \"Pressione a barra de espaço ou Delete para remover a tag.\"\n}\n","{\n \"remove\": \"Pressione Espaço ou Eliminar para remover a etiqueta.\"\n}\n","{\n \"remove\": \"Apăsați pe Space (Spațiu) sau pe Delete (Ștergere) pentru a elimina eticheta.\"\n}\n","{\n \"remove\": \"Нажмите клавишу пробел или Delete, чтобы удалить тег.\"\n}\n","{\n \"remove\": \"Ak chcete odstrániť značku, stlačte medzerník alebo kláves Delete.\"\n}\n","{\n \"remove\": \"Pritisnite presledek ali Izbriši, da odstranite oznako.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete da biste uklonili oznaku.\"\n}\n","{\n \"remove\": \"Tryck på blanksteg eller radera för att ta bort taggen.\"\n}\n","{\n \"remove\": \"Etiketi kaldırmak için Boşluk veya Sil tuşlarından birine basın.\"\n}\n","{\n \"remove\": \"Натисніть пробіл або Delete, щоб видалити тег.\"\n}\n","{\n \"remove\": \"按下“空格”或“删除”键删除标记。\"\n}\n","{\n \"remove\": \"按空格鍵或 Delete 鍵以移除標記。\"\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaLabelingProps, DOMAttributes, DOMProps, Validation} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {RefObject, useState} from 'react';\nimport {TagGroupProps} from '@react-types/tag';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useGridList} from '@react-aria/gridlist';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface TagGroupAria {\n /* Props for the tag grouping element. /\n gridProps: DOMAttributes,\n /* Props for the tag group's visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag group description element, if any. /\n descriptionProps: DOMAttributes,\n /* Props for the tag group error message element, if any. /\n errorMessageProps: DOMAttributes\n}\n\nexport interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps, Validation {\n /\n An optional keyboard delegate to handle arrow key navigation,\n * to override the default.\n /\n keyboardDelegate?: TagKeyboardDelegate<T>\n}\n\n/\n Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, or other items, with support for keyboard navigation and removal.\n * @param props - Props to be applied to the tag group.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag group.\n */\nexport function useTagGroup<T>(props: AriaTagGroupProps<T>, state: TagGroupState<T>, ref: RefObject<HTMLElement>): TagGroupAria {\n let {direction} = useLocale();\n let keyboardDelegate = props.keyboardDelegate \|\| new TagKeyboardDelegate(state.collection, direction);\n let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField(props);\n let {gridProps} = useGridList({...props, ...fieldProps, keyboardDelegate}, state, ref);\n\n // Don't want the grid to be focusable or accessible via keyboard\n delete gridProps.tabIndex;\n\n let [isFocusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n onFocusWithinChange: setFocusWithin\n });\n let domProps = filterDOMProps(props);\n return {\n gridProps: mergeProps(gridProps, domProps, {\n role: state.collection.size ? 'grid' : null,\n 'aria-atomic': false,\n 'aria-relevant': 'additions',\n 'aria-live': isFocusWithin ? 'polite' : 'off',\n ...focusWithinProps,\n ...fieldProps\n }),\n labelProps,\n descriptionProps,\n errorMessageProps\n };\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/TagKeyboardDelegate.ts","packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/intl/.js","packages/@react-aria/tag/intl/ar-AE.json","packages/@react-aria/tag/intl/bg-BG.json","packages/@react-aria/tag/intl/cs-CZ.json","packages/@react-aria/tag/intl/da-DK.json","packages/@react-aria/tag/intl/de-DE.json","packages/@react-aria/tag/intl/el-GR.json","packages/@react-aria/tag/intl/en-US.json","packages/@react-aria/tag/intl/es-ES.json","packages/@react-aria/tag/intl/et-EE.json","packages/@react-aria/tag/intl/fi-FI.json","packages/@react-aria/tag/intl/fr-FR.json","packages/@react-aria/tag/intl/he-IL.json","packages/@react-aria/tag/intl/hr-HR.json","packages/@react-aria/tag/intl/hu-HU.json","packages/@react-aria/tag/intl/it-IT.json","packages/@react-aria/tag/intl/ja-JP.json","packages/@react-aria/tag/intl/ko-KR.json","packages/@react-aria/tag/intl/lt-LT.json","packages/@react-aria/tag/intl/lv-LV.json","packages/@react-aria/tag/intl/nb-NO.json","packages/@react-aria/tag/intl/nl-NL.json","packages/@react-aria/tag/intl/pl-PL.json","packages/@react-aria/tag/intl/pt-BR.json","packages/@react-aria/tag/intl/pt-PT.json","packages/@react-aria/tag/intl/ro-RO.json","packages/@react-aria/tag/intl/ru-RU.json","packages/@react-aria/tag/intl/sk-SK.json","packages/@react-aria/tag/intl/sl-SI.json","packages/@react-aria/tag/intl/sr-SP.json","packages/@react-aria/tag/intl/sv-SE.json","packages/@react-aria/tag/intl/tr-TR.json","packages/@react-aria/tag/intl/uk-UA.json","packages/@react-aria/tag/intl/zh-CN.json","packages/@react-aria/tag/intl/zh-TW.json","packages/@react-aria/tag/src/useTagGroup.ts"],"sourcesContent":["/\n * Copyright 2020 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 /\n\nexport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nexport {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagProps} from '@react-types/tag';\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {AriaTagProps, TagAria} from './useTag';\n","/\n * Copyright 2020 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 /\n\nimport {Collection, Direction, KeyboardDelegate} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TagKeyboardDelegate<T> implements KeyboardDelegate {\n private collection: Collection<T>;\n private direction: Direction;\n\n constructor(collection: Collection<T>, direction: Direction) {\n this.collection = collection;\n this.direction = direction;\n }\n\n getFirstKey() {\n return this.collection.getFirstKey();\n }\n\n getLastKey() {\n return this.collection.getLastKey();\n }\n \n getKeyRightOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);\n }\n\n getKeyLeftOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyBelow(key) : this.getKeyAbove(key);\n }\n\n getKeyBelow(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the next item\n key = this.collection.getKeyAfter(key);\n\n if (key != null) {\n return key;\n } else {\n return this.collection.getFirstKey();\n }\n }\n\n getKeyAbove(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the previous item\n key = this.collection.getKeyBefore(key);\n if (key != null) {\n return key;\n } else {\n return this.collection.getLastKey();\n }\n }\n\n getKeyPageAbove(key) {\n return this.getKeyAbove(key);\n }\n\n getKeyPageBelow(key) {\n return this.getKeyBelow(key);\n }\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement} from '@react-types/shared';\nimport {chain, filterDOMProps, mergeProps, useDescription, useId} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {KeyboardEvent, RefObject} from 'react';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagProps} from '@react-types/tag';\nimport {useGridListItem} from '@react-aria/gridlist';\nimport {useInteractionModality} from '@react-aria/interactions';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface TagAria {\n /** Props for the tag visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag cell element. /\n gridCellProps: DOMAttributes,\n /* Props for the tag row element. /\n rowProps: DOMAttributes,\n /* Props for the tag remove button. /\n removeButtonProps: AriaButtonProps\n}\n\nexport interface AriaTagProps<T> extends TagProps<T>, DOMProps, AriaLabelingProps {}\n\n/\n Provides the behavior and accessibility implementation for a tag component.\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag.\n /\nexport function useTag<T>(props: AriaTagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria {\n let {\n allowsRemoving,\n item\n } = props;\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let labelId = useId();\n let buttonId = useId();\n\n let {rowProps, gridCellProps} = useGridListItem({\n node: item\n }, state, ref);\n\n // We want the group to handle keyboard navigation between tags.\n delete rowProps.onKeyDownCapture;\n\n let onRemove = chain(props.onRemove, state.onRemove);\n\n let onKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Delete' \|\| e.key === 'Backspace') {\n onRemove(item.key);\n e.preventDefault();\n }\n };\n\n let modality: string = useInteractionModality();\n if (modality === 'virtual' && (typeof window !== 'undefined' && 'ontouchstart' in window)) {\n modality = 'touch';\n }\n let description = allowsRemoving && (modality === 'keyboard' \|\| modality === 'virtual') ? stringFormatter.format('removeDescription') : '';\n let descProps = useDescription(description);\n\n let domProps = filterDOMProps(props);\n let isFocused = item.key === state.selectionManager.focusedKey;\n return {\n removeButtonProps: {\n 'aria-label': stringFormatter.format('removeButtonLabel', {label: item.textValue}),\n 'aria-labelledby': `${buttonId} ${labelId}`,\n id: buttonId,\n onPress: () => allowsRemoving && onRemove ? onRemove(item.key) : null,\n excludeFromTabOrder: true\n },\n labelProps: {\n id: labelId\n },\n rowProps: {\n ...rowProps,\n tabIndex: (isFocused \|\| state.selectionManager.focusedKey == null) ? 0 : -1,\n onKeyDown: allowsRemoving ? onKeyDown : null,\n 'aria-describedby': descProps['aria-describedby']\n },\n gridCellProps: mergeProps(domProps, gridCellProps, {\n 'aria-errormessage': props['aria-errormessage'],\n 'aria-label': props['aria-label']\n })\n };\n}\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"remove\": \"اضغط على زر Space أو Delete لإزالة العلامة.\"\n}\n","{\n \"remove\": \"Натиснете интервал или Delete, за да премахнете маркера.\"\n}\n","{\n \"remove\": \"Stisknutím mezerníku nebo klávesy Delete odeberte značku.\"\n}\n","{\n \"remove\": \"Tryk på mellemrum eller Slet for at fjerne tag.\"\n}\n","{\n \"remove\": \"Drücken Sie Leertaste oder Löschen, um das Tag zu entfernen.\"\n}\n","{\n \"remove\": \"Πατήστε το πλήκτρο διαστήματος ή το πλήκτρο Delete για να καταργήσετε την ετικέτα.\"\n}\n","{ \n \"removeDescription\": \"Press Delete to remove tag.\",\n \"removeButtonLabel\": \"Remove\"\n}\n","{\n \"remove\": \"Pulse Espacio o Eliminar para quitar la etiqueta.\"\n}\n","{\n \"remove\": \"Sildi eemaldamiseks vajutage tühikuklahvi või kustutusklahvi Delete.\"\n}\n","{\n \"remove\": \"Poista tunniste painamalla Välilyönti tai Poista.\"\n}\n","{\n \"remove\": \"Appuyez sur Espace ou Supprimer pour supprimer la balise.\"\n}\n","{\n \"remove\": \"הקש על רווח או מחק כדי להסיר תג.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete za uklanjanje oznake.\"\n}\n","{\n \"remove\": \"Nyomja meg a szóköz vagy a Delete billentyűt a címke eltávolításához.\"\n}\n","{\n \"remove\": \"Premi la barra spaziatrice o CANC per rimuovere il tag.\"\n}\n","{\n \"remove\": \"タグを削除するには、スペースまたは削除を押します。\"\n}\n","{\n \"remove\": \"태그를 제거하려면 Space 또는 Delete 키를 누르십시오.\"\n}\n","{\n \"remove\": \"Norėdami pašalinti žymą, paspauskite tarpo arba „Delete“ klavišą.\"\n}\n","{\n \"remove\": \"Nospiediet atstarpes taustiņu vai taustiņu Delete, lai noņemtu tagu.\"\n}\n","{\n \"remove\": \"Trykk på mellomrom eller Slett for å fjerne taggen.\"\n}\n","{\n \"remove\": \"Druk op Spatie of Verwijderen om de tag te verwijderen.\"\n}\n","{\n \"remove\": \"Naciśnij Spację lub przycisk Usuń, aby usunąć znacznik.\"\n}\n","{\n \"remove\": \"Pressione a barra de espaço ou Delete para remover a tag.\"\n}\n","{\n \"remove\": \"Pressione Espaço ou Eliminar para remover a etiqueta.\"\n}\n","{\n \"remove\": \"Apăsați pe Space (Spațiu) sau pe Delete (Ștergere) pentru a elimina eticheta.\"\n}\n","{\n \"remove\": \"Нажмите клавишу пробел или Delete, чтобы удалить тег.\"\n}\n","{\n \"remove\": \"Ak chcete odstrániť značku, stlačte medzerník alebo kláves Delete.\"\n}\n","{\n \"remove\": \"Pritisnite presledek ali Izbriši, da odstranite oznako.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete da biste uklonili oznaku.\"\n}\n","{\n \"remove\": \"Tryck på blanksteg eller radera för att ta bort taggen.\"\n}\n","{\n \"remove\": \"Etiketi kaldırmak için Boşluk veya Sil tuşlarından birine basın.\"\n}\n","{\n \"remove\": \"Натисніть пробіл або Delete, щоб видалити тег.\"\n}\n","{\n \"remove\": \"按下“空格”或“删除”键删除标记。\"\n}\n","{\n \"remove\": \"按空格鍵或 Delete 鍵以移除標記。\"\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaLabelingProps, DOMAttributes, DOMProps, Validation} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {RefObject, useState} from 'react';\nimport {TagGroupProps} from '@react-types/tag';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useGridList} from '@react-aria/gridlist';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface TagGroupAria {\n /* Props for the tag grouping element. /\n gridProps: DOMAttributes,\n /* Props for the tag group's visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag group description element, if any. /\n descriptionProps: DOMAttributes,\n /* Props for the tag group error message element, if any. /\n errorMessageProps: DOMAttributes\n}\n\nexport interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps, Validation {\n /\n An optional keyboard delegate to handle arrow key navigation,\n * to override the default.\n /\n keyboardDelegate?: TagKeyboardDelegate<T>\n}\n\n/\n Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, or other items, with support for keyboard navigation and removal.\n * @param props - Props to be applied to the tag group.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag group.\n */\nexport function useTagGroup<T>(props: AriaTagGroupProps<T>, state: TagGroupState<T>, ref: RefObject<HTMLElement>): TagGroupAria {\n let {direction} = useLocale();\n let keyboardDelegate = props.keyboardDelegate \|\| new TagKeyboardDelegate(state.collection, direction);\n let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField(props);\n let {gridProps} = useGridList({...props, ...fieldProps, keyboardDelegate}, state, ref);\n\n // Don't want the grid to be focusable or accessible via keyboard\n delete gridProps.tabIndex;\n\n let [isFocusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n onFocusWithinChange: setFocusWithin\n });\n let domProps = filterDOMProps(props);\n return {\n gridProps: mergeProps(gridProps, domProps, {\n role: state.collection.size ? 'grid' : null,\n 'aria-atomic': false,\n 'aria-relevant': 'additions',\n 'aria-live': isFocusWithin ? 'polite' : 'off',\n ...focusWithinProps,\n ...fieldProps\n }),\n labelProps,\n descriptionProps,\n errorMessageProps\n };\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import {useId as $aIvin$useId, chain as $aIvin$chain, filterDOMProps as $aIvin$filterDOMProps, mergeProps as $aIvin$mergeProps} from "@react-aria/utils";
+import {useId as $aIvin$useId, chain as $aIvin$chain, useDescription as $aIvin$useDescription, 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 {useInteractionModality as $aIvin$useInteractionModality, useFocusWithin as $aIvin$useFocusWithin} from "@react-aria/interactions";
 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;
@@ -120,7 +120,8 @@ $3618d917e503a8d3$exports = {
 var $9eb56bbbe8e31294$exports = {};
 $9eb56bbbe8e31294$exports = {
-    "remove": `Press Space or Delete to remove tag.`
+    "removeDescription": `Press Delete to remove tag.`,
+    "removeButtonLabel": `Remove`
 };
@@ -326,10 +327,10 @@ $4d1b62e0e67c00a4$exports = {
 function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
-    let { isFocused: isFocused , allowsRemoving: allowsRemoving , item: item  } = props;
+    let { 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)({
@@ -344,11 +345,17 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
             e.preventDefault();
         }
     };
-    isFocused = isFocused || state.selectionManager.focusedKey === item.key;
+    let modality = (0, $aIvin$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, $aIvin$useDescription)(description);
     let domProps = (0, $aIvin$filterDOMProps)(props);
+    let isFocused = item.key === state.selectionManager.focusedKey;
     return {
-        clearButtonProps: {
-            "aria-label": removeString,
+        removeButtonProps: {
+            "aria-label": stringFormatter.format("removeButtonLabel", {
+                label: item.textValue
+            }),
             "aria-labelledby": `${buttonId} ${labelId}`,
             id: buttonId,
             onPress: ()=>allowsRemoving && onRemove ? onRemove(item.key) : null,
@@ -360,7 +367,8 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
         rowProps: {
             ...rowProps,
             tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
-            onKeyDown: allowsRemoving ? onKeyDown : null
+            onKeyDown: allowsRemoving ? onKeyDown : null,
+            "aria-describedby": descProps["aria-describedby"]
         },
         gridCellProps: (0, $aIvin$mergeProps)(domProps, gridCellProps, {
             "aria-errormessage": props["aria-errormessage"],

package/dist/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/TagKeyboardDelegate.ts","packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/intl/.js","packages/@react-aria/tag/intl/ar-AE.json","packages/@react-aria/tag/intl/bg-BG.json","packages/@react-aria/tag/intl/cs-CZ.json","packages/@react-aria/tag/intl/da-DK.json","packages/@react-aria/tag/intl/de-DE.json","packages/@react-aria/tag/intl/el-GR.json","packages/@react-aria/tag/intl/en-US.json","packages/@react-aria/tag/intl/es-ES.json","packages/@react-aria/tag/intl/et-EE.json","packages/@react-aria/tag/intl/fi-FI.json","packages/@react-aria/tag/intl/fr-FR.json","packages/@react-aria/tag/intl/he-IL.json","packages/@react-aria/tag/intl/hr-HR.json","packages/@react-aria/tag/intl/hu-HU.json","packages/@react-aria/tag/intl/it-IT.json","packages/@react-aria/tag/intl/ja-JP.json","packages/@react-aria/tag/intl/ko-KR.json","packages/@react-aria/tag/intl/lt-LT.json","packages/@react-aria/tag/intl/lv-LV.json","packages/@react-aria/tag/intl/nb-NO.json","packages/@react-aria/tag/intl/nl-NL.json","packages/@react-aria/tag/intl/pl-PL.json","packages/@react-aria/tag/intl/pt-BR.json","packages/@react-aria/tag/intl/pt-PT.json","packages/@react-aria/tag/intl/ro-RO.json","packages/@react-aria/tag/intl/ru-RU.json","packages/@react-aria/tag/intl/sk-SK.json","packages/@react-aria/tag/intl/sl-SI.json","packages/@react-aria/tag/intl/sr-SP.json","packages/@react-aria/tag/intl/sv-SE.json","packages/@react-aria/tag/intl/tr-TR.json","packages/@react-aria/tag/intl/uk-UA.json","packages/@react-aria/tag/intl/zh-CN.json","packages/@react-aria/tag/intl/zh-TW.json","packages/@react-aria/tag/src/useTagGroup.ts"],"sourcesContent":["/\n * Copyright 2020 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 /\n\nexport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nexport {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagProps} from '@react-types/tag';\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {TagAria} from './useTag';\n","/\n * Copyright 2020 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 /\n\nimport {Collection, Direction, KeyboardDelegate} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TagKeyboardDelegate<T> implements KeyboardDelegate {\n private collection: Collection<T>;\n private direction: Direction;\n\n constructor(collection: Collection<T>, direction: Direction) {\n this.collection = collection;\n this.direction = direction;\n }\n\n getFirstKey() {\n return this.collection.getFirstKey();\n }\n\n getLastKey() {\n return this.collection.getLastKey();\n }\n \n getKeyRightOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);\n }\n\n getKeyLeftOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyBelow(key) : this.getKeyAbove(key);\n }\n\n getKeyBelow(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the next item\n key = this.collection.getKeyAfter(key);\n\n if (key != null) {\n return key;\n } else {\n return this.collection.getFirstKey();\n }\n }\n\n getKeyAbove(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the previous item\n key = this.collection.getKeyBefore(key);\n if (key != null) {\n return key;\n } else {\n return this.collection.getLastKey();\n }\n }\n\n getKeyPageAbove(key) {\n return this.getKeyAbove(key);\n }\n\n getKeyPageBelow(key) {\n return this.getKeyBelow(key);\n }\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {chain, filterDOMProps, mergeProps, useId} from '@react-aria/utils';\nimport {DOMAttributes, FocusableElement} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {KeyboardEvent, RefObject} from 'react';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagProps} from '@react-types/tag';\nimport {useGridListItem} from '@react-aria/gridlist';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface TagAria {\n /** Props for the tag visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag cell element. /\n gridCellProps: DOMAttributes,\n /* Props for the tag row element. /\n rowProps: DOMAttributes,\n /* Props for the tag clear button. /\n clearButtonProps: AriaButtonProps\n}\n\n/\n Provides the behavior and accessibility implementation for a tag component.\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag.\n /\nexport function useTag<T>(props: TagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria {\n let {\n isFocused,\n allowsRemoving,\n item\n } = props;\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let removeString = stringFormatter.format('remove');\n let labelId = useId();\n let buttonId = useId();\n\n let {rowProps, gridCellProps} = useGridListItem({\n node: item\n }, state, ref);\n\n // We want the group to handle keyboard navigation between tags.\n delete rowProps.onKeyDownCapture;\n\n let onRemove = chain(props.onRemove, state.onRemove);\n\n let onKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Delete' \|\| e.key === 'Backspace') {\n onRemove(item.key);\n e.preventDefault();\n }\n };\n\n isFocused = isFocused \|\| state.selectionManager.focusedKey === item.key;\n let domProps = filterDOMProps(props);\n return {\n clearButtonProps: {\n 'aria-label': removeString,\n 'aria-labelledby': `${buttonId} ${labelId}`,\n id: buttonId,\n onPress: () => allowsRemoving && onRemove ? onRemove(item.key) : null,\n excludeFromTabOrder: true\n },\n labelProps: {\n id: labelId\n },\n rowProps: {\n ...rowProps,\n tabIndex: (isFocused \|\| state.selectionManager.focusedKey == null) ? 0 : -1,\n onKeyDown: allowsRemoving ? onKeyDown : null\n },\n gridCellProps: mergeProps(domProps, gridCellProps, {\n 'aria-errormessage': props['aria-errormessage'],\n 'aria-label': props['aria-label']\n })\n };\n}\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"remove\": \"اضغط على زر Space أو Delete لإزالة العلامة.\"\n}\n","{\n \"remove\": \"Натиснете интервал или Delete, за да премахнете маркера.\"\n}\n","{\n \"remove\": \"Stisknutím mezerníku nebo klávesy Delete odeberte značku.\"\n}\n","{\n \"remove\": \"Tryk på mellemrum eller Slet for at fjerne tag.\"\n}\n","{\n \"remove\": \"Drücken Sie Leertaste oder Löschen, um das Tag zu entfernen.\"\n}\n","{\n \"remove\": \"Πατήστε το πλήκτρο διαστήματος ή το πλήκτρο Delete για να καταργήσετε την ετικέτα.\"\n}\n","{ \n \"remove\": \"Press Space or Delete to remove tag.\"\n}\n","{\n \"remove\": \"Pulse Espacio o Eliminar para quitar la etiqueta.\"\n}\n","{\n \"remove\": \"Sildi eemaldamiseks vajutage tühikuklahvi või kustutusklahvi Delete.\"\n}\n","{\n \"remove\": \"Poista tunniste painamalla Välilyönti tai Poista.\"\n}\n","{\n \"remove\": \"Appuyez sur Espace ou Supprimer pour supprimer la balise.\"\n}\n","{\n \"remove\": \"הקש על רווח או מחק כדי להסיר תג.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete za uklanjanje oznake.\"\n}\n","{\n \"remove\": \"Nyomja meg a szóköz vagy a Delete billentyűt a címke eltávolításához.\"\n}\n","{\n \"remove\": \"Premi la barra spaziatrice o CANC per rimuovere il tag.\"\n}\n","{\n \"remove\": \"タグを削除するには、スペースまたは削除を押します。\"\n}\n","{\n \"remove\": \"태그를 제거하려면 Space 또는 Delete 키를 누르십시오.\"\n}\n","{\n \"remove\": \"Norėdami pašalinti žymą, paspauskite tarpo arba „Delete“ klavišą.\"\n}\n","{\n \"remove\": \"Nospiediet atstarpes taustiņu vai taustiņu Delete, lai noņemtu tagu.\"\n}\n","{\n \"remove\": \"Trykk på mellomrom eller Slett for å fjerne taggen.\"\n}\n","{\n \"remove\": \"Druk op Spatie of Verwijderen om de tag te verwijderen.\"\n}\n","{\n \"remove\": \"Naciśnij Spację lub przycisk Usuń, aby usunąć znacznik.\"\n}\n","{\n \"remove\": \"Pressione a barra de espaço ou Delete para remover a tag.\"\n}\n","{\n \"remove\": \"Pressione Espaço ou Eliminar para remover a etiqueta.\"\n}\n","{\n \"remove\": \"Apăsați pe Space (Spațiu) sau pe Delete (Ștergere) pentru a elimina eticheta.\"\n}\n","{\n \"remove\": \"Нажмите клавишу пробел или Delete, чтобы удалить тег.\"\n}\n","{\n \"remove\": \"Ak chcete odstrániť značku, stlačte medzerník alebo kláves Delete.\"\n}\n","{\n \"remove\": \"Pritisnite presledek ali Izbriši, da odstranite oznako.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete da biste uklonili oznaku.\"\n}\n","{\n \"remove\": \"Tryck på blanksteg eller radera för att ta bort taggen.\"\n}\n","{\n \"remove\": \"Etiketi kaldırmak için Boşluk veya Sil tuşlarından birine basın.\"\n}\n","{\n \"remove\": \"Натисніть пробіл або Delete, щоб видалити тег.\"\n}\n","{\n \"remove\": \"按下“空格”或“删除”键删除标记。\"\n}\n","{\n \"remove\": \"按空格鍵或 Delete 鍵以移除標記。\"\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaLabelingProps, DOMAttributes, DOMProps, Validation} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {RefObject, useState} from 'react';\nimport {TagGroupProps} from '@react-types/tag';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useGridList} from '@react-aria/gridlist';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface TagGroupAria {\n /* Props for the tag grouping element. /\n gridProps: DOMAttributes,\n /* Props for the tag group's visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag group description element, if any. /\n descriptionProps: DOMAttributes,\n /* Props for the tag group error message element, if any. /\n errorMessageProps: DOMAttributes\n}\n\nexport interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps, Validation {\n /\n An optional keyboard delegate to handle arrow key navigation,\n * to override the default.\n /\n keyboardDelegate?: TagKeyboardDelegate<T>\n}\n\n/\n Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, or other items, with support for keyboard navigation and removal.\n * @param props - Props to be applied to the tag group.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag group.\n */\nexport function useTagGroup<T>(props: AriaTagGroupProps<T>, state: TagGroupState<T>, ref: RefObject<HTMLElement>): TagGroupAria {\n let {direction} = useLocale();\n let keyboardDelegate = props.keyboardDelegate \|\| new TagKeyboardDelegate(state.collection, direction);\n let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField(props);\n let {gridProps} = useGridList({...props, ...fieldProps, keyboardDelegate}, state, ref);\n\n // Don't want the grid to be focusable or accessible via keyboard\n delete gridProps.tabIndex;\n\n let [isFocusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n onFocusWithinChange: setFocusWithin\n });\n let domProps = filterDOMProps(props);\n return {\n gridProps: mergeProps(gridProps, domProps, {\n role: state.collection.size ? 'grid' : null,\n 'aria-atomic': false,\n 'aria-relevant': 'additions',\n 'aria-live': isFocusWithin ? 'polite' : 'off',\n ...focusWithinProps,\n ...fieldProps\n }),\n labelProps,\n descriptionProps,\n errorMessageProps\n };\n}\n"],"names":[],"version":3,"file":"module.js.map"}
1	+ {"mappings":"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","sources":["packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/TagKeyboardDelegate.ts","packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/intl/.js","packages/@react-aria/tag/intl/ar-AE.json","packages/@react-aria/tag/intl/bg-BG.json","packages/@react-aria/tag/intl/cs-CZ.json","packages/@react-aria/tag/intl/da-DK.json","packages/@react-aria/tag/intl/de-DE.json","packages/@react-aria/tag/intl/el-GR.json","packages/@react-aria/tag/intl/en-US.json","packages/@react-aria/tag/intl/es-ES.json","packages/@react-aria/tag/intl/et-EE.json","packages/@react-aria/tag/intl/fi-FI.json","packages/@react-aria/tag/intl/fr-FR.json","packages/@react-aria/tag/intl/he-IL.json","packages/@react-aria/tag/intl/hr-HR.json","packages/@react-aria/tag/intl/hu-HU.json","packages/@react-aria/tag/intl/it-IT.json","packages/@react-aria/tag/intl/ja-JP.json","packages/@react-aria/tag/intl/ko-KR.json","packages/@react-aria/tag/intl/lt-LT.json","packages/@react-aria/tag/intl/lv-LV.json","packages/@react-aria/tag/intl/nb-NO.json","packages/@react-aria/tag/intl/nl-NL.json","packages/@react-aria/tag/intl/pl-PL.json","packages/@react-aria/tag/intl/pt-BR.json","packages/@react-aria/tag/intl/pt-PT.json","packages/@react-aria/tag/intl/ro-RO.json","packages/@react-aria/tag/intl/ru-RU.json","packages/@react-aria/tag/intl/sk-SK.json","packages/@react-aria/tag/intl/sl-SI.json","packages/@react-aria/tag/intl/sr-SP.json","packages/@react-aria/tag/intl/sv-SE.json","packages/@react-aria/tag/intl/tr-TR.json","packages/@react-aria/tag/intl/uk-UA.json","packages/@react-aria/tag/intl/zh-CN.json","packages/@react-aria/tag/intl/zh-TW.json","packages/@react-aria/tag/src/useTagGroup.ts"],"sourcesContent":["/\n * Copyright 2020 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 /\n\nexport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nexport {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagProps} from '@react-types/tag';\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {AriaTagProps, TagAria} from './useTag';\n","/\n * Copyright 2020 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 /\n\nimport {Collection, Direction, KeyboardDelegate} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TagKeyboardDelegate<T> implements KeyboardDelegate {\n private collection: Collection<T>;\n private direction: Direction;\n\n constructor(collection: Collection<T>, direction: Direction) {\n this.collection = collection;\n this.direction = direction;\n }\n\n getFirstKey() {\n return this.collection.getFirstKey();\n }\n\n getLastKey() {\n return this.collection.getLastKey();\n }\n \n getKeyRightOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);\n }\n\n getKeyLeftOf(key: Key) {\n return this.direction === 'rtl' ? this.getKeyBelow(key) : this.getKeyAbove(key);\n }\n\n getKeyBelow(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the next item\n key = this.collection.getKeyAfter(key);\n\n if (key != null) {\n return key;\n } else {\n return this.collection.getFirstKey();\n }\n }\n\n getKeyAbove(key) {\n let startItem = this.collection.getItem(key);\n if (!startItem) {\n return;\n }\n\n // Find the previous item\n key = this.collection.getKeyBefore(key);\n if (key != null) {\n return key;\n } else {\n return this.collection.getLastKey();\n }\n }\n\n getKeyPageAbove(key) {\n return this.getKeyAbove(key);\n }\n\n getKeyPageBelow(key) {\n return this.getKeyBelow(key);\n }\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement} from '@react-types/shared';\nimport {chain, filterDOMProps, mergeProps, useDescription, useId} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {KeyboardEvent, RefObject} from 'react';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagProps} from '@react-types/tag';\nimport {useGridListItem} from '@react-aria/gridlist';\nimport {useInteractionModality} from '@react-aria/interactions';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface TagAria {\n /** Props for the tag visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag cell element. /\n gridCellProps: DOMAttributes,\n /* Props for the tag row element. /\n rowProps: DOMAttributes,\n /* Props for the tag remove button. /\n removeButtonProps: AriaButtonProps\n}\n\nexport interface AriaTagProps<T> extends TagProps<T>, DOMProps, AriaLabelingProps {}\n\n/\n Provides the behavior and accessibility implementation for a tag component.\n * @param props - Props to be applied to the tag.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag.\n /\nexport function useTag<T>(props: AriaTagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria {\n let {\n allowsRemoving,\n item\n } = props;\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let labelId = useId();\n let buttonId = useId();\n\n let {rowProps, gridCellProps} = useGridListItem({\n node: item\n }, state, ref);\n\n // We want the group to handle keyboard navigation between tags.\n delete rowProps.onKeyDownCapture;\n\n let onRemove = chain(props.onRemove, state.onRemove);\n\n let onKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Delete' \|\| e.key === 'Backspace') {\n onRemove(item.key);\n e.preventDefault();\n }\n };\n\n let modality: string = useInteractionModality();\n if (modality === 'virtual' && (typeof window !== 'undefined' && 'ontouchstart' in window)) {\n modality = 'touch';\n }\n let description = allowsRemoving && (modality === 'keyboard' \|\| modality === 'virtual') ? stringFormatter.format('removeDescription') : '';\n let descProps = useDescription(description);\n\n let domProps = filterDOMProps(props);\n let isFocused = item.key === state.selectionManager.focusedKey;\n return {\n removeButtonProps: {\n 'aria-label': stringFormatter.format('removeButtonLabel', {label: item.textValue}),\n 'aria-labelledby': `${buttonId} ${labelId}`,\n id: buttonId,\n onPress: () => allowsRemoving && onRemove ? onRemove(item.key) : null,\n excludeFromTabOrder: true\n },\n labelProps: {\n id: labelId\n },\n rowProps: {\n ...rowProps,\n tabIndex: (isFocused \|\| state.selectionManager.focusedKey == null) ? 0 : -1,\n onKeyDown: allowsRemoving ? onKeyDown : null,\n 'aria-describedby': descProps['aria-describedby']\n },\n gridCellProps: mergeProps(domProps, gridCellProps, {\n 'aria-errormessage': props['aria-errormessage'],\n 'aria-label': props['aria-label']\n })\n };\n}\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"remove\": \"اضغط على زر Space أو Delete لإزالة العلامة.\"\n}\n","{\n \"remove\": \"Натиснете интервал или Delete, за да премахнете маркера.\"\n}\n","{\n \"remove\": \"Stisknutím mezerníku nebo klávesy Delete odeberte značku.\"\n}\n","{\n \"remove\": \"Tryk på mellemrum eller Slet for at fjerne tag.\"\n}\n","{\n \"remove\": \"Drücken Sie Leertaste oder Löschen, um das Tag zu entfernen.\"\n}\n","{\n \"remove\": \"Πατήστε το πλήκτρο διαστήματος ή το πλήκτρο Delete για να καταργήσετε την ετικέτα.\"\n}\n","{ \n \"removeDescription\": \"Press Delete to remove tag.\",\n \"removeButtonLabel\": \"Remove\"\n}\n","{\n \"remove\": \"Pulse Espacio o Eliminar para quitar la etiqueta.\"\n}\n","{\n \"remove\": \"Sildi eemaldamiseks vajutage tühikuklahvi või kustutusklahvi Delete.\"\n}\n","{\n \"remove\": \"Poista tunniste painamalla Välilyönti tai Poista.\"\n}\n","{\n \"remove\": \"Appuyez sur Espace ou Supprimer pour supprimer la balise.\"\n}\n","{\n \"remove\": \"הקש על רווח או מחק כדי להסיר תג.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete za uklanjanje oznake.\"\n}\n","{\n \"remove\": \"Nyomja meg a szóköz vagy a Delete billentyűt a címke eltávolításához.\"\n}\n","{\n \"remove\": \"Premi la barra spaziatrice o CANC per rimuovere il tag.\"\n}\n","{\n \"remove\": \"タグを削除するには、スペースまたは削除を押します。\"\n}\n","{\n \"remove\": \"태그를 제거하려면 Space 또는 Delete 키를 누르십시오.\"\n}\n","{\n \"remove\": \"Norėdami pašalinti žymą, paspauskite tarpo arba „Delete“ klavišą.\"\n}\n","{\n \"remove\": \"Nospiediet atstarpes taustiņu vai taustiņu Delete, lai noņemtu tagu.\"\n}\n","{\n \"remove\": \"Trykk på mellomrom eller Slett for å fjerne taggen.\"\n}\n","{\n \"remove\": \"Druk op Spatie of Verwijderen om de tag te verwijderen.\"\n}\n","{\n \"remove\": \"Naciśnij Spację lub przycisk Usuń, aby usunąć znacznik.\"\n}\n","{\n \"remove\": \"Pressione a barra de espaço ou Delete para remover a tag.\"\n}\n","{\n \"remove\": \"Pressione Espaço ou Eliminar para remover a etiqueta.\"\n}\n","{\n \"remove\": \"Apăsați pe Space (Spațiu) sau pe Delete (Ștergere) pentru a elimina eticheta.\"\n}\n","{\n \"remove\": \"Нажмите клавишу пробел или Delete, чтобы удалить тег.\"\n}\n","{\n \"remove\": \"Ak chcete odstrániť značku, stlačte medzerník alebo kláves Delete.\"\n}\n","{\n \"remove\": \"Pritisnite presledek ali Izbriši, da odstranite oznako.\"\n}\n","{\n \"remove\": \"Pritisnite Space ili Delete da biste uklonili oznaku.\"\n}\n","{\n \"remove\": \"Tryck på blanksteg eller radera för att ta bort taggen.\"\n}\n","{\n \"remove\": \"Etiketi kaldırmak için Boşluk veya Sil tuşlarından birine basın.\"\n}\n","{\n \"remove\": \"Натисніть пробіл або Delete, щоб видалити тег.\"\n}\n","{\n \"remove\": \"按下“空格”或“删除”键删除标记。\"\n}\n","{\n \"remove\": \"按空格鍵或 Delete 鍵以移除標記。\"\n}\n","/\n * Copyright 2020 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 /\n\nimport {AriaLabelingProps, DOMAttributes, DOMProps, Validation} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {RefObject, useState} from 'react';\nimport {TagGroupProps} from '@react-types/tag';\nimport type {TagGroupState} from '@react-stately/tag';\nimport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useGridList} from '@react-aria/gridlist';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface TagGroupAria {\n /* Props for the tag grouping element. /\n gridProps: DOMAttributes,\n /* Props for the tag group's visible label (if any). /\n labelProps: DOMAttributes,\n /* Props for the tag group description element, if any. /\n descriptionProps: DOMAttributes,\n /* Props for the tag group error message element, if any. /\n errorMessageProps: DOMAttributes\n}\n\nexport interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps, Validation {\n /\n An optional keyboard delegate to handle arrow key navigation,\n * to override the default.\n /\n keyboardDelegate?: TagKeyboardDelegate<T>\n}\n\n/\n Provides the behavior and accessibility implementation for a tag group component.\n * A tag group is a focusable list of labels, categories, keywords, or other items, with support for keyboard navigation and removal.\n * @param props - Props to be applied to the tag group.\n * @param state - State for the tag group, as returned by `useTagGroupState`.\n * @param ref - A ref to a DOM element for the tag group.\n */\nexport function useTagGroup<T>(props: AriaTagGroupProps<T>, state: TagGroupState<T>, ref: RefObject<HTMLElement>): TagGroupAria {\n let {direction} = useLocale();\n let keyboardDelegate = props.keyboardDelegate \|\| new TagKeyboardDelegate(state.collection, direction);\n let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField(props);\n let {gridProps} = useGridList({...props, ...fieldProps, keyboardDelegate}, state, ref);\n\n // Don't want the grid to be focusable or accessible via keyboard\n delete gridProps.tabIndex;\n\n let [isFocusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n onFocusWithinChange: setFocusWithin\n });\n let domProps = filterDOMProps(props);\n return {\n gridProps: mergeProps(gridProps, domProps, {\n role: state.collection.size ? 'grid' : null,\n 'aria-atomic': false,\n 'aria-relevant': 'additions',\n 'aria-live': isFocusWithin ? 'polite' : 'off',\n ...focusWithinProps,\n ...fieldProps\n }),\n labelProps,\n descriptionProps,\n errorMessageProps\n };\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Collection, Direction, KeyboardDelegate, DOMAttributes, FocusableElement, AriaLabelingProps, DOMProps, Validation } from "@react-types/shared";
+import { Collection, Direction, KeyboardDelegate, AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement, Validation } from "@react-types/shared";
 import { Key, RefObject } from "react";
 import { AriaButtonProps } from "@react-types/button";
 import { TagGroupState } from "@react-stately/tag";
@@ -21,8 +21,10 @@ export interface TagAria {
     gridCellProps: DOMAttributes;
     /** Props for the tag row element. */
     rowProps: DOMAttributes;
-    /** Props for the tag clear button. */
-    clearButtonProps: AriaButtonProps;
+    /** Props for the tag remove button. */
+    removeButtonProps: AriaButtonProps;
+}
+export interface AriaTagProps<T> extends TagProps<T>, DOMProps, AriaLabelingProps {
 }
 /**
  * Provides the behavior and accessibility implementation for a tag component.
@@ -30,7 +32,7 @@ export interface TagAria {
  * @param state - State for the tag group, as returned by `useTagGroupState`.
  * @param ref - A ref to a DOM element for the tag.
  */
-export function useTag<T>(props: TagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria;
+export function useTag<T>(props: AriaTagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria;
 export interface TagGroupAria {
     /** Props for the tag grouping element. */
     gridProps: DOMAttributes;

package/dist/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;;AAeA,iCAAiC,CAAC,CAAE,YAAW,gBAAgB;gBAIjD,UAAU,EAAE,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;IAK3D,WAAW;IAIX,UAAU;IAIV,aAAa,CAAC,GAAG,EAAE,GAAG;IAItB,YAAY,CAAC,GAAG,EAAE,GAAG;IAIrB,WAAW,CAAC,GAAG,KAAA;IAgBf,WAAW,CAAC,GAAG,KAAA;IAef,eAAe,CAAC,GAAG,KAAA;IAInB,eAAe,CAAC,GAAG,KAAA;CAGpB;~~ACtDD~~;IACE,gDAAgD;IAChD,UAAU,EAAE,aAAa,CAAC;IAC1B,sCAAsC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,qCAAqC;IACrC,QAAQ,EAAE,aAAa,CAAC;IACxB,~~sCAAsC~~;~~IACtC~~,~~gBAAgB~~,EAAE,eAAe,CAAA;~~CAClC~~;AAED;;;;;GAKG;AACH,uBAAuB,CAAC,EAAE,KAAK,EAAE,~~SAAS~~,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,OAAO,~~CAkDhH~~;~~ACpED~~;IACE,0CAA0C;IAC1C,SAAS,EAAE,aAAa,CAAC;IACzB,wDAAwD;IACxD,UAAU,EAAE,aAAa,CAAC;IAC1B,2DAA2D;IAC3D,gBAAgB,EAAE,aAAa,CAAC;IAChC,6DAA6D;IAC7D,iBAAiB,EAAE,aAAa,CAAA;CACjC;AAED,mCAAmC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU;IACrG;;;OAGG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAA;CAC1C;AAED;;;;;;GAMG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,YAAY,CA2B9H;AC5DD,YAAY,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAC","sources":["packages/@react-aria/tag/src/packages/@react-aria/tag/src/TagKeyboardDelegate.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTagGroup.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/index.ts"],"sourcesContent":[null,null,null,null,"/\n Copyright 2020 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 */\n\nexport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nexport {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagProps} from '@react-types/tag';\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {TagAria} from './useTag';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1	+ {"mappings":";;;;;AAeA,iCAAiC,CAAC,CAAE,YAAW,gBAAgB;gBAIjD,UAAU,EAAE,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;IAK3D,WAAW;IAIX,UAAU;IAIV,aAAa,CAAC,GAAG,EAAE,GAAG;IAItB,YAAY,CAAC,GAAG,EAAE,GAAG;IAIrB,WAAW,CAAC,GAAG,KAAA;IAgBf,WAAW,CAAC,GAAG,KAAA;IAef,eAAe,CAAC,GAAG,KAAA;IAInB,eAAe,CAAC,GAAG,KAAA;CAGpB;ACrDD;IACE,gDAAgD;IAChD,UAAU,EAAE,aAAa,CAAC;IAC1B,sCAAsC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,qCAAqC;IACrC,QAAQ,EAAE,aAAa,CAAC;IACxB,uCAAuC;IACvC,iBAAiB,EAAE,eAAe,CAAA;CACnC;AAED,8BAA8B,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB;CAAG;AAEpF;;;;;GAKG;AACH,uBAAuB,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,OAAO,CAwDpH;AC7ED;IACE,0CAA0C;IAC1C,SAAS,EAAE,aAAa,CAAC;IACzB,wDAAwD;IACxD,UAAU,EAAE,aAAa,CAAC;IAC1B,2DAA2D;IAC3D,gBAAgB,EAAE,aAAa,CAAC;IAChC,6DAA6D;IAC7D,iBAAiB,EAAE,aAAa,CAAA;CACjC;AAED,mCAAmC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU;IACrG;;;OAGG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAA;CAC1C;AAED;;;;;;GAMG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,YAAY,CA2B9H;AC5DD,YAAY,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAC","sources":["packages/@react-aria/tag/src/packages/@react-aria/tag/src/TagKeyboardDelegate.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTagGroup.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/index.ts"],"sourcesContent":[null,null,null,null,"/\n Copyright 2020 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 */\n\nexport {TagKeyboardDelegate} from './TagKeyboardDelegate';\nexport {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagProps} from '@react-types/tag';\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {AriaTagProps, TagAria} from './useTag';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/tag",
-  "version": "3.0.0-nightly.2087+db4c61715",
+  "version": "3.0.0-nightly.2104+83677f944",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,16 +22,16 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/gridlist": "3.2.2-nightly.3787+db4c61715",
-    "@react-aria/i18n": "3.0.0-nightly.2087+db4c61715",
-    "@react-aria/interactions": "3.0.0-nightly.2087+db4c61715",
-    "@react-aria/label": "3.0.0-nightly.2087+db4c61715",
-    "@react-aria/utils": "3.0.0-nightly.2087+db4c61715",
-    "@react-stately/list": "3.7.1-nightly.3787+db4c61715",
-    "@react-stately/tag": "3.0.0-nightly.3787+db4c61715",
-    "@react-types/button": "3.7.2-nightly.3787+db4c61715",
-    "@react-types/shared": "3.0.0-nightly.2087+db4c61715",
-    "@react-types/tag": "3.0.0-nightly.2087+db4c61715",
+    "@react-aria/gridlist": "3.2.2-nightly.3804+83677f944",
+    "@react-aria/i18n": "3.0.0-nightly.2104+83677f944",
+    "@react-aria/interactions": "3.0.0-nightly.2104+83677f944",
+    "@react-aria/label": "3.0.0-nightly.2104+83677f944",
+    "@react-aria/utils": "3.0.0-nightly.2104+83677f944",
+    "@react-stately/list": "3.7.1-nightly.3804+83677f944",
+    "@react-stately/tag": "3.0.0-nightly.3804+83677f944",
+    "@react-types/button": "3.7.2-nightly.3804+83677f944",
+    "@react-types/shared": "3.0.0-nightly.2104+83677f944",
+    "@react-types/tag": "3.0.0-nightly.2104+83677f944",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -40,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "db4c6171583f36ec4aa5da77c3dcb50b2013ea97"
+  "gitHead": "83677f94489fdfa535fd511157f5292ad80b7b09"
 }

package/src/index.ts CHANGED Viewed

@@ -16,4 +16,4 @@ export {useTagGroup} from './useTagGroup';
 export type {TagProps} from '@react-types/tag';
 export type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';
-export type {TagAria} from './useTag';
+export type {AriaTagProps, TagAria} from './useTag';

package/src/useTag.ts CHANGED Viewed

@@ -11,14 +11,15 @@
  */
 import {AriaButtonProps} from '@react-types/button';
-import {chain, filterDOMProps, mergeProps, useId} from '@react-aria/utils';
-import {DOMAttributes, FocusableElement} from '@react-types/shared';
+import {AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement} from '@react-types/shared';
+import {chain, filterDOMProps, mergeProps, useDescription, useId} from '@react-aria/utils';
 // @ts-ignore
 import intlMessages from '../intl/*.json';
 import {KeyboardEvent, RefObject} from 'react';
 import type {TagGroupState} from '@react-stately/tag';
 import {TagProps} from '@react-types/tag';
 import {useGridListItem} from '@react-aria/gridlist';
+import {useInteractionModality} from '@react-aria/interactions';
 import {useLocalizedStringFormatter} from '@react-aria/i18n';
@@ -29,24 +30,24 @@ export interface TagAria {
   gridCellProps: DOMAttributes,
   /** Props for the tag row element. */
   rowProps: DOMAttributes,
-  /** Props for the tag clear button. */
-  clearButtonProps: AriaButtonProps
+  /** Props for the tag remove button. */
+  removeButtonProps: AriaButtonProps
 }
+export interface AriaTagProps<T> extends TagProps<T>, DOMProps, AriaLabelingProps {}
 /**
  * Provides the behavior and accessibility implementation for a tag component.
  * @param props - Props to be applied to the tag.
  * @param state - State for the tag group, as returned by `useTagGroupState`.
  * @param ref - A ref to a DOM element for the tag.
  */
-export function useTag<T>(props: TagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria {
+export function useTag<T>(props: AriaTagProps<T>, state: TagGroupState<T>, ref: RefObject<FocusableElement>): TagAria {
   let {
-    isFocused,
     allowsRemoving,
     item
   } = props;
   let stringFormatter = useLocalizedStringFormatter(intlMessages);
-  let removeString = stringFormatter.format('remove');
   let labelId = useId();
   let buttonId = useId();
@@ -66,11 +67,18 @@ export function useTag<T>(props: TagProps<T>, state: TagGroupState<T>, ref: RefO
     }
   };
-  isFocused = isFocused || state.selectionManager.focusedKey === item.key;
+  let modality: string = useInteractionModality();
+  if (modality === 'virtual' &&  (typeof window !== 'undefined' && 'ontouchstart' in window)) {
+    modality = 'touch';
+  }
+  let description = allowsRemoving && (modality === 'keyboard' || modality === 'virtual') ? stringFormatter.format('removeDescription') : '';
+  let descProps = useDescription(description);
   let domProps = filterDOMProps(props);
+  let isFocused = item.key === state.selectionManager.focusedKey;
   return {
-    clearButtonProps: {
-      'aria-label': removeString,
+    removeButtonProps: {
+      'aria-label': stringFormatter.format('removeButtonLabel', {label: item.textValue}),
       'aria-labelledby': `${buttonId} ${labelId}`,
       id: buttonId,
       onPress: () => allowsRemoving && onRemove ? onRemove(item.key) : null,
@@ -82,7 +90,8 @@ export function useTag<T>(props: TagProps<T>, state: TagGroupState<T>, ref: RefO
     rowProps: {
       ...rowProps,
       tabIndex: (isFocused || state.selectionManager.focusedKey == null) ? 0 : -1,
-      onKeyDown: allowsRemoving ? onKeyDown : null
+      onKeyDown: allowsRemoving ? onKeyDown : null,
+      'aria-describedby': descProps['aria-describedby']
     },
     gridCellProps: mergeProps(domProps, gridCellProps, {
       'aria-errormessage': props['aria-errormessage'],