@react-aria/tag 3.3.3 → 3.4.0

package/dist/module.js

@@ -1,60 +1,7 @@
-import $84925f526f90eebd$exports from "./ar-AE.module.js";
-import $c0650163dc1b6f9d$exports from "./bg-BG.module.js";
-import $b2b55661291de587$exports from "./cs-CZ.module.js";
-import $deb83970956f6d5b$exports from "./da-DK.module.js";
-import $aea1cb4c7ec97e1c$exports from "./de-DE.module.js";
-import $3618d917e503a8d3$exports from "./el-GR.module.js";
-import $9eb56bbbe8e31294$exports from "./en-US.module.js";
-import $361c604b0fc269a3$exports from "./es-ES.module.js";
-import $2f00170f4ee3ca01$exports from "./et-EE.module.js";
-import $80ee16b64fab9fb5$exports from "./fi-FI.module.js";
-import $be9d354476c08087$exports from "./fr-FR.module.js";
-import $ffeb903ba092eb35$exports from "./he-IL.module.js";
-import $1df6722c6f19728b$exports from "./hr-HR.module.js";
-import $093d57e325bc9071$exports from "./hu-HU.module.js";
-import $609dbdfbcad85bdb$exports from "./it-IT.module.js";
-import $c08e84f882644048$exports from "./ja-JP.module.js";
-import $5cd130489822fa21$exports from "./ko-KR.module.js";
-import $ab5183739b6c5e7e$exports from "./lt-LT.module.js";
-import $dd84a0b574be3f23$exports from "./lv-LV.module.js";
-import $85eee97d14eef7b5$exports from "./nb-NO.module.js";
-import $18781839f93b0314$exports from "./nl-NL.module.js";
-import $1c40ffbbfe9f3bda$exports from "./pl-PL.module.js";
-import $156880e329b1c717$exports from "./pt-BR.module.js";
-import $b6d50b1d20768ce4$exports from "./pt-PT.module.js";
-import $d8c38c691b006187$exports from "./ro-RO.module.js";
-import $ed9b4bf7ce1fb1d7$exports from "./ru-RU.module.js";
-import $51d8721afda4d678$exports from "./sk-SK.module.js";
-import $fd37a27baae493e8$exports from "./sl-SI.module.js";
-import $5505a1ca71ffd6f4$exports from "./sr-SP.module.js";
-import $33670e148c84ad02$exports from "./sv-SE.module.js";
-import $0bf46fdcdd7cb5f6$exports from "./tr-TR.module.js";
-import $9d9765222bc08ca2$exports from "./uk-UA.module.js";
-import $d737296cedcdee9f$exports from "./zh-CN.module.js";
-import $09cd168ab18773f4$exports from "./zh-TW.module.js";
-import {useId as $aIvin$useId, useDescription as $aIvin$useDescription, filterDOMProps as $aIvin$filterDOMProps, getSyntheticLinkProps as $aIvin$getSyntheticLinkProps, 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 {ListKeyboardDelegate as $aIvin$ListKeyboardDelegate} from "@react-aria/selection";
-import {useState as $aIvin$useState, useRef as $aIvin$useRef, useEffect as $aIvin$useEffect} from "react";
-import {useField as $aIvin$useField} from "@react-aria/label";
+import {useTag as $fc6126c82a4601f1$export$3f568fff7dff2f03} from "./useTag.module.js";
+import {useTagGroup as $d7323bca8d074eeb$export$4f8b5cda58b7e8ff} from "./useTagGroup.module.js";
 
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
 /*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
@@ -65,208 +12,6 @@ function $parcel$interopDefault(a) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-const $d7323bca8d074eeb$export$653eddfc964b0f8a = new WeakMap();
-function $d7323bca8d074eeb$export$4f8b5cda58b7e8ff(props, state, ref) {
-    let { direction: direction } = (0, $aIvin$useLocale)();
-    let keyboardDelegate = props.keyboardDelegate || new (0, $aIvin$ListKeyboardDelegate)({
-        collection: state.collection,
-        ref: ref,
-        orientation: "horizontal",
-        direction: direction,
-        disabledKeys: state.disabledKeys
-    });
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $aIvin$useField)({
-        ...props,
-        labelElementType: "span"
-    });
-    let { gridProps: gridProps } = (0, $aIvin$useGridList)({
-        ...props,
-        ...fieldProps,
-        keyboardDelegate: keyboardDelegate,
-        shouldFocusWrap: true,
-        linkBehavior: "override"
-    }, state, ref);
-    let [isFocusWithin, setFocusWithin] = (0, $aIvin$useState)(false);
-    let { focusWithinProps: focusWithinProps } = (0, $aIvin$useFocusWithin)({
-        onFocusWithinChange: setFocusWithin
-    });
-    let domProps = (0, $aIvin$filterDOMProps)(props);
-    // If the last tag is removed, focus the container.
-    let prevCount = (0, $aIvin$useRef)(state.collection.size);
-    (0, $aIvin$useEffect)(()=>{
-        if (ref.current && prevCount.current > 0 && state.collection.size === 0 && isFocusWithin) ref.current.focus();
-        prevCount.current = state.collection.size;
-    }, [
-        state.collection.size,
-        isFocusWithin,
-        ref
-    ]);
-    $d7323bca8d074eeb$export$653eddfc964b0f8a.set(state, {
-        onRemove: props.onRemove
-    });
-    return {
-        gridProps: (0, $aIvin$mergeProps)(gridProps, domProps, {
-            role: state.collection.size ? "grid" : null,
-            "aria-atomic": false,
-            "aria-relevant": "additions",
-            "aria-live": isFocusWithin ? "polite" : "off",
-            ...focusWithinProps,
-            ...fieldProps
-        }),
-        labelProps: labelProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps
-    };
-}
-
-
-var $3bb15cc24d006ec5$exports = {};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-$3bb15cc24d006ec5$exports = {
-    "ar-AE": $84925f526f90eebd$exports,
-    "bg-BG": $c0650163dc1b6f9d$exports,
-    "cs-CZ": $b2b55661291de587$exports,
-    "da-DK": $deb83970956f6d5b$exports,
-    "de-DE": $aea1cb4c7ec97e1c$exports,
-    "el-GR": $3618d917e503a8d3$exports,
-    "en-US": $9eb56bbbe8e31294$exports,
-    "es-ES": $361c604b0fc269a3$exports,
-    "et-EE": $2f00170f4ee3ca01$exports,
-    "fi-FI": $80ee16b64fab9fb5$exports,
-    "fr-FR": $be9d354476c08087$exports,
-    "he-IL": $ffeb903ba092eb35$exports,
-    "hr-HR": $1df6722c6f19728b$exports,
-    "hu-HU": $093d57e325bc9071$exports,
-    "it-IT": $609dbdfbcad85bdb$exports,
-    "ja-JP": $c08e84f882644048$exports,
-    "ko-KR": $5cd130489822fa21$exports,
-    "lt-LT": $ab5183739b6c5e7e$exports,
-    "lv-LV": $dd84a0b574be3f23$exports,
-    "nb-NO": $85eee97d14eef7b5$exports,
-    "nl-NL": $18781839f93b0314$exports,
-    "pl-PL": $1c40ffbbfe9f3bda$exports,
-    "pt-BR": $156880e329b1c717$exports,
-    "pt-PT": $b6d50b1d20768ce4$exports,
-    "ro-RO": $d8c38c691b006187$exports,
-    "ru-RU": $ed9b4bf7ce1fb1d7$exports,
-    "sk-SK": $51d8721afda4d678$exports,
-    "sl-SI": $fd37a27baae493e8$exports,
-    "sr-SP": $5505a1ca71ffd6f4$exports,
-    "sv-SE": $33670e148c84ad02$exports,
-    "tr-TR": $0bf46fdcdd7cb5f6$exports,
-    "uk-UA": $9d9765222bc08ca2$exports,
-    "zh-CN": $d737296cedcdee9f$exports,
-    "zh-TW": $09cd168ab18773f4$exports
-};
-
-
-
-
-
-function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
-    let { item: item } = props;
-    let stringFormatter = (0, $aIvin$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($3bb15cc24d006ec5$exports))), "@react-aria/tag");
-    let buttonId = (0, $aIvin$useId)();
-    let { onRemove: onRemove } = (0, $d7323bca8d074eeb$export$653eddfc964b0f8a).get(state) || {};
-    let { rowProps: rowProps, gridCellProps: gridCellProps, ...states } = (0, $aIvin$useGridListItem)({
-        node: item
-    }, state, ref);
-    // We want the group to handle keyboard navigation between tags.
-    delete rowProps.onKeyDownCapture;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { descriptionProps: _, ...stateWithoutDescription } = states;
-    let onKeyDown = (e)=>{
-        if (e.key === "Delete" || e.key === "Backspace") {
-            e.preventDefault();
-            if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set(state.selectionManager.selectedKeys));
-            else onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set([
-                item.key
-            ]));
-        }
-    };
-    let modality = (0, $aIvin$useInteractionModality)();
-    if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "pointer";
-    let description = onRemove && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
-    let descProps = (0, $aIvin$useDescription)(description);
-    let isFocused = item.key === state.selectionManager.focusedKey;
-    // @ts-ignore - data attributes are ok but TS doesn't know about them.
-    let domProps = (0, $aIvin$filterDOMProps)(item.props);
-    let linkProps = (0, $aIvin$getSyntheticLinkProps)(item.props);
-    return {
-        removeButtonProps: {
-            "aria-label": stringFormatter.format("removeButtonLabel"),
-            "aria-labelledby": `${buttonId} ${rowProps.id}`,
-            id: buttonId,
-            onPress: ()=>onRemove ? onRemove(new Set([
-                    item.key
-                ])) : null,
-            excludeFromTabOrder: true
-        },
-        rowProps: (0, $aIvin$mergeProps)(rowProps, domProps, linkProps, {
-            tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
-            onKeyDown: onRemove ? onKeyDown : undefined,
-            "aria-describedby": descProps["aria-describedby"]
-        }),
-        gridCellProps: (0, $aIvin$mergeProps)(gridCellProps, {
-            "aria-errormessage": props["aria-errormessage"],
-            "aria-label": props["aria-label"]
-        }),
-        ...stateWithoutDescription,
-        allowsRemoving: !!onRemove
-    };
-}
-
-
 
 
 

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/useTag.ts","packages/@react-aria/tag/src/useTagGroup.ts","packages/@react-aria/tag/src/*.js"],"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 {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\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 {AriaButtonProps} from '@react-types/button';\nimport {DOMAttributes, FocusableElement, Node} from '@react-types/shared';\nimport {filterDOMProps, getSyntheticLinkProps, mergeProps, useDescription, useId} from '@react-aria/utils';\nimport {hookData} from './useTagGroup';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {KeyboardEvent, RefObject} from 'react';\nimport type {ListState} from '@react-stately/list';\nimport {SelectableItemStates} from '@react-aria/selection';\nimport {useGridListItem} from '@react-aria/gridlist';\nimport {useInteractionModality} from '@react-aria/interactions';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface TagAria extends Omit<SelectableItemStates, 'hasAction'> {\n  /** Props for the tag row element. */\n  rowProps: DOMAttributes,\n  /** Props for the tag cell element. */\n  gridCellProps: DOMAttributes,\n  /** Props for the tag remove button. */\n  removeButtonProps: AriaButtonProps,\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean\n}\n\nexport interface AriaTagProps<T> {\n  /** An object representing the tag. Contains all the relevant information that makes up the tag. */\n  item: Node<T>\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 `useListState`.\n * @param ref - A ref to a DOM element for the tag.\n */\nexport function useTag<T>(props: AriaTagProps<T>, state: ListState<T>, ref: RefObject<FocusableElement>): TagAria {\n  let {item} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/tag');\n  let buttonId = useId();\n\n  let {onRemove} = hookData.get(state) || {};\n  let {rowProps, gridCellProps, ...states} = useGridListItem({\n    node: item\n  }, state, ref);\n\n  // We want the group to handle keyboard navigation between tags.\n  delete rowProps.onKeyDownCapture;\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {descriptionProps: _, ...stateWithoutDescription} = states;\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Delete' || e.key === 'Backspace') {\n      e.preventDefault();\n      if (state.selectionManager.isSelected(item.key)) {\n        onRemove?.(new Set(state.selectionManager.selectedKeys));\n      } else {\n        onRemove?.(new Set([item.key]));\n      }\n    }\n  };\n\n  let modality = useInteractionModality();\n  if (modality === 'virtual' &&  (typeof window !== 'undefined' && 'ontouchstart' in window)) {\n    modality = 'pointer';\n  }\n  let description = onRemove && (modality === 'keyboard' || modality === 'virtual') ? stringFormatter.format('removeDescription') : '';\n  let descProps = useDescription(description);\n\n  let isFocused = item.key === state.selectionManager.focusedKey;\n  // @ts-ignore - data attributes are ok but TS doesn't know about them.\n  let domProps = filterDOMProps(item.props);\n  let linkProps = getSyntheticLinkProps(item.props);\n  return {\n    removeButtonProps: {\n      'aria-label': stringFormatter.format('removeButtonLabel'),\n      'aria-labelledby': `${buttonId} ${rowProps.id}`,\n      id: buttonId,\n      onPress: () => onRemove ? onRemove(new Set([item.key])) : null,\n      excludeFromTabOrder: true\n    },\n    rowProps: mergeProps(rowProps, domProps, linkProps, {\n      tabIndex: (isFocused || state.selectionManager.focusedKey == null) ? 0 : -1,\n      onKeyDown: onRemove ? onKeyDown : undefined,\n      'aria-describedby': descProps['aria-describedby']\n    }),\n    gridCellProps: mergeProps(gridCellProps, {\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-label': props['aria-label']\n    }),\n    ...stateWithoutDescription,\n    allowsRemoving: !!onRemove\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 {AriaLabelingProps, CollectionBase, DOMAttributes, DOMProps, HelpTextProps, Key, KeyboardDelegate, LabelableProps, MultipleSelection, SelectionBehavior} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {ListKeyboardDelegate} from '@react-aria/selection';\nimport type {ListState} from '@react-stately/list';\nimport {ReactNode, RefObject, useEffect, useRef, useState} from 'react';\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 CollectionBase<T>, MultipleSelection, DOMProps, LabelableProps, AriaLabelingProps, Omit<HelpTextProps, 'errorMessage'> {\n  /** How multiple selection should behave in the collection. */\n  selectionBehavior?: SelectionBehavior,\n  /** Handler that is called when a user deletes a tag.  */\n  onRemove?: (keys: Set<Key>) => void,\n  /** An error message for the field. */\n  errorMessage?: ReactNode\n}\n\nexport interface AriaTagGroupOptions<T> extends Omit<AriaTagGroupProps<T>, 'children'> {\n  /**\n   * An optional keyboard delegate to handle arrow key navigation,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate\n}\n\ninterface HookData {\n  onRemove?: (keys: Set<Key>) => void\n}\n\nexport const hookData = new WeakMap<ListState<any>, HookData>();\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, filters, or other items, with support for keyboard navigation, selection, and removal.\n * @param props - Props to be applied to the tag group.\n * @param state - State for the tag group, as returned by `useListState`.\n * @param ref - A ref to a DOM element for the tag group.\n */\nexport function useTagGroup<T>(props: AriaTagGroupOptions<T>, state: ListState<T>, ref: RefObject<HTMLElement>): TagGroupAria {\n  let {direction} = useLocale();\n  let keyboardDelegate = props.keyboardDelegate || new ListKeyboardDelegate({\n    collection: state.collection,\n    ref,\n    orientation: 'horizontal',\n    direction,\n    disabledKeys: state.disabledKeys\n  });\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span'\n  });\n  let {gridProps} = useGridList({\n    ...props,\n    ...fieldProps,\n    keyboardDelegate,\n    shouldFocusWrap: true,\n    linkBehavior: 'override'\n  }, state, ref);\n\n  let [isFocusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    onFocusWithinChange: setFocusWithin\n  });\n  let domProps = filterDOMProps(props);\n\n  // If the last tag is removed, focus the container.\n  let prevCount = useRef(state.collection.size);\n  useEffect(() => {\n    if (ref.current && prevCount.current > 0 && state.collection.size === 0 && isFocusWithin) {\n      ref.current.focus();\n    }\n    prevCount.current = state.collection.size;\n  }, [state.collection.size, isFocusWithin, ref]);\n\n  hookData.set(state, {onRemove: props.onRemove});\n\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","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/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}"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/tag/src/index.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 {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {AriaTagProps, TagAria} from './useTag';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/nb-NO.mjs

@@ -6,4 +6,4 @@ $85eee97d14eef7b5$exports = {
 
 
 export {$85eee97d14eef7b5$exports as default};
-//# sourceMappingURL=nb-NO.module.js.map
+//# sourceMappingURL=nb-NO.mjs.map

package/dist/nl-NL.mjs

@@ -6,4 +6,4 @@ $18781839f93b0314$exports = {
 
 
 export {$18781839f93b0314$exports as default};
-//# sourceMappingURL=nl-NL.module.js.map
+//# sourceMappingURL=nl-NL.mjs.map

package/dist/pl-PL.mjs

@@ -6,4 +6,4 @@ $1c40ffbbfe9f3bda$exports = {
 
 
 export {$1c40ffbbfe9f3bda$exports as default};
-//# sourceMappingURL=pl-PL.module.js.map
+//# sourceMappingURL=pl-PL.mjs.map

package/dist/pt-BR.mjs

@@ -6,4 +6,4 @@ $156880e329b1c717$exports = {
 
 
 export {$156880e329b1c717$exports as default};
-//# sourceMappingURL=pt-BR.module.js.map
+//# sourceMappingURL=pt-BR.mjs.map

package/dist/pt-PT.mjs

@@ -6,4 +6,4 @@ $b6d50b1d20768ce4$exports = {
 
 
 export {$b6d50b1d20768ce4$exports as default};
-//# sourceMappingURL=pt-PT.module.js.map
+//# sourceMappingURL=pt-PT.mjs.map

package/dist/ro-RO.mjs

@@ -6,4 +6,4 @@ $d8c38c691b006187$exports = {
 
 
 export {$d8c38c691b006187$exports as default};
-//# sourceMappingURL=ro-RO.module.js.map
+//# sourceMappingURL=ro-RO.mjs.map

package/dist/ru-RU.mjs

@@ -6,4 +6,4 @@ $ed9b4bf7ce1fb1d7$exports = {
 
 
 export {$ed9b4bf7ce1fb1d7$exports as default};
-//# sourceMappingURL=ru-RU.module.js.map
+//# sourceMappingURL=ru-RU.mjs.map

package/dist/sk-SK.mjs

@@ -6,4 +6,4 @@ $51d8721afda4d678$exports = {
 
 
 export {$51d8721afda4d678$exports as default};
-//# sourceMappingURL=sk-SK.module.js.map
+//# sourceMappingURL=sk-SK.mjs.map

package/dist/sl-SI.mjs

@@ -6,4 +6,4 @@ $fd37a27baae493e8$exports = {
 
 
 export {$fd37a27baae493e8$exports as default};
-//# sourceMappingURL=sl-SI.module.js.map
+//# sourceMappingURL=sl-SI.mjs.map

package/dist/sr-SP.mjs

@@ -6,4 +6,4 @@ $5505a1ca71ffd6f4$exports = {
 
 
 export {$5505a1ca71ffd6f4$exports as default};
-//# sourceMappingURL=sr-SP.module.js.map
+//# sourceMappingURL=sr-SP.mjs.map

package/dist/sv-SE.mjs

@@ -6,4 +6,4 @@ $33670e148c84ad02$exports = {
 
 
 export {$33670e148c84ad02$exports as default};
-//# sourceMappingURL=sv-SE.module.js.map
+//# sourceMappingURL=sv-SE.mjs.map

package/dist/tr-TR.mjs

@@ -6,4 +6,4 @@ $0bf46fdcdd7cb5f6$exports = {
 
 
 export {$0bf46fdcdd7cb5f6$exports as default};
-//# sourceMappingURL=tr-TR.module.js.map
+//# sourceMappingURL=tr-TR.mjs.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;;;AAsBA;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,eAAe,CAAC,CAAC,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAClK,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpC,sCAAsC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,8BAAqC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,UAAU,CAAC;IACpF;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC;AAQD;;;;;;GAMG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,YAAY,CAmD5H;ACxFD,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC;IACtE,qCAAqC;IACrC,QAAQ,EAAE,aAAa,CAAC;IACxB,sCAAsC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,uCAAuC;IACvC,iBAAiB,EAAE,eAAe,CAAC;IACnC,sCAAsC;IACtC,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,8BAA8B,CAAC;IAC7B,mGAAmG;IACnG,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;CACd;AAED;;;;;GAKG;AACH,uBAAuB,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,OAAO,CAyDhH","sources":["packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTagGroup.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/index.ts"],"sourcesContent":[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 {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {AriaTagProps, TagAria} from './useTag';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;;;AAsBA;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,eAAe,CAAC,CAAC,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAClK,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpC,sCAAsC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,8BAAqC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,UAAU,CAAC;IACpF;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC;AAQD;;;;;;GAMG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,YAAY,CAoD5H;ACzFD,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC;IACtE,qCAAqC;IACrC,QAAQ,EAAE,aAAa,CAAC;IACxB,sCAAsC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,uCAAuC;IACvC,iBAAiB,EAAE,eAAe,CAAC;IACnC,sCAAsC;IACtC,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,8BAA8B,CAAC;IAC7B,mGAAmG;IACnG,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;CACd;AAED;;;;;GAKG;AACH,uBAAuB,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,OAAO,CAyDhH","sources":["packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTagGroup.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/useTag.ts","packages/@react-aria/tag/src/packages/@react-aria/tag/src/index.ts","packages/@react-aria/tag/src/index.ts"],"sourcesContent":[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 {useTag} from './useTag';\nexport {useTagGroup} from './useTagGroup';\n\nexport type {TagGroupAria, AriaTagGroupProps} from './useTagGroup';\nexport type {AriaTagProps, TagAria} from './useTag';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/uk-UA.mjs

@@ -6,4 +6,4 @@ $9d9765222bc08ca2$exports = {
 
 
 export {$9d9765222bc08ca2$exports as default};
-//# sourceMappingURL=uk-UA.module.js.map
+//# sourceMappingURL=uk-UA.mjs.map

package/dist/useTag.main.js

@@ -0,0 +1,88 @@
+var $09704b0efefe5140$exports = require("./useTagGroup.main.js");
+var $b6a2538ff098a9ff$exports = require("./intlStrings.main.js");
+var $8p8DL$reactariautils = require("@react-aria/utils");
+var $8p8DL$reactariagridlist = require("@react-aria/gridlist");
+var $8p8DL$reactariainteractions = require("@react-aria/interactions");
+var $8p8DL$reactariai18n = require("@react-aria/i18n");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useTag", () => $a442534c81d8ad16$export$3f568fff7dff2f03);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state, ref) {
+    let { item: item } = props;
+    let stringFormatter = (0, $8p8DL$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($b6a2538ff098a9ff$exports))), "@react-aria/tag");
+    let buttonId = (0, $8p8DL$reactariautils.useId)();
+    let { onRemove: onRemove } = (0, $09704b0efefe5140$exports.hookData).get(state) || {};
+    let { rowProps: rowProps, gridCellProps: gridCellProps, ...states } = (0, $8p8DL$reactariagridlist.useGridListItem)({
+        node: item
+    }, state, ref);
+    // We want the group to handle keyboard navigation between tags.
+    delete rowProps.onKeyDownCapture;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { descriptionProps: _, ...stateWithoutDescription } = states;
+    let onKeyDown = (e)=>{
+        if (e.key === "Delete" || e.key === "Backspace") {
+            e.preventDefault();
+            if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set(state.selectionManager.selectedKeys));
+            else onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set([
+                item.key
+            ]));
+        }
+    };
+    let modality = (0, $8p8DL$reactariainteractions.useInteractionModality)();
+    if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "pointer";
+    let description = onRemove && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
+    let descProps = (0, $8p8DL$reactariautils.useDescription)(description);
+    let isFocused = item.key === state.selectionManager.focusedKey;
+    // @ts-ignore - data attributes are ok but TS doesn't know about them.
+    let domProps = (0, $8p8DL$reactariautils.filterDOMProps)(item.props);
+    let linkProps = (0, $8p8DL$reactariautils.getSyntheticLinkProps)(item.props);
+    return {
+        removeButtonProps: {
+            "aria-label": stringFormatter.format("removeButtonLabel"),
+            "aria-labelledby": `${buttonId} ${rowProps.id}`,
+            id: buttonId,
+            onPress: ()=>onRemove ? onRemove(new Set([
+                    item.key
+                ])) : null,
+            excludeFromTabOrder: true
+        },
+        rowProps: (0, $8p8DL$reactariautils.mergeProps)(rowProps, domProps, linkProps, {
+            tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
+            onKeyDown: onRemove ? onKeyDown : undefined,
+            "aria-describedby": descProps["aria-describedby"]
+        }),
+        gridCellProps: (0, $8p8DL$reactariautils.mergeProps)(gridCellProps, {
+            "aria-errormessage": props["aria-errormessage"],
+            "aria-label": props["aria-label"]
+        }),
+        ...stateWithoutDescription,
+        allowsRemoving: !!onRemove
+    };
+}
+
+
+//# sourceMappingURL=useTag.main.js.map

package/dist/useTag.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsCM,SAAS,0CAAU,KAAsB,EAAE,KAAmB,EAAE,GAAgC;IACrG,IAAI,QAAC,IAAI,EAAC,GAAG;IACb,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,WAAW,CAAA,GAAA,2BAAI;IAEnB,IAAI,YAAC,QAAQ,EAAC,GAAG,CAAA,GAAA,kCAAO,EAAE,GAAG,CAAC,UAAU,CAAC;IACzC,IAAI,YAAC,QAAQ,iBAAE,aAAa,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,wCAAc,EAAE;QACzD,MAAM;IACR,GAAG,OAAO;IAEV,gEAAgE;IAChE,OAAO,SAAS,gBAAgB;IAChC,6DAA6D;IAC7D,IAAI,EAAC,kBAAkB,CAAC,EAAE,GAAG,yBAAwB,GAAG;IAExD,IAAI,YAAY,CAAC;QACf,IAAI,EAAE,GAAG,KAAK,YAAY,EAAE,GAAG,KAAK,aAAa;YAC/C,EAAE,cAAc;YAChB,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,GAC5C,qBAAA,+BAAA,SAAW,IAAI,IAAI,MAAM,gBAAgB,CAAC,YAAY;iBAEtD,qBAAA,+BAAA,SAAW,IAAI,IAAI;gBAAC,KAAK,GAAG;aAAC;QAEjC;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,mDAAqB;IACpC,IAAI,aAAa,aAAe,OAAO,WAAW,eAAe,kBAAkB,QACjF,WAAW;IAEb,IAAI,cAAc,YAAa,CAAA,aAAa,cAAc,aAAa,SAAQ,IAAK,gBAAgB,MAAM,CAAC,uBAAuB;IAClI,IAAI,YAAY,CAAA,GAAA,oCAAa,EAAE;IAE/B,IAAI,YAAY,KAAK,GAAG,KAAK,MAAM,gBAAgB,CAAC,UAAU;IAC9D,sEAAsE;IACtE,IAAI,WAAW,CAAA,GAAA,oCAAa,EAAE,KAAK,KAAK;IACxC,IAAI,YAAY,CAAA,GAAA,2CAAoB,EAAE,KAAK,KAAK;IAChD,OAAO;QACL,mBAAmB;YACjB,cAAc,gBAAgB,MAAM,CAAC;YACrC,mBAAmB,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;YAC/C,IAAI;YACJ,SAAS,IAAM,WAAW,SAAS,IAAI,IAAI;oBAAC,KAAK,GAAG;iBAAC,KAAK;YAC1D,qBAAqB;QACvB;QACA,UAAU,CAAA,GAAA,gCAAS,EAAE,UAAU,UAAU,WAAW;YAClD,UAAU,AAAC,aAAa,MAAM,gBAAgB,CAAC,UAAU,IAAI,OAAQ,IAAI;YACzE,WAAW,WAAW,YAAY;YAClC,oBAAoB,SAAS,CAAC,mBAAmB;QACnD;QACA,eAAe,CAAA,GAAA,gCAAS,EAAE,eAAe;YACvC,qBAAqB,KAAK,CAAC,oBAAoB;YAC/C,cAAc,KAAK,CAAC,aAAa;QACnC;QACA,GAAG,uBAAuB;QAC1B,gBAAgB,CAAC,CAAC;IACpB;AACF","sources":["packages/@react-aria/tag/src/useTag.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\nimport {AriaButtonProps} from '@react-types/button';\nimport {DOMAttributes, FocusableElement, Node} from '@react-types/shared';\nimport {filterDOMProps, getSyntheticLinkProps, mergeProps, useDescription, useId} from '@react-aria/utils';\nimport {hookData} from './useTagGroup';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {KeyboardEvent, RefObject} from 'react';\nimport type {ListState} from '@react-stately/list';\nimport {SelectableItemStates} from '@react-aria/selection';\nimport {useGridListItem} from '@react-aria/gridlist';\nimport {useInteractionModality} from '@react-aria/interactions';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface TagAria extends Omit<SelectableItemStates, 'hasAction'> {\n  /** Props for the tag row element. */\n  rowProps: DOMAttributes,\n  /** Props for the tag cell element. */\n  gridCellProps: DOMAttributes,\n  /** Props for the tag remove button. */\n  removeButtonProps: AriaButtonProps,\n  /** Whether the tag can be removed. */\n  allowsRemoving: boolean\n}\n\nexport interface AriaTagProps<T> {\n  /** An object representing the tag. Contains all the relevant information that makes up the tag. */\n  item: Node<T>\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 `useListState`.\n * @param ref - A ref to a DOM element for the tag.\n */\nexport function useTag<T>(props: AriaTagProps<T>, state: ListState<T>, ref: RefObject<FocusableElement>): TagAria {\n  let {item} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/tag');\n  let buttonId = useId();\n\n  let {onRemove} = hookData.get(state) || {};\n  let {rowProps, gridCellProps, ...states} = useGridListItem({\n    node: item\n  }, state, ref);\n\n  // We want the group to handle keyboard navigation between tags.\n  delete rowProps.onKeyDownCapture;\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {descriptionProps: _, ...stateWithoutDescription} = states;\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Delete' || e.key === 'Backspace') {\n      e.preventDefault();\n      if (state.selectionManager.isSelected(item.key)) {\n        onRemove?.(new Set(state.selectionManager.selectedKeys));\n      } else {\n        onRemove?.(new Set([item.key]));\n      }\n    }\n  };\n\n  let modality = useInteractionModality();\n  if (modality === 'virtual' &&  (typeof window !== 'undefined' && 'ontouchstart' in window)) {\n    modality = 'pointer';\n  }\n  let description = onRemove && (modality === 'keyboard' || modality === 'virtual') ? stringFormatter.format('removeDescription') : '';\n  let descProps = useDescription(description);\n\n  let isFocused = item.key === state.selectionManager.focusedKey;\n  // @ts-ignore - data attributes are ok but TS doesn't know about them.\n  let domProps = filterDOMProps(item.props);\n  let linkProps = getSyntheticLinkProps(item.props);\n  return {\n    removeButtonProps: {\n      'aria-label': stringFormatter.format('removeButtonLabel'),\n      'aria-labelledby': `${buttonId} ${rowProps.id}`,\n      id: buttonId,\n      onPress: () => onRemove ? onRemove(new Set([item.key])) : null,\n      excludeFromTabOrder: true\n    },\n    rowProps: mergeProps(rowProps, domProps, linkProps, {\n      tabIndex: (isFocused || state.selectionManager.focusedKey == null) ? 0 : -1,\n      onKeyDown: onRemove ? onKeyDown : undefined,\n      'aria-describedby': descProps['aria-describedby']\n    }),\n    gridCellProps: mergeProps(gridCellProps, {\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-label': props['aria-label']\n    }),\n    ...stateWithoutDescription,\n    allowsRemoving: !!onRemove\n  };\n}\n"],"names":[],"version":3,"file":"useTag.main.js.map"}

package/dist/useTag.mjs

@@ -0,0 +1,83 @@
+import {hookData as $d7323bca8d074eeb$export$653eddfc964b0f8a} from "./useTagGroup.mjs";
+import $ioKwR$intlStringsmodulejs from "./intlStrings.mjs";
+import {useId as $ioKwR$useId, useDescription as $ioKwR$useDescription, filterDOMProps as $ioKwR$filterDOMProps, getSyntheticLinkProps as $ioKwR$getSyntheticLinkProps, mergeProps as $ioKwR$mergeProps} from "@react-aria/utils";
+import {useGridListItem as $ioKwR$useGridListItem} from "@react-aria/gridlist";
+import {useInteractionModality as $ioKwR$useInteractionModality} from "@react-aria/interactions";
+import {useLocalizedStringFormatter as $ioKwR$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
+    let { item: item } = props;
+    let stringFormatter = (0, $ioKwR$useLocalizedStringFormatter)((0, ($parcel$interopDefault($ioKwR$intlStringsmodulejs))), "@react-aria/tag");
+    let buttonId = (0, $ioKwR$useId)();
+    let { onRemove: onRemove } = (0, $d7323bca8d074eeb$export$653eddfc964b0f8a).get(state) || {};
+    let { rowProps: rowProps, gridCellProps: gridCellProps, ...states } = (0, $ioKwR$useGridListItem)({
+        node: item
+    }, state, ref);
+    // We want the group to handle keyboard navigation between tags.
+    delete rowProps.onKeyDownCapture;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { descriptionProps: _, ...stateWithoutDescription } = states;
+    let onKeyDown = (e)=>{
+        if (e.key === "Delete" || e.key === "Backspace") {
+            e.preventDefault();
+            if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set(state.selectionManager.selectedKeys));
+            else onRemove === null || onRemove === void 0 ? void 0 : onRemove(new Set([
+                item.key
+            ]));
+        }
+    };
+    let modality = (0, $ioKwR$useInteractionModality)();
+    if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "pointer";
+    let description = onRemove && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
+    let descProps = (0, $ioKwR$useDescription)(description);
+    let isFocused = item.key === state.selectionManager.focusedKey;
+    // @ts-ignore - data attributes are ok but TS doesn't know about them.
+    let domProps = (0, $ioKwR$filterDOMProps)(item.props);
+    let linkProps = (0, $ioKwR$getSyntheticLinkProps)(item.props);
+    return {
+        removeButtonProps: {
+            "aria-label": stringFormatter.format("removeButtonLabel"),
+            "aria-labelledby": `${buttonId} ${rowProps.id}`,
+            id: buttonId,
+            onPress: ()=>onRemove ? onRemove(new Set([
+                    item.key
+                ])) : null,
+            excludeFromTabOrder: true
+        },
+        rowProps: (0, $ioKwR$mergeProps)(rowProps, domProps, linkProps, {
+            tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
+            onKeyDown: onRemove ? onKeyDown : undefined,
+            "aria-describedby": descProps["aria-describedby"]
+        }),
+        gridCellProps: (0, $ioKwR$mergeProps)(gridCellProps, {
+            "aria-errormessage": props["aria-errormessage"],
+            "aria-label": props["aria-label"]
+        }),
+        ...stateWithoutDescription,
+        allowsRemoving: !!onRemove
+    };
+}
+
+
+export {$fc6126c82a4601f1$export$3f568fff7dff2f03 as useTag};
+//# sourceMappingURL=useTag.mjs.map