@react-aria/tag 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/main.js

@@ -1,36 +1,39 @@
-var $fbMcw$reactariagrid = require("@react-aria/grid");
-var $fbMcw$reactariautils = require("@react-aria/utils");
-var $fbMcw$reactariai18n = require("@react-aria/i18n");
-var $fbMcw$react = require("react");
-var $fbMcw$reactariainteractions = require("@react-aria/interactions");
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
+var $bSzeT$reactariagrid = require("@react-aria/grid");
+var $bSzeT$reactariautils = require("@react-aria/utils");
+var $bSzeT$reactariai18n = require("@react-aria/i18n");
+var $bSzeT$react = require("react");
+var $bSzeT$reactariainteractions = require("@react-aria/interactions");
 
-  return dest;
-}
 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 $9949860e867a4f6e$exports = {};
 
-$parcel$export($9949860e867a4f6e$exports, "TagKeyboardDelegate", () => $9949860e867a4f6e$export$b00754732e683b92);
+$parcel$export(module.exports, "TagKeyboardDelegate", () => $d3d7c73f2e3f4edb$export$b00754732e683b92);
+$parcel$export(module.exports, "useTag", () => $a442534c81d8ad16$export$3f568fff7dff2f03);
+$parcel$export(module.exports, "useTagGroup", () => $09704b0efefe5140$export$4f8b5cda58b7e8ff);
 
-class $9949860e867a4f6e$export$b00754732e683b92 extends $fbMcw$reactariagrid.GridKeyboardDelegate {
+class $d3d7c73f2e3f4edb$export$b00754732e683b92 extends $bSzeT$reactariagrid.GridKeyboardDelegate {
+    getFirstKey() {
+        let key = this.collection.getFirstKey();
+        let item = this.collection.getItem(key);
+        let newKey = [
+            ...item.childNodes
+        ][0].key;
+        if (this.disabledKeys.has(newKey)) newKey = this.getKeyBelow(newKey);
+        return newKey;
+    }
+    getLastKey() {
+        let key = this.collection.getLastKey();
+        let item = this.collection.getItem(key);
+        let newKey = [
+            ...item.childNodes
+        ][0].key;
+        if (this.disabledKeys.has(newKey)) newKey = this.getKeyAbove(newKey);
+        return newKey;
+    }
     getKeyRightOf(key) {
         return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);
     }
@@ -57,7 +60,7 @@ class $9949860e867a4f6e$export$b00754732e683b92 extends $fbMcw$reactariagrid.Gri
             }
             // Otherwise, focus the next row
             if (this.focusMode === 'row') return key;
-        }
+        } else return this.getFirstKey();
     }
     getKeyAbove(key) {
         let startItem = this.collection.getItem(key);
@@ -79,213 +82,284 @@ class $9949860e867a4f6e$export$b00754732e683b92 extends $fbMcw$reactariagrid.Gri
             }
             // Otherwise, focus the previous row
             if (this.focusMode === 'row') return key;
-        }
+        } else return this.getLastKey();
+    }
+    getKeyPageAbove(key) {
+        return this.getKeyAbove(key);
+    }
+    getKeyPageBelow(key) {
+        return this.getKeyBelow(key);
     }
 }
 
 
-var $7e6365ae3faa3ee9$exports = {};
 
-$parcel$export($7e6365ae3faa3ee9$exports, "useTag", () => $7e6365ae3faa3ee9$export$3f568fff7dff2f03);
-
-var $dda6d49b41cc862d$exports = {};
-var $00d59d3c0e1bf174$exports = {};
-$00d59d3c0e1bf174$exports = JSON.parse("{\"remove\":\"إزالة\"}");
+var $29abb9209b62cd49$exports = {};
+var $6a4ddf1abe55d42a$exports = {};
+$6a4ddf1abe55d42a$exports = {
+    "remove": `إزالة`
+};
 
 
-var $b3aa8e3fd46e1e0f$exports = {};
-$b3aa8e3fd46e1e0f$exports = JSON.parse("{\"remove\":\"Премахване\"}");
+var $1bdc82b10375b4a8$exports = {};
+$1bdc82b10375b4a8$exports = {
+    "remove": `Премахване`
+};
 
 
-var $6a4390574ed99569$exports = {};
-$6a4390574ed99569$exports = JSON.parse("{\"remove\":\"Odebrat\"}");
+var $e3fdf009dfe14bbc$exports = {};
+$e3fdf009dfe14bbc$exports = {
+    "remove": `Odebrat`
+};
 
 
-var $c860f786035205ee$exports = {};
-$c860f786035205ee$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+var $8e3a8efadaa261b3$exports = {};
+$8e3a8efadaa261b3$exports = {
+    "remove": `Fjern`
+};
 
 
-var $92855740baa37c33$exports = {};
-$92855740baa37c33$exports = JSON.parse("{\"remove\":\"Entfernen\"}");
+var $405462110cf9cc8d$exports = {};
+$405462110cf9cc8d$exports = {
+    "remove": `Entfernen`
+};
 
 
-var $4ec9185c48c283dc$exports = {};
-$4ec9185c48c283dc$exports = JSON.parse("{\"remove\":\"Κατάργηση\"}");
+var $9ec4c01646bfc149$exports = {};
+$9ec4c01646bfc149$exports = {
+    "remove": `Κατάργηση`
+};
 
 
-var $e9766593109de8b7$exports = {};
-$e9766593109de8b7$exports = JSON.parse("{\"remove\":\"Remove\"}");
+var $0b797b6d677cd5c7$exports = {};
+$0b797b6d677cd5c7$exports = {
+    "remove": `Remove`
+};
 
 
-var $3e9a340d092749be$exports = {};
-$3e9a340d092749be$exports = JSON.parse("{\"remove\":\"Quitar\"}");
+var $bacdb4955d86e000$exports = {};
+$bacdb4955d86e000$exports = {
+    "remove": `Quitar`
+};
 
 
-var $937f65b04b6d1c27$exports = {};
-$937f65b04b6d1c27$exports = JSON.parse("{\"remove\":\"Eemalda\"}");
+var $28e6b3e2003cb89e$exports = {};
+$28e6b3e2003cb89e$exports = {
+    "remove": `Eemalda`
+};
 
 
-var $98695933533f6c5e$exports = {};
-$98695933533f6c5e$exports = JSON.parse("{\"remove\":\"Poista\"}");
+var $080ec9a9a4197fc3$exports = {};
+$080ec9a9a4197fc3$exports = {
+    "remove": `Poista`
+};
 
 
-var $2828f2b5e1e7d438$exports = {};
-$2828f2b5e1e7d438$exports = JSON.parse("{\"remove\":\"Supprimer\"}");
+var $d186548cad5da12b$exports = {};
+$d186548cad5da12b$exports = {
+    "remove": `Supprimer`
+};
 
 
-var $4dc535cde05fa3bc$exports = {};
-$4dc535cde05fa3bc$exports = JSON.parse("{\"remove\":\"הסר\"}");
+var $58694cb16d86dce9$exports = {};
+$58694cb16d86dce9$exports = {
+    "remove": `הסר`
+};
 
 
-var $728fd11ed4081031$exports = {};
-$728fd11ed4081031$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+var $3622620b71bc3eed$exports = {};
+$3622620b71bc3eed$exports = {
+    "remove": `Ukloni`
+};
 
 
-var $dd153ecb528d7dcb$exports = {};
-$dd153ecb528d7dcb$exports = JSON.parse("{\"remove\":\"Eltávolítás\"}");
+var $25f88eb7a72b76e1$exports = {};
+$25f88eb7a72b76e1$exports = {
+    "remove": `Eltávolítás`
+};
 
 
-var $c99b6d476ee2d095$exports = {};
-$c99b6d476ee2d095$exports = JSON.parse("{\"remove\":\"Rimuovi\"}");
+var $ac7f4b0e2cb68452$exports = {};
+$ac7f4b0e2cb68452$exports = {
+    "remove": `Rimuovi`
+};
 
 
-var $b7391ca73b07feba$exports = {};
-$b7391ca73b07feba$exports = JSON.parse("{\"remove\":\"削除\"}");
+var $eb1a168dda0e2196$exports = {};
+$eb1a168dda0e2196$exports = {
+    "remove": `削除`
+};
 
 
-var $c7aa1d93fda90da2$exports = {};
-$c7aa1d93fda90da2$exports = JSON.parse("{\"remove\":\"제거\"}");
+var $eee5df414cc6e698$exports = {};
+$eee5df414cc6e698$exports = {
+    "remove": `제거`
+};
 
 
-var $8fa4d858d710a46a$exports = {};
-$8fa4d858d710a46a$exports = JSON.parse("{\"remove\":\"Pašalinti\"}");
+var $89b3b12fbd9b247d$exports = {};
+$89b3b12fbd9b247d$exports = {
+    "remove": `Pašalinti`
+};
 
 
-var $da1366ec97d849e7$exports = {};
-$da1366ec97d849e7$exports = JSON.parse("{\"remove\":\"Noņemt\"}");
+var $1919b5d1d79b472a$exports = {};
+$1919b5d1d79b472a$exports = {
+    "remove": `Noņemt`
+};
 
 
-var $75cd1a36e472769f$exports = {};
-$75cd1a36e472769f$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+var $19c1a9b6c040fcbd$exports = {};
+$19c1a9b6c040fcbd$exports = {
+    "remove": `Fjern`
+};
 
 
-var $cab62d7076520d69$exports = {};
-$cab62d7076520d69$exports = JSON.parse("{\"remove\":\"Verwijderen\"}");
+var $be2ec555d5f5fd09$exports = {};
+$be2ec555d5f5fd09$exports = {
+    "remove": `Verwijderen`
+};
 
 
-var $9a92f8c415dcf6ea$exports = {};
-$9a92f8c415dcf6ea$exports = JSON.parse("{\"remove\":\"Usuń\"}");
+var $949a33b7200b0e13$exports = {};
+$949a33b7200b0e13$exports = {
+    "remove": `Usuń`
+};
 
 
-var $6ef233a41373e840$exports = {};
-$6ef233a41373e840$exports = JSON.parse("{\"remove\":\"Remover\"}");
+var $ae5f6174df72ed0e$exports = {};
+$ae5f6174df72ed0e$exports = {
+    "remove": `Remover`
+};
 
 
-var $ee2c5edd3ce258ae$exports = {};
-$ee2c5edd3ce258ae$exports = JSON.parse("{\"remove\":\"Eliminar\"}");
+var $f93b2eb3a2267af4$exports = {};
+$f93b2eb3a2267af4$exports = {
+    "remove": `Eliminar`
+};
 
 
-var $17207fe2a2fbed12$exports = {};
-$17207fe2a2fbed12$exports = JSON.parse("{\"remove\":\"Îndepărtaţi\"}");
+var $0986e262b15bfc91$exports = {};
+$0986e262b15bfc91$exports = {
+    "remove": `Îndepărtaţi`
+};
 
 
-var $1a4095afd253a9ff$exports = {};
-$1a4095afd253a9ff$exports = JSON.parse("{\"remove\":\"Удалить\"}");
+var $1fc455c3f981c785$exports = {};
+$1fc455c3f981c785$exports = {
+    "remove": `Удалить`
+};
 
 
-var $7612e415bf6fc44b$exports = {};
-$7612e415bf6fc44b$exports = JSON.parse("{\"remove\":\"Odstrániť\"}");
+var $93e0f346215d9446$exports = {};
+$93e0f346215d9446$exports = {
+    "remove": `Odstrániť`
+};
 
 
-var $0fabb0019a297945$exports = {};
-$0fabb0019a297945$exports = JSON.parse("{\"remove\":\"Odstrani\"}");
+var $fef8a51090f12761$exports = {};
+$fef8a51090f12761$exports = {
+    "remove": `Odstrani`
+};
 
 
-var $7f10926747c4ac7e$exports = {};
-$7f10926747c4ac7e$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+var $04502b7a450fc878$exports = {};
+$04502b7a450fc878$exports = {
+    "remove": `Ukloni`
+};
 
 
-var $9ba98c5fd3954063$exports = {};
-$9ba98c5fd3954063$exports = JSON.parse("{\"remove\":\"Ta bort\"}");
+var $95460d4e4c3e3778$exports = {};
+$95460d4e4c3e3778$exports = {
+    "remove": `Ta bort`
+};
 
 
-var $24b81d984960d760$exports = {};
-$24b81d984960d760$exports = JSON.parse("{\"remove\":\"Kaldır\"}");
+var $818e5758c72a695c$exports = {};
+$818e5758c72a695c$exports = {
+    "remove": `Kaldır`
+};
 
 
-var $e0b4479c9d4e997c$exports = {};
-$e0b4479c9d4e997c$exports = JSON.parse("{\"remove\":\"Видалити\"}");
+var $5c17d07165fb1742$exports = {};
+$5c17d07165fb1742$exports = {
+    "remove": `Видалити`
+};
 
 
-var $f0e3c840ccb84798$exports = {};
-$f0e3c840ccb84798$exports = JSON.parse("{\"remove\":\"删除\"}");
+var $c6666cc31aa025e0$exports = {};
+$c6666cc31aa025e0$exports = {
+    "remove": `删除`
+};
 
 
-var $c4895b7076ce24d3$exports = {};
-$c4895b7076ce24d3$exports = JSON.parse("{\"remove\":\"移除\"}");
+var $a34b8398aee73e0f$exports = {};
+$a34b8398aee73e0f$exports = {
+    "remove": `移除`
+};
 
 
-$dda6d49b41cc862d$exports = {
-    "ar-AE": $00d59d3c0e1bf174$exports,
-    "bg-BG": $b3aa8e3fd46e1e0f$exports,
-    "cs-CZ": $6a4390574ed99569$exports,
-    "da-DK": $c860f786035205ee$exports,
-    "de-DE": $92855740baa37c33$exports,
-    "el-GR": $4ec9185c48c283dc$exports,
-    "en-US": $e9766593109de8b7$exports,
-    "es-ES": $3e9a340d092749be$exports,
-    "et-EE": $937f65b04b6d1c27$exports,
-    "fi-FI": $98695933533f6c5e$exports,
-    "fr-FR": $2828f2b5e1e7d438$exports,
-    "he-IL": $4dc535cde05fa3bc$exports,
-    "hr-HR": $728fd11ed4081031$exports,
-    "hu-HU": $dd153ecb528d7dcb$exports,
-    "it-IT": $c99b6d476ee2d095$exports,
-    "ja-JP": $b7391ca73b07feba$exports,
-    "ko-KR": $c7aa1d93fda90da2$exports,
-    "lt-LT": $8fa4d858d710a46a$exports,
-    "lv-LV": $da1366ec97d849e7$exports,
-    "nb-NO": $75cd1a36e472769f$exports,
-    "nl-NL": $cab62d7076520d69$exports,
-    "pl-PL": $9a92f8c415dcf6ea$exports,
-    "pt-BR": $6ef233a41373e840$exports,
-    "pt-PT": $ee2c5edd3ce258ae$exports,
-    "ro-RO": $17207fe2a2fbed12$exports,
-    "ru-RU": $1a4095afd253a9ff$exports,
-    "sk-SK": $7612e415bf6fc44b$exports,
-    "sl-SI": $0fabb0019a297945$exports,
-    "sr-SP": $7f10926747c4ac7e$exports,
-    "sv-SE": $9ba98c5fd3954063$exports,
-    "tr-TR": $24b81d984960d760$exports,
-    "uk-UA": $e0b4479c9d4e997c$exports,
-    "zh-CN": $f0e3c840ccb84798$exports,
-    "zh-TW": $c4895b7076ce24d3$exports
+$29abb9209b62cd49$exports = {
+    "ar-AE": $6a4ddf1abe55d42a$exports,
+    "bg-BG": $1bdc82b10375b4a8$exports,
+    "cs-CZ": $e3fdf009dfe14bbc$exports,
+    "da-DK": $8e3a8efadaa261b3$exports,
+    "de-DE": $405462110cf9cc8d$exports,
+    "el-GR": $9ec4c01646bfc149$exports,
+    "en-US": $0b797b6d677cd5c7$exports,
+    "es-ES": $bacdb4955d86e000$exports,
+    "et-EE": $28e6b3e2003cb89e$exports,
+    "fi-FI": $080ec9a9a4197fc3$exports,
+    "fr-FR": $d186548cad5da12b$exports,
+    "he-IL": $58694cb16d86dce9$exports,
+    "hr-HR": $3622620b71bc3eed$exports,
+    "hu-HU": $25f88eb7a72b76e1$exports,
+    "it-IT": $ac7f4b0e2cb68452$exports,
+    "ja-JP": $eb1a168dda0e2196$exports,
+    "ko-KR": $eee5df414cc6e698$exports,
+    "lt-LT": $89b3b12fbd9b247d$exports,
+    "lv-LV": $1919b5d1d79b472a$exports,
+    "nb-NO": $19c1a9b6c040fcbd$exports,
+    "nl-NL": $be2ec555d5f5fd09$exports,
+    "pl-PL": $949a33b7200b0e13$exports,
+    "pt-BR": $ae5f6174df72ed0e$exports,
+    "pt-PT": $f93b2eb3a2267af4$exports,
+    "ro-RO": $0986e262b15bfc91$exports,
+    "ru-RU": $1fc455c3f981c785$exports,
+    "sk-SK": $93e0f346215d9446$exports,
+    "sl-SI": $fef8a51090f12761$exports,
+    "sr-SP": $04502b7a450fc878$exports,
+    "sv-SE": $95460d4e4c3e3778$exports,
+    "tr-TR": $818e5758c72a695c$exports,
+    "uk-UA": $5c17d07165fb1742$exports,
+    "zh-CN": $c6666cc31aa025e0$exports,
+    "zh-TW": $a34b8398aee73e0f$exports
 };
 
 
 
 
-function $7e6365ae3faa3ee9$export$3f568fff7dff2f03(props, state) {
+function $a442534c81d8ad16$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 = $fbMcw$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($dda6d49b41cc862d$exports)));
-    const removeString = formatMessage('remove');
-    const labelId = $fbMcw$reactariautils.useId();
-    const buttonId = $fbMcw$reactariautils.useId();
-    let { rowProps: rowProps  } = $fbMcw$reactariagrid.useGridRow({
+    const stringFormatter = $bSzeT$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($29abb9209b62cd49$exports)));
+    const removeString = stringFormatter.format('remove');
+    const labelId = $bSzeT$reactariautils.useId();
+    const buttonId = $bSzeT$reactariautils.useId();
+    let { rowProps: rowProps  } = $bSzeT$reactariagrid.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  } = $fbMcw$reactariagrid.useGridCell({
+    let { gridCellProps: gridCellProps  } = $bSzeT$reactariagrid.useGridCell({
         node: [
             ...item.childNodes
         ][0],
         focusMode: 'cell'
     }, state, tagRef);
     function onKeyDown(e) {
-        if (e.key === 'Delete' || e.key === 'Backspace') {
+        if (e.key === 'Delete' || e.key === 'Backspace' || e.key === ' ') {
             onRemove(children, e);
             e.preventDefault();
         }
@@ -296,9 +370,9 @@ function $7e6365ae3faa3ee9$export$3f568fff7dff2f03(props, state) {
         }
     };
     isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;
-    let domProps = $fbMcw$reactariautils.filterDOMProps(props);
+    let domProps = $bSzeT$reactariautils.filterDOMProps(props);
     return {
-        clearButtonProps: $fbMcw$reactariautils.mergeProps(pressProps, {
+        clearButtonProps: $bSzeT$reactariautils.mergeProps(pressProps, {
             'aria-label': removeString,
             'aria-labelledby': `${buttonId} ${labelId}`,
             id: buttonId,
@@ -308,31 +382,24 @@ function $7e6365ae3faa3ee9$export$3f568fff7dff2f03(props, state) {
             id: labelId
         },
         tagRowProps: otherRowProps,
-        tagProps: $fbMcw$reactariautils.mergeProps(domProps, gridCellProps, {
+        tagProps: $bSzeT$reactariautils.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
+            tabIndex: (isFocused || state.selectionManager.focusedKey == null) && !isDisabled ? 0 : -1
         })
     };
 }
 
 
-var $0bed33a3a01edef1$exports = {};
-
-$parcel$export($0bed33a3a01edef1$exports, "useTagGroup", () => $0bed33a3a01edef1$export$4f8b5cda58b7e8ff);
 
 
 
-function $0bed33a3a01edef1$export$4f8b5cda58b7e8ff(props, listState) {
+function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, listState) {
     let { isDisabled: isDisabled  } = props;
-    let [isFocusWithin, setFocusWithin] = $fbMcw$react.useState(false);
-    let { focusWithinProps: focusWithinProps  } = $fbMcw$reactariainteractions.useFocusWithin({
+    let [isFocusWithin, setFocusWithin] = $bSzeT$react.useState(false);
+    let { focusWithinProps: focusWithinProps  } = $bSzeT$reactariainteractions.useFocusWithin({
         onFocusWithinChange: setFocusWithin
     });
     let allKeys = [
@@ -340,9 +407,9 @@ function $0bed33a3a01edef1$export$4f8b5cda58b7e8ff(props, listState) {
     ];
     if (!allKeys.some((key)=>!listState.disabledKeys.has(key)
     )) isDisabled = true;
-    let domProps = $fbMcw$reactariautils.filterDOMProps(props);
+    let domProps = $bSzeT$reactariautils.filterDOMProps(props);
     return {
-        tagGroupProps: $fbMcw$reactariautils.mergeProps(domProps, {
+        tagGroupProps: $bSzeT$reactariautils.mergeProps(domProps, {
             'aria-atomic': false,
             'aria-relevant': 'additions',
             'aria-live': isFocusWithin ? 'polite' : 'off',
@@ -353,9 +420,6 @@ function $0bed33a3a01edef1$export$4f8b5cda58b7e8ff(props, listState) {
 }
 
 
-$parcel$exportWildcard(module.exports, $9949860e867a4f6e$exports);
-$parcel$exportWildcard(module.exports, $7e6365ae3faa3ee9$exports);
-$parcel$exportWildcard(module.exports, $0bed33a3a01edef1$exports);
 
 
 //# sourceMappingURL=main.js.map