@react-spectrum/tag 3.0.0-nightly.1960 → 3.0.0-nightly.1965

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 (8) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +14 -5
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +14 -5
  5. package/dist/module.js.map +1 -1
  6. package/package.json +16 -16
  7. package/src/Tag.tsx +3 -2
  8. package/src/TagGroup.tsx +1 -1
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- .spectrum-Tags-item_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-Tags-item_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--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-Tags-item_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-item_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-Tags-item_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-Tags-item_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;-ms-grid-columns:auto 1fr auto;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;grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action";align-items:center;display:inline-grid;position:relative}.spectrum-Tags-item_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tags-item_8407eb .spectrum-Tag-action_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2*var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tags-item_8407eb .spectrum-Tag-cell_8407eb{text-overflow:ellipsis;align-items:center;display:flex;overflow:hidden}[dir=ltr] .spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{grid-area:icon}[dir=ltr] .spectrum-Tags-item_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-item_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-Tags-item_8407eb.is-removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tags-item_8407eb.is-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-item_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-Tags-item_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-Tags-item_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-Tags-item_8407eb.is-selected_8407eb{background-color:var(--spectrum-tag-background-color-selected,var(--spectrum-global-color-gray-700));color:var(--spectrum-tag-text-color-selected,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-tag-border-color-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-Tags-item_8407eb.is-selected_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-tag-text-color-selected-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb{border-color:var(--spectrum-tag-border-color-error-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemIcon_8407eb,.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemLabel_8407eb,.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-text-color-error-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-tag-border-color-error-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb.is-hovered_8407eb{border-color:var(--spectrum-tag-border-color-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-invalid_8407eb{color:var(--spectrum-tag-icon-color-error,var(--spectrum-global-color-red-500));border-color:var(--spectrum-tag-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Tags-item_8407eb.is-invalid_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));border-color:var(--spectrum-tag-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item_8407eb.is-invalid_8407eb.focus-ring_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tags-item_8407eb.is-invalid_8407eb .spectrum-Tags-itemIcon_8407eb,.spectrum-Tags-item_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Tags-item_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-Tags-item_8407eb.is-disabled_8407eb .spectrum-Avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tags-item--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tags-item--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb.is-hovered_8407eb{border-color:var(--spectrum-tag-removable-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb.is-hovered_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-removable-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb.is-focused_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb:active{border-color:var(--spectrum-tag-removable-border-color-error-down,var(--spectrum-global-color-red-700));color:var(--spectrum-tag-removable-text-color-error-down,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-focused_8407eb.is-invalid_8407eb{color:var(--spectrum-tag-removable-text-color-error-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb{color:var(--spectrum-tag-removable-text-color-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-selected-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-removable-button-icon-color-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb .spectrum-Tags-itemClearButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-selected-hover,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-selected-hover,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb .spectrum-Tags-itemClearButton_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-Tags-item--removable_8407eb .spectrum-Tags-itemClearButton_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-Tags-item_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-background-color-selected:Highlight;--spectrum-tag-background-color-selected-hover:Highlight;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-error:ButtonText;--spectrum-tag-border-color-error-hover:ButtonText;--spectrum-tag-border-color-error-selected:HighlightText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-border-color-selected:HighlightText;--spectrum-tag-border-color-selected-key-focus:ButtonText;--spectrum-tag-icon-color-error:ButtonText;--spectrum-tag-icon-color-error-hover:ButtonText;--spectrum-tag-removable-border-color-error-down:Highlight;--spectrum-tag-removable-border-color-error-hover: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-background-color-selected-hover:Highlight;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-button-icon-color-selected:HighlightText;--spectrum-tag-removable-button-icon-color-selected-hover:HighlightText;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-error-down:Highlight;--spectrum-tag-removable-text-color-error-key-focus:Highlight;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-removable-text-color-selected:HighlightText;--spectrum-tag-removable-text-color-selected-key-focus:HighlightText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-error-selected:HighlightText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText;--spectrum-tag-text-color-selected:HighlightText;--spectrum-tag-text-color-selected-key-focus:HighlightText}}
1
+ .spectrum-Tags-item_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-Tags-item_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--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-Tags-item_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-item_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-Tags-item_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-Tags-item_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-Tags-item_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tags-item_8407eb .spectrum-Tag-removeButton_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2*var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tags-item_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-Tags-item_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tags-item_8407eb .spectrum-Tag-avatar_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-avatar_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tags-item_8407eb .spectrum-Tag-avatar_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tags-item_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-item_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-Tags-item_8407eb.is-removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tags-item_8407eb.is-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-item_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-Tags-item_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-Tags-item_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-Tags-item_8407eb.is-selected_8407eb{background-color:var(--spectrum-tag-background-color-selected,var(--spectrum-global-color-gray-700));color:var(--spectrum-tag-text-color-selected,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-tag-border-color-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-Tags-item_8407eb.is-selected_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-tag-text-color-selected-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb{border-color:var(--spectrum-tag-border-color-error-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemIcon_8407eb,.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemLabel_8407eb,.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-text-color-error-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-tag-border-color-error-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb.is-hovered_8407eb{border-color:var(--spectrum-tag-border-color-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-invalid_8407eb{color:var(--spectrum-tag-icon-color-error,var(--spectrum-global-color-red-500));border-color:var(--spectrum-tag-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Tags-item_8407eb.is-invalid_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));border-color:var(--spectrum-tag-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item_8407eb.is-invalid_8407eb.focus-ring_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tags-item_8407eb.is-invalid_8407eb .spectrum-Tags-itemIcon_8407eb,.spectrum-Tags-item_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Tags-item_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-Tags-item_8407eb.is-disabled_8407eb .spectrum-Avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tags-item--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tags-item--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb.is-hovered_8407eb{border-color:var(--spectrum-tag-removable-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb.is-hovered_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-removable-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb.is-focused_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb:active{border-color:var(--spectrum-tag-removable-border-color-error-down,var(--spectrum-global-color-red-700));color:var(--spectrum-tag-removable-text-color-error-down,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-focused_8407eb.is-invalid_8407eb{color:var(--spectrum-tag-removable-text-color-error-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb{color:var(--spectrum-tag-removable-text-color-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-selected-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-removable-button-icon-color-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb .spectrum-Tags-itemClearButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-selected-hover,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-selected-hover,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb .spectrum-Tags-itemClearButton_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-Tags-item--removable_8407eb .spectrum-Tags-itemClearButton_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-Tags-item_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-background-color-selected:Highlight;--spectrum-tag-background-color-selected-hover:Highlight;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-error:ButtonText;--spectrum-tag-border-color-error-hover:ButtonText;--spectrum-tag-border-color-error-selected:HighlightText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-border-color-selected:HighlightText;--spectrum-tag-border-color-selected-key-focus:ButtonText;--spectrum-tag-icon-color-error:ButtonText;--spectrum-tag-icon-color-error-hover:ButtonText;--spectrum-tag-removable-border-color-error-down:Highlight;--spectrum-tag-removable-border-color-error-hover: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-background-color-selected-hover:Highlight;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-button-icon-color-selected:HighlightText;--spectrum-tag-removable-button-icon-color-selected-hover:HighlightText;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-error-down:Highlight;--spectrum-tag-removable-text-color-error-key-focus:Highlight;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-removable-text-color-selected:HighlightText;--spectrum-tag-removable-text-color-selected-key-focus:HighlightText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-error-selected:HighlightText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText;--spectrum-tag-text-color-selected:HighlightText;--spectrum-tag-text-color-selected-key-focus:HighlightText}}
package/dist/main.js CHANGED
@@ -299,9 +299,10 @@ $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-item", () => $ed889f8f1
299
299
  $parcel$export($ed889f8f1f091fc8$exports, "focus-ring", () => $ed889f8f1f091fc8$export$f39a09f249340e2a, (v) => $ed889f8f1f091fc8$export$f39a09f249340e2a = v);
300
300
  $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags", () => $ed889f8f1f091fc8$export$eb7e80013a1212da, (v) => $ed889f8f1f091fc8$export$eb7e80013a1212da = v);
301
301
  $parcel$export($ed889f8f1f091fc8$exports, "is-disabled", () => $ed889f8f1f091fc8$export$d35bc1e505d1ebbf, (v) => $ed889f8f1f091fc8$export$d35bc1e505d1ebbf = v);
302
- $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-action", () => $ed889f8f1f091fc8$export$c5a1243e33faa2d4, (v) => $ed889f8f1f091fc8$export$c5a1243e33faa2d4 = v);
302
+ $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-removeButton", () => $ed889f8f1f091fc8$export$23a76b996f0a6c1, (v) => $ed889f8f1f091fc8$export$23a76b996f0a6c1 = v);
303
303
  $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-cell", () => $ed889f8f1f091fc8$export$9c4fd4d7faada408, (v) => $ed889f8f1f091fc8$export$9c4fd4d7faada408 = v);
304
304
  $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-icon", () => $ed889f8f1f091fc8$export$21f5254139e14871, (v) => $ed889f8f1f091fc8$export$21f5254139e14871 = v);
305
+ $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-avatar", () => $ed889f8f1f091fc8$export$7b57f5221a1b5306, (v) => $ed889f8f1f091fc8$export$7b57f5221a1b5306 = v);
305
306
  $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-content", () => $ed889f8f1f091fc8$export$d281c967f4ee071e, (v) => $ed889f8f1f091fc8$export$d281c967f4ee071e = v);
306
307
  $parcel$export($ed889f8f1f091fc8$exports, "is-removable", () => $ed889f8f1f091fc8$export$52d72cb84c5fde5e, (v) => $ed889f8f1f091fc8$export$52d72cb84c5fde5e = v);
307
308
  $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-actions", () => $ed889f8f1f091fc8$export$8afaa02110915bbb, (v) => $ed889f8f1f091fc8$export$8afaa02110915bbb = v);
@@ -319,9 +320,10 @@ var $ed889f8f1f091fc8$export$950d8dc0a3751654;
319
320
  var $ed889f8f1f091fc8$export$f39a09f249340e2a;
320
321
  var $ed889f8f1f091fc8$export$eb7e80013a1212da;
321
322
  var $ed889f8f1f091fc8$export$d35bc1e505d1ebbf;
322
- var $ed889f8f1f091fc8$export$c5a1243e33faa2d4;
323
+ var $ed889f8f1f091fc8$export$23a76b996f0a6c1;
323
324
  var $ed889f8f1f091fc8$export$9c4fd4d7faada408;
324
325
  var $ed889f8f1f091fc8$export$21f5254139e14871;
326
+ var $ed889f8f1f091fc8$export$7b57f5221a1b5306;
325
327
  var $ed889f8f1f091fc8$export$d281c967f4ee071e;
326
328
  var $ed889f8f1f091fc8$export$52d72cb84c5fde5e;
327
329
  var $ed889f8f1f091fc8$export$8afaa02110915bbb;
@@ -339,9 +341,10 @@ $ed889f8f1f091fc8$export$950d8dc0a3751654 = "spectrum-Tags-item_8407eb";
339
341
  $ed889f8f1f091fc8$export$f39a09f249340e2a = "focus-ring_8407eb";
340
342
  $ed889f8f1f091fc8$export$eb7e80013a1212da = "spectrum-Tags_8407eb";
341
343
  $ed889f8f1f091fc8$export$d35bc1e505d1ebbf = "is-disabled_8407eb";
342
- $ed889f8f1f091fc8$export$c5a1243e33faa2d4 = "spectrum-Tag-action_8407eb";
344
+ $ed889f8f1f091fc8$export$23a76b996f0a6c1 = "spectrum-Tag-removeButton_8407eb";
343
345
  $ed889f8f1f091fc8$export$9c4fd4d7faada408 = "spectrum-Tag-cell_8407eb";
344
346
  $ed889f8f1f091fc8$export$21f5254139e14871 = "spectrum-Tag-icon_8407eb";
347
+ $ed889f8f1f091fc8$export$7b57f5221a1b5306 = "spectrum-Tag-avatar_8407eb";
345
348
  $ed889f8f1f091fc8$export$d281c967f4ee071e = "spectrum-Tag-content_8407eb";
346
349
  $ed889f8f1f091fc8$export$52d72cb84c5fde5e = "is-removable_8407eb";
347
350
  $ed889f8f1f091fc8$export$8afaa02110915bbb = "spectrum-Tags-actions_8407eb";
@@ -414,12 +417,16 @@ function $dd2c5d00108c1840$export$3288d34c523a1192(props) {
414
417
  text: {
415
418
  UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-content"),
416
419
  ...labelProps
420
+ },
421
+ avatar: {
422
+ UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-avatar"),
423
+ size: "avatar-size-50"
417
424
  }
418
425
  }
419
426
  }, typeof children === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumtext.Text), null, children) : children, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumutils.ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement($dd2c5d00108c1840$var$TagRemoveButton, {
420
427
  item: item,
421
428
  ...clearButtonProps,
422
- UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-action")
429
+ UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-removeButton")
423
430
  })))));
424
431
  }
425
432
  function $dd2c5d00108c1840$var$TagRemoveButton(props) {
@@ -582,7 +589,9 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
582
589
  tagCount: state.collection.size
583
590
  }) : stringFormatter.format("hideButtonLabel")), actionLabel && onAction && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumbutton.ActionButton), {
584
591
  isQuiet: true,
585
- onPress: onAction,
592
+ onPress: ()=>{
593
+ return onAction === null || onAction === void 0 ? void 0 : onAction();
594
+ },
586
595
  UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-actionButton")
587
596
  }, actionLabel))));
588
597
  }
package/dist/main.js.map CHANGED
@@ -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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection} from '@react-stately/list';\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 {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTagGroupState} from '@react-stately/tag';\n\nexport interface SpectrumTagGroupProps<T> extends AriaTagGroupProps<T>, StyleProps {\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 let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let {styleProps} = useStyleProps(otherProps);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useTagGroupState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\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 {tagGroupProps} = useTagGroup({...props, keyboardDelegate}, state, domRef);\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 currDomRef: HTMLDivElement | null = domRef.current;\n let currContainerRef: HTMLDivElement | null = containerRef.current; \n if (!currDomRef || !currContainerRef) {\n return;\n }\n\n let tags = [...currDomRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths = [];\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 let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n let availableWidth = containerEnd - lastTagEnd;\n for (let tagWidth of tagWidths.reverse()) {\n if (availableWidth >= buttonsWidth || index <= 1 || index >= state.collection.size) {\n break;\n }\n availableWidth += tagWidth;\n index--;\n }\n return {visibleTagCount: index, showCollapseButton: index < state.collection.size};\n };\n \n setTagState(function *() {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, domRef, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n\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 <div\n ref={containerRef}\n {...styleProps}\n className={classNames(styles, 'spectrum-Tags-container', styleProps.className)}>\n <div\n {...tagGroupProps}\n className={classNames(styles, 'spectrum-Tags')}\n role={state.collection.size ? 'grid' : null}\n ref={domRef}>\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 <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${tagGroupProps.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 }\n </div>\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}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akce\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Aktionen\"\n}\n","{\n \"actions\": \"Ενέργειες\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\"\n}","{\n \"actions\": \"Acciones\"\n}\n","{\n \"actions\": \"Toimingud\"\n}\n","{\n \"actions\": \"Toiminnot\"\n}\n","{\n \"actions\": \"Actions\"\n}\n","{\n \"actions\": \"פעולות\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Műveletek\"\n}\n","{\n \"actions\": \"Azioni\"\n}\n","{\n \"actions\": \"アクション\"\n}\n","{\n \"actions\": \"액션\"\n}\n","{\n \"actions\": \"Veiksmai\"\n}\n","{\n \"actions\": \"Darbības\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Acties\"\n}\n","{\n \"actions\": \"Działania\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Acțiuni\"\n}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akcie\"\n}\n","{\n \"actions\": \"Dejanja\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Åtgärder\"\n}\n","{\n \"actions\": \"Eylemler\"\n}\n","{\n \"actions\": \"Дії\"\n}\n","{\n \"actions\": \"操作\"\n}\n","{\n \"actions\": \"動作\"\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 {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport type {TagGroupState} from '@react-stately/tag';\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: TagGroupState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n children,\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 tagRowRef = useRef();\n let {clearButtonProps, labelProps, tagProps, tagRowProps} = useTag({\n ...props,\n isFocused,\n allowsRemoving,\n item,\n onRemove,\n tagRowRef\n }, state);\n\n return (\n <div\n {...mergeProps(tagRowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tags-item',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'is-removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={tagRowRef}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...tagProps}>\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 }}>\n {typeof children === 'string' ? <Text>{children}</Text> : children}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...clearButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-action')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span\n {...styleProps}>\n <ClearButton\n preventFocus\n {...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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection} from '@react-stately/list';\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 {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTagGroupState} from '@react-stately/tag';\n\nexport interface SpectrumTagGroupProps<T> extends AriaTagGroupProps<T>, StyleProps {\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 let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let {styleProps} = useStyleProps(otherProps);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useTagGroupState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\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 {tagGroupProps} = useTagGroup({...props, keyboardDelegate}, state, domRef);\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 currDomRef: HTMLDivElement | null = domRef.current;\n let currContainerRef: HTMLDivElement | null = containerRef.current; \n if (!currDomRef || !currContainerRef) {\n return;\n }\n\n let tags = [...currDomRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths = [];\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 let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n let availableWidth = containerEnd - lastTagEnd;\n for (let tagWidth of tagWidths.reverse()) {\n if (availableWidth >= buttonsWidth || index <= 1 || index >= state.collection.size) {\n break;\n }\n availableWidth += tagWidth;\n index--;\n }\n return {visibleTagCount: index, showCollapseButton: index < state.collection.size};\n };\n \n setTagState(function *() {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, domRef, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n\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 <div\n ref={containerRef}\n {...styleProps}\n className={classNames(styles, 'spectrum-Tags-container', styleProps.className)}>\n <div\n {...tagGroupProps}\n className={classNames(styles, 'spectrum-Tags')}\n role={state.collection.size ? 'grid' : null}\n ref={domRef}>\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 <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${tagGroupProps.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 }\n </div>\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}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akce\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Aktionen\"\n}\n","{\n \"actions\": \"Ενέργειες\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\"\n}","{\n \"actions\": \"Acciones\"\n}\n","{\n \"actions\": \"Toimingud\"\n}\n","{\n \"actions\": \"Toiminnot\"\n}\n","{\n \"actions\": \"Actions\"\n}\n","{\n \"actions\": \"פעולות\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Műveletek\"\n}\n","{\n \"actions\": \"Azioni\"\n}\n","{\n \"actions\": \"アクション\"\n}\n","{\n \"actions\": \"액션\"\n}\n","{\n \"actions\": \"Veiksmai\"\n}\n","{\n \"actions\": \"Darbības\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Acties\"\n}\n","{\n \"actions\": \"Działania\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Acțiuni\"\n}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akcie\"\n}\n","{\n \"actions\": \"Dejanja\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Åtgärder\"\n}\n","{\n \"actions\": \"Eylemler\"\n}\n","{\n \"actions\": \"Дії\"\n}\n","{\n \"actions\": \"操作\"\n}\n","{\n \"actions\": \"動作\"\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 {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport type {TagGroupState} from '@react-stately/tag';\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: TagGroupState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n children,\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 tagRowRef = useRef();\n let {clearButtonProps, labelProps, tagProps, tagRowProps} = useTag({\n ...props,\n isFocused,\n allowsRemoving,\n item,\n onRemove,\n tagRowRef\n }, state);\n\n return (\n <div\n {...mergeProps(tagRowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tags-item',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'is-removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={tagRowRef}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...tagProps}>\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 children === 'string' ? <Text>{children}</Text> : children}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...clearButtonProps} 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\n {...styleProps}>\n <ClearButton\n preventFocus\n {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -296,9 +296,10 @@ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-item", () => $c033a7c05
296
296
  $parcel$export($c033a7c057e84ef1$exports, "focus-ring", () => $c033a7c057e84ef1$export$f39a09f249340e2a, (v) => $c033a7c057e84ef1$export$f39a09f249340e2a = v);
297
297
  $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags", () => $c033a7c057e84ef1$export$eb7e80013a1212da, (v) => $c033a7c057e84ef1$export$eb7e80013a1212da = v);
298
298
  $parcel$export($c033a7c057e84ef1$exports, "is-disabled", () => $c033a7c057e84ef1$export$d35bc1e505d1ebbf, (v) => $c033a7c057e84ef1$export$d35bc1e505d1ebbf = v);
299
- $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-action", () => $c033a7c057e84ef1$export$c5a1243e33faa2d4, (v) => $c033a7c057e84ef1$export$c5a1243e33faa2d4 = v);
299
+ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-removeButton", () => $c033a7c057e84ef1$export$23a76b996f0a6c1, (v) => $c033a7c057e84ef1$export$23a76b996f0a6c1 = v);
300
300
  $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-cell", () => $c033a7c057e84ef1$export$9c4fd4d7faada408, (v) => $c033a7c057e84ef1$export$9c4fd4d7faada408 = v);
301
301
  $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-icon", () => $c033a7c057e84ef1$export$21f5254139e14871, (v) => $c033a7c057e84ef1$export$21f5254139e14871 = v);
302
+ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-avatar", () => $c033a7c057e84ef1$export$7b57f5221a1b5306, (v) => $c033a7c057e84ef1$export$7b57f5221a1b5306 = v);
302
303
  $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-content", () => $c033a7c057e84ef1$export$d281c967f4ee071e, (v) => $c033a7c057e84ef1$export$d281c967f4ee071e = v);
303
304
  $parcel$export($c033a7c057e84ef1$exports, "is-removable", () => $c033a7c057e84ef1$export$52d72cb84c5fde5e, (v) => $c033a7c057e84ef1$export$52d72cb84c5fde5e = v);
304
305
  $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-actions", () => $c033a7c057e84ef1$export$8afaa02110915bbb, (v) => $c033a7c057e84ef1$export$8afaa02110915bbb = v);
@@ -316,9 +317,10 @@ var $c033a7c057e84ef1$export$950d8dc0a3751654;
316
317
  var $c033a7c057e84ef1$export$f39a09f249340e2a;
317
318
  var $c033a7c057e84ef1$export$eb7e80013a1212da;
318
319
  var $c033a7c057e84ef1$export$d35bc1e505d1ebbf;
319
- var $c033a7c057e84ef1$export$c5a1243e33faa2d4;
320
+ var $c033a7c057e84ef1$export$23a76b996f0a6c1;
320
321
  var $c033a7c057e84ef1$export$9c4fd4d7faada408;
321
322
  var $c033a7c057e84ef1$export$21f5254139e14871;
323
+ var $c033a7c057e84ef1$export$7b57f5221a1b5306;
322
324
  var $c033a7c057e84ef1$export$d281c967f4ee071e;
323
325
  var $c033a7c057e84ef1$export$52d72cb84c5fde5e;
324
326
  var $c033a7c057e84ef1$export$8afaa02110915bbb;
@@ -336,9 +338,10 @@ $c033a7c057e84ef1$export$950d8dc0a3751654 = "spectrum-Tags-item_8407eb";
336
338
  $c033a7c057e84ef1$export$f39a09f249340e2a = "focus-ring_8407eb";
337
339
  $c033a7c057e84ef1$export$eb7e80013a1212da = "spectrum-Tags_8407eb";
338
340
  $c033a7c057e84ef1$export$d35bc1e505d1ebbf = "is-disabled_8407eb";
339
- $c033a7c057e84ef1$export$c5a1243e33faa2d4 = "spectrum-Tag-action_8407eb";
341
+ $c033a7c057e84ef1$export$23a76b996f0a6c1 = "spectrum-Tag-removeButton_8407eb";
340
342
  $c033a7c057e84ef1$export$9c4fd4d7faada408 = "spectrum-Tag-cell_8407eb";
341
343
  $c033a7c057e84ef1$export$21f5254139e14871 = "spectrum-Tag-icon_8407eb";
344
+ $c033a7c057e84ef1$export$7b57f5221a1b5306 = "spectrum-Tag-avatar_8407eb";
342
345
  $c033a7c057e84ef1$export$d281c967f4ee071e = "spectrum-Tag-content_8407eb";
343
346
  $c033a7c057e84ef1$export$52d72cb84c5fde5e = "is-removable_8407eb";
344
347
  $c033a7c057e84ef1$export$8afaa02110915bbb = "spectrum-Tags-actions_8407eb";
@@ -411,12 +414,16 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
411
414
  text: {
412
415
  UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-content"),
413
416
  ...labelProps
417
+ },
418
+ avatar: {
419
+ UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-avatar"),
420
+ size: "avatar-size-50"
414
421
  }
415
422
  }
416
423
  }, typeof children === "string" ? /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Text), null, children) : children, /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, $fUaQ2$react).createElement($b5f5ee35d3b6b95c$var$TagRemoveButton, {
417
424
  item: item,
418
425
  ...clearButtonProps,
419
- UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-action")
426
+ UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-removeButton")
420
427
  })))));
421
428
  }
422
429
  function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
@@ -579,7 +586,9 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
579
586
  tagCount: state.collection.size
580
587
  }) : stringFormatter.format("hideButtonLabel")), actionLabel && onAction && /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$ActionButton), {
581
588
  isQuiet: true,
582
- onPress: onAction,
589
+ onPress: ()=>{
590
+ return onAction === null || onAction === void 0 ? void 0 : onAction();
591
+ },
583
592
  UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-actionButton")
584
593
  }, actionLabel))));
585
594
  }
package/dist/module.js.map CHANGED
@@ -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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection} from '@react-stately/list';\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 {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTagGroupState} from '@react-stately/tag';\n\nexport interface SpectrumTagGroupProps<T> extends AriaTagGroupProps<T>, StyleProps {\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 let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let {styleProps} = useStyleProps(otherProps);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useTagGroupState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\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 {tagGroupProps} = useTagGroup({...props, keyboardDelegate}, state, domRef);\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 currDomRef: HTMLDivElement | null = domRef.current;\n let currContainerRef: HTMLDivElement | null = containerRef.current; \n if (!currDomRef || !currContainerRef) {\n return;\n }\n\n let tags = [...currDomRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths = [];\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 let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n let availableWidth = containerEnd - lastTagEnd;\n for (let tagWidth of tagWidths.reverse()) {\n if (availableWidth >= buttonsWidth || index <= 1 || index >= state.collection.size) {\n break;\n }\n availableWidth += tagWidth;\n index--;\n }\n return {visibleTagCount: index, showCollapseButton: index < state.collection.size};\n };\n \n setTagState(function *() {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, domRef, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n\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 <div\n ref={containerRef}\n {...styleProps}\n className={classNames(styles, 'spectrum-Tags-container', styleProps.className)}>\n <div\n {...tagGroupProps}\n className={classNames(styles, 'spectrum-Tags')}\n role={state.collection.size ? 'grid' : null}\n ref={domRef}>\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 <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${tagGroupProps.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 }\n </div>\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}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akce\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Aktionen\"\n}\n","{\n \"actions\": \"Ενέργειες\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\"\n}","{\n \"actions\": \"Acciones\"\n}\n","{\n \"actions\": \"Toimingud\"\n}\n","{\n \"actions\": \"Toiminnot\"\n}\n","{\n \"actions\": \"Actions\"\n}\n","{\n \"actions\": \"פעולות\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Műveletek\"\n}\n","{\n \"actions\": \"Azioni\"\n}\n","{\n \"actions\": \"アクション\"\n}\n","{\n \"actions\": \"액션\"\n}\n","{\n \"actions\": \"Veiksmai\"\n}\n","{\n \"actions\": \"Darbības\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Acties\"\n}\n","{\n \"actions\": \"Działania\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Acțiuni\"\n}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akcie\"\n}\n","{\n \"actions\": \"Dejanja\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Åtgärder\"\n}\n","{\n \"actions\": \"Eylemler\"\n}\n","{\n \"actions\": \"Дії\"\n}\n","{\n \"actions\": \"操作\"\n}\n","{\n \"actions\": \"動作\"\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 {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport type {TagGroupState} from '@react-stately/tag';\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: TagGroupState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n children,\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 tagRowRef = useRef();\n let {clearButtonProps, labelProps, tagProps, tagRowProps} = useTag({\n ...props,\n isFocused,\n allowsRemoving,\n item,\n onRemove,\n tagRowRef\n }, state);\n\n return (\n <div\n {...mergeProps(tagRowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tags-item',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'is-removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={tagRowRef}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...tagProps}>\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 }}>\n {typeof children === 'string' ? <Text>{children}</Text> : children}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...clearButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-action')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span\n {...styleProps}>\n <ClearButton\n preventFocus\n {...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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection} from '@react-stately/list';\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 {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTagGroupState} from '@react-stately/tag';\n\nexport interface SpectrumTagGroupProps<T> extends AriaTagGroupProps<T>, StyleProps {\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 let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let {styleProps} = useStyleProps(otherProps);\n let {direction} = useLocale();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useTagGroupState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\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 {tagGroupProps} = useTagGroup({...props, keyboardDelegate}, state, domRef);\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 currDomRef: HTMLDivElement | null = domRef.current;\n let currContainerRef: HTMLDivElement | null = containerRef.current; \n if (!currDomRef || !currContainerRef) {\n return;\n }\n\n let tags = [...currDomRef.children];\n let buttons = [...currContainerRef.parentElement.querySelectorAll('button')];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths = [];\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 let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n let availableWidth = containerEnd - lastTagEnd;\n for (let tagWidth of tagWidths.reverse()) {\n if (availableWidth >= buttonsWidth || index <= 1 || index >= state.collection.size) {\n break;\n }\n availableWidth += tagWidth;\n index--;\n }\n return {visibleTagCount: index, showCollapseButton: index < state.collection.size};\n };\n \n setTagState(function *() {\n // Update to show all items.\n yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n // Measure, and update to show the items until maxRows is reached.\n yield computeVisibleTagCount();\n });\n }\n }, [maxRows, setTagState, domRef, direction, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n\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 <div\n ref={containerRef}\n {...styleProps}\n className={classNames(styles, 'spectrum-Tags-container', styleProps.className)}>\n <div\n {...tagGroupProps}\n className={classNames(styles, 'spectrum-Tags')}\n role={state.collection.size ? 'grid' : null}\n ref={domRef}>\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 <div\n role=\"group\"\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${tagGroupProps.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 }\n </div>\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}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akce\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Aktionen\"\n}\n","{\n \"actions\": \"Ενέργειες\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\"\n}","{\n \"actions\": \"Acciones\"\n}\n","{\n \"actions\": \"Toimingud\"\n}\n","{\n \"actions\": \"Toiminnot\"\n}\n","{\n \"actions\": \"Actions\"\n}\n","{\n \"actions\": \"פעולות\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Műveletek\"\n}\n","{\n \"actions\": \"Azioni\"\n}\n","{\n \"actions\": \"アクション\"\n}\n","{\n \"actions\": \"액션\"\n}\n","{\n \"actions\": \"Veiksmai\"\n}\n","{\n \"actions\": \"Darbības\"\n}\n","{\n \"actions\": \"Handlinger\"\n}\n","{\n \"actions\": \"Acties\"\n}\n","{\n \"actions\": \"Działania\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Ações\"\n}\n","{\n \"actions\": \"Acțiuni\"\n}\n","{\n \"actions\": \"Действия\"\n}\n","{\n \"actions\": \"Akcie\"\n}\n","{\n \"actions\": \"Dejanja\"\n}\n","{\n \"actions\": \"Radnje\"\n}\n","{\n \"actions\": \"Åtgärder\"\n}\n","{\n \"actions\": \"Eylemler\"\n}\n","{\n \"actions\": \"Дії\"\n}\n","{\n \"actions\": \"操作\"\n}\n","{\n \"actions\": \"動作\"\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 {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport type {TagGroupState} from '@react-stately/tag';\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: TagGroupState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n children,\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 tagRowRef = useRef();\n let {clearButtonProps, labelProps, tagProps, tagRowProps} = useTag({\n ...props,\n isFocused,\n allowsRemoving,\n item,\n onRemove,\n tagRowRef\n }, state);\n\n return (\n <div\n {...mergeProps(tagRowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tags-item',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'is-removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={tagRowRef}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...tagProps}>\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 children === 'string' ? <Text>{children}</Text> : children}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...clearButtonProps} 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\n {...styleProps}>\n <ClearButton\n preventFocus\n {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"module.js.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/tag",
3
- "version": "3.0.0-nightly.1960+1ddcde7b4",
3
+ "version": "3.0.0-nightly.1965+c183944ce",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -31,23 +31,23 @@
31
31
  "url": "https://github.com/adobe/react-spectrum"
32
32
  },
33
33
  "dependencies": {
34
- "@react-aria/focus": "3.0.0-nightly.1960+1ddcde7b4",
35
- "@react-aria/i18n": "3.0.0-nightly.1960+1ddcde7b4",
36
- "@react-aria/interactions": "3.0.0-nightly.1960+1ddcde7b4",
37
- "@react-aria/tag": "3.0.0-nightly.1960+1ddcde7b4",
38
- "@react-aria/utils": "3.0.0-nightly.1960+1ddcde7b4",
39
- "@react-spectrum/button": "3.0.0-nightly.1960+1ddcde7b4",
40
- "@react-spectrum/text": "3.3.5-nightly.3660+1ddcde7b4",
41
- "@react-spectrum/utils": "3.0.0-nightly.1960+1ddcde7b4",
42
- "@react-stately/collections": "3.0.0-nightly.1960+1ddcde7b4",
43
- "@react-stately/list": "3.6.2-nightly.3660+1ddcde7b4",
44
- "@react-stately/tag": "3.0.0-nightly.3660+1ddcde7b4",
45
- "@react-types/shared": "3.0.0-nightly.1960+1ddcde7b4",
46
- "@react-types/tag": "3.0.0-nightly.1960+1ddcde7b4",
34
+ "@react-aria/focus": "3.0.0-nightly.1965+c183944ce",
35
+ "@react-aria/i18n": "3.0.0-nightly.1965+c183944ce",
36
+ "@react-aria/interactions": "3.0.0-nightly.1965+c183944ce",
37
+ "@react-aria/tag": "3.0.0-nightly.1965+c183944ce",
38
+ "@react-aria/utils": "3.0.0-nightly.1965+c183944ce",
39
+ "@react-spectrum/button": "3.0.0-nightly.1965+c183944ce",
40
+ "@react-spectrum/text": "3.3.5-nightly.3665+c183944ce",
41
+ "@react-spectrum/utils": "3.0.0-nightly.1965+c183944ce",
42
+ "@react-stately/collections": "3.0.0-nightly.1965+c183944ce",
43
+ "@react-stately/list": "3.6.2-nightly.3665+c183944ce",
44
+ "@react-stately/tag": "3.0.0-nightly.3665+c183944ce",
45
+ "@react-types/shared": "3.0.0-nightly.1965+c183944ce",
46
+ "@react-types/tag": "3.0.0-nightly.1965+c183944ce",
47
47
  "@swc/helpers": "^0.4.14"
48
48
  },
49
49
  "devDependencies": {
50
- "@adobe/spectrum-css-temp": "3.0.0-nightly.1960+1ddcde7b4"
50
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.1965+c183944ce"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@react-spectrum/provider": "^3.0.0",
@@ -56,5 +56,5 @@
56
56
  "publishConfig": {
57
57
  "access": "public"
58
58
  },
59
- "gitHead": "1ddcde7b4fef9af7f08e11bb78d71fe60bbcc64b"
59
+ "gitHead": "c183944ce6a8ca1cf280a1c7b88d2ba393dd0252"
60
60
  }
package/src/Tag.tsx CHANGED
@@ -71,11 +71,12 @@ export function Tag<T>(props: SpectrumTagProps<T>) {
71
71
  <SlotProvider
72
72
  slots={{
73
73
  icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},
74
- text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps}
74
+ text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},
75
+ avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}
75
76
  }}>
76
77
  {typeof children === 'string' ? <Text>{children}</Text> : children}
77
78
  <ClearSlots>
78
- {allowsRemoving && <TagRemoveButton item={item} {...clearButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-action')} />}
79
+ {allowsRemoving && <TagRemoveButton item={item} {...clearButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}
79
80
  </ClearSlots>
80
81
  </SlotProvider>
81
82
  </div>
package/src/TagGroup.tsx CHANGED
@@ -188,7 +188,7 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
188
188
  {actionLabel && onAction &&
189
189
  <ActionButton
190
190
  isQuiet
191
- onPress={onAction}
191
+ onPress={() => onAction?.()}
192
192
  UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>
193
193
  {actionLabel}
194
194
  </ActionButton>