@react-aria/tag 3.0.0-nightly.1965 → 3.0.0-nightly.1969

package/dist/main.js

@@ -2,6 +2,7 @@ var $bSzeT$reactariautils = require("@react-aria/utils");
 var $bSzeT$reactariagridlist = require("@react-aria/gridlist");
 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) {
@@ -391,15 +392,17 @@ function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state) {
 
 
 
+
 function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, state, ref) {
     let { direction: direction  } = (0, $bSzeT$reactariai18n.useLocale)();
     let keyboardDelegate = props.keyboardDelegate || new (0, $d3d7c73f2e3f4edb$export$b00754732e683b92)(state.collection, direction);
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $bSzeT$reactarialabel.useField)(props);
     let { gridProps: gridProps  } = (0, $bSzeT$reactariagridlist.useGridList)({
         ...props,
+        ...fieldProps,
         keyboardDelegate: keyboardDelegate
     }, state, ref);
     // Don't want the grid to be focusable or accessible via keyboard
-    delete gridProps.role;
     delete gridProps.tabIndex;
     let [isFocusWithin, setFocusWithin] = (0, $bSzeT$react.useState)(false);
     let { focusWithinProps: focusWithinProps  } = (0, $bSzeT$reactariainteractions.useFocusWithin)({
@@ -408,11 +411,16 @@ function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, state, ref) {
     let domProps = (0, $bSzeT$reactariautils.filterDOMProps)(props);
     return {
         tagGroupProps: (0, $bSzeT$reactariautils.mergeProps)(gridProps, domProps, {
+            role: state.collection.size ? "grid" : null,
             "aria-atomic": false,
             "aria-relevant": "additions",
             "aria-live": isFocusWithin ? "polite" : "off",
-            ...focusWithinProps
-        })
+            ...focusWithinProps,
+            ...fieldProps
+        }),
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps
     };
 }
 

package/dist/main.js.map

@@ -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} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {KeyboardEvent} 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  labelProps: DOMAttributes,\n  tagProps: DOMAttributes,\n  tagRowProps: DOMAttributes,\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 */\nexport function useTag<T>(props: TagProps<T>, state: TagGroupState<T>): TagAria {\n  let {\n    isFocused,\n    allowsRemoving,\n    item,\n    tagRowRef\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, tagRowRef);\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' || e.key === ' ') {\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    },\n    labelProps: {\n      id: labelId\n    },\n    tagRowProps: {\n      ...rowProps,\n      tabIndex: (isFocused || state.selectionManager.focusedKey == null) ? 0 : -1,\n      onKeyDown: allowsRemoving ? onKeyDown : null\n    },\n    tagProps: 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\": \"إزالة\"\n}\n","{\n  \"remove\": \"Премахване\"\n}\n","{\n  \"remove\": \"Odebrat\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Entfernen\"\n}\n","{\n  \"remove\": \"Κατάργηση\"\n}\n","{  \n  \"remove\": \"Press Space or Delete to remove tag.\"\n}\n","{\n  \"remove\": \"Quitar\"\n}\n","{\n  \"remove\": \"Eemalda\"\n}\n","{\n  \"remove\": \"Poista\"\n}\n","{\n  \"remove\": \"Supprimer\"\n}\n","{\n  \"remove\": \"הסר\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Eltávolítás\"\n}\n","{\n  \"remove\": \"Rimuovi\"\n}\n","{\n  \"remove\": \"削除\"\n}\n","{\n  \"remove\": \"제거\"\n}\n","{\n  \"remove\": \"Pašalinti\"\n}\n","{\n  \"remove\": \"Noņemt\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Verwijderen\"\n}\n","{\n  \"remove\": \"Usuń\"\n}\n","{\n  \"remove\": \"Remover\"\n}\n","{\n  \"remove\": \"Eliminar\"\n}\n","{\n  \"remove\": \"Îndepărtaţi\"\n}\n","{\n  \"remove\": \"Удалить\"\n}\n","{\n  \"remove\": \"Odstrániť\"\n}\n","{\n  \"remove\": \"Odstrani\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Ta bort\"\n}\n","{\n  \"remove\": \"Kaldır\"\n}\n","{\n  \"remove\": \"Видалити\"\n}\n","{\n  \"remove\": \"删除\"\n}\n","{\n  \"remove\": \"移除\"\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} 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 {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  tagGroupProps: DOMAttributes\n}\n\nexport interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps {\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 * Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request.\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 {gridProps} = useGridList({...props, keyboardDelegate}, state, ref);\n\n  // Don't want the grid to be focusable or accessible via keyboard\n  delete gridProps.role;\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    tagGroupProps: mergeProps(gridProps, domProps, {\n      'aria-atomic': false,\n      'aria-relevant': 'additions',\n      'aria-live': isFocusWithin ? 'polite' : 'off',\n      ...focusWithinProps\n    })\n  };\n}\n"],"names":[],"version":3,"file":"main.js.map"}
+{"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} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {KeyboardEvent} 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  labelProps: DOMAttributes,\n  tagProps: DOMAttributes,\n  tagRowProps: DOMAttributes,\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 */\nexport function useTag<T>(props: TagProps<T>, state: TagGroupState<T>): TagAria {\n  let {\n    isFocused,\n    allowsRemoving,\n    item,\n    tagRowRef\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, tagRowRef);\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' || e.key === ' ') {\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    },\n    labelProps: {\n      id: labelId\n    },\n    tagRowProps: {\n      ...rowProps,\n      tabIndex: (isFocused || state.selectionManager.focusedKey == null) ? 0 : -1,\n      onKeyDown: allowsRemoving ? onKeyDown : null\n    },\n    tagProps: 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\": \"إزالة\"\n}\n","{\n  \"remove\": \"Премахване\"\n}\n","{\n  \"remove\": \"Odebrat\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Entfernen\"\n}\n","{\n  \"remove\": \"Κατάργηση\"\n}\n","{  \n  \"remove\": \"Press Space or Delete to remove tag.\"\n}\n","{\n  \"remove\": \"Quitar\"\n}\n","{\n  \"remove\": \"Eemalda\"\n}\n","{\n  \"remove\": \"Poista\"\n}\n","{\n  \"remove\": \"Supprimer\"\n}\n","{\n  \"remove\": \"הסר\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Eltávolítás\"\n}\n","{\n  \"remove\": \"Rimuovi\"\n}\n","{\n  \"remove\": \"削除\"\n}\n","{\n  \"remove\": \"제거\"\n}\n","{\n  \"remove\": \"Pašalinti\"\n}\n","{\n  \"remove\": \"Noņemt\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Verwijderen\"\n}\n","{\n  \"remove\": \"Usuń\"\n}\n","{\n  \"remove\": \"Remover\"\n}\n","{\n  \"remove\": \"Eliminar\"\n}\n","{\n  \"remove\": \"Îndepărtaţi\"\n}\n","{\n  \"remove\": \"Удалить\"\n}\n","{\n  \"remove\": \"Odstrániť\"\n}\n","{\n  \"remove\": \"Odstrani\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Ta bort\"\n}\n","{\n  \"remove\": \"Kaldır\"\n}\n","{\n  \"remove\": \"Видалити\"\n}\n","{\n  \"remove\": \"删除\"\n}\n","{\n  \"remove\": \"移除\"\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  tagGroupProps: 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 * Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request.\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    tagGroupProps: 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

@@ -2,6 +2,7 @@ import {useId as $aIvin$useId, chain as $aIvin$chain, filterDOMProps as $aIvin$f
 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) {
@@ -384,15 +385,17 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state) {
 
 
 
+
 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.role;
     delete gridProps.tabIndex;
     let [isFocusWithin, setFocusWithin] = (0, $aIvin$useState)(false);
     let { focusWithinProps: focusWithinProps  } = (0, $aIvin$useFocusWithin)({
@@ -401,11 +404,16 @@ function $d7323bca8d074eeb$export$4f8b5cda58b7e8ff(props, state, ref) {
     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
-        })
+            ...focusWithinProps,
+            ...fieldProps
+        }),
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps
     };
 }
 

package/dist/module.js.map

@@ -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} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {KeyboardEvent} 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  labelProps: DOMAttributes,\n  tagProps: DOMAttributes,\n  tagRowProps: DOMAttributes,\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 */\nexport function useTag<T>(props: TagProps<T>, state: TagGroupState<T>): TagAria {\n  let {\n    isFocused,\n    allowsRemoving,\n    item,\n    tagRowRef\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, tagRowRef);\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' || e.key === ' ') {\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    },\n    labelProps: {\n      id: labelId\n    },\n    tagRowProps: {\n      ...rowProps,\n      tabIndex: (isFocused || state.selectionManager.focusedKey == null) ? 0 : -1,\n      onKeyDown: allowsRemoving ? onKeyDown : null\n    },\n    tagProps: 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\": \"إزالة\"\n}\n","{\n  \"remove\": \"Премахване\"\n}\n","{\n  \"remove\": \"Odebrat\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Entfernen\"\n}\n","{\n  \"remove\": \"Κατάργηση\"\n}\n","{  \n  \"remove\": \"Press Space or Delete to remove tag.\"\n}\n","{\n  \"remove\": \"Quitar\"\n}\n","{\n  \"remove\": \"Eemalda\"\n}\n","{\n  \"remove\": \"Poista\"\n}\n","{\n  \"remove\": \"Supprimer\"\n}\n","{\n  \"remove\": \"הסר\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Eltávolítás\"\n}\n","{\n  \"remove\": \"Rimuovi\"\n}\n","{\n  \"remove\": \"削除\"\n}\n","{\n  \"remove\": \"제거\"\n}\n","{\n  \"remove\": \"Pašalinti\"\n}\n","{\n  \"remove\": \"Noņemt\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Verwijderen\"\n}\n","{\n  \"remove\": \"Usuń\"\n}\n","{\n  \"remove\": \"Remover\"\n}\n","{\n  \"remove\": \"Eliminar\"\n}\n","{\n  \"remove\": \"Îndepărtaţi\"\n}\n","{\n  \"remove\": \"Удалить\"\n}\n","{\n  \"remove\": \"Odstrániť\"\n}\n","{\n  \"remove\": \"Odstrani\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Ta bort\"\n}\n","{\n  \"remove\": \"Kaldır\"\n}\n","{\n  \"remove\": \"Видалити\"\n}\n","{\n  \"remove\": \"删除\"\n}\n","{\n  \"remove\": \"移除\"\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} 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 {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  tagGroupProps: DOMAttributes\n}\n\nexport interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps {\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 * Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request.\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 {gridProps} = useGridList({...props, keyboardDelegate}, state, ref);\n\n  // Don't want the grid to be focusable or accessible via keyboard\n  delete gridProps.role;\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    tagGroupProps: mergeProps(gridProps, domProps, {\n      'aria-atomic': false,\n      'aria-relevant': 'additions',\n      'aria-live': isFocusWithin ? 'polite' : 'off',\n      ...focusWithinProps\n    })\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}
+{"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} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {KeyboardEvent} 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  labelProps: DOMAttributes,\n  tagProps: DOMAttributes,\n  tagRowProps: DOMAttributes,\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 */\nexport function useTag<T>(props: TagProps<T>, state: TagGroupState<T>): TagAria {\n  let {\n    isFocused,\n    allowsRemoving,\n    item,\n    tagRowRef\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, tagRowRef);\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' || e.key === ' ') {\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    },\n    labelProps: {\n      id: labelId\n    },\n    tagRowProps: {\n      ...rowProps,\n      tabIndex: (isFocused || state.selectionManager.focusedKey == null) ? 0 : -1,\n      onKeyDown: allowsRemoving ? onKeyDown : null\n    },\n    tagProps: 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\": \"إزالة\"\n}\n","{\n  \"remove\": \"Премахване\"\n}\n","{\n  \"remove\": \"Odebrat\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Entfernen\"\n}\n","{\n  \"remove\": \"Κατάργηση\"\n}\n","{  \n  \"remove\": \"Press Space or Delete to remove tag.\"\n}\n","{\n  \"remove\": \"Quitar\"\n}\n","{\n  \"remove\": \"Eemalda\"\n}\n","{\n  \"remove\": \"Poista\"\n}\n","{\n  \"remove\": \"Supprimer\"\n}\n","{\n  \"remove\": \"הסר\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Eltávolítás\"\n}\n","{\n  \"remove\": \"Rimuovi\"\n}\n","{\n  \"remove\": \"削除\"\n}\n","{\n  \"remove\": \"제거\"\n}\n","{\n  \"remove\": \"Pašalinti\"\n}\n","{\n  \"remove\": \"Noņemt\"\n}\n","{\n  \"remove\": \"Fjern\"\n}\n","{\n  \"remove\": \"Verwijderen\"\n}\n","{\n  \"remove\": \"Usuń\"\n}\n","{\n  \"remove\": \"Remover\"\n}\n","{\n  \"remove\": \"Eliminar\"\n}\n","{\n  \"remove\": \"Îndepărtaţi\"\n}\n","{\n  \"remove\": \"Удалить\"\n}\n","{\n  \"remove\": \"Odstrániť\"\n}\n","{\n  \"remove\": \"Odstrani\"\n}\n","{\n  \"remove\": \"Ukloni\"\n}\n","{\n  \"remove\": \"Ta bort\"\n}\n","{\n  \"remove\": \"Kaldır\"\n}\n","{\n  \"remove\": \"Видалити\"\n}\n","{\n  \"remove\": \"删除\"\n}\n","{\n  \"remove\": \"移除\"\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  tagGroupProps: 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 * Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request.\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    tagGroupProps: 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

@@ -1,4 +1,4 @@
-import { Collection, Direction, KeyboardDelegate, DOMAttributes, AriaLabelingProps, DOMProps } from "@react-types/shared";
+import { Collection, Direction, KeyboardDelegate, DOMAttributes, AriaLabelingProps, DOMProps, Validation } from "@react-types/shared";
 import { Key, RefObject } from "react";
 import { AriaButtonProps } from "@react-types/button";
 import { TagGroupState } from "@react-stately/tag";
@@ -29,8 +29,14 @@ export function useTag<T>(props: TagProps<T>, state: TagGroupState<T>): TagAria;
 export interface TagGroupAria {
     /** Props for the tag grouping element. */
     tagGroupProps: DOMAttributes;
+    /** Props for the tag group's visible label (if any). */
+    labelProps: DOMAttributes;
+    /** Props for the tag group description element, if any. */
+    descriptionProps: DOMAttributes;
+    /** Props for the tag group error message element, if any. */
+    errorMessageProps: DOMAttributes;
 }
-export interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps {
+export interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps, Validation {
     /**
      * An optional keyboard delegate to handle arrow key navigation,
      * to override the default.

package/dist/types.d.ts.map

@@ -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,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,EAAE,aAAa,CAAC;IACxB,WAAW,EAAE,aAAa,CAAC;IAC3B,gBAAgB,EAAE,eAAe,CAAA;CAClC;AAED;;;;GAIG;AACH,uBAAuB,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,GAAG,OAAO,CAkD9E;AChED;IACE,0CAA0C;IAC1C,aAAa,EAAE,aAAa,CAAA;CAC7B;AAED,mCAAmC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB;IACzF;;;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,CAsB9H;AChDD,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"}
+{"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,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,EAAE,aAAa,CAAC;IACxB,WAAW,EAAE,aAAa,CAAC;IAC3B,gBAAgB,EAAE,eAAe,CAAA;CAClC;AAED;;;;GAIG;AACH,uBAAuB,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,GAAG,OAAO,CAkD9E;AC/DD;IACE,0CAA0C;IAC1C,aAAa,EAAE,aAAa,CAAC;IAC7B,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/tag",
-  "version": "3.0.0-nightly.1965+c183944ce",
+  "version": "3.0.0-nightly.1969+f32367ad4",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -17,15 +17,16 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/gridlist": "3.1.3-nightly.3665+c183944ce",
-    "@react-aria/i18n": "3.0.0-nightly.1965+c183944ce",
-    "@react-aria/interactions": "3.0.0-nightly.1965+c183944ce",
-    "@react-aria/utils": "3.0.0-nightly.1965+c183944ce",
-    "@react-stately/list": "3.6.2-nightly.3665+c183944ce",
-    "@react-stately/tag": "3.0.0-nightly.3665+c183944ce",
-    "@react-types/button": "3.7.1-nightly.3665+c183944ce",
-    "@react-types/shared": "3.0.0-nightly.1965+c183944ce",
-    "@react-types/tag": "3.0.0-nightly.1965+c183944ce",
+    "@react-aria/gridlist": "3.1.3-nightly.3669+f32367ad4",
+    "@react-aria/i18n": "3.0.0-nightly.1969+f32367ad4",
+    "@react-aria/interactions": "3.0.0-nightly.1969+f32367ad4",
+    "@react-aria/label": "3.0.0-nightly.1969+f32367ad4",
+    "@react-aria/utils": "3.0.0-nightly.1969+f32367ad4",
+    "@react-stately/list": "3.6.2-nightly.3669+f32367ad4",
+    "@react-stately/tag": "3.0.0-nightly.3669+f32367ad4",
+    "@react-types/button": "3.7.1-nightly.3669+f32367ad4",
+    "@react-types/shared": "3.0.0-nightly.1969+f32367ad4",
+    "@react-types/tag": "3.0.0-nightly.1969+f32367ad4",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -34,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c183944ce6a8ca1cf280a1c7b88d2ba393dd0252"
+  "gitHead": "f32367ad4a4639ccb8738b9daefe42d0d870affd"
 }

package/src/useTagGroup.ts

@@ -10,22 +10,29 @@
  * governing permissions and limitations under the License.
  */
 
-import {AriaLabelingProps, DOMAttributes, DOMProps} from '@react-types/shared';
+import {AriaLabelingProps, DOMAttributes, DOMProps, Validation} from '@react-types/shared';
 import {filterDOMProps, mergeProps} from '@react-aria/utils';
 import {RefObject, useState} from 'react';
 import {TagGroupProps} from '@react-types/tag';
 import type {TagGroupState} from '@react-stately/tag';
 import {TagKeyboardDelegate} from './TagKeyboardDelegate';
+import {useField} from '@react-aria/label';
 import {useFocusWithin} from '@react-aria/interactions';
 import {useGridList} from '@react-aria/gridlist';
 import {useLocale} from '@react-aria/i18n';
 
 export interface TagGroupAria {
   /** Props for the tag grouping element. */
-  tagGroupProps: DOMAttributes
+  tagGroupProps: DOMAttributes,
+  /** Props for the tag group's visible label (if any). */
+  labelProps: DOMAttributes,
+  /** Props for the tag group description element, if any. */
+  descriptionProps: DOMAttributes,
+  /** Props for the tag group error message element, if any. */
+  errorMessageProps: DOMAttributes
 }
 
-export interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps {
+export interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLabelingProps, Validation {
   /**
    * An optional keyboard delegate to handle arrow key navigation,
    * to override the default.
@@ -43,10 +50,10 @@ export interface AriaTagGroupProps<T> extends TagGroupProps<T>, DOMProps, AriaLa
 export function useTagGroup<T>(props: AriaTagGroupProps<T>, state: TagGroupState<T>, ref: RefObject<HTMLElement>): TagGroupAria {
   let {direction} = useLocale();
   let keyboardDelegate = props.keyboardDelegate || new TagKeyboardDelegate(state.collection, direction);
-  let {gridProps} = useGridList({...props, keyboardDelegate}, state, ref);
+  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField(props);
+  let {gridProps} = useGridList({...props, ...fieldProps, keyboardDelegate}, state, ref);
 
   // Don't want the grid to be focusable or accessible via keyboard
-  delete gridProps.role;
   delete gridProps.tabIndex;
 
   let [isFocusWithin, setFocusWithin] = useState(false);
@@ -56,10 +63,15 @@ export function useTagGroup<T>(props: AriaTagGroupProps<T>, state: TagGroupState
   let domProps = filterDOMProps(props);
   return {
     tagGroupProps: mergeProps(gridProps, domProps, {
+      role: state.collection.size ? 'grid' : null,
       'aria-atomic': false,
       'aria-relevant': 'additions',
       'aria-live': isFocusWithin ? 'polite' : 'off',
-      ...focusWithinProps
-    })
+      ...focusWithinProps,
+      ...fieldProps
+    }),
+    labelProps,
+    descriptionProps,
+    errorMessageProps
   };
 }