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

package/dist/main.js

@@ -1,36 +1,39 @@
-var $dBS35$reactariagrid = require("@react-aria/grid");
-var $dBS35$reactariautils = require("@react-aria/utils");
-var $dBS35$reactariai18n = require("@react-aria/i18n");
-var $dBS35$react = require("react");
-var $dBS35$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 $598514b5b81cac5f$exports = {};
 
-$parcel$export($598514b5b81cac5f$exports, "TagKeyboardDelegate", () => $598514b5b81cac5f$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 $598514b5b81cac5f$export$b00754732e683b92 extends $dBS35$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 $598514b5b81cac5f$export$b00754732e683b92 extends $dBS35$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,224 +82,297 @@ class $598514b5b81cac5f$export$b00754732e683b92 extends $dBS35$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 $94a37b456b54e94c$exports = {};
-
-$parcel$export($94a37b456b54e94c$exports, "useTag", () => $94a37b456b54e94c$export$3f568fff7dff2f03);
 
-var $8f004cf49daebca9$exports = {};
-var $6eacd18bf5afcdc8$exports = {};
-$6eacd18bf5afcdc8$exports = JSON.parse("{\"remove\":\"إزالة\"}");
+var $29abb9209b62cd49$exports = {};
+var $6a4ddf1abe55d42a$exports = {};
+$6a4ddf1abe55d42a$exports = {
+    "remove": `إزالة`
+};
 
 
-var $729bf914ff317388$exports = {};
-$729bf914ff317388$exports = JSON.parse("{\"remove\":\"Премахване\"}");
+var $1bdc82b10375b4a8$exports = {};
+$1bdc82b10375b4a8$exports = {
+    "remove": `Премахване`
+};
 
 
-var $8be943fd4ac737bc$exports = {};
-$8be943fd4ac737bc$exports = JSON.parse("{\"remove\":\"Odebrat\"}");
+var $e3fdf009dfe14bbc$exports = {};
+$e3fdf009dfe14bbc$exports = {
+    "remove": `Odebrat`
+};
 
 
-var $6151fdb05179beeb$exports = {};
-$6151fdb05179beeb$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+var $8e3a8efadaa261b3$exports = {};
+$8e3a8efadaa261b3$exports = {
+    "remove": `Fjern`
+};
 
 
-var $86af05a766c218c7$exports = {};
-$86af05a766c218c7$exports = JSON.parse("{\"remove\":\"Entfernen\"}");
+var $405462110cf9cc8d$exports = {};
+$405462110cf9cc8d$exports = {
+    "remove": `Entfernen`
+};
 
 
-var $af3b8dae5cc6406d$exports = {};
-$af3b8dae5cc6406d$exports = JSON.parse("{\"remove\":\"Κατάργηση\"}");
+var $9ec4c01646bfc149$exports = {};
+$9ec4c01646bfc149$exports = {
+    "remove": `Κατάργηση`
+};
 
 
-var $ad186745d5f62b60$exports = {};
-$ad186745d5f62b60$exports = JSON.parse("{\"remove\":\"Remove\"}");
+var $0b797b6d677cd5c7$exports = {};
+$0b797b6d677cd5c7$exports = {
+    "remove": `Remove`
+};
 
 
-var $a9730474de94b4e1$exports = {};
-$a9730474de94b4e1$exports = JSON.parse("{\"remove\":\"Quitar\"}");
+var $bacdb4955d86e000$exports = {};
+$bacdb4955d86e000$exports = {
+    "remove": `Quitar`
+};
 
 
-var $37ee358e14e90716$exports = {};
-$37ee358e14e90716$exports = JSON.parse("{\"remove\":\"Eemalda\"}");
+var $28e6b3e2003cb89e$exports = {};
+$28e6b3e2003cb89e$exports = {
+    "remove": `Eemalda`
+};
 
 
-var $8ad907e0863d43a8$exports = {};
-$8ad907e0863d43a8$exports = JSON.parse("{\"remove\":\"Poista\"}");
+var $080ec9a9a4197fc3$exports = {};
+$080ec9a9a4197fc3$exports = {
+    "remove": `Poista`
+};
 
 
-var $45c9b8ed2c94ff44$exports = {};
-$45c9b8ed2c94ff44$exports = JSON.parse("{\"remove\":\"Supprimer\"}");
+var $d186548cad5da12b$exports = {};
+$d186548cad5da12b$exports = {
+    "remove": `Supprimer`
+};
 
 
-var $3583b7cbea9a9cfd$exports = {};
-$3583b7cbea9a9cfd$exports = JSON.parse("{\"remove\":\"הסר\"}");
+var $58694cb16d86dce9$exports = {};
+$58694cb16d86dce9$exports = {
+    "remove": `הסר`
+};
 
 
-var $0c4ca9ae4d41786e$exports = {};
-$0c4ca9ae4d41786e$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+var $3622620b71bc3eed$exports = {};
+$3622620b71bc3eed$exports = {
+    "remove": `Ukloni`
+};
 
 
-var $769bbe5514f2aedc$exports = {};
-$769bbe5514f2aedc$exports = JSON.parse("{\"remove\":\"Eltávolítás\"}");
+var $25f88eb7a72b76e1$exports = {};
+$25f88eb7a72b76e1$exports = {
+    "remove": `Eltávolítás`
+};
 
 
-var $51f31e1b923a06ad$exports = {};
-$51f31e1b923a06ad$exports = JSON.parse("{\"remove\":\"Rimuovi\"}");
+var $ac7f4b0e2cb68452$exports = {};
+$ac7f4b0e2cb68452$exports = {
+    "remove": `Rimuovi`
+};
 
 
-var $b2f17c71b54ca1ae$exports = {};
-$b2f17c71b54ca1ae$exports = JSON.parse("{\"remove\":\"削除\"}");
+var $eb1a168dda0e2196$exports = {};
+$eb1a168dda0e2196$exports = {
+    "remove": `削除`
+};
 
 
-var $65391155ddf8e9fa$exports = {};
-$65391155ddf8e9fa$exports = JSON.parse("{\"remove\":\"제거\"}");
+var $eee5df414cc6e698$exports = {};
+$eee5df414cc6e698$exports = {
+    "remove": `제거`
+};
 
 
-var $b061aa4619932dca$exports = {};
-$b061aa4619932dca$exports = JSON.parse("{\"remove\":\"Pašalinti\"}");
+var $89b3b12fbd9b247d$exports = {};
+$89b3b12fbd9b247d$exports = {
+    "remove": `Pašalinti`
+};
 
 
-var $e5d4b1d68764ebee$exports = {};
-$e5d4b1d68764ebee$exports = JSON.parse("{\"remove\":\"Noņemt\"}");
+var $1919b5d1d79b472a$exports = {};
+$1919b5d1d79b472a$exports = {
+    "remove": `Noņemt`
+};
 
 
-var $abd57a1e71b19e37$exports = {};
-$abd57a1e71b19e37$exports = JSON.parse("{\"remove\":\"Fjern\"}");
+var $19c1a9b6c040fcbd$exports = {};
+$19c1a9b6c040fcbd$exports = {
+    "remove": `Fjern`
+};
 
 
-var $5b46ac78f33d3edc$exports = {};
-$5b46ac78f33d3edc$exports = JSON.parse("{\"remove\":\"Verwijderen\"}");
+var $be2ec555d5f5fd09$exports = {};
+$be2ec555d5f5fd09$exports = {
+    "remove": `Verwijderen`
+};
 
 
-var $c90039dafbaf6f44$exports = {};
-$c90039dafbaf6f44$exports = JSON.parse("{\"remove\":\"Usuń\"}");
+var $949a33b7200b0e13$exports = {};
+$949a33b7200b0e13$exports = {
+    "remove": `Usuń`
+};
 
 
-var $ae23cc9f3ad4a15d$exports = {};
-$ae23cc9f3ad4a15d$exports = JSON.parse("{\"remove\":\"Remover\"}");
+var $ae5f6174df72ed0e$exports = {};
+$ae5f6174df72ed0e$exports = {
+    "remove": `Remover`
+};
 
 
-var $73eabc8bc525629e$exports = {};
-$73eabc8bc525629e$exports = JSON.parse("{\"remove\":\"Eliminar\"}");
+var $f93b2eb3a2267af4$exports = {};
+$f93b2eb3a2267af4$exports = {
+    "remove": `Eliminar`
+};
 
 
-var $29c47dfee33d1bcd$exports = {};
-$29c47dfee33d1bcd$exports = JSON.parse("{\"remove\":\"Îndepărtaţi\"}");
+var $0986e262b15bfc91$exports = {};
+$0986e262b15bfc91$exports = {
+    "remove": `Îndepărtaţi`
+};
 
 
-var $fad245e596bcad27$exports = {};
-$fad245e596bcad27$exports = JSON.parse("{\"remove\":\"Удалить\"}");
+var $1fc455c3f981c785$exports = {};
+$1fc455c3f981c785$exports = {
+    "remove": `Удалить`
+};
 
 
-var $7ecfa91f11971048$exports = {};
-$7ecfa91f11971048$exports = JSON.parse("{\"remove\":\"Odstrániť\"}");
+var $93e0f346215d9446$exports = {};
+$93e0f346215d9446$exports = {
+    "remove": `Odstrániť`
+};
 
 
-var $d855364c7d2f2bda$exports = {};
-$d855364c7d2f2bda$exports = JSON.parse("{\"remove\":\"Odstrani\"}");
+var $fef8a51090f12761$exports = {};
+$fef8a51090f12761$exports = {
+    "remove": `Odstrani`
+};
 
 
-var $f0f9b4560ff96026$exports = {};
-$f0f9b4560ff96026$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
+var $04502b7a450fc878$exports = {};
+$04502b7a450fc878$exports = {
+    "remove": `Ukloni`
+};
 
 
-var $4a0c13b5781091ef$exports = {};
-$4a0c13b5781091ef$exports = JSON.parse("{\"remove\":\"Ta bort\"}");
+var $95460d4e4c3e3778$exports = {};
+$95460d4e4c3e3778$exports = {
+    "remove": `Ta bort`
+};
 
 
-var $82b275350e4d9bfc$exports = {};
-$82b275350e4d9bfc$exports = JSON.parse("{\"remove\":\"Kaldır\"}");
+var $818e5758c72a695c$exports = {};
+$818e5758c72a695c$exports = {
+    "remove": `Kaldır`
+};
 
 
-var $b82536962c349092$exports = {};
-$b82536962c349092$exports = JSON.parse("{\"remove\":\"Видалити\"}");
+var $5c17d07165fb1742$exports = {};
+$5c17d07165fb1742$exports = {
+    "remove": `Видалити`
+};
 
 
-var $641f8b124fbaadab$exports = {};
-$641f8b124fbaadab$exports = JSON.parse("{\"remove\":\"删除\"}");
+var $c6666cc31aa025e0$exports = {};
+$c6666cc31aa025e0$exports = {
+    "remove": `删除`
+};
 
 
-var $7de0f3f989045bc1$exports = {};
-$7de0f3f989045bc1$exports = JSON.parse("{\"remove\":\"移除\"}");
+var $a34b8398aee73e0f$exports = {};
+$a34b8398aee73e0f$exports = {
+    "remove": `移除`
+};
 
 
-$8f004cf49daebca9$exports = {
-    "ar-AE": $6eacd18bf5afcdc8$exports,
-    "bg-BG": $729bf914ff317388$exports,
-    "cs-CZ": $8be943fd4ac737bc$exports,
-    "da-DK": $6151fdb05179beeb$exports,
-    "de-DE": $86af05a766c218c7$exports,
-    "el-GR": $af3b8dae5cc6406d$exports,
-    "en-US": $ad186745d5f62b60$exports,
-    "es-ES": $a9730474de94b4e1$exports,
-    "et-EE": $37ee358e14e90716$exports,
-    "fi-FI": $8ad907e0863d43a8$exports,
-    "fr-FR": $45c9b8ed2c94ff44$exports,
-    "he-IL": $3583b7cbea9a9cfd$exports,
-    "hr-HR": $0c4ca9ae4d41786e$exports,
-    "hu-HU": $769bbe5514f2aedc$exports,
-    "it-IT": $51f31e1b923a06ad$exports,
-    "ja-JP": $b2f17c71b54ca1ae$exports,
-    "ko-KR": $65391155ddf8e9fa$exports,
-    "lt-LT": $b061aa4619932dca$exports,
-    "lv-LV": $e5d4b1d68764ebee$exports,
-    "nb-NO": $abd57a1e71b19e37$exports,
-    "nl-NL": $5b46ac78f33d3edc$exports,
-    "pl-PL": $c90039dafbaf6f44$exports,
-    "pt-BR": $ae23cc9f3ad4a15d$exports,
-    "pt-PT": $73eabc8bc525629e$exports,
-    "ro-RO": $29c47dfee33d1bcd$exports,
-    "ru-RU": $fad245e596bcad27$exports,
-    "sk-SK": $7ecfa91f11971048$exports,
-    "sl-SI": $d855364c7d2f2bda$exports,
-    "sr-SP": $f0f9b4560ff96026$exports,
-    "sv-SE": $4a0c13b5781091ef$exports,
-    "tr-TR": $82b275350e4d9bfc$exports,
-    "uk-UA": $b82536962c349092$exports,
-    "zh-CN": $641f8b124fbaadab$exports,
-    "zh-TW": $7de0f3f989045bc1$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 $94a37b456b54e94c$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 = $dBS35$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($8f004cf49daebca9$exports)));
-    const removeString = formatMessage('remove');
-    const labelId = $dBS35$reactariautils.useId();
-    const buttonId = $dBS35$reactariautils.useId();
-    let { rowProps: rowProps  } = $dBS35$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  } = $dBS35$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();
         }
     }
     const pressProps = {
-        onPress: (e)=>onRemove?.(children, e)
+        onPress: (e)=>{
+            return onRemove === null || onRemove === void 0 ? void 0 : onRemove(children, e);
+        }
     };
     isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;
-    let domProps = $dBS35$reactariautils.filterDOMProps(props);
+    let domProps = $bSzeT$reactariautils.filterDOMProps(props);
     return {
-        clearButtonProps: $dBS35$reactariautils.mergeProps(pressProps, {
+        clearButtonProps: $bSzeT$reactariautils.mergeProps(pressProps, {
             'aria-label': removeString,
             'aria-labelledby': `${buttonId} ${labelId}`,
             id: buttonId,
@@ -306,31 +382,24 @@ function $94a37b456b54e94c$export$3f568fff7dff2f03(props, state) {
             id: labelId
         },
         tagRowProps: otherRowProps,
-        tagProps: $dBS35$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 $f961ecc1be07564b$exports = {};
-
-$parcel$export($f961ecc1be07564b$exports, "useTagGroup", () => $f961ecc1be07564b$export$4f8b5cda58b7e8ff);
 
 
 
-function $f961ecc1be07564b$export$4f8b5cda58b7e8ff(props, listState) {
+function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, listState) {
     let { isDisabled: isDisabled  } = props;
-    let [isFocusWithin, setFocusWithin] = $dBS35$react.useState(false);
-    let { focusWithinProps: focusWithinProps  } = $dBS35$reactariainteractions.useFocusWithin({
+    let [isFocusWithin, setFocusWithin] = $bSzeT$react.useState(false);
+    let { focusWithinProps: focusWithinProps  } = $bSzeT$reactariainteractions.useFocusWithin({
         onFocusWithinChange: setFocusWithin
     });
     let allKeys = [
@@ -338,9 +407,9 @@ function $f961ecc1be07564b$export$4f8b5cda58b7e8ff(props, listState) {
     ];
     if (!allKeys.some((key)=>!listState.disabledKeys.has(key)
     )) isDisabled = true;
-    let domProps = $dBS35$reactariautils.filterDOMProps(props);
+    let domProps = $bSzeT$reactariautils.filterDOMProps(props);
     return {
-        tagGroupProps: $dBS35$reactariautils.mergeProps(domProps, {
+        tagGroupProps: $bSzeT$reactariautils.mergeProps(domProps, {
             'aria-atomic': false,
             'aria-relevant': 'additions',
             'aria-live': isFocusWithin ? 'polite' : 'off',
@@ -351,9 +420,6 @@ function $f961ecc1be07564b$export$4f8b5cda58b7e8ff(props, listState) {
 }
 
 
-$parcel$exportWildcard(module.exports, $598514b5b81cac5f$exports);
-$parcel$exportWildcard(module.exports, $94a37b456b54e94c$exports);
-$parcel$exportWildcard(module.exports, $f961ecc1be07564b$exports);
 
 
 //# sourceMappingURL=main.js.map