npm - @react-spectrum/tag - Versions diffs - 3.0.0-nightly.2168 → 3.0.0-nightly.2175 - Mend

@react-spectrum/tag 3.0.0-nightly.2168 → 3.0.0-nightly.2175

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/import.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ import {ActionButton as $fUaQ2$ActionButton, ClearButton as $fUaQ2$ClearButton}
 import {TagKeyboardDelegate as $fUaQ2$TagKeyboardDelegate, useTagGroup as $fUaQ2$useTagGroup, useTag as $fUaQ2$useTag} from "@react-aria/tag";
 import {useDOMRef as $fUaQ2$useDOMRef, classNames as $fUaQ2$classNames, useStyleProps as $fUaQ2$useStyleProps, SlotProvider as $fUaQ2$SlotProvider, ClearSlots as $fUaQ2$ClearSlots} from "@react-spectrum/utils";
 import {Field as $fUaQ2$Field} from "@react-spectrum/label";
-import {FocusScope as $fUaQ2$FocusScope, useFocusRing as $fUaQ2$useFocusRing} from "@react-aria/focus";
+import {FocusScope as $fUaQ2$FocusScope, FocusRing as $fUaQ2$FocusRing, useFocusRing as $fUaQ2$useFocusRing} from "@react-aria/focus";
 import {useListState as $fUaQ2$useListState, ListCollection as $fUaQ2$ListCollection} from "@react-stately/list";
 import {useProviderProps as $fUaQ2$useProviderProps, Provider as $fUaQ2$Provider} from "@react-spectrum/provider";
 import $fUaQ2$react, {useRef as $fUaQ2$useRef, useState as $fUaQ2$useState, useMemo as $fUaQ2$useMemo, useCallback as $fUaQ2$useCallback, useEffect as $fUaQ2$useEffect} from "react";
@@ -50,7 +50,8 @@ var $4f97095b36611c9c$exports = {};
 $4f97095b36611c9c$exports = {
     "actions": `الإجراءات`,
     "hideButtonLabel": `إظهار أقل`,
-    "showAllButtonLabel": (args, formatter)=>`عرض الكل (${formatter.number(args.tagCount)})`
+    "showAllButtonLabel": (args, formatter)=>`عرض الكل (${formatter.number(args.tagCount)})`,
+    "noTags": `None`
 };
@@ -98,7 +99,8 @@ var $edf02907a7caaf96$exports = {};
 $edf02907a7caaf96$exports = {
     "showAllButtonLabel": (args, formatter)=>`Show all (${formatter.number(args.tagCount)})`,
     "hideButtonLabel": `Show less`,
-    "actions": `Actions`
+    "actions": `Actions`,
+    "noTags": `None`
 };
@@ -365,6 +367,7 @@ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag", () => $c033a7c057e84ef
 $parcel$export($c033a7c057e84ef1$exports, "focus-ring", () => $c033a7c057e84ef1$export$f39a09f249340e2a, (v) => $c033a7c057e84ef1$export$f39a09f249340e2a = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags", () => $c033a7c057e84ef1$export$eb7e80013a1212da, (v) => $c033a7c057e84ef1$export$eb7e80013a1212da = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-container", () => $c033a7c057e84ef1$export$3300169c5d27fe96, (v) => $c033a7c057e84ef1$export$3300169c5d27fe96 = v);
+$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-container--empty", () => $c033a7c057e84ef1$export$a5e59d283417e02b, (v) => $c033a7c057e84ef1$export$a5e59d283417e02b = v);
 $parcel$export($c033a7c057e84ef1$exports, "is-disabled", () => $c033a7c057e84ef1$export$d35bc1e505d1ebbf, (v) => $c033a7c057e84ef1$export$d35bc1e505d1ebbf = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-removeButton", () => $c033a7c057e84ef1$export$23a76b996f0a6c1, (v) => $c033a7c057e84ef1$export$23a76b996f0a6c1 = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-cell", () => $c033a7c057e84ef1$export$9c4fd4d7faada408, (v) => $c033a7c057e84ef1$export$9c4fd4d7faada408 = v);
@@ -376,12 +379,14 @@ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-actions", () => $c033a7
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-actionButton", () => $c033a7c057e84ef1$export$e6882f8db018e3bd, (v) => $c033a7c057e84ef1$export$e6882f8db018e3bd = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-fieldWrapper", () => $c033a7c057e84ef1$export$c9b7ca327d69b2b5, (v) => $c033a7c057e84ef1$export$c9b7ca327d69b2b5 = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-fieldWrapper--positionSide", () => $c033a7c057e84ef1$export$a7c11d4acc244e09, (v) => $c033a7c057e84ef1$export$a7c11d4acc244e09 = v);
+$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-empty-state", () => $c033a7c057e84ef1$export$cd48f925394bb16, (v) => $c033a7c057e84ef1$export$cd48f925394bb16 = v);
 $parcel$export($c033a7c057e84ef1$exports, "is-hovered", () => $c033a7c057e84ef1$export$b8813cd5d7824ce7, (v) => $c033a7c057e84ef1$export$b8813cd5d7824ce7 = v);
 $parcel$export($c033a7c057e84ef1$exports, "is-focused", () => $c033a7c057e84ef1$export$e7dc768d35940237, (v) => $c033a7c057e84ef1$export$e7dc768d35940237 = v);
 var $c033a7c057e84ef1$export$6174bd1d20b4c022;
 var $c033a7c057e84ef1$export$f39a09f249340e2a;
 var $c033a7c057e84ef1$export$eb7e80013a1212da;
 var $c033a7c057e84ef1$export$3300169c5d27fe96;
+var $c033a7c057e84ef1$export$a5e59d283417e02b;
 var $c033a7c057e84ef1$export$d35bc1e505d1ebbf;
 var $c033a7c057e84ef1$export$23a76b996f0a6c1;
 var $c033a7c057e84ef1$export$9c4fd4d7faada408;
@@ -393,12 +398,14 @@ var $c033a7c057e84ef1$export$8afaa02110915bbb;
 var $c033a7c057e84ef1$export$e6882f8db018e3bd;
 var $c033a7c057e84ef1$export$c9b7ca327d69b2b5;
 var $c033a7c057e84ef1$export$a7c11d4acc244e09;
+var $c033a7c057e84ef1$export$cd48f925394bb16;
 var $c033a7c057e84ef1$export$b8813cd5d7824ce7;
 var $c033a7c057e84ef1$export$e7dc768d35940237;
 $c033a7c057e84ef1$export$6174bd1d20b4c022 = "spectrum-Tag_8407eb";
 $c033a7c057e84ef1$export$f39a09f249340e2a = "focus-ring_8407eb";
 $c033a7c057e84ef1$export$eb7e80013a1212da = "spectrum-Tags_8407eb";
 $c033a7c057e84ef1$export$3300169c5d27fe96 = "spectrum-Tags-container_8407eb";
+$c033a7c057e84ef1$export$a5e59d283417e02b = "spectrum-Tags-container--empty_8407eb";
 $c033a7c057e84ef1$export$d35bc1e505d1ebbf = "is-disabled_8407eb";
 $c033a7c057e84ef1$export$23a76b996f0a6c1 = "spectrum-Tag-removeButton_8407eb";
 $c033a7c057e84ef1$export$9c4fd4d7faada408 = "spectrum-Tag-cell_8407eb";
@@ -410,6 +417,7 @@ $c033a7c057e84ef1$export$8afaa02110915bbb = "spectrum-Tags-actions_8407eb";
 $c033a7c057e84ef1$export$e6882f8db018e3bd = "spectrum-Tags-actionButton_8407eb";
 $c033a7c057e84ef1$export$c9b7ca327d69b2b5 = "spectrum-Tags-fieldWrapper_8407eb";
 $c033a7c057e84ef1$export$a7c11d4acc244e09 = "spectrum-Tags-fieldWrapper--positionSide_8407eb";
+$c033a7c057e84ef1$export$cd48f925394bb16 = "spectrum-Tags-empty-state_8407eb";
 $c033a7c057e84ef1$export$b8813cd5d7824ce7 = "is-hovered_8407eb";
 $c033a7c057e84ef1$export$e7dc768d35940237 = "is-focused_8407eb";
@@ -493,7 +501,7 @@ function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
 function $880d112c7a588209$var$TagGroup(props, ref) {
     props = (0, $fUaQ2$useProviderProps)(props);
     props = (0, $fUaQ2$useFormProps)(props);
-    let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition  } = props;
+    let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags")  } = props;
     let domRef = (0, $fUaQ2$useDOMRef)(ref);
     let containerRef = (0, $fUaQ2$useRef)(null);
     let tagsRef = (0, $fUaQ2$useRef)(null);
@@ -537,6 +545,11 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
                 let buttons = [
                     ...currContainerRef.parentElement.querySelectorAll("button")
                 ];
+                if (tags.length === 0 || buttons.length === 0) return {
+                    visibleTagCount: 0,
+                    showCollapseButton: false,
+                    maxHeight: undefined
+                };
                 let currY = -Infinity;
                 let rowCount = 0;
                 let index = 0;
@@ -613,6 +626,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
         setIsCollapsed((prevCollapsed)=>!prevCollapsed);
     };
     let showActions = tagState.showCollapseButton || actionLabel && onAction;
+    let isEmpty = state.collection.size === 0;
     return /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$FocusScope), null, /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Field), {
         ...props,
         labelProps: labelProps,
@@ -630,7 +644,11 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
             overflow: "hidden"
         } : undefined,
         ref: containerRef,
-        className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-container")
+        className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-container", {
+            "spectrum-Tags-container--empty": isEmpty
+        })
+    }, /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$FocusRing), {
+        focusRingClass: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "focus-ring")
     }, /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
         ref: tagsRef,
         ...gridProps,
@@ -642,7 +660,9 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
             state: state,
             allowsRemoving: allowsRemoving,
             onRemove: onRemove
-        }, item.rendered))), showActions && /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Provider), {
+        }, item.rendered)), isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
+        className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-empty-state")
+    }, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Provider), {
         isDisabled: false
     }, /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
         role: "group",

package/dist/main.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{font-synthesis:weight}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Tag_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Tag_8407eb.focus-ring_8407eb:after{margin:calc(var(--spectrum-focus-ring-gap)-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-Tags_8407eb{display:inline}[dir=ltr] .spectrum-Tags-container_8407eb{margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2-1)}[dir=rtl] .spectrum-Tags-container_8407eb{margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2-1)}[dir=ltr] .spectrum-Tags-container_8407eb{margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=rtl] .spectrum-Tags-container_8407eb{margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=ltr] .spectrum-Tag_8407eb{padding-left:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}[dir=rtl] .spectrum-Tag_8407eb{padding-right:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-border-size:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));display:-ms-inline-grid;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));max-width:100%;border-width:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;outline:none;align-items:center;display:inline-grid;position:relative}.spectrum-Tag_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tag_8407eb .spectrum-Tag-removeButton_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tag_8407eb .spectrum-Tag-cell_8407eb{text-overflow:ellipsis;display:-ms-grid;-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"decoration content action";align-items:center;display:grid;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{line-height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))2);font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));cursor:default;white-space:nowrap;text-overflow:ellipsis;outline:none;flex:auto;grid-area:content;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-left:0}.spectrum-Tags-actions_8407eb{display:inline}.spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb{height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);display:inline}[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span,[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb{width:unset}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb:not(.spectrum-Tags-fieldWrapper--positionSide_8407eb){display:-ms-grid;display:grid}.spectrum-Tag_8407eb{color:var(--spectrum-tag-text-color,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Tag_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-hover,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.focus-ring_8407eb{background-color:var(--spectrum-tag-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-key-focus,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.focus-ring_8407eb:after{box-shadow:0 0 0 var(--spectrum-focus-ring-border-size)var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.is-disabled_8407eb{color:var(--spectrum-tag-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:var(--spectrum-tag-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-tag-border-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Tag_8407eb.is-disabled_8407eb .spectrum-Tag-avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-focused_8407eb{border:2px solid var(--spectrum-tag-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-tag-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-hover,var(--spectrum-global-color-gray-300));color:var(--spectrum-tag-removable-button-icon-color-hover,var(--spectrum-global-color-gray-900))}@media (forced-colors:active){.spectrum-Tag_8407eb{forced-color-adjust:none;--spectrum-tag-background-color:ButtonFace;--spectrum-tag-background-color-disabled:ButtonFace;--spectrum-tag-background-color-hover:ButtonFace;--spectrum-tag-background-color-key-focus:ButtonFace;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-removable-border-color-key-focus:Highlight;--spectrum-tag-removable-button-background-color-hover:ButtonFace;--spectrum-tag-removable-button-background-color-key-focus:ButtonFace;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText}}
1	+ :root{font-synthesis:weight}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Tag_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Tag_8407eb.focus-ring_8407eb:after{margin:calc(var(--spectrum-focus-ring-gap)-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-Tags_8407eb{display:inline}.spectrum-Tags_8407eb:focus-visible{outline:none}.spectrum-Tags_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:none;display:block}[dir=ltr] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2-1)}[dir=rtl] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2-1)}[dir=ltr] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=rtl] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=ltr] .spectrum-Tag_8407eb{padding-left:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}[dir=rtl] .spectrum-Tag_8407eb{padding-right:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-border-size:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));display:-ms-inline-grid;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));max-width:100%;border-width:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;outline:none;align-items:center;display:inline-grid;position:relative}.spectrum-Tag_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tag_8407eb .spectrum-Tag-removeButton_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tag_8407eb .spectrum-Tag-cell_8407eb{text-overflow:ellipsis;display:-ms-grid;-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"decoration content action";align-items:center;display:grid;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{line-height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))2);font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));cursor:default;white-space:nowrap;text-overflow:ellipsis;outline:none;flex:auto;grid-area:content;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-left:0}.spectrum-Tags-actions_8407eb{display:inline}.spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb{height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);display:inline}[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span,[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb{width:unset}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb:not(.spectrum-Tags-fieldWrapper--positionSide_8407eb){display:-ms-grid;display:grid}.spectrum-Tags-empty-state_8407eb{min-height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300))}.spectrum-Tag_8407eb{color:var(--spectrum-tag-text-color,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Tag_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-hover,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.focus-ring_8407eb{background-color:var(--spectrum-tag-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-key-focus,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.focus-ring_8407eb:after{box-shadow:0 0 0 var(--spectrum-focus-ring-border-size)var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.is-disabled_8407eb{color:var(--spectrum-tag-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:var(--spectrum-tag-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-tag-border-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Tag_8407eb.is-disabled_8407eb .spectrum-Tag-avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-focused_8407eb{border:2px solid var(--spectrum-tag-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-tag-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-hover,var(--spectrum-global-color-gray-300));color:var(--spectrum-tag-removable-button-icon-color-hover,var(--spectrum-global-color-gray-900))}@media (forced-colors:active){.spectrum-Tag_8407eb{forced-color-adjust:none;--spectrum-tag-background-color:ButtonFace;--spectrum-tag-background-color-disabled:ButtonFace;--spectrum-tag-background-color-hover:ButtonFace;--spectrum-tag-background-color-key-focus:ButtonFace;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-removable-border-color-key-focus:Highlight;--spectrum-tag-removable-button-background-color-hover:ButtonFace;--spectrum-tag-removable-button-background-color-key-focus:ButtonFace;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText}}

package/dist/main.js CHANGED Viewed

@@ -53,7 +53,8 @@ var $e4833c69a6a8a469$exports = {};
 $e4833c69a6a8a469$exports = {
     "actions": `الإجراءات`,
     "hideButtonLabel": `إظهار أقل`,
-    "showAllButtonLabel": (args, formatter)=>`عرض الكل (${formatter.number(args.tagCount)})`
+    "showAllButtonLabel": (args, formatter)=>`عرض الكل (${formatter.number(args.tagCount)})`,
+    "noTags": `None`
 };
@@ -101,7 +102,8 @@ var $a5d4273001869f16$exports = {};
 $a5d4273001869f16$exports = {
     "showAllButtonLabel": (args, formatter)=>`Show all (${formatter.number(args.tagCount)})`,
     "hideButtonLabel": `Show less`,
-    "actions": `Actions`
+    "actions": `Actions`,
+    "noTags": `None`
 };
@@ -368,6 +370,7 @@ $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag", () => $ed889f8f1f091fc
 $parcel$export($ed889f8f1f091fc8$exports, "focus-ring", () => $ed889f8f1f091fc8$export$f39a09f249340e2a, (v) => $ed889f8f1f091fc8$export$f39a09f249340e2a = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags", () => $ed889f8f1f091fc8$export$eb7e80013a1212da, (v) => $ed889f8f1f091fc8$export$eb7e80013a1212da = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-container", () => $ed889f8f1f091fc8$export$3300169c5d27fe96, (v) => $ed889f8f1f091fc8$export$3300169c5d27fe96 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-container--empty", () => $ed889f8f1f091fc8$export$a5e59d283417e02b, (v) => $ed889f8f1f091fc8$export$a5e59d283417e02b = v);
 $parcel$export($ed889f8f1f091fc8$exports, "is-disabled", () => $ed889f8f1f091fc8$export$d35bc1e505d1ebbf, (v) => $ed889f8f1f091fc8$export$d35bc1e505d1ebbf = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-removeButton", () => $ed889f8f1f091fc8$export$23a76b996f0a6c1, (v) => $ed889f8f1f091fc8$export$23a76b996f0a6c1 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-cell", () => $ed889f8f1f091fc8$export$9c4fd4d7faada408, (v) => $ed889f8f1f091fc8$export$9c4fd4d7faada408 = v);
@@ -379,12 +382,14 @@ $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-actions", () => $ed889f
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-actionButton", () => $ed889f8f1f091fc8$export$e6882f8db018e3bd, (v) => $ed889f8f1f091fc8$export$e6882f8db018e3bd = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-fieldWrapper", () => $ed889f8f1f091fc8$export$c9b7ca327d69b2b5, (v) => $ed889f8f1f091fc8$export$c9b7ca327d69b2b5 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-fieldWrapper--positionSide", () => $ed889f8f1f091fc8$export$a7c11d4acc244e09, (v) => $ed889f8f1f091fc8$export$a7c11d4acc244e09 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-empty-state", () => $ed889f8f1f091fc8$export$cd48f925394bb16, (v) => $ed889f8f1f091fc8$export$cd48f925394bb16 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "is-hovered", () => $ed889f8f1f091fc8$export$b8813cd5d7824ce7, (v) => $ed889f8f1f091fc8$export$b8813cd5d7824ce7 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "is-focused", () => $ed889f8f1f091fc8$export$e7dc768d35940237, (v) => $ed889f8f1f091fc8$export$e7dc768d35940237 = v);
 var $ed889f8f1f091fc8$export$6174bd1d20b4c022;
 var $ed889f8f1f091fc8$export$f39a09f249340e2a;
 var $ed889f8f1f091fc8$export$eb7e80013a1212da;
 var $ed889f8f1f091fc8$export$3300169c5d27fe96;
+var $ed889f8f1f091fc8$export$a5e59d283417e02b;
 var $ed889f8f1f091fc8$export$d35bc1e505d1ebbf;
 var $ed889f8f1f091fc8$export$23a76b996f0a6c1;
 var $ed889f8f1f091fc8$export$9c4fd4d7faada408;
@@ -396,12 +401,14 @@ var $ed889f8f1f091fc8$export$8afaa02110915bbb;
 var $ed889f8f1f091fc8$export$e6882f8db018e3bd;
 var $ed889f8f1f091fc8$export$c9b7ca327d69b2b5;
 var $ed889f8f1f091fc8$export$a7c11d4acc244e09;
+var $ed889f8f1f091fc8$export$cd48f925394bb16;
 var $ed889f8f1f091fc8$export$b8813cd5d7824ce7;
 var $ed889f8f1f091fc8$export$e7dc768d35940237;
 $ed889f8f1f091fc8$export$6174bd1d20b4c022 = "spectrum-Tag_8407eb";
 $ed889f8f1f091fc8$export$f39a09f249340e2a = "focus-ring_8407eb";
 $ed889f8f1f091fc8$export$eb7e80013a1212da = "spectrum-Tags_8407eb";
 $ed889f8f1f091fc8$export$3300169c5d27fe96 = "spectrum-Tags-container_8407eb";
+$ed889f8f1f091fc8$export$a5e59d283417e02b = "spectrum-Tags-container--empty_8407eb";
 $ed889f8f1f091fc8$export$d35bc1e505d1ebbf = "is-disabled_8407eb";
 $ed889f8f1f091fc8$export$23a76b996f0a6c1 = "spectrum-Tag-removeButton_8407eb";
 $ed889f8f1f091fc8$export$9c4fd4d7faada408 = "spectrum-Tag-cell_8407eb";
@@ -413,6 +420,7 @@ $ed889f8f1f091fc8$export$8afaa02110915bbb = "spectrum-Tags-actions_8407eb";
 $ed889f8f1f091fc8$export$e6882f8db018e3bd = "spectrum-Tags-actionButton_8407eb";
 $ed889f8f1f091fc8$export$c9b7ca327d69b2b5 = "spectrum-Tags-fieldWrapper_8407eb";
 $ed889f8f1f091fc8$export$a7c11d4acc244e09 = "spectrum-Tags-fieldWrapper--positionSide_8407eb";
+$ed889f8f1f091fc8$export$cd48f925394bb16 = "spectrum-Tags-empty-state_8407eb";
 $ed889f8f1f091fc8$export$b8813cd5d7824ce7 = "is-hovered_8407eb";
 $ed889f8f1f091fc8$export$e7dc768d35940237 = "is-focused_8407eb";
@@ -496,7 +504,7 @@ function $dd2c5d00108c1840$var$TagRemoveButton(props) {
 function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
     props = (0, $dTV3V$reactspectrumprovider.useProviderProps)(props);
     props = (0, $dTV3V$reactspectrumform.useFormProps)(props);
-    let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition  } = props;
+    let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags")  } = props;
     let domRef = (0, $dTV3V$reactspectrumutils.useDOMRef)(ref);
     let containerRef = (0, $dTV3V$react.useRef)(null);
     let tagsRef = (0, $dTV3V$react.useRef)(null);
@@ -540,6 +548,11 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
                 let buttons = [
                     ...currContainerRef.parentElement.querySelectorAll("button")
                 ];
+                if (tags.length === 0 || buttons.length === 0) return {
+                    visibleTagCount: 0,
+                    showCollapseButton: false,
+                    maxHeight: undefined
+                };
                 let currY = -Infinity;
                 let rowCount = 0;
                 let index = 0;
@@ -616,6 +629,7 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
         setIsCollapsed((prevCollapsed)=>!prevCollapsed);
     };
     let showActions = tagState.showCollapseButton || actionLabel && onAction;
+    let isEmpty = state.collection.size === 0;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumlabel.Field), {
         ...props,
         labelProps: labelProps,
@@ -633,7 +647,11 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
             overflow: "hidden"
         } : undefined,
         ref: containerRef,
-        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-container")
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-container", {
+            "spectrum-Tags-container--empty": isEmpty
+        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactariafocus.FocusRing), {
+        focusRingClass: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "focus-ring")
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
         ref: tagsRef,
         ...gridProps,
@@ -645,7 +663,9 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
             state: state,
             allowsRemoving: allowsRemoving,
             onRemove: onRemove
-        }, item.rendered))), showActions && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumprovider.Provider), {
+        }, item.rendered)), isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-empty-state")
+    }, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumprovider.Provider), {
         isDisabled: false
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
         role: "group",

package/dist/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/intl/.js","packages/@react-spectrum/tag/intl/ar-AE.json","packages/@react-spectrum/tag/intl/bg-BG.json","packages/@react-spectrum/tag/intl/cs-CZ.json","packages/@react-spectrum/tag/intl/da-DK.json","packages/@react-spectrum/tag/intl/de-DE.json","packages/@react-spectrum/tag/intl/el-GR.json","packages/@react-spectrum/tag/intl/en-US.json","packages/@react-spectrum/tag/intl/es-ES.json","packages/@react-spectrum/tag/intl/et-EE.json","packages/@react-spectrum/tag/intl/fi-FI.json","packages/@react-spectrum/tag/intl/fr-FR.json","packages/@react-spectrum/tag/intl/he-IL.json","packages/@react-spectrum/tag/intl/hr-HR.json","packages/@react-spectrum/tag/intl/hu-HU.json","packages/@react-spectrum/tag/intl/it-IT.json","packages/@react-spectrum/tag/intl/ja-JP.json","packages/@react-spectrum/tag/intl/ko-KR.json","packages/@react-spectrum/tag/intl/lt-LT.json","packages/@react-spectrum/tag/intl/lv-LV.json","packages/@react-spectrum/tag/intl/nb-NO.json","packages/@react-spectrum/tag/intl/nl-NL.json","packages/@react-spectrum/tag/intl/pl-PL.json","packages/@react-spectrum/tag/intl/pt-BR.json","packages/@react-spectrum/tag/intl/pt-PT.json","packages/@react-spectrum/tag/intl/ro-RO.json","packages/@react-spectrum/tag/intl/ru-RU.json","packages/@react-spectrum/tag/intl/sk-SK.json","packages/@react-spectrum/tag/intl/sl-SI.json","packages/@react-spectrum/tag/intl/sr-SP.json","packages/@react-spectrum/tag/intl/sv-SE.json","packages/@react-spectrum/tag/intl/tr-TR.json","packages/@react-spectrum/tag/intl/uk-UA.json","packages/@react-spectrum/tag/intl/zh-CN.json","packages/@react-spectrum/tag/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/tags/vars.css","packages/@react-spectrum/tag/src/Tag.tsx"],"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 {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaTagGroupProps, TagKeyboardDelegate, useTagGroup} from '@react-aria/tag';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {\n /** The label to display on the action button. /\n actionLabel?: string,\n /* Handler that is called when the action button is pressed. /\n onAction?: () => void\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false, maxHeight: undefined});\n let keyboardDelegate = useMemo(() => (\n isCollapsed\n ? new TagKeyboardDelegate(new ListCollection([...state.collection].slice(0, tagState.visibleTagCount)), direction)\n : new TagKeyboardDelegate(new ListCollection([...state.collection]), direction)\n ), [direction, isCollapsed, state.collection, tagState.visibleTagCount]) as TagKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement \| null = containerRef.current;\n let currTagsRef: HTMLDivElement \| null = tagsRef.current;\n if (!currContainerRef \|\| !currTagsRef) {\n return;\n }\n\n let tags = [...currTagsRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\n // Count rows and show tags until we hit the maxRows.\n for (let tag of tags) {\n let {width, y} = tag.getBoundingClientRect();\n\n if (y !== currY) {\n currY = y;\n rowCount++;\n }\n\n if (rowCount > maxRows) {\n break;\n }\n tagWidths.push(width);\n index++;\n }\n\n // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += parseInt(window.getComputedStyle(buttons[buttons.length - 1]).marginRight, 10) 2;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += parseInt(window.getComputedStyle(tags[index - 1]).marginRight, 10);\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index < state.collection.size && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n let tagStyle = window.getComputedStyle(tags[0]);\n let maxHeight = (parseInt(tagStyle.height, 10) + parseInt(tagStyle.marginTop, 10) * 2) * maxRows;\n return {\n visibleTagCount: index,\n showCollapseButton: index < state.collection.size,\n maxHeight\n };\n };\n\n setTagState(function () {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true, maxHeight: undefined};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = [...state.collection];\n if (maxRows != null && isCollapsed) {\n visibleTags = visibleTags.slice(0, tagState.visibleTagCount);\n }\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton \|\| (actionLabel && onAction);\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n style={maxRows != null && tagState.showCollapseButton && isCollapsed ? {maxHeight: tagState.maxHeight, overflow: 'hidden'} : undefined}\n ref={containerRef}\n className={classNames(styles, 'spectrum-Tags-container')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}\n allowsRemoving={allowsRemoving}\n onRemove={onRemove}>\n {item.rendered}\n </Tag>\n ))}\n </div>\n {showActions &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/* Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. /\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\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 \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\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\n@import './index.css';\n@import './skin.css';\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 {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {TagProps} from '@react-types/tag';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useTag} from '@react-aria/tag';\n\nexport interface SpectrumTagProps<T> extends TagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n allowsRemoving,\n item,\n state,\n onRemove,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, labelProps, gridCellProps, rowProps} = useTag({\n ...props,\n allowsRemoving,\n item,\n onRemove\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/intl/.js","packages/@react-spectrum/tag/intl/ar-AE.json","packages/@react-spectrum/tag/intl/bg-BG.json","packages/@react-spectrum/tag/intl/cs-CZ.json","packages/@react-spectrum/tag/intl/da-DK.json","packages/@react-spectrum/tag/intl/de-DE.json","packages/@react-spectrum/tag/intl/el-GR.json","packages/@react-spectrum/tag/intl/en-US.json","packages/@react-spectrum/tag/intl/es-ES.json","packages/@react-spectrum/tag/intl/et-EE.json","packages/@react-spectrum/tag/intl/fi-FI.json","packages/@react-spectrum/tag/intl/fr-FR.json","packages/@react-spectrum/tag/intl/he-IL.json","packages/@react-spectrum/tag/intl/hr-HR.json","packages/@react-spectrum/tag/intl/hu-HU.json","packages/@react-spectrum/tag/intl/it-IT.json","packages/@react-spectrum/tag/intl/ja-JP.json","packages/@react-spectrum/tag/intl/ko-KR.json","packages/@react-spectrum/tag/intl/lt-LT.json","packages/@react-spectrum/tag/intl/lv-LV.json","packages/@react-spectrum/tag/intl/nb-NO.json","packages/@react-spectrum/tag/intl/nl-NL.json","packages/@react-spectrum/tag/intl/pl-PL.json","packages/@react-spectrum/tag/intl/pt-BR.json","packages/@react-spectrum/tag/intl/pt-PT.json","packages/@react-spectrum/tag/intl/ro-RO.json","packages/@react-spectrum/tag/intl/ru-RU.json","packages/@react-spectrum/tag/intl/sk-SK.json","packages/@react-spectrum/tag/intl/sl-SI.json","packages/@react-spectrum/tag/intl/sr-SP.json","packages/@react-spectrum/tag/intl/sv-SE.json","packages/@react-spectrum/tag/intl/tr-TR.json","packages/@react-spectrum/tag/intl/uk-UA.json","packages/@react-spectrum/tag/intl/zh-CN.json","packages/@react-spectrum/tag/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/tags/vars.css","packages/@react-spectrum/tag/src/Tag.tsx"],"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 {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaTagGroupProps, TagKeyboardDelegate, useTagGroup} from '@react-aria/tag';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing, FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {\n /** The label to display on the action button. /\n actionLabel?: string,\n /* Handler that is called when the action button is pressed. /\n onAction?: () => void,\n /* Sets what the TagGroup should render when there are no tags to display. /\n renderEmptyState?: () => JSX.Element\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition,\n renderEmptyState = () => stringFormatter.format('noTags')\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false, maxHeight: undefined});\n let keyboardDelegate = useMemo(() => (\n isCollapsed\n ? new TagKeyboardDelegate(new ListCollection([...state.collection].slice(0, tagState.visibleTagCount)), direction)\n : new TagKeyboardDelegate(new ListCollection([...state.collection]), direction)\n ), [direction, isCollapsed, state.collection, tagState.visibleTagCount]) as TagKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement \| null = containerRef.current;\n let currTagsRef: HTMLDivElement \| null = tagsRef.current;\n if (!currContainerRef \|\| !currTagsRef) {\n return;\n }\n\n let tags = [...currTagsRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n if (tags.length === 0 \|\| buttons.length === 0) {\n return {\n visibleTagCount: 0,\n showCollapseButton: false,\n maxHeight: undefined\n };\n }\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\n // Count rows and show tags until we hit the maxRows.\n for (let tag of tags) {\n let {width, y} = tag.getBoundingClientRect();\n\n if (y !== currY) {\n currY = y;\n rowCount++;\n }\n\n if (rowCount > maxRows) {\n break;\n }\n tagWidths.push(width);\n index++;\n }\n\n // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += parseInt(window.getComputedStyle(buttons[buttons.length - 1]).marginRight, 10) 2;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += parseInt(window.getComputedStyle(tags[index - 1]).marginRight, 10);\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index < state.collection.size && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n let tagStyle = window.getComputedStyle(tags[0]);\n let maxHeight = (parseInt(tagStyle.height, 10) + parseInt(tagStyle.marginTop, 10) * 2) * maxRows;\n return {\n visibleTagCount: index,\n showCollapseButton: index < state.collection.size,\n maxHeight\n };\n };\n\n setTagState(function () {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true, maxHeight: undefined};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = [...state.collection];\n if (maxRows != null && isCollapsed) {\n visibleTags = visibleTags.slice(0, tagState.visibleTagCount);\n }\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton \|\| (actionLabel && onAction);\n let isEmpty = state.collection.size === 0;\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n style={maxRows != null && tagState.showCollapseButton && isCollapsed ? {maxHeight: tagState.maxHeight, overflow: 'hidden'} : undefined}\n ref={containerRef}\n className={\n classNames(\n styles,\n 'spectrum-Tags-container',\n {\n 'spectrum-Tags-container--empty': isEmpty\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}\n allowsRemoving={allowsRemoving}\n onRemove={onRemove}>\n {item.rendered}\n </Tag>\n ))}\n {isEmpty && (\n <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n {renderEmptyState()}\n </div>\n )}\n </div>\n </FocusRing>\n {showActions && !isEmpty &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/* Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. /\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\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 \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\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\n@import './index.css';\n@import './skin.css';\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 {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {TagProps} from '@react-types/tag';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useTag} from '@react-aria/tag';\n\nexport interface SpectrumTagProps<T> extends TagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n allowsRemoving,\n item,\n state,\n onRemove,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, labelProps, gridCellProps, rowProps} = useTag({\n ...props,\n allowsRemoving,\n item,\n onRemove\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js CHANGED Viewed

@@ -4,7 +4,7 @@ import {ActionButton as $fUaQ2$ActionButton, ClearButton as $fUaQ2$ClearButton}
 import {TagKeyboardDelegate as $fUaQ2$TagKeyboardDelegate, useTagGroup as $fUaQ2$useTagGroup, useTag as $fUaQ2$useTag} from "@react-aria/tag";
 import {useDOMRef as $fUaQ2$useDOMRef, classNames as $fUaQ2$classNames, useStyleProps as $fUaQ2$useStyleProps, SlotProvider as $fUaQ2$SlotProvider, ClearSlots as $fUaQ2$ClearSlots} from "@react-spectrum/utils";
 import {Field as $fUaQ2$Field} from "@react-spectrum/label";
-import {FocusScope as $fUaQ2$FocusScope, useFocusRing as $fUaQ2$useFocusRing} from "@react-aria/focus";
+import {FocusScope as $fUaQ2$FocusScope, FocusRing as $fUaQ2$FocusRing, useFocusRing as $fUaQ2$useFocusRing} from "@react-aria/focus";
 import {useListState as $fUaQ2$useListState, ListCollection as $fUaQ2$ListCollection} from "@react-stately/list";
 import {useProviderProps as $fUaQ2$useProviderProps, Provider as $fUaQ2$Provider} from "@react-spectrum/provider";
 import $fUaQ2$react, {useRef as $fUaQ2$useRef, useState as $fUaQ2$useState, useMemo as $fUaQ2$useMemo, useCallback as $fUaQ2$useCallback, useEffect as $fUaQ2$useEffect} from "react";
@@ -50,7 +50,8 @@ var $4f97095b36611c9c$exports = {};
 $4f97095b36611c9c$exports = {
     "actions": `الإجراءات`,
     "hideButtonLabel": `إظهار أقل`,
-    "showAllButtonLabel": (args, formatter)=>`عرض الكل (${formatter.number(args.tagCount)})`
+    "showAllButtonLabel": (args, formatter)=>`عرض الكل (${formatter.number(args.tagCount)})`,
+    "noTags": `None`
 };
@@ -98,7 +99,8 @@ var $edf02907a7caaf96$exports = {};
 $edf02907a7caaf96$exports = {
     "showAllButtonLabel": (args, formatter)=>`Show all (${formatter.number(args.tagCount)})`,
     "hideButtonLabel": `Show less`,
-    "actions": `Actions`
+    "actions": `Actions`,
+    "noTags": `None`
 };
@@ -365,6 +367,7 @@ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag", () => $c033a7c057e84ef
 $parcel$export($c033a7c057e84ef1$exports, "focus-ring", () => $c033a7c057e84ef1$export$f39a09f249340e2a, (v) => $c033a7c057e84ef1$export$f39a09f249340e2a = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags", () => $c033a7c057e84ef1$export$eb7e80013a1212da, (v) => $c033a7c057e84ef1$export$eb7e80013a1212da = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-container", () => $c033a7c057e84ef1$export$3300169c5d27fe96, (v) => $c033a7c057e84ef1$export$3300169c5d27fe96 = v);
+$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-container--empty", () => $c033a7c057e84ef1$export$a5e59d283417e02b, (v) => $c033a7c057e84ef1$export$a5e59d283417e02b = v);
 $parcel$export($c033a7c057e84ef1$exports, "is-disabled", () => $c033a7c057e84ef1$export$d35bc1e505d1ebbf, (v) => $c033a7c057e84ef1$export$d35bc1e505d1ebbf = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-removeButton", () => $c033a7c057e84ef1$export$23a76b996f0a6c1, (v) => $c033a7c057e84ef1$export$23a76b996f0a6c1 = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-cell", () => $c033a7c057e84ef1$export$9c4fd4d7faada408, (v) => $c033a7c057e84ef1$export$9c4fd4d7faada408 = v);
@@ -376,12 +379,14 @@ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-actions", () => $c033a7
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-actionButton", () => $c033a7c057e84ef1$export$e6882f8db018e3bd, (v) => $c033a7c057e84ef1$export$e6882f8db018e3bd = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-fieldWrapper", () => $c033a7c057e84ef1$export$c9b7ca327d69b2b5, (v) => $c033a7c057e84ef1$export$c9b7ca327d69b2b5 = v);
 $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-fieldWrapper--positionSide", () => $c033a7c057e84ef1$export$a7c11d4acc244e09, (v) => $c033a7c057e84ef1$export$a7c11d4acc244e09 = v);
+$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-empty-state", () => $c033a7c057e84ef1$export$cd48f925394bb16, (v) => $c033a7c057e84ef1$export$cd48f925394bb16 = v);
 $parcel$export($c033a7c057e84ef1$exports, "is-hovered", () => $c033a7c057e84ef1$export$b8813cd5d7824ce7, (v) => $c033a7c057e84ef1$export$b8813cd5d7824ce7 = v);
 $parcel$export($c033a7c057e84ef1$exports, "is-focused", () => $c033a7c057e84ef1$export$e7dc768d35940237, (v) => $c033a7c057e84ef1$export$e7dc768d35940237 = v);
 var $c033a7c057e84ef1$export$6174bd1d20b4c022;
 var $c033a7c057e84ef1$export$f39a09f249340e2a;
 var $c033a7c057e84ef1$export$eb7e80013a1212da;
 var $c033a7c057e84ef1$export$3300169c5d27fe96;
+var $c033a7c057e84ef1$export$a5e59d283417e02b;
 var $c033a7c057e84ef1$export$d35bc1e505d1ebbf;
 var $c033a7c057e84ef1$export$23a76b996f0a6c1;
 var $c033a7c057e84ef1$export$9c4fd4d7faada408;
@@ -393,12 +398,14 @@ var $c033a7c057e84ef1$export$8afaa02110915bbb;
 var $c033a7c057e84ef1$export$e6882f8db018e3bd;
 var $c033a7c057e84ef1$export$c9b7ca327d69b2b5;
 var $c033a7c057e84ef1$export$a7c11d4acc244e09;
+var $c033a7c057e84ef1$export$cd48f925394bb16;
 var $c033a7c057e84ef1$export$b8813cd5d7824ce7;
 var $c033a7c057e84ef1$export$e7dc768d35940237;
 $c033a7c057e84ef1$export$6174bd1d20b4c022 = "spectrum-Tag_8407eb";
 $c033a7c057e84ef1$export$f39a09f249340e2a = "focus-ring_8407eb";
 $c033a7c057e84ef1$export$eb7e80013a1212da = "spectrum-Tags_8407eb";
 $c033a7c057e84ef1$export$3300169c5d27fe96 = "spectrum-Tags-container_8407eb";
+$c033a7c057e84ef1$export$a5e59d283417e02b = "spectrum-Tags-container--empty_8407eb";
 $c033a7c057e84ef1$export$d35bc1e505d1ebbf = "is-disabled_8407eb";
 $c033a7c057e84ef1$export$23a76b996f0a6c1 = "spectrum-Tag-removeButton_8407eb";
 $c033a7c057e84ef1$export$9c4fd4d7faada408 = "spectrum-Tag-cell_8407eb";
@@ -410,6 +417,7 @@ $c033a7c057e84ef1$export$8afaa02110915bbb = "spectrum-Tags-actions_8407eb";
 $c033a7c057e84ef1$export$e6882f8db018e3bd = "spectrum-Tags-actionButton_8407eb";
 $c033a7c057e84ef1$export$c9b7ca327d69b2b5 = "spectrum-Tags-fieldWrapper_8407eb";
 $c033a7c057e84ef1$export$a7c11d4acc244e09 = "spectrum-Tags-fieldWrapper--positionSide_8407eb";
+$c033a7c057e84ef1$export$cd48f925394bb16 = "spectrum-Tags-empty-state_8407eb";
 $c033a7c057e84ef1$export$b8813cd5d7824ce7 = "is-hovered_8407eb";
 $c033a7c057e84ef1$export$e7dc768d35940237 = "is-focused_8407eb";
@@ -493,7 +501,7 @@ function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
 function $880d112c7a588209$var$TagGroup(props, ref) {
     props = (0, $fUaQ2$useProviderProps)(props);
     props = (0, $fUaQ2$useFormProps)(props);
-    let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition  } = props;
+    let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags")  } = props;
     let domRef = (0, $fUaQ2$useDOMRef)(ref);
     let containerRef = (0, $fUaQ2$useRef)(null);
     let tagsRef = (0, $fUaQ2$useRef)(null);
@@ -537,6 +545,11 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
                 let buttons = [
                     ...currContainerRef.parentElement.querySelectorAll("button")
                 ];
+                if (tags.length === 0 || buttons.length === 0) return {
+                    visibleTagCount: 0,
+                    showCollapseButton: false,
+                    maxHeight: undefined
+                };
                 let currY = -Infinity;
                 let rowCount = 0;
                 let index = 0;
@@ -613,6 +626,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
         setIsCollapsed((prevCollapsed)=>!prevCollapsed);
     };
     let showActions = tagState.showCollapseButton || actionLabel && onAction;
+    let isEmpty = state.collection.size === 0;
     return /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$FocusScope), null, /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Field), {
         ...props,
         labelProps: labelProps,
@@ -630,7 +644,11 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
             overflow: "hidden"
         } : undefined,
         ref: containerRef,
-        className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-container")
+        className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-container", {
+            "spectrum-Tags-container--empty": isEmpty
+        })
+    }, /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$FocusRing), {
+        focusRingClass: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "focus-ring")
     }, /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
         ref: tagsRef,
         ...gridProps,
@@ -642,7 +660,9 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
             state: state,
             allowsRemoving: allowsRemoving,
             onRemove: onRemove
-        }, item.rendered))), showActions && /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Provider), {
+        }, item.rendered)), isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
+        className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-empty-state")
+    }, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Provider), {
         isDisabled: false
     }, /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
         role: "group",

package/dist/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/intl/.js","packages/@react-spectrum/tag/intl/ar-AE.json","packages/@react-spectrum/tag/intl/bg-BG.json","packages/@react-spectrum/tag/intl/cs-CZ.json","packages/@react-spectrum/tag/intl/da-DK.json","packages/@react-spectrum/tag/intl/de-DE.json","packages/@react-spectrum/tag/intl/el-GR.json","packages/@react-spectrum/tag/intl/en-US.json","packages/@react-spectrum/tag/intl/es-ES.json","packages/@react-spectrum/tag/intl/et-EE.json","packages/@react-spectrum/tag/intl/fi-FI.json","packages/@react-spectrum/tag/intl/fr-FR.json","packages/@react-spectrum/tag/intl/he-IL.json","packages/@react-spectrum/tag/intl/hr-HR.json","packages/@react-spectrum/tag/intl/hu-HU.json","packages/@react-spectrum/tag/intl/it-IT.json","packages/@react-spectrum/tag/intl/ja-JP.json","packages/@react-spectrum/tag/intl/ko-KR.json","packages/@react-spectrum/tag/intl/lt-LT.json","packages/@react-spectrum/tag/intl/lv-LV.json","packages/@react-spectrum/tag/intl/nb-NO.json","packages/@react-spectrum/tag/intl/nl-NL.json","packages/@react-spectrum/tag/intl/pl-PL.json","packages/@react-spectrum/tag/intl/pt-BR.json","packages/@react-spectrum/tag/intl/pt-PT.json","packages/@react-spectrum/tag/intl/ro-RO.json","packages/@react-spectrum/tag/intl/ru-RU.json","packages/@react-spectrum/tag/intl/sk-SK.json","packages/@react-spectrum/tag/intl/sl-SI.json","packages/@react-spectrum/tag/intl/sr-SP.json","packages/@react-spectrum/tag/intl/sv-SE.json","packages/@react-spectrum/tag/intl/tr-TR.json","packages/@react-spectrum/tag/intl/uk-UA.json","packages/@react-spectrum/tag/intl/zh-CN.json","packages/@react-spectrum/tag/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/tags/vars.css","packages/@react-spectrum/tag/src/Tag.tsx"],"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 {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaTagGroupProps, TagKeyboardDelegate, useTagGroup} from '@react-aria/tag';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {\n /** The label to display on the action button. /\n actionLabel?: string,\n /* Handler that is called when the action button is pressed. /\n onAction?: () => void\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false, maxHeight: undefined});\n let keyboardDelegate = useMemo(() => (\n isCollapsed\n ? new TagKeyboardDelegate(new ListCollection([...state.collection].slice(0, tagState.visibleTagCount)), direction)\n : new TagKeyboardDelegate(new ListCollection([...state.collection]), direction)\n ), [direction, isCollapsed, state.collection, tagState.visibleTagCount]) as TagKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement \| null = containerRef.current;\n let currTagsRef: HTMLDivElement \| null = tagsRef.current;\n if (!currContainerRef \|\| !currTagsRef) {\n return;\n }\n\n let tags = [...currTagsRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\n // Count rows and show tags until we hit the maxRows.\n for (let tag of tags) {\n let {width, y} = tag.getBoundingClientRect();\n\n if (y !== currY) {\n currY = y;\n rowCount++;\n }\n\n if (rowCount > maxRows) {\n break;\n }\n tagWidths.push(width);\n index++;\n }\n\n // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += parseInt(window.getComputedStyle(buttons[buttons.length - 1]).marginRight, 10) 2;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += parseInt(window.getComputedStyle(tags[index - 1]).marginRight, 10);\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index < state.collection.size && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n let tagStyle = window.getComputedStyle(tags[0]);\n let maxHeight = (parseInt(tagStyle.height, 10) + parseInt(tagStyle.marginTop, 10) * 2) * maxRows;\n return {\n visibleTagCount: index,\n showCollapseButton: index < state.collection.size,\n maxHeight\n };\n };\n\n setTagState(function () {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true, maxHeight: undefined};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = [...state.collection];\n if (maxRows != null && isCollapsed) {\n visibleTags = visibleTags.slice(0, tagState.visibleTagCount);\n }\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton \|\| (actionLabel && onAction);\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n style={maxRows != null && tagState.showCollapseButton && isCollapsed ? {maxHeight: tagState.maxHeight, overflow: 'hidden'} : undefined}\n ref={containerRef}\n className={classNames(styles, 'spectrum-Tags-container')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}\n allowsRemoving={allowsRemoving}\n onRemove={onRemove}>\n {item.rendered}\n </Tag>\n ))}\n </div>\n {showActions &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/* Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. /\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\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 \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\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\n@import './index.css';\n@import './skin.css';\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 {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {TagProps} from '@react-types/tag';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useTag} from '@react-aria/tag';\n\nexport interface SpectrumTagProps<T> extends TagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n allowsRemoving,\n item,\n state,\n onRemove,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, labelProps, gridCellProps, rowProps} = useTag({\n ...props,\n allowsRemoving,\n item,\n onRemove\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"module.js.map"}
1	+ {"mappings":"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","sources":["packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/intl/.js","packages/@react-spectrum/tag/intl/ar-AE.json","packages/@react-spectrum/tag/intl/bg-BG.json","packages/@react-spectrum/tag/intl/cs-CZ.json","packages/@react-spectrum/tag/intl/da-DK.json","packages/@react-spectrum/tag/intl/de-DE.json","packages/@react-spectrum/tag/intl/el-GR.json","packages/@react-spectrum/tag/intl/en-US.json","packages/@react-spectrum/tag/intl/es-ES.json","packages/@react-spectrum/tag/intl/et-EE.json","packages/@react-spectrum/tag/intl/fi-FI.json","packages/@react-spectrum/tag/intl/fr-FR.json","packages/@react-spectrum/tag/intl/he-IL.json","packages/@react-spectrum/tag/intl/hr-HR.json","packages/@react-spectrum/tag/intl/hu-HU.json","packages/@react-spectrum/tag/intl/it-IT.json","packages/@react-spectrum/tag/intl/ja-JP.json","packages/@react-spectrum/tag/intl/ko-KR.json","packages/@react-spectrum/tag/intl/lt-LT.json","packages/@react-spectrum/tag/intl/lv-LV.json","packages/@react-spectrum/tag/intl/nb-NO.json","packages/@react-spectrum/tag/intl/nl-NL.json","packages/@react-spectrum/tag/intl/pl-PL.json","packages/@react-spectrum/tag/intl/pt-BR.json","packages/@react-spectrum/tag/intl/pt-PT.json","packages/@react-spectrum/tag/intl/ro-RO.json","packages/@react-spectrum/tag/intl/ru-RU.json","packages/@react-spectrum/tag/intl/sk-SK.json","packages/@react-spectrum/tag/intl/sl-SI.json","packages/@react-spectrum/tag/intl/sr-SP.json","packages/@react-spectrum/tag/intl/sv-SE.json","packages/@react-spectrum/tag/intl/tr-TR.json","packages/@react-spectrum/tag/intl/uk-UA.json","packages/@react-spectrum/tag/intl/zh-CN.json","packages/@react-spectrum/tag/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/tags/vars.css","packages/@react-spectrum/tag/src/Tag.tsx"],"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 {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaTagGroupProps, TagKeyboardDelegate, useTagGroup} from '@react-aria/tag';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing, FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {\n /** The label to display on the action button. /\n actionLabel?: string,\n /* Handler that is called when the action button is pressed. /\n onAction?: () => void,\n /* Sets what the TagGroup should render when there are no tags to display. /\n renderEmptyState?: () => JSX.Element\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition,\n renderEmptyState = () => stringFormatter.format('noTags')\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false, maxHeight: undefined});\n let keyboardDelegate = useMemo(() => (\n isCollapsed\n ? new TagKeyboardDelegate(new ListCollection([...state.collection].slice(0, tagState.visibleTagCount)), direction)\n : new TagKeyboardDelegate(new ListCollection([...state.collection]), direction)\n ), [direction, isCollapsed, state.collection, tagState.visibleTagCount]) as TagKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement \| null = containerRef.current;\n let currTagsRef: HTMLDivElement \| null = tagsRef.current;\n if (!currContainerRef \|\| !currTagsRef) {\n return;\n }\n\n let tags = [...currTagsRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n if (tags.length === 0 \|\| buttons.length === 0) {\n return {\n visibleTagCount: 0,\n showCollapseButton: false,\n maxHeight: undefined\n };\n }\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\n // Count rows and show tags until we hit the maxRows.\n for (let tag of tags) {\n let {width, y} = tag.getBoundingClientRect();\n\n if (y !== currY) {\n currY = y;\n rowCount++;\n }\n\n if (rowCount > maxRows) {\n break;\n }\n tagWidths.push(width);\n index++;\n }\n\n // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += parseInt(window.getComputedStyle(buttons[buttons.length - 1]).marginRight, 10) 2;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += parseInt(window.getComputedStyle(tags[index - 1]).marginRight, 10);\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index < state.collection.size && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n let tagStyle = window.getComputedStyle(tags[0]);\n let maxHeight = (parseInt(tagStyle.height, 10) + parseInt(tagStyle.marginTop, 10) * 2) * maxRows;\n return {\n visibleTagCount: index,\n showCollapseButton: index < state.collection.size,\n maxHeight\n };\n };\n\n setTagState(function () {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true, maxHeight: undefined};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = [...state.collection];\n if (maxRows != null && isCollapsed) {\n visibleTags = visibleTags.slice(0, tagState.visibleTagCount);\n }\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton \|\| (actionLabel && onAction);\n let isEmpty = state.collection.size === 0;\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n style={maxRows != null && tagState.showCollapseButton && isCollapsed ? {maxHeight: tagState.maxHeight, overflow: 'hidden'} : undefined}\n ref={containerRef}\n className={\n classNames(\n styles,\n 'spectrum-Tags-container',\n {\n 'spectrum-Tags-container--empty': isEmpty\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}\n allowsRemoving={allowsRemoving}\n onRemove={onRemove}>\n {item.rendered}\n </Tag>\n ))}\n {isEmpty && (\n <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n {renderEmptyState()}\n </div>\n )}\n </div>\n </FocusRing>\n {showActions && !isEmpty &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/* Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. /\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\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 \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\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\n@import './index.css';\n@import './skin.css';\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 {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {TagProps} from '@react-types/tag';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useTag} from '@react-aria/tag';\n\nexport interface SpectrumTagProps<T> extends TagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n allowsRemoving,\n item,\n state,\n onRemove,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, labelProps, gridCellProps, rowProps} = useTag({\n ...props,\n allowsRemoving,\n item,\n onRemove\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'ke
     actionLabel?: string;
     /** Handler that is called when the action button is pressed. */
     onAction?: () => void;
+    /** Sets what the TagGroup should render when there are no tags to display. */
+    renderEmptyState?: () => JSX.Element;
 }
 /** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */
 export const TagGroup: <T>(props: SpectrumTagGroupProps<T> & {

package/dist/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;AC6BA,uCAAuC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,UAAU,EAAE,sBAAsB,EAAE,IAAI,CAAC,qBAAqB,EAAE,eAAe,CAAC;IAChL,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;~~CACtB~~;~~AAkMD~~,8IAA8I;AAC9I,OAAA,MAAM;UAAuF,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;~~ACxNtI~~,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC","sources":["packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/Tag.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":[null,null,null,"/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1	+ {"mappings":";;;AC6BA,uCAAuC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,UAAU,EAAE,sBAAsB,EAAE,IAAI,CAAC,qBAAqB,EAAE,eAAe,CAAC;IAChL,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,IAAI,OAAO,CAAA;CACrC;AA0ND,8IAA8I;AAC9I,OAAA,MAAM;UAAuF,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;AClPtI,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC","sources":["packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/Tag.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":[null,null,null,"/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/tag",
-  "version": "3.0.0-nightly.2168+1b311096f",
+  "version": "3.0.0-nightly.2175+0b384e61a",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,24 +36,24 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.2168+1b311096f",
-    "@react-aria/i18n": "3.0.0-nightly.2168+1b311096f",
-    "@react-aria/interactions": "3.0.0-nightly.2168+1b311096f",
-    "@react-aria/tag": "3.0.0-nightly.2168+1b311096f",
-    "@react-aria/utils": "3.0.0-nightly.2168+1b311096f",
-    "@react-spectrum/button": "3.0.0-nightly.2168+1b311096f",
-    "@react-spectrum/form": "3.0.0-nightly.2168+1b311096f",
-    "@react-spectrum/label": "3.12.1-nightly.3870+1b311096f",
-    "@react-spectrum/text": "3.4.2-nightly.3870+1b311096f",
-    "@react-spectrum/utils": "3.0.0-nightly.2168+1b311096f",
-    "@react-stately/collections": "3.0.0-nightly.2168+1b311096f",
-    "@react-stately/list": "3.8.1-nightly.3870+1b311096f",
-    "@react-types/shared": "3.0.0-nightly.2168+1b311096f",
-    "@react-types/tag": "3.0.0-nightly.2168+1b311096f",
+    "@react-aria/focus": "3.0.0-nightly.2175+0b384e61a",
+    "@react-aria/i18n": "3.0.0-nightly.2175+0b384e61a",
+    "@react-aria/interactions": "3.0.0-nightly.2175+0b384e61a",
+    "@react-aria/tag": "3.0.0-nightly.2175+0b384e61a",
+    "@react-aria/utils": "3.0.0-nightly.2175+0b384e61a",
+    "@react-spectrum/button": "3.0.0-nightly.2175+0b384e61a",
+    "@react-spectrum/form": "3.0.0-nightly.2175+0b384e61a",
+    "@react-spectrum/label": "3.12.1-nightly.3877+0b384e61a",
+    "@react-spectrum/text": "3.4.2-nightly.3877+0b384e61a",
+    "@react-spectrum/utils": "3.0.0-nightly.2175+0b384e61a",
+    "@react-stately/collections": "3.0.0-nightly.2175+0b384e61a",
+    "@react-stately/list": "3.8.1-nightly.3877+0b384e61a",
+    "@react-types/shared": "3.0.0-nightly.2175+0b384e61a",
+    "@react-types/tag": "3.0.0-nightly.2175+0b384e61a",
     "@swc/helpers": "^0.4.14"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.2168+1b311096f"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.2175+0b384e61a"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -62,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1b311096f16629e78e2f9bf5a07e0ea8581f4f50"
+  "gitHead": "0b384e61ad6d7eaa647f764cbc78038855fbde6b"
 }

package/src/TagGroup.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ import {AriaTagGroupProps, TagKeyboardDelegate, useTagGroup} from '@react-aria/t
 import {classNames, useDOMRef} from '@react-spectrum/utils';
 import {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';
 import {Field} from '@react-spectrum/label';
-import {FocusScope} from '@react-aria/focus';
+import {FocusRing, FocusScope} from '@react-aria/focus';
 // @ts-ignore
 import intlMessages from '../intl/*.json';
 import {ListCollection, useListState} from '@react-stately/list';
@@ -31,7 +31,9 @@ export interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'ke
   /** The label to display on the action button.  */
   actionLabel?: string,
   /** Handler that is called when the action button is pressed. */
-  onAction?: () => void
+  onAction?: () => void,
+  /** Sets what the TagGroup should render when there are no tags to display. */
+  renderEmptyState?: () => JSX.Element
 }
 function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {
@@ -44,7 +46,8 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
     children,
     actionLabel,
     onAction,
-    labelPosition
+    labelPosition,
+    renderEmptyState = () => stringFormatter.format('noTags')
   } = props;
   let domRef = useDOMRef(ref);
   let containerRef = useRef(null);
@@ -76,6 +79,13 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
         let tags = [...currTagsRef.children];
         let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];
+        if (tags.length === 0 || buttons.length === 0) {
+          return {
+            visibleTagCount: 0,
+            showCollapseButton: false,
+            maxHeight: undefined
+          };
+        }
         let currY = -Infinity;
         let rowCount = 0;
         let index = 0;
@@ -150,6 +160,7 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
   };
   let showActions = tagState.showCollapseButton || (actionLabel && onAction);
+  let isEmpty = state.collection.size === 0;
   return (
     <FocusScope>
@@ -173,24 +184,39 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
         <div
           style={maxRows != null && tagState.showCollapseButton && isCollapsed ? {maxHeight: tagState.maxHeight, overflow: 'hidden'} : undefined}
           ref={containerRef}
-          className={classNames(styles, 'spectrum-Tags-container')}>
-          <div
-            ref={tagsRef}
-            {...gridProps}
-            className={classNames(styles, 'spectrum-Tags')}>
-            {visibleTags.map(item => (
-              <Tag
-                {...item.props}
-                key={item.key}
-                item={item}
-                state={state}
-                allowsRemoving={allowsRemoving}
-                onRemove={onRemove}>
-                {item.rendered}
-              </Tag>
-            ))}
-          </div>
-          {showActions &&
+          className={
+            classNames(
+              styles,
+              'spectrum-Tags-container',
+              {
+                'spectrum-Tags-container--empty': isEmpty
+              }
+            )
+          }>
+          <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>
+            <div
+              ref={tagsRef}
+              {...gridProps}
+              className={classNames(styles, 'spectrum-Tags')}>
+              {visibleTags.map(item => (
+                <Tag
+                  {...item.props}
+                  key={item.key}
+                  item={item}
+                  state={state}
+                  allowsRemoving={allowsRemoving}
+                  onRemove={onRemove}>
+                  {item.rendered}
+                </Tag>
+              ))}
+              {isEmpty && (
+                <div className={classNames(styles, 'spectrum-Tags-empty-state')}>
+                  {renderEmptyState()}
+                </div>
+              )}
+            </div>
+          </FocusRing>
+          {showActions && !isEmpty &&
             <Provider isDisabled={false}>
               <div
                 role="group"