@react-aria/tag 3.0.0-rc.0 → 3.1.0

package/dist/import.mjs

@@ -1,8 +1,9 @@
-import {useId as $aIvin$useId, chain as $aIvin$chain, useDescription as $aIvin$useDescription, filterDOMProps as $aIvin$filterDOMProps, mergeProps as $aIvin$mergeProps} from "@react-aria/utils";
+import {useId as $aIvin$useId, useDescription as $aIvin$useDescription, filterDOMProps as $aIvin$filterDOMProps, 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 {useState as $aIvin$useState} from "react";
+import {useState as $aIvin$useState, useRef as $aIvin$useRef, useEffect as $aIvin$useEffect} from "react";
+import {ListKeyboardDelegate as $aIvin$ListKeyboardDelegate} from "@react-aria/selection";
 import {useField as $aIvin$useField} from "@react-aria/label";
 
 function $parcel$interopDefault(a) {
@@ -28,48 +29,7 @@ function $parcel$interopDefault(a) {
  * 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.
- */ class $542448901dbd2c36$export$b00754732e683b92 {
-    getFirstKey() {
-        return this.collection.getFirstKey();
-    }
-    getLastKey() {
-        return this.collection.getLastKey();
-    }
-    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;
-        // Find the next item
-        key = this.collection.getKeyAfter(key);
-        if (key != null) return key;
-        else return this.collection.getFirstKey();
-    }
-    getKeyAbove(key) {
-        let startItem = this.collection.getItem(key);
-        if (!startItem) return;
-        // Find the previous item
-        key = this.collection.getKeyBefore(key);
-        if (key != null) return key;
-        else return this.collection.getLastKey();
-    }
-    getKeyPageAbove(key) {
-        return this.getKeyAbove(key);
-    }
-    getKeyPageBelow(key) {
-        return this.getKeyBelow(key);
-    }
-    constructor(collection, direction){
-        this.collection = collection;
-        this.direction = direction;
-    }
-}
-
-
+ */ 
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -81,7 +41,67 @@ 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.
  */ 
-var $4d1b62e0e67c00a4$exports = {};
+
+
+
+
+
+
+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
+    }, 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 (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 = {};
 var $84925f526f90eebd$exports = {};
 $84925f526f90eebd$exports = {
     "removeButtonLabel": `إزالة`,
@@ -320,7 +340,7 @@ $09cd168ab18773f4$exports = {
 };
 
 
-$4d1b62e0e67c00a4$exports = {
+$3bb15cc24d006ec5$exports = {
     "ar-AE": $84925f526f90eebd$exports,
     "bg-BG": $c0650163dc1b6f9d$exports,
     "cs-CZ": $b2b55661291de587$exports,
@@ -362,105 +382,59 @@ $4d1b62e0e67c00a4$exports = {
 
 
 function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
-    let { allowsRemoving: allowsRemoving , item: item  } = props;
-    let stringFormatter = (0, $aIvin$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($4d1b62e0e67c00a4$exports))));
-    let labelId = (0, $aIvin$useId)();
+    let { item: item  } = props;
+    let stringFormatter = (0, $aIvin$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($3bb15cc24d006ec5$exports))));
     let buttonId = (0, $aIvin$useId)();
-    let { rowProps: rowProps , gridCellProps: gridCellProps  } = (0, $aIvin$useGridListItem)({
+    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;
-    let onRemove = (0, $aIvin$chain)(props.onRemove, state.onRemove);
+    delete states.descriptionProps;
     let onKeyDown = (e)=>{
         if (e.key === "Delete" || e.key === "Backspace") {
-            onRemove(item.key);
             e.preventDefault();
+            if (state.selectionManager.isSelected(item.key)) onRemove(new Set(state.selectionManager.selectedKeys));
+            else onRemove(new Set([
+                item.key
+            ]));
         }
     };
     let modality = (0, $aIvin$useInteractionModality)();
     if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "touch";
-    let description = allowsRemoving && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
+    let description = onRemove && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
     let descProps = (0, $aIvin$useDescription)(description);
-    let domProps = (0, $aIvin$filterDOMProps)(props);
     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)(props);
     return {
         removeButtonProps: {
-            "aria-label": stringFormatter.format("removeButtonLabel", {
-                label: item.textValue
-            }),
-            "aria-labelledby": `${buttonId} ${labelId}`,
+            "aria-label": stringFormatter.format("removeButtonLabel"),
+            "aria-labelledby": `${buttonId} ${rowProps.id}`,
             id: buttonId,
-            onPress: ()=>allowsRemoving && onRemove ? onRemove(item.key) : null,
+            onPress: ()=>onRemove ? onRemove(new Set([
+                    item.key
+                ])) : null,
             excludeFromTabOrder: true
         },
-        labelProps: {
-            id: labelId
-        },
-        rowProps: {
-            ...rowProps,
+        rowProps: (0, $aIvin$mergeProps)(rowProps, domProps, {
             tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
-            onKeyDown: allowsRemoving ? onKeyDown : null,
+            onKeyDown: onRemove ? onKeyDown : undefined,
             "aria-describedby": descProps["aria-describedby"]
-        },
-        gridCellProps: (0, $aIvin$mergeProps)(domProps, gridCellProps, {
+        }),
+        gridCellProps: (0, $aIvin$mergeProps)(gridCellProps, {
             "aria-errormessage": props["aria-errormessage"],
             "aria-label": props["aria-label"]
-        })
-    };
-}
-
-
-/*
- * 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 $d7323bca8d074eeb$export$4f8b5cda58b7e8ff(props, state, ref) {
-    let { direction: direction  } = (0, $aIvin$useLocale)();
-    let keyboardDelegate = props.keyboardDelegate || new (0, $542448901dbd2c36$export$b00754732e683b92)(state.collection, direction);
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $aIvin$useField)(props);
-    let { gridProps: gridProps  } = (0, $aIvin$useGridList)({
-        ...props,
-        ...fieldProps,
-        keyboardDelegate: keyboardDelegate
-    }, state, ref);
-    // Don't want the grid to be focusable or accessible via keyboard
-    delete gridProps.tabIndex;
-    let [isFocusWithin, setFocusWithin] = (0, $aIvin$useState)(false);
-    let { focusWithinProps: focusWithinProps  } = (0, $aIvin$useFocusWithin)({
-        onFocusWithinChange: setFocusWithin
-    });
-    let domProps = (0, $aIvin$filterDOMProps)(props);
-    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
+        ...states,
+        allowsRemoving: !!onRemove
     };
 }
 
 
 
 
-export {$542448901dbd2c36$export$b00754732e683b92 as TagKeyboardDelegate, $fc6126c82a4601f1$export$3f568fff7dff2f03 as useTag, $d7323bca8d074eeb$export$4f8b5cda58b7e8ff as useTagGroup};
+
+export {$fc6126c82a4601f1$export$3f568fff7dff2f03 as useTag, $d7323bca8d074eeb$export$4f8b5cda58b7e8ff as useTagGroup};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -3,6 +3,7 @@ var $bSzeT$reactariagridlist = require("@react-aria/gridlist");
 var $bSzeT$reactariainteractions = require("@react-aria/interactions");
 var $bSzeT$reactariai18n = require("@react-aria/i18n");
 var $bSzeT$react = require("react");
+var $bSzeT$reactariaselection = require("@react-aria/selection");
 var $bSzeT$reactarialabel = require("@react-aria/label");
 
 function $parcel$export(e, n, v, s) {
@@ -12,7 +13,6 @@ function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
 
-$parcel$export(module.exports, "TagKeyboardDelegate", () => $d3d7c73f2e3f4edb$export$b00754732e683b92);
 $parcel$export(module.exports, "useTag", () => $a442534c81d8ad16$export$3f568fff7dff2f03);
 $parcel$export(module.exports, "useTagGroup", () => $09704b0efefe5140$export$4f8b5cda58b7e8ff);
 /*
@@ -35,48 +35,7 @@ $parcel$export(module.exports, "useTagGroup", () => $09704b0efefe5140$export$4f8
  * 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.
- */ class $d3d7c73f2e3f4edb$export$b00754732e683b92 {
-    getFirstKey() {
-        return this.collection.getFirstKey();
-    }
-    getLastKey() {
-        return this.collection.getLastKey();
-    }
-    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;
-        // Find the next item
-        key = this.collection.getKeyAfter(key);
-        if (key != null) return key;
-        else return this.collection.getFirstKey();
-    }
-    getKeyAbove(key) {
-        let startItem = this.collection.getItem(key);
-        if (!startItem) return;
-        // Find the previous item
-        key = this.collection.getKeyBefore(key);
-        if (key != null) return key;
-        else return this.collection.getLastKey();
-    }
-    getKeyPageAbove(key) {
-        return this.getKeyAbove(key);
-    }
-    getKeyPageBelow(key) {
-        return this.getKeyBelow(key);
-    }
-    constructor(collection, direction){
-        this.collection = collection;
-        this.direction = direction;
-    }
-}
-
-
+ */ 
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -88,7 +47,67 @@ $parcel$export(module.exports, "useTagGroup", () => $09704b0efefe5140$export$4f8
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-var $29abb9209b62cd49$exports = {};
+
+
+
+
+
+
+const $09704b0efefe5140$export$653eddfc964b0f8a = new WeakMap();
+function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, state, ref) {
+    let { direction: direction  } = (0, $bSzeT$reactariai18n.useLocale)();
+    let keyboardDelegate = props.keyboardDelegate || new (0, $bSzeT$reactariaselection.ListKeyboardDelegate)({
+        collection: state.collection,
+        ref: ref,
+        orientation: "horizontal",
+        direction: direction,
+        disabledKeys: state.disabledKeys
+    });
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $bSzeT$reactarialabel.useField)({
+        ...props,
+        labelElementType: "span"
+    });
+    let { gridProps: gridProps  } = (0, $bSzeT$reactariagridlist.useGridList)({
+        ...props,
+        ...fieldProps,
+        keyboardDelegate: keyboardDelegate,
+        shouldFocusWrap: true
+    }, state, ref);
+    let [isFocusWithin, setFocusWithin] = (0, $bSzeT$react.useState)(false);
+    let { focusWithinProps: focusWithinProps  } = (0, $bSzeT$reactariainteractions.useFocusWithin)({
+        onFocusWithinChange: setFocusWithin
+    });
+    let domProps = (0, $bSzeT$reactariautils.filterDOMProps)(props);
+    // If the last tag is removed, focus the container.
+    let prevCount = (0, $bSzeT$react.useRef)(state.collection.size);
+    (0, $bSzeT$react.useEffect)(()=>{
+        if (prevCount.current > 0 && state.collection.size === 0 && isFocusWithin) ref.current.focus();
+        prevCount.current = state.collection.size;
+    }, [
+        state.collection.size,
+        isFocusWithin,
+        ref
+    ]);
+    $09704b0efefe5140$export$653eddfc964b0f8a.set(state, {
+        onRemove: props.onRemove
+    });
+    return {
+        gridProps: (0, $bSzeT$reactariautils.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 $b6a2538ff098a9ff$exports = {};
 var $6a4ddf1abe55d42a$exports = {};
 $6a4ddf1abe55d42a$exports = {
     "removeButtonLabel": `إزالة`,
@@ -327,7 +346,7 @@ $a34b8398aee73e0f$exports = {
 };
 
 
-$29abb9209b62cd49$exports = {
+$b6a2538ff098a9ff$exports = {
     "ar-AE": $6a4ddf1abe55d42a$exports,
     "bg-BG": $1bdc82b10375b4a8$exports,
     "cs-CZ": $e3fdf009dfe14bbc$exports,
@@ -369,104 +388,58 @@ $29abb9209b62cd49$exports = {
 
 
 function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state, ref) {
-    let { allowsRemoving: allowsRemoving , item: item  } = props;
-    let stringFormatter = (0, $bSzeT$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($29abb9209b62cd49$exports))));
-    let labelId = (0, $bSzeT$reactariautils.useId)();
+    let { item: item  } = props;
+    let stringFormatter = (0, $bSzeT$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($b6a2538ff098a9ff$exports))));
     let buttonId = (0, $bSzeT$reactariautils.useId)();
-    let { rowProps: rowProps , gridCellProps: gridCellProps  } = (0, $bSzeT$reactariagridlist.useGridListItem)({
+    let { onRemove: onRemove  } = (0, $09704b0efefe5140$export$653eddfc964b0f8a).get(state) || {};
+    let { rowProps: rowProps , gridCellProps: gridCellProps , ...states } = (0, $bSzeT$reactariagridlist.useGridListItem)({
         node: item
     }, state, ref);
     // We want the group to handle keyboard navigation between tags.
     delete rowProps.onKeyDownCapture;
-    let onRemove = (0, $bSzeT$reactariautils.chain)(props.onRemove, state.onRemove);
+    delete states.descriptionProps;
     let onKeyDown = (e)=>{
         if (e.key === "Delete" || e.key === "Backspace") {
-            onRemove(item.key);
             e.preventDefault();
+            if (state.selectionManager.isSelected(item.key)) onRemove(new Set(state.selectionManager.selectedKeys));
+            else onRemove(new Set([
+                item.key
+            ]));
         }
     };
     let modality = (0, $bSzeT$reactariainteractions.useInteractionModality)();
     if (modality === "virtual" && typeof window !== "undefined" && "ontouchstart" in window) modality = "touch";
-    let description = allowsRemoving && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
+    let description = onRemove && (modality === "keyboard" || modality === "virtual") ? stringFormatter.format("removeDescription") : "";
     let descProps = (0, $bSzeT$reactariautils.useDescription)(description);
-    let domProps = (0, $bSzeT$reactariautils.filterDOMProps)(props);
     let isFocused = item.key === state.selectionManager.focusedKey;
+    // @ts-ignore - data attributes are ok but TS doesn't know about them.
+    let domProps = (0, $bSzeT$reactariautils.filterDOMProps)(props);
     return {
         removeButtonProps: {
-            "aria-label": stringFormatter.format("removeButtonLabel", {
-                label: item.textValue
-            }),
-            "aria-labelledby": `${buttonId} ${labelId}`,
+            "aria-label": stringFormatter.format("removeButtonLabel"),
+            "aria-labelledby": `${buttonId} ${rowProps.id}`,
             id: buttonId,
-            onPress: ()=>allowsRemoving && onRemove ? onRemove(item.key) : null,
+            onPress: ()=>onRemove ? onRemove(new Set([
+                    item.key
+                ])) : null,
             excludeFromTabOrder: true
         },
-        labelProps: {
-            id: labelId
-        },
-        rowProps: {
-            ...rowProps,
+        rowProps: (0, $bSzeT$reactariautils.mergeProps)(rowProps, domProps, {
             tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1,
-            onKeyDown: allowsRemoving ? onKeyDown : null,
+            onKeyDown: onRemove ? onKeyDown : undefined,
             "aria-describedby": descProps["aria-describedby"]
-        },
-        gridCellProps: (0, $bSzeT$reactariautils.mergeProps)(domProps, gridCellProps, {
+        }),
+        gridCellProps: (0, $bSzeT$reactariautils.mergeProps)(gridCellProps, {
             "aria-errormessage": props["aria-errormessage"],
             "aria-label": props["aria-label"]
-        })
-    };
-}
-
-
-/*
- * 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 $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, state, ref) {
-    let { direction: direction  } = (0, $bSzeT$reactariai18n.useLocale)();
-    let keyboardDelegate = props.keyboardDelegate || new (0, $d3d7c73f2e3f4edb$export$b00754732e683b92)(state.collection, direction);
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $bSzeT$reactarialabel.useField)(props);
-    let { gridProps: gridProps  } = (0, $bSzeT$reactariagridlist.useGridList)({
-        ...props,
-        ...fieldProps,
-        keyboardDelegate: keyboardDelegate
-    }, state, ref);
-    // Don't want the grid to be focusable or accessible via keyboard
-    delete gridProps.tabIndex;
-    let [isFocusWithin, setFocusWithin] = (0, $bSzeT$react.useState)(false);
-    let { focusWithinProps: focusWithinProps  } = (0, $bSzeT$reactariainteractions.useFocusWithin)({
-        onFocusWithinChange: setFocusWithin
-    });
-    let domProps = (0, $bSzeT$reactariautils.filterDOMProps)(props);
-    return {
-        gridProps: (0, $bSzeT$reactariautils.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
+        ...states,
+        allowsRemoving: !!onRemove
     };
 }
 
 
 
 
+
 //# sourceMappingURL=main.js.map