@react-aria/tag 3.0.0-alpha.0

package/dist/module.js

@@ -0,0 +1,341 @@
+import {GridKeyboardDelegate as $5e9LZ$GridKeyboardDelegate, useGridRow as $5e9LZ$useGridRow, useGridCell as $5e9LZ$useGridCell} from "@react-aria/grid";
+import {useId as $5e9LZ$useId, filterDOMProps as $5e9LZ$filterDOMProps, mergeProps as $5e9LZ$mergeProps} from "@react-aria/utils";
+import {useMessageFormatter as $5e9LZ$useMessageFormatter} from "@react-aria/i18n";
+import {useState as $5e9LZ$useState} from "react";
+import {useFocusWithin as $5e9LZ$useFocusWithin} from "@react-aria/interactions";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+var $5ba5871437372163$exports = {};
+
+$parcel$export($5ba5871437372163$exports, "TagKeyboardDelegate", () => $5ba5871437372163$export$b00754732e683b92);
+
+class $5ba5871437372163$export$b00754732e683b92 extends $5e9LZ$GridKeyboardDelegate {
+    getKeyRightOf(key) {
+        return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);
+    }
+    getKeyLeftOf(key) {
+        return this.direction === 'rtl' ? this.getKeyBelow(key) : this.getKeyAbove(key);
+    }
+    getKeyBelow(key) {
+        let startItem = this.collection.getItem(key);
+        if (!startItem) return;
+        // If focus was on a cell, start searching from the parent row
+        if (this.isCell(startItem)) key = startItem.parentKey;
+        // Find the next item
+        key = this.findNextKey(key);
+        if (key != null) {
+            // If focus was on a cell, focus the cell with the same index in the next row.
+            if (this.isCell(startItem)) {
+                let item = this.collection.getItem(key);
+                let newKey = [
+                    ...item.childNodes
+                ][startItem.index].key;
+                // Ignore disabled tags
+                if (this.disabledKeys.has(newKey)) return this.getKeyBelow(newKey);
+                return newKey;
+            }
+            // Otherwise, focus the next row
+            if (this.focusMode === 'row') return key;
+        }
+    }
+    getKeyAbove(key) {
+        let startItem = this.collection.getItem(key);
+        if (!startItem) return;
+        // If focus is on a cell, start searching from the parent row
+        if (this.isCell(startItem)) key = startItem.parentKey;
+        // Find the previous item
+        key = this.findPreviousKey(key);
+        if (key != null) {
+            // If focus was on a cell, focus the cell with the same index in the previous row.
+            if (this.isCell(startItem)) {
+                let item = this.collection.getItem(key);
+                let newKey = [
+                    ...item.childNodes
+                ][startItem.index].key;
+                // ignore disabled tags
+                if (this.disabledKeys.has(newKey)) return this.getKeyAbove(newKey);
+                return newKey;
+            }
+            // Otherwise, focus the previous row
+            if (this.focusMode === 'row') return key;
+        }
+    }
+}
+
+
+var $b4db48365d00db9a$exports = {};
+
+$parcel$export($b4db48365d00db9a$exports, "useTag", () => $b4db48365d00db9a$export$3f568fff7dff2f03);
+
+var $e7b680695b220600$exports = {};
+var $743900c2455038f6$exports = {};
+$743900c2455038f6$exports = JSON.parse("{\"remove\":\"إزالة\"}");
+
+
+var $8de49871543e21de$exports = {};
+$8de49871543e21de$exports = JSON.parse("{\"remove\":\"Премахване\"}");
+
+
+var $0ca4bb919d4f4435$exports = {};
+$0ca4bb919d4f4435$exports = JSON.parse("{\"remove\":\"Odebrat\"}");
+
+
+var $d1b0e85f63a72271$exports = {};
+$d1b0e85f63a72271$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+
+
+var $179e44d286df468c$exports = {};
+$179e44d286df468c$exports = JSON.parse("{\"remove\":\"Entfernen\"}");
+
+
+var $5922cb1bf85b11f4$exports = {};
+$5922cb1bf85b11f4$exports = JSON.parse("{\"remove\":\"Κατάργηση\"}");
+
+
+var $c1e37dadedf6279e$exports = {};
+$c1e37dadedf6279e$exports = JSON.parse("{\"remove\":\"Remove\"}");
+
+
+var $f777f016f08205c3$exports = {};
+$f777f016f08205c3$exports = JSON.parse("{\"remove\":\"Quitar\"}");
+
+
+var $472921d27a779787$exports = {};
+$472921d27a779787$exports = JSON.parse("{\"remove\":\"Eemalda\"}");
+
+
+var $dbd26d6fbc866397$exports = {};
+$dbd26d6fbc866397$exports = JSON.parse("{\"remove\":\"Poista\"}");
+
+
+var $5e39d42bf33df8d3$exports = {};
+$5e39d42bf33df8d3$exports = JSON.parse("{\"remove\":\"Supprimer\"}");
+
+
+var $e7642eed7fd63832$exports = {};
+$e7642eed7fd63832$exports = JSON.parse("{\"remove\":\"הסר\"}");
+
+
+var $8e37c26f95293312$exports = {};
+$8e37c26f95293312$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+
+
+var $17cdc86f9558ed3c$exports = {};
+$17cdc86f9558ed3c$exports = JSON.parse("{\"remove\":\"Eltávolítás\"}");
+
+
+var $54eeb2c51646b0c1$exports = {};
+$54eeb2c51646b0c1$exports = JSON.parse("{\"remove\":\"Rimuovi\"}");
+
+
+var $35fa9e31530750b7$exports = {};
+$35fa9e31530750b7$exports = JSON.parse("{\"remove\":\"削除\"}");
+
+
+var $195fd25270b3f59a$exports = {};
+$195fd25270b3f59a$exports = JSON.parse("{\"remove\":\"제거\"}");
+
+
+var $59afcb8ef0fdd255$exports = {};
+$59afcb8ef0fdd255$exports = JSON.parse("{\"remove\":\"Pašalinti\"}");
+
+
+var $7090d6af1633af23$exports = {};
+$7090d6af1633af23$exports = JSON.parse("{\"remove\":\"Noņemt\"}");
+
+
+var $be07885f8b3b96a9$exports = {};
+$be07885f8b3b96a9$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+
+
+var $f2c0f1f0195f0354$exports = {};
+$f2c0f1f0195f0354$exports = JSON.parse("{\"remove\":\"Verwijderen\"}");
+
+
+var $71d3ae8d8fc97727$exports = {};
+$71d3ae8d8fc97727$exports = JSON.parse("{\"remove\":\"Usuń\"}");
+
+
+var $1397e7794fa0c7f3$exports = {};
+$1397e7794fa0c7f3$exports = JSON.parse("{\"remove\":\"Remover\"}");
+
+
+var $db8818414d5aca5a$exports = {};
+$db8818414d5aca5a$exports = JSON.parse("{\"remove\":\"Eliminar\"}");
+
+
+var $42a9d36f6f705fef$exports = {};
+$42a9d36f6f705fef$exports = JSON.parse("{\"remove\":\"Îndepărtaţi\"}");
+
+
+var $af153844a11ef098$exports = {};
+$af153844a11ef098$exports = JSON.parse("{\"remove\":\"Удалить\"}");
+
+
+var $5cf6622ee7608622$exports = {};
+$5cf6622ee7608622$exports = JSON.parse("{\"remove\":\"Odstrániť\"}");
+
+
+var $f9f5a69026a5c16f$exports = {};
+$f9f5a69026a5c16f$exports = JSON.parse("{\"remove\":\"Odstrani\"}");
+
+
+var $1a86645d269e1fc9$exports = {};
+$1a86645d269e1fc9$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+
+
+var $167b6af1e63b05e3$exports = {};
+$167b6af1e63b05e3$exports = JSON.parse("{\"remove\":\"Ta bort\"}");
+
+
+var $b74cd31c591a8aaa$exports = {};
+$b74cd31c591a8aaa$exports = JSON.parse("{\"remove\":\"Kaldır\"}");
+
+
+var $397d4b29878d3d4b$exports = {};
+$397d4b29878d3d4b$exports = JSON.parse("{\"remove\":\"Видалити\"}");
+
+
+var $5f78b636df0c01b4$exports = {};
+$5f78b636df0c01b4$exports = JSON.parse("{\"remove\":\"删除\"}");
+
+
+var $601a7eb375519934$exports = {};
+$601a7eb375519934$exports = JSON.parse("{\"remove\":\"移除\"}");
+
+
+$e7b680695b220600$exports = {
+    "ar-AE": $743900c2455038f6$exports,
+    "bg-BG": $8de49871543e21de$exports,
+    "cs-CZ": $0ca4bb919d4f4435$exports,
+    "da-DK": $d1b0e85f63a72271$exports,
+    "de-DE": $179e44d286df468c$exports,
+    "el-GR": $5922cb1bf85b11f4$exports,
+    "en-US": $c1e37dadedf6279e$exports,
+    "es-ES": $f777f016f08205c3$exports,
+    "et-EE": $472921d27a779787$exports,
+    "fi-FI": $dbd26d6fbc866397$exports,
+    "fr-FR": $5e39d42bf33df8d3$exports,
+    "he-IL": $e7642eed7fd63832$exports,
+    "hr-HR": $8e37c26f95293312$exports,
+    "hu-HU": $17cdc86f9558ed3c$exports,
+    "it-IT": $54eeb2c51646b0c1$exports,
+    "ja-JP": $35fa9e31530750b7$exports,
+    "ko-KR": $195fd25270b3f59a$exports,
+    "lt-LT": $59afcb8ef0fdd255$exports,
+    "lv-LV": $7090d6af1633af23$exports,
+    "nb-NO": $be07885f8b3b96a9$exports,
+    "nl-NL": $f2c0f1f0195f0354$exports,
+    "pl-PL": $71d3ae8d8fc97727$exports,
+    "pt-BR": $1397e7794fa0c7f3$exports,
+    "pt-PT": $db8818414d5aca5a$exports,
+    "ro-RO": $42a9d36f6f705fef$exports,
+    "ru-RU": $af153844a11ef098$exports,
+    "sk-SK": $5cf6622ee7608622$exports,
+    "sl-SI": $f9f5a69026a5c16f$exports,
+    "sr-SP": $1a86645d269e1fc9$exports,
+    "sv-SE": $167b6af1e63b05e3$exports,
+    "tr-TR": $b74cd31c591a8aaa$exports,
+    "uk-UA": $397d4b29878d3d4b$exports,
+    "zh-CN": $5f78b636df0c01b4$exports,
+    "zh-TW": $601a7eb375519934$exports
+};
+
+
+
+
+function $b4db48365d00db9a$export$3f568fff7dff2f03(props, state) {
+    let { isFocused: isFocused  } = props;
+    const { isDisabled: isDisabled , isRemovable: isRemovable , onRemove: onRemove , children: children , item: item , tagRef: tagRef , tagRowRef: tagRowRef  } = props;
+    const formatMessage = $5e9LZ$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($e7b680695b220600$exports)));
+    const removeString = formatMessage('remove');
+    const labelId = $5e9LZ$useId();
+    const buttonId = $5e9LZ$useId();
+    let { rowProps: rowProps  } = $5e9LZ$useGridRow({
+        node: item
+    }, state, tagRowRef);
+    // Don't want the row to be focusable or accessible via keyboard
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { tabIndex: tabIndex , ...otherRowProps } = rowProps;
+    let { gridCellProps: gridCellProps  } = $5e9LZ$useGridCell({
+        node: [
+            ...item.childNodes
+        ][0],
+        focusMode: 'cell'
+    }, state, tagRef);
+    function onKeyDown(e) {
+        if (e.key === 'Delete' || e.key === 'Backspace') {
+            onRemove(children, e);
+            e.preventDefault();
+        }
+    }
+    const pressProps = {
+        onPress: (e)=>onRemove?.(children, e)
+    };
+    isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;
+    let domProps = $5e9LZ$filterDOMProps(props);
+    return {
+        clearButtonProps: $5e9LZ$mergeProps(pressProps, {
+            'aria-label': removeString,
+            'aria-labelledby': `${buttonId} ${labelId}`,
+            id: buttonId,
+            isDisabled: isDisabled
+        }),
+        labelProps: {
+            id: labelId
+        },
+        tagRowProps: otherRowProps,
+        tagProps: $5e9LZ$mergeProps(domProps, gridCellProps, {
+            'aria-disabled': isDisabled,
+            'aria-errormessage': props['aria-errormessage'],
+            'aria-label': props['aria-label'],
+            onKeyDown: !isDisabled && isRemovable ? onKeyDown : null,
+            tabIndex: (isFocused || state.selectionManager.focusedKey == null) && !isDisabled ? 0 : -1,
+            onFocus () {
+                state.selectionManager.setFocusedKey(item.childNodes[0].key);
+            },
+            ref: tagRef
+        })
+    };
+}
+
+
+var $2aa59344625470f3$exports = {};
+
+$parcel$export($2aa59344625470f3$exports, "useTagGroup", () => $2aa59344625470f3$export$4f8b5cda58b7e8ff);
+
+
+
+function $2aa59344625470f3$export$4f8b5cda58b7e8ff(props, listState) {
+    let { isDisabled: isDisabled  } = props;
+    let [isFocusWithin, setFocusWithin] = $5e9LZ$useState(false);
+    let { focusWithinProps: focusWithinProps  } = $5e9LZ$useFocusWithin({
+        onFocusWithinChange: setFocusWithin
+    });
+    let allKeys = [
+        ...listState.collection.getKeys()
+    ];
+    if (!allKeys.some((key)=>!listState.disabledKeys.has(key)
+    )) isDisabled = true;
+    let domProps = $5e9LZ$filterDOMProps(props);
+    return {
+        tagGroupProps: $5e9LZ$mergeProps(domProps, {
+            'aria-atomic': false,
+            'aria-relevant': 'additions',
+            'aria-live': isFocusWithin ? 'polite' : 'off',
+            'aria-disabled': isDisabled === true,
+            ...focusWithinProps
+        })
+    };
+}
+
+
+
+
+export {$5ba5871437372163$export$b00754732e683b92 as TagKeyboardDelegate, $b4db48365d00db9a$export$3f568fff7dff2f03 as useTag, $2aa59344625470f3$export$4f8b5cda58b7e8ff as useTagGroup};
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +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 * from './TagKeyboardDelegate';\nexport * from './useTag';\nexport * from './useTagGroup';\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 {GridCollection} from '@react-types/grid';\nimport {GridKeyboardDelegate} from '@react-aria/grid';\nimport {Key} from 'react';\n\nexport class TagKeyboardDelegate<T> extends GridKeyboardDelegate<T, GridCollection<T>> {\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    // If focus was on a cell, start searching from the parent row\n    if (this.isCell(startItem)) {\n      key = startItem.parentKey;\n    }\n\n    // Find the next item\n    key = this.findNextKey(key);\n    if (key != null) {\n      // If focus was on a cell, focus the cell with the same index in the next row.\n      if (this.isCell(startItem)) {\n        let item = this.collection.getItem(key);\n        let newKey = [...item.childNodes][startItem.index].key;\n\n        // Ignore disabled tags\n        if (this.disabledKeys.has(newKey)) {\n          return this.getKeyBelow(newKey);\n        }\n        return newKey;\n      }\n\n      // Otherwise, focus the next row\n      if (this.focusMode === 'row') {\n        return key;\n      }\n    }\n  }\n\n  getKeyAbove(key) {\n    let startItem = this.collection.getItem(key);\n    if (!startItem) {\n      return;\n    }\n\n    // If focus is on a cell, start searching from the parent row\n    if (this.isCell(startItem)) {\n      key = startItem.parentKey;\n    }\n\n    // Find the previous item\n    key = this.findPreviousKey(key);\n    if (key != null) {\n      // If focus was on a cell, focus the cell with the same index in the previous row.\n      if (this.isCell(startItem)) {\n        let item = this.collection.getItem(key);\n        let newKey = [...item.childNodes][startItem.index].key;\n\n        // ignore disabled tags\n        if (this.disabledKeys.has(newKey)) {\n          return this.getKeyAbove(newKey);\n        }\n        return newKey;\n      }\n\n      // Otherwise, focus the previous row\n      if (this.focusMode === 'row') {\n        return key;\n      }\n    }\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 {ButtonHTMLAttributes, HTMLAttributes, KeyboardEvent} from 'react';\nimport {filterDOMProps, mergeProps, useId} from '@react-aria/utils';\nimport {GridState} from '@react-stately/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {TagProps} from '@react-types/tag';\nimport {useGridCell, useGridRow} from '@react-aria/grid';\nimport {useMessageFormatter} from '@react-aria/i18n';\n\n\nexport interface TagAria {\n  labelProps: HTMLAttributes<HTMLElement>,\n  tagProps: HTMLAttributes<HTMLElement>,\n  tagRowProps: HTMLAttributes<HTMLElement>,\n  clearButtonProps: ButtonHTMLAttributes<HTMLButtonElement>\n}\n\nexport function useTag(props: TagProps<any>, state: GridState<any, any>): TagAria {\n  let {isFocused} = props;\n  const {\n    isDisabled,\n    isRemovable,\n    onRemove,\n    children,\n    item,\n    tagRef,\n    tagRowRef\n  } = props;\n  const formatMessage = useMessageFormatter(intlMessages);\n  const removeString = formatMessage('remove');\n  const labelId = useId();\n  const buttonId = useId();\n\n  let {rowProps} = useGridRow({\n    node: item\n  }, state, tagRowRef);\n  // Don't want the row to be focusable or accessible via keyboard\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {tabIndex, ...otherRowProps} = rowProps;\n\n  let {gridCellProps} = useGridCell({\n    node: [...item.childNodes][0],\n    focusMode: 'cell'\n  }, state, tagRef);\n\n  function onKeyDown(e: KeyboardEvent<HTMLElement>) {\n    if (e.key === 'Delete' || e.key === 'Backspace') {\n      onRemove(children, e);\n      e.preventDefault();\n    }\n  }\n  const pressProps = {\n    onPress: e => onRemove?.(children, e)\n  };\n\n  isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;\n  let domProps = filterDOMProps(props);\n  return {\n    clearButtonProps: mergeProps(pressProps, {\n      'aria-label': removeString,\n      'aria-labelledby': `${buttonId} ${labelId}`,\n      id: buttonId,\n      isDisabled\n    }),\n    labelProps: {\n      id: labelId\n    },\n    tagRowProps: otherRowProps,\n    tagProps: mergeProps(domProps, gridCellProps, {\n      'aria-disabled': isDisabled,\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-label': props['aria-label'],\n      onKeyDown: !isDisabled && isRemovable ? onKeyDown : null,\n      tabIndex: (isFocused || state.selectionManager.focusedKey == null) && !isDisabled ? 0 : -1,\n      onFocus() {\n        state.selectionManager.setFocusedKey(item.childNodes[0].key);\n      },\n      ref: tagRef\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\": \"Remove\"\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 {DOMProps} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {HTMLAttributes, Key, ReactNode, useState} from 'react';\nimport {useFocusWithin} from '@react-aria/interactions';\n\ninterface AriaTagGroupProps extends DOMProps {\n  children: ReactNode,\n  disabledKeys?: Iterable<Key>,\n  isDisabled?: boolean,\n  isReadOnly?: boolean, // removes close button\n  validationState?: 'valid' | 'invalid'\n}\n\ninterface TagGroupAria {\n  tagGroupProps: HTMLAttributes<HTMLElement>\n}\n\nexport function useTagGroup(props: AriaTagGroupProps, listState): TagGroupAria {\n  let {isDisabled} = props;\n  let [isFocusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({\n    onFocusWithinChange: setFocusWithin\n  });\n  let allKeys = [...listState.collection.getKeys()];\n  if (!allKeys.some(key => !listState.disabledKeys.has(key))) {\n    isDisabled = true;\n  }\n  let domProps = filterDOMProps(props);\n  return {\n    tagGroupProps: mergeProps(domProps, {\n      'aria-atomic': false,\n      'aria-relevant': 'additions',\n      'aria-live': isFocusWithin ? 'polite' : 'off',\n      'aria-disabled': isDisabled === true,\n      ...focusWithinProps\n    } as HTMLAttributes<HTMLElement>)\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -0,0 +1,32 @@
+import { GridCollection } from "@react-types/grid";
+import { GridKeyboardDelegate } from "@react-aria/grid";
+import { Key, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
+import { GridState } from "@react-stately/grid";
+import { TagProps } from "@react-types/tag";
+import { DOMProps } from "@react-types/shared";
+export class TagKeyboardDelegate<T> extends GridKeyboardDelegate<T, GridCollection<T>> {
+    getKeyRightOf(key: Key): any;
+    getKeyLeftOf(key: Key): any;
+    getKeyBelow(key: any): any;
+    getKeyAbove(key: any): any;
+}
+export interface TagAria {
+    labelProps: HTMLAttributes<HTMLElement>;
+    tagProps: HTMLAttributes<HTMLElement>;
+    tagRowProps: HTMLAttributes<HTMLElement>;
+    clearButtonProps: ButtonHTMLAttributes<HTMLButtonElement>;
+}
+export function useTag(props: TagProps<any>, state: GridState<any, any>): TagAria;
+interface AriaTagGroupProps extends DOMProps {
+    children: ReactNode;
+    disabledKeys?: Iterable<Key>;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    validationState?: 'valid' | 'invalid';
+}
+interface TagGroupAria {
+    tagGroupProps: HTMLAttributes<HTMLElement>;
+}
+export function useTagGroup(props: AriaTagGroupProps, listState: any): TagGroupAria;
+
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;AAgBA,iCAAiC,CAAC,CAAE,SAAQ,qBAAqB,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;IACpF,aAAa,CAAC,GAAG,EAAE,GAAG;IAItB,YAAY,CAAC,GAAG,EAAE,GAAG;IAIrB,WAAW,CAAC,GAAG,KAAA;IAiCf,WAAW,CAAC,GAAG,KAAA;CAgChB;ACpED;IACE,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,QAAQ,EAAE,eAAe,WAAW,CAAC,CAAC;IACtC,WAAW,EAAE,eAAe,WAAW,CAAC,CAAC;IACzC,gBAAgB,EAAE,qBAAqB,iBAAiB,CAAC,CAAA;CAC1D;AAED,uBAAuB,KAAK,EAAE,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,GAAG,CAAC,GAAG,OAAO,CA+DhF;AC3ED,2BAA4B,SAAQ,QAAQ;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACtC;AAED;IACE,aAAa,EAAE,eAAe,WAAW,CAAC,CAAA;CAC3C;AAED,4BAA4B,KAAK,EAAE,iBAAiB,EAAE,SAAS,KAAA,GAAG,YAAY,CAoB7E","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 * from './TagKeyboardDelegate';\nexport * from './useTag';\nexport * from './useTagGroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@react-aria/tag",
+  "version": "3.0.0-alpha.0",
+  "description": "Spectrum UI components in React",
+  "license": "Apache-2.0",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.6.2",
+    "@react-aria/grid": "^3.0.0",
+    "@react-aria/i18n": "^3.1.0",
+    "@react-aria/interactions": "^3.1.0",
+    "@react-aria/utils": "^3.1.0",
+    "@react-stately/grid": "^3.0.0",
+    "@react-types/grid": "^3.0.0",
+    "@react-types/shared": "^3.1.0",
+    "@react-types/tag": "3.0.0-alpha.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0-rc.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
+}

package/src/TagKeyboardDelegate.ts

@@ -0,0 +1,91 @@
+/*
+ * 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.
+ */
+
+import {GridCollection} from '@react-types/grid';
+import {GridKeyboardDelegate} from '@react-aria/grid';
+import {Key} from 'react';
+
+export class TagKeyboardDelegate<T> extends GridKeyboardDelegate<T, GridCollection<T>> {
+  getKeyRightOf(key: Key) {
+    return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);
+  }
+
+  getKeyLeftOf(key: Key) {
+    return this.direction === 'rtl' ? this.getKeyBelow(key) : this.getKeyAbove(key);
+  }
+
+  getKeyBelow(key) {
+    let startItem = this.collection.getItem(key);
+    if (!startItem) {
+      return;
+    }
+
+    // If focus was on a cell, start searching from the parent row
+    if (this.isCell(startItem)) {
+      key = startItem.parentKey;
+    }
+
+    // Find the next item
+    key = this.findNextKey(key);
+    if (key != null) {
+      // If focus was on a cell, focus the cell with the same index in the next row.
+      if (this.isCell(startItem)) {
+        let item = this.collection.getItem(key);
+        let newKey = [...item.childNodes][startItem.index].key;
+
+        // Ignore disabled tags
+        if (this.disabledKeys.has(newKey)) {
+          return this.getKeyBelow(newKey);
+        }
+        return newKey;
+      }
+
+      // Otherwise, focus the next row
+      if (this.focusMode === 'row') {
+        return key;
+      }
+    }
+  }
+
+  getKeyAbove(key) {
+    let startItem = this.collection.getItem(key);
+    if (!startItem) {
+      return;
+    }
+
+    // If focus is on a cell, start searching from the parent row
+    if (this.isCell(startItem)) {
+      key = startItem.parentKey;
+    }
+
+    // Find the previous item
+    key = this.findPreviousKey(key);
+    if (key != null) {
+      // If focus was on a cell, focus the cell with the same index in the previous row.
+      if (this.isCell(startItem)) {
+        let item = this.collection.getItem(key);
+        let newKey = [...item.childNodes][startItem.index].key;
+
+        // ignore disabled tags
+        if (this.disabledKeys.has(newKey)) {
+          return this.getKeyAbove(newKey);
+        }
+        return newKey;
+      }
+
+      // Otherwise, focus the previous row
+      if (this.focusMode === 'row') {
+        return key;
+      }
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,15 @@
+/*
+ * 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.
+ */
+
+export * from './TagKeyboardDelegate';
+export * from './useTag';
+export * from './useTagGroup';

package/src/useTag.ts

@@ -0,0 +1,93 @@
+/*
+ * 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.
+ */
+
+import {ButtonHTMLAttributes, HTMLAttributes, KeyboardEvent} from 'react';
+import {filterDOMProps, mergeProps, useId} from '@react-aria/utils';
+import {GridState} from '@react-stately/grid';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {TagProps} from '@react-types/tag';
+import {useGridCell, useGridRow} from '@react-aria/grid';
+import {useMessageFormatter} from '@react-aria/i18n';
+
+
+export interface TagAria {
+  labelProps: HTMLAttributes<HTMLElement>,
+  tagProps: HTMLAttributes<HTMLElement>,
+  tagRowProps: HTMLAttributes<HTMLElement>,
+  clearButtonProps: ButtonHTMLAttributes<HTMLButtonElement>
+}
+
+export function useTag(props: TagProps<any>, state: GridState<any, any>): TagAria {
+  let {isFocused} = props;
+  const {
+    isDisabled,
+    isRemovable,
+    onRemove,
+    children,
+    item,
+    tagRef,
+    tagRowRef
+  } = props;
+  const formatMessage = useMessageFormatter(intlMessages);
+  const removeString = formatMessage('remove');
+  const labelId = useId();
+  const buttonId = useId();
+
+  let {rowProps} = useGridRow({
+    node: item
+  }, state, tagRowRef);
+  // Don't want the row to be focusable or accessible via keyboard
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  let {tabIndex, ...otherRowProps} = rowProps;
+
+  let {gridCellProps} = useGridCell({
+    node: [...item.childNodes][0],
+    focusMode: 'cell'
+  }, state, tagRef);
+
+  function onKeyDown(e: KeyboardEvent<HTMLElement>) {
+    if (e.key === 'Delete' || e.key === 'Backspace') {
+      onRemove(children, e);
+      e.preventDefault();
+    }
+  }
+  const pressProps = {
+    onPress: e => onRemove?.(children, e)
+  };
+
+  isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;
+  let domProps = filterDOMProps(props);
+  return {
+    clearButtonProps: mergeProps(pressProps, {
+      'aria-label': removeString,
+      'aria-labelledby': `${buttonId} ${labelId}`,
+      id: buttonId,
+      isDisabled
+    }),
+    labelProps: {
+      id: labelId
+    },
+    tagRowProps: otherRowProps,
+    tagProps: mergeProps(domProps, gridCellProps, {
+      'aria-disabled': isDisabled,
+      'aria-errormessage': props['aria-errormessage'],
+      'aria-label': props['aria-label'],
+      onKeyDown: !isDisabled && isRemovable ? onKeyDown : null,
+      tabIndex: (isFocused || state.selectionManager.focusedKey == null) && !isDisabled ? 0 : -1,
+      onFocus() {
+        state.selectionManager.setFocusedKey(item.childNodes[0].key);
+      },
+      ref: tagRef
+    })
+  };
+}