@react-spectrum/tag 3.0.0-nightly.2199 → 3.0.0-nightly.2206

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.
package/dist/import.mjs CHANGED
@@ -1,11 +1,12 @@
1
1
  import "./main.css";
2
2
  import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collections";
3
3
  import {ActionButton as $fUaQ2$ActionButton, ClearButton as $fUaQ2$ClearButton} from "@react-spectrum/button";
4
- import {TagKeyboardDelegate as $fUaQ2$TagKeyboardDelegate, useTagGroup as $fUaQ2$useTagGroup, useTag as $fUaQ2$useTag} from "@react-aria/tag";
4
+ import {useTagGroup as $fUaQ2$useTagGroup, useTag as $fUaQ2$useTag} from "@react-aria/tag";
5
5
  import {useDOMRef as $fUaQ2$useDOMRef, classNames as $fUaQ2$classNames, useStyleProps as $fUaQ2$useStyleProps, SlotProvider as $fUaQ2$SlotProvider, ClearSlots as $fUaQ2$ClearSlots} from "@react-spectrum/utils";
6
6
  import {Field as $fUaQ2$Field} from "@react-spectrum/label";
7
7
  import {FocusScope as $fUaQ2$FocusScope, FocusRing as $fUaQ2$FocusRing, useFocusRing as $fUaQ2$useFocusRing} from "@react-aria/focus";
8
8
  import {useListState as $fUaQ2$useListState, ListCollection as $fUaQ2$ListCollection} from "@react-stately/list";
9
+ import {ListKeyboardDelegate as $fUaQ2$ListKeyboardDelegate} from "@react-aria/selection";
9
10
  import {useProviderProps as $fUaQ2$useProviderProps, useProvider as $fUaQ2$useProvider, Provider as $fUaQ2$Provider} from "@react-spectrum/provider";
10
11
  import $fUaQ2$react, {useRef as $fUaQ2$useRef, useState as $fUaQ2$useState, useMemo as $fUaQ2$useMemo, useCallback as $fUaQ2$useCallback, useEffect as $fUaQ2$useEffect} from "react";
11
12
  import {useFormProps as $fUaQ2$useFormProps} from "@react-spectrum/form";
@@ -393,6 +394,7 @@ $70cc9ce0ced2eb4a$exports = {
393
394
 
394
395
 
395
396
 
397
+
396
398
  var $c033a7c057e84ef1$exports = {};
397
399
 
398
400
  $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag", () => $c033a7c057e84ef1$export$6174bd1d20b4c022, (v) => $c033a7c057e84ef1$export$6174bd1d20b4c022 = v);
@@ -474,7 +476,7 @@ $c033a7c057e84ef1$export$e7dc768d35940237 = "is-focused_8407eb";
474
476
 
475
477
 
476
478
  function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
477
- const { allowsRemoving: allowsRemoving , item: item , state: state , onRemove: onRemove , ...otherProps } = props;
479
+ const { item: item , state: state , ...otherProps } = props;
478
480
  // @ts-ignore
479
481
  let { styleProps: styleProps } = (0, $fUaQ2$useStyleProps)(otherProps);
480
482
  let { hoverProps: hoverProps , isHovered: isHovered } = (0, $fUaQ2$useHover)({});
@@ -482,11 +484,9 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
482
484
  within: true
483
485
  });
484
486
  let ref = (0, $fUaQ2$useRef)();
485
- let { removeButtonProps: removeButtonProps , labelProps: labelProps , gridCellProps: gridCellProps , rowProps: rowProps } = (0, $fUaQ2$useTag)({
487
+ let { removeButtonProps: removeButtonProps , gridCellProps: gridCellProps , rowProps: rowProps , allowsRemoving: allowsRemoving } = (0, $fUaQ2$useTag)({
486
488
  ...props,
487
- allowsRemoving: allowsRemoving,
488
- item: item,
489
- onRemove: onRemove
489
+ item: item
490
490
  }, state, ref);
491
491
  return /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
492
492
  ...(0, $fUaQ2$mergeProps)(rowProps, hoverProps, focusProps),
@@ -507,8 +507,7 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
507
507
  size: "XS"
508
508
  },
509
509
  text: {
510
- UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-content"),
511
- ...labelProps
510
+ UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-content")
512
511
  },
513
512
  avatar: {
514
513
  UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-avatar"),
@@ -543,7 +542,7 @@ const $880d112c7a588209$var$TAG_STYLES = {
543
542
  function $880d112c7a588209$var$TagGroup(props, ref) {
544
543
  props = (0, $fUaQ2$useProviderProps)(props);
545
544
  props = (0, $fUaQ2$useFormProps)(props);
546
- let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags") } = props;
545
+ let { maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags") } = props;
547
546
  let domRef = (0, $fUaQ2$useDOMRef)(ref);
548
547
  let containerRef = (0, $fUaQ2$useRef)(null);
549
548
  let tagsRef = (0, $fUaQ2$useRef)(null);
@@ -556,15 +555,24 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
556
555
  visibleTagCount: state.collection.size,
557
556
  showCollapseButton: false
558
557
  });
559
- let keyboardDelegate = (0, $fUaQ2$useMemo)(()=>isCollapsed ? new (0, $fUaQ2$TagKeyboardDelegate)(new (0, $fUaQ2$ListCollection)([
558
+ let keyboardDelegate = (0, $fUaQ2$useMemo)(()=>{
559
+ let collection = isCollapsed ? new (0, $fUaQ2$ListCollection)([
560
560
  ...state.collection
561
- ].slice(0, tagState.visibleTagCount)), direction) : new (0, $fUaQ2$TagKeyboardDelegate)(new (0, $fUaQ2$ListCollection)([
561
+ ].slice(0, tagState.visibleTagCount)) : new (0, $fUaQ2$ListCollection)([
562
562
  ...state.collection
563
- ]), direction), [
563
+ ]);
564
+ return new (0, $fUaQ2$ListKeyboardDelegate)({
565
+ collection: collection,
566
+ ref: domRef,
567
+ direction: direction,
568
+ orientation: "horizontal"
569
+ });
570
+ }, [
564
571
  direction,
565
572
  isCollapsed,
566
573
  state.collection,
567
- tagState.visibleTagCount
574
+ tagState.visibleTagCount,
575
+ domRef
568
576
  ]);
569
577
  // Remove onAction from props so it doesn't make it into useGridList.
570
578
  delete props.onAction;
@@ -672,7 +680,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
672
680
  let showActions = tagState.showCollapseButton || actionLabel && onAction;
673
681
  let isEmpty = state.collection.size === 0;
674
682
  let containerStyle = (0, $fUaQ2$useMemo)(()=>{
675
- if (maxRows == null || !isCollapsed) return undefined;
683
+ if (maxRows == null || !isCollapsed || isEmpty) return undefined;
676
684
  let maxHeight = ($880d112c7a588209$var$TAG_STYLES[scale].height + $880d112c7a588209$var$TAG_STYLES[scale].margin * 2) * maxRows;
677
685
  return {
678
686
  maxHeight: maxHeight,
@@ -681,6 +689,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
681
689
  }, [
682
690
  isCollapsed,
683
691
  maxRows,
692
+ isEmpty,
684
693
  scale
685
694
  ]);
686
695
  return /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$FocusScope), null, /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Field), {
@@ -710,9 +719,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
710
719
  ...item.props,
711
720
  key: item.key,
712
721
  item: item,
713
- state: state,
714
- allowsRemoving: allowsRemoving,
715
- onRemove: onRemove
722
+ state: state
716
723
  }, item.rendered)), isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
717
724
  className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-empty-state")
718
725
  }, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Provider), {
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- :root{font-synthesis:weight}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Tag_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-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-Tag_8407eb.focus-ring_8407eb:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-Tags_8407eb{display:inline}.spectrum-Tags_8407eb:focus-visible{outline:none}.spectrum-Tags_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:none;display:block}[dir=ltr] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=rtl] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=ltr] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=rtl] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=ltr] .spectrum-Tag_8407eb{padding-left:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}[dir=rtl] .spectrum-Tag_8407eb{padding-right:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-border-size:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));display:-ms-inline-grid;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));max-width:100%;border-width:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;outline:none;align-items:center;display:inline-grid;position:relative}.spectrum-Tag_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tag_8407eb .spectrum-Tag-removeButton_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2*var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tag_8407eb .spectrum-Tag-cell_8407eb{text-overflow:ellipsis;display:-ms-grid;-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"decoration content action";align-items:center;display:grid;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{line-height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))*2);font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));cursor:default;white-space:nowrap;text-overflow:ellipsis;outline:none;flex:auto;grid-area:content;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-left:0}.spectrum-Tags-actions_8407eb{display:inline}.spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb{height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);display:inline}[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span,[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb{width:unset}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb:not(.spectrum-Tags-fieldWrapper--positionSide_8407eb){display:-ms-grid;display:grid}.spectrum-Tags-empty-state_8407eb{min-height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300))}.spectrum-Tag_8407eb{color:var(--spectrum-tag-text-color,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Tag_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-hover,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.focus-ring_8407eb{background-color:var(--spectrum-tag-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-key-focus,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.focus-ring_8407eb:after{box-shadow:0 0 0 var(--spectrum-focus-ring-border-size)var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.is-disabled_8407eb{color:var(--spectrum-tag-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:var(--spectrum-tag-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-tag-border-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Tag_8407eb.is-disabled_8407eb .spectrum-Tag-avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-focused_8407eb{border:2px solid var(--spectrum-tag-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-tag-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-hover,var(--spectrum-global-color-gray-300));color:var(--spectrum-tag-removable-button-icon-color-hover,var(--spectrum-global-color-gray-900))}@media (forced-colors:active){.spectrum-Tag_8407eb{forced-color-adjust:none;--spectrum-tag-background-color:ButtonFace;--spectrum-tag-background-color-disabled:ButtonFace;--spectrum-tag-background-color-hover:ButtonFace;--spectrum-tag-background-color-key-focus:ButtonFace;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-removable-border-color-key-focus:Highlight;--spectrum-tag-removable-button-background-color-hover:ButtonFace;--spectrum-tag-removable-button-background-color-key-focus:ButtonFace;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText}}
1
+ :root{font-synthesis:weight}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Tag_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-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-Tag_8407eb.focus-ring_8407eb:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-Tags_8407eb{display:inline}.spectrum-Tags_8407eb:focus-visible{outline:none}.spectrum-Tags_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:none;display:block}[dir=ltr] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=rtl] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=ltr] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=rtl] .spectrum-Tags-container_8407eb:not(.spectrum-Tags-container--empty_8407eb){margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=ltr] .spectrum-Tag_8407eb{padding-left:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}[dir=rtl] .spectrum-Tag_8407eb{padding-right:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-border-size:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));display:-ms-inline-grid;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));max-width:100%;border-width:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;outline:none;align-items:center;display:inline-grid;position:relative}.spectrum-Tag_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tag_8407eb .spectrum-Tag-removeButton_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2*var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tag_8407eb .spectrum-Tag-cell_8407eb{text-overflow:ellipsis;display:-ms-grid;-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"decoration content action";align-items:center;display:grid;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{line-height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))*2);font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));cursor:default;white-space:nowrap;text-overflow:ellipsis;outline:none;flex:auto;grid-area:content;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-left:0}.spectrum-Tags-actions_8407eb{display:inline}.spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb{height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);display:inline}[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span,[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb{width:unset}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb:not(.spectrum-Tags-fieldWrapper--positionSide_8407eb){display:-ms-grid;display:grid}.spectrum-Tags-empty-state_8407eb{min-height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300))}.spectrum-Tag_8407eb{color:var(--spectrum-tag-text-color,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Tag_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-hover,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.focus-ring_8407eb{background-color:var(--spectrum-tag-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-key-focus,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.focus-ring_8407eb:after{box-shadow:0 0 0 var(--spectrum-focus-ring-border-size)var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.is-disabled_8407eb{color:var(--spectrum-tag-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:var(--spectrum-tag-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-tag-border-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Tag_8407eb.is-disabled_8407eb .spectrum-Tag-avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-focused_8407eb{border:2px solid var(--spectrum-tag-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-tag-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-button-icon-color-hover,var(--spectrum-global-color-gray-900))}@media (forced-colors:active){.spectrum-Tag_8407eb{forced-color-adjust:none;--spectrum-tag-background-color:ButtonFace;--spectrum-tag-background-color-disabled:ButtonFace;--spectrum-tag-background-color-hover:ButtonFace;--spectrum-tag-background-color-key-focus:ButtonFace;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-removable-border-color-key-focus:Highlight;--spectrum-tag-removable-button-background-color-key-focus:ButtonFace;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText}}
package/dist/main.js CHANGED
@@ -6,6 +6,7 @@ var $dTV3V$reactspectrumutils = require("@react-spectrum/utils");
6
6
  var $dTV3V$reactspectrumlabel = require("@react-spectrum/label");
7
7
  var $dTV3V$reactariafocus = require("@react-aria/focus");
8
8
  var $dTV3V$reactstatelylist = require("@react-stately/list");
9
+ var $dTV3V$reactariaselection = require("@react-aria/selection");
9
10
  var $dTV3V$reactspectrumprovider = require("@react-spectrum/provider");
10
11
  var $dTV3V$react = require("react");
11
12
  var $dTV3V$reactspectrumform = require("@react-spectrum/form");
@@ -396,6 +397,7 @@ $d97f7dfcca827852$exports = {
396
397
 
397
398
 
398
399
 
400
+
399
401
  var $ed889f8f1f091fc8$exports = {};
400
402
 
401
403
  $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag", () => $ed889f8f1f091fc8$export$6174bd1d20b4c022, (v) => $ed889f8f1f091fc8$export$6174bd1d20b4c022 = v);
@@ -477,7 +479,7 @@ $ed889f8f1f091fc8$export$e7dc768d35940237 = "is-focused_8407eb";
477
479
 
478
480
 
479
481
  function $dd2c5d00108c1840$export$3288d34c523a1192(props) {
480
- const { allowsRemoving: allowsRemoving , item: item , state: state , onRemove: onRemove , ...otherProps } = props;
482
+ const { item: item , state: state , ...otherProps } = props;
481
483
  // @ts-ignore
482
484
  let { styleProps: styleProps } = (0, $dTV3V$reactspectrumutils.useStyleProps)(otherProps);
483
485
  let { hoverProps: hoverProps , isHovered: isHovered } = (0, $dTV3V$reactariainteractions.useHover)({});
@@ -485,11 +487,9 @@ function $dd2c5d00108c1840$export$3288d34c523a1192(props) {
485
487
  within: true
486
488
  });
487
489
  let ref = (0, $dTV3V$react.useRef)();
488
- let { removeButtonProps: removeButtonProps , labelProps: labelProps , gridCellProps: gridCellProps , rowProps: rowProps } = (0, $dTV3V$reactariatag.useTag)({
490
+ let { removeButtonProps: removeButtonProps , gridCellProps: gridCellProps , rowProps: rowProps , allowsRemoving: allowsRemoving } = (0, $dTV3V$reactariatag.useTag)({
489
491
  ...props,
490
- allowsRemoving: allowsRemoving,
491
- item: item,
492
- onRemove: onRemove
492
+ item: item
493
493
  }, state, ref);
494
494
  return /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
495
495
  ...(0, $dTV3V$reactariautils.mergeProps)(rowProps, hoverProps, focusProps),
@@ -510,8 +510,7 @@ function $dd2c5d00108c1840$export$3288d34c523a1192(props) {
510
510
  size: "XS"
511
511
  },
512
512
  text: {
513
- UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-content"),
514
- ...labelProps
513
+ UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-content")
515
514
  },
516
515
  avatar: {
517
516
  UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-avatar"),
@@ -546,7 +545,7 @@ const $e7b72d8874e98cd4$var$TAG_STYLES = {
546
545
  function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
547
546
  props = (0, $dTV3V$reactspectrumprovider.useProviderProps)(props);
548
547
  props = (0, $dTV3V$reactspectrumform.useFormProps)(props);
549
- let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags") } = props;
548
+ let { maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags") } = props;
550
549
  let domRef = (0, $dTV3V$reactspectrumutils.useDOMRef)(ref);
551
550
  let containerRef = (0, $dTV3V$react.useRef)(null);
552
551
  let tagsRef = (0, $dTV3V$react.useRef)(null);
@@ -559,15 +558,24 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
559
558
  visibleTagCount: state.collection.size,
560
559
  showCollapseButton: false
561
560
  });
562
- let keyboardDelegate = (0, $dTV3V$react.useMemo)(()=>isCollapsed ? new (0, $dTV3V$reactariatag.TagKeyboardDelegate)(new (0, $dTV3V$reactstatelylist.ListCollection)([
561
+ let keyboardDelegate = (0, $dTV3V$react.useMemo)(()=>{
562
+ let collection = isCollapsed ? new (0, $dTV3V$reactstatelylist.ListCollection)([
563
563
  ...state.collection
564
- ].slice(0, tagState.visibleTagCount)), direction) : new (0, $dTV3V$reactariatag.TagKeyboardDelegate)(new (0, $dTV3V$reactstatelylist.ListCollection)([
564
+ ].slice(0, tagState.visibleTagCount)) : new (0, $dTV3V$reactstatelylist.ListCollection)([
565
565
  ...state.collection
566
- ]), direction), [
566
+ ]);
567
+ return new (0, $dTV3V$reactariaselection.ListKeyboardDelegate)({
568
+ collection: collection,
569
+ ref: domRef,
570
+ direction: direction,
571
+ orientation: "horizontal"
572
+ });
573
+ }, [
567
574
  direction,
568
575
  isCollapsed,
569
576
  state.collection,
570
- tagState.visibleTagCount
577
+ tagState.visibleTagCount,
578
+ domRef
571
579
  ]);
572
580
  // Remove onAction from props so it doesn't make it into useGridList.
573
581
  delete props.onAction;
@@ -675,7 +683,7 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
675
683
  let showActions = tagState.showCollapseButton || actionLabel && onAction;
676
684
  let isEmpty = state.collection.size === 0;
677
685
  let containerStyle = (0, $dTV3V$react.useMemo)(()=>{
678
- if (maxRows == null || !isCollapsed) return undefined;
686
+ if (maxRows == null || !isCollapsed || isEmpty) return undefined;
679
687
  let maxHeight = ($e7b72d8874e98cd4$var$TAG_STYLES[scale].height + $e7b72d8874e98cd4$var$TAG_STYLES[scale].margin * 2) * maxRows;
680
688
  return {
681
689
  maxHeight: maxHeight,
@@ -684,6 +692,7 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
684
692
  }, [
685
693
  isCollapsed,
686
694
  maxRows,
695
+ isEmpty,
687
696
  scale
688
697
  ]);
689
698
  return /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumlabel.Field), {
@@ -713,9 +722,7 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
713
722
  ...item.props,
714
723
  key: item.key,
715
724
  item: item,
716
- state: state,
717
- allowsRemoving: allowsRemoving,
718
- onRemove: onRemove
725
+ state: state
719
726
  }, item.rendered)), isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
720
727
  className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-empty-state")
721
728
  }, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumprovider.Provider), {
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} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing, FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nconst TAG_STYLES = {\n medium: {\n height: 24,\n margin: 4\n },\n large: {\n height: 30,\n margin: 5\n }\n};\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {\n /** The label to display on the action button. */\n actionLabel?: string,\n /** Handler that is called when the action button is pressed. */\n onAction?: () => void,\n /** Sets what the TagGroup should render when there are no tags to display. */\n renderEmptyState?: () => JSX.Element\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition,\n renderEmptyState = () => stringFormatter.format('noTags')\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let {scale} = useProvider();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\n let keyboardDelegate = useMemo(() => (\n isCollapsed\n ? new TagKeyboardDelegate(new ListCollection([...state.collection].slice(0, tagState.visibleTagCount)), direction)\n : new TagKeyboardDelegate(new ListCollection([...state.collection]), direction)\n ), [direction, isCollapsed, state.collection, tagState.visibleTagCount]) as TagKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n let actionsRef = useRef(null);\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement | null = containerRef.current;\n let currTagsRef: HTMLDivElement | null = tagsRef.current;\n let currActionsRef: HTMLDivElement | null = actionsRef.current;\n if (!currContainerRef || !currTagsRef || state.collection.size === 0) {\n return {\n visibleTagCount: 0,\n showCollapseButton: false\n };\n }\n\n // Count rows and show tags until we hit the maxRows.\n let tags = [...currTagsRef.children];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\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 buttons = [...currActionsRef.children];\n if (buttons.length > 0 && rowCount >= maxRows) {\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += TAG_STYLES[scale].margin;\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n }\n\n return {\n visibleTagCount: Math.max(index, 1),\n showCollapseButton: index < state.collection.size\n };\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, direction, scale, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = useMemo(() =>\n [...state.collection].slice(0, isCollapsed ? tagState.visibleTagCount : state.collection.size),\n [isCollapsed, state.collection, tagState.visibleTagCount]\n );\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n let isEmpty = state.collection.size === 0;\n\n let containerStyle = useMemo(() => {\n if (maxRows == null || !isCollapsed) {\n return undefined;\n }\n let maxHeight = (TAG_STYLES[scale].height + (TAG_STYLES[scale].margin * 2)) * maxRows;\n return {maxHeight, overflow: 'hidden'};\n }, [isCollapsed, maxRows, scale]);\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n ref={containerRef}\n style={containerStyle}\n className={\n classNames(\n styles,\n 'spectrum-Tags-container',\n {\n 'spectrum-Tags-container--empty': isEmpty\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}\n allowsRemoving={allowsRemoving}\n onRemove={onRemove}>\n {item.rendered}\n </Tag>\n ))}\n {isEmpty && (\n <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n {renderEmptyState()}\n </div>\n )}\n </div>\n </FocusRing>\n {showActions && !isEmpty &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n ref={actionsRef}\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"noTags\": \"بدون\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"noTags\": \"Нито един\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"noTags\": \"Žádný\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"noTags\": \"Keine\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"noTags\": \"Κανένα\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Ninguno\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"noTags\": \"Puudub\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"noTags\": \"Ei mitään\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"noTags\": \"Aucun\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"noTags\": \"ללא\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Nema\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"noTags\": \"Egyik sem\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"noTags\": \"Nessuno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"noTags\": \"なし\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"noTags\": \"없음\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"noTags\": \"Nėra\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"noTags\": \"Nav\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"noTags\": \"Geen\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"noTags\": \"Brak\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"noTags\": \"Niciuna\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"noTags\": \"Нет\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"noTags\": \"Žiadne\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"noTags\": \"Nič\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Ne postoji\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"noTags\": \"Hiçbiri\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"noTags\": \"Немає\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"noTags\": \"无\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"noTags\": \"無\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {TagProps} from '@react-types/tag';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useTag} from '@react-aria/tag';\n\nexport interface SpectrumTagProps<T> extends TagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n allowsRemoving,\n item,\n state,\n onRemove,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, labelProps, gridCellProps, rowProps} = useTag({\n ...props,\n allowsRemoving,\n item,\n onRemove\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/intl/*.js","packages/@react-spectrum/tag/intl/ar-AE.json","packages/@react-spectrum/tag/intl/bg-BG.json","packages/@react-spectrum/tag/intl/cs-CZ.json","packages/@react-spectrum/tag/intl/da-DK.json","packages/@react-spectrum/tag/intl/de-DE.json","packages/@react-spectrum/tag/intl/el-GR.json","packages/@react-spectrum/tag/intl/en-US.json","packages/@react-spectrum/tag/intl/es-ES.json","packages/@react-spectrum/tag/intl/et-EE.json","packages/@react-spectrum/tag/intl/fi-FI.json","packages/@react-spectrum/tag/intl/fr-FR.json","packages/@react-spectrum/tag/intl/he-IL.json","packages/@react-spectrum/tag/intl/hr-HR.json","packages/@react-spectrum/tag/intl/hu-HU.json","packages/@react-spectrum/tag/intl/it-IT.json","packages/@react-spectrum/tag/intl/ja-JP.json","packages/@react-spectrum/tag/intl/ko-KR.json","packages/@react-spectrum/tag/intl/lt-LT.json","packages/@react-spectrum/tag/intl/lv-LV.json","packages/@react-spectrum/tag/intl/nb-NO.json","packages/@react-spectrum/tag/intl/nl-NL.json","packages/@react-spectrum/tag/intl/pl-PL.json","packages/@react-spectrum/tag/intl/pt-BR.json","packages/@react-spectrum/tag/intl/pt-PT.json","packages/@react-spectrum/tag/intl/ro-RO.json","packages/@react-spectrum/tag/intl/ru-RU.json","packages/@react-spectrum/tag/intl/sk-SK.json","packages/@react-spectrum/tag/intl/sl-SI.json","packages/@react-spectrum/tag/intl/sr-SP.json","packages/@react-spectrum/tag/intl/sv-SE.json","packages/@react-spectrum/tag/intl/tr-TR.json","packages/@react-spectrum/tag/intl/uk-UA.json","packages/@react-spectrum/tag/intl/zh-CN.json","packages/@react-spectrum/tag/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/tags/vars.css","packages/@react-spectrum/tag/src/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaTagGroupProps, useTagGroup} from '@react-aria/tag';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumLabelableProps, StyleProps, Validation} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing, FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {ListKeyboardDelegate} from '@react-aria/selection';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nconst TAG_STYLES = {\n medium: {\n height: 24,\n margin: 4\n },\n large: {\n height: 30,\n margin: 5\n }\n};\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'selectionMode' | 'disallowEmptySelection' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionBehavior' | 'disabledKeys'>, StyleProps, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, Omit<Validation, 'isRequired'> {\n /** The label to display on the action button. */\n actionLabel?: string,\n /** Handler that is called when the action button is pressed. */\n onAction?: () => void,\n /** Sets what the TagGroup should render when there are no tags to display. */\n renderEmptyState?: () => JSX.Element,\n /** Limit the number of rows initially shown. This will render a button that allows the user to expand to show all tags. */\n maxRows?: number\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition,\n renderEmptyState = () => stringFormatter.format('noTags')\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let {scale} = useProvider();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\n let keyboardDelegate = useMemo(() => {\n let collection = isCollapsed\n ? new ListCollection([...state.collection].slice(0, tagState.visibleTagCount))\n : new ListCollection([...state.collection]);\n return new ListKeyboardDelegate({\n collection,\n ref: domRef,\n direction,\n orientation: 'horizontal'\n });\n }, [direction, isCollapsed, state.collection, tagState.visibleTagCount, domRef]) as ListKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n let actionsRef = useRef(null);\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement | null = containerRef.current;\n let currTagsRef: HTMLDivElement | null = tagsRef.current;\n let currActionsRef: HTMLDivElement | null = actionsRef.current;\n if (!currContainerRef || !currTagsRef || state.collection.size === 0) {\n return {\n visibleTagCount: 0,\n showCollapseButton: false\n };\n }\n\n // Count rows and show tags until we hit the maxRows.\n let tags = [...currTagsRef.children];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\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 buttons = [...currActionsRef.children];\n if (buttons.length > 0 && rowCount >= maxRows) {\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += TAG_STYLES[scale].margin;\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n }\n\n return {\n visibleTagCount: Math.max(index, 1),\n showCollapseButton: index < state.collection.size\n };\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, direction, scale, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = useMemo(() =>\n [...state.collection].slice(0, isCollapsed ? tagState.visibleTagCount : state.collection.size),\n [isCollapsed, state.collection, tagState.visibleTagCount]\n );\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n let isEmpty = state.collection.size === 0;\n\n let containerStyle = useMemo(() => {\n if (maxRows == null || !isCollapsed || isEmpty) {\n return undefined;\n }\n let maxHeight = (TAG_STYLES[scale].height + (TAG_STYLES[scale].margin * 2)) * maxRows;\n return {maxHeight, overflow: 'hidden'};\n }, [isCollapsed, maxRows, isEmpty, scale]);\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n ref={containerRef}\n style={containerStyle}\n className={\n classNames(\n styles,\n 'spectrum-Tags-container',\n {\n 'spectrum-Tags-container--empty': isEmpty\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}>\n {item.rendered}\n </Tag>\n ))}\n {isEmpty && (\n <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n {renderEmptyState()}\n </div>\n )}\n </div>\n </FocusRing>\n {showActions && !isEmpty &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n ref={actionsRef}\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"noTags\": \"بدون\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"noTags\": \"Нито един\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"noTags\": \"Žádný\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"noTags\": \"Keine\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"noTags\": \"Κανένα\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Ninguno\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"noTags\": \"Puudub\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"noTags\": \"Ei mitään\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"noTags\": \"Aucun\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"noTags\": \"ללא\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Nema\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"noTags\": \"Egyik sem\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"noTags\": \"Nessuno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"noTags\": \"なし\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"noTags\": \"없음\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"noTags\": \"Nėra\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"noTags\": \"Nav\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"noTags\": \"Geen\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"noTags\": \"Brak\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"noTags\": \"Niciuna\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"noTags\": \"Нет\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"noTags\": \"Žiadne\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"noTags\": \"Nič\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Ne postoji\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"noTags\": \"Hiçbiri\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"noTags\": \"Немає\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"noTags\": \"无\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"noTags\": \"無\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTagProps, useTag} from '@react-aria/tag';\nimport {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\n\nexport interface SpectrumTagProps<T> extends AriaTagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n item,\n state,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, gridCellProps, rowProps, allowsRemoving} = useTag({\n ...props,\n item\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content')},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import "./main.css";
2
2
  import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collections";
3
3
  import {ActionButton as $fUaQ2$ActionButton, ClearButton as $fUaQ2$ClearButton} from "@react-spectrum/button";
4
- import {TagKeyboardDelegate as $fUaQ2$TagKeyboardDelegate, useTagGroup as $fUaQ2$useTagGroup, useTag as $fUaQ2$useTag} from "@react-aria/tag";
4
+ import {useTagGroup as $fUaQ2$useTagGroup, useTag as $fUaQ2$useTag} from "@react-aria/tag";
5
5
  import {useDOMRef as $fUaQ2$useDOMRef, classNames as $fUaQ2$classNames, useStyleProps as $fUaQ2$useStyleProps, SlotProvider as $fUaQ2$SlotProvider, ClearSlots as $fUaQ2$ClearSlots} from "@react-spectrum/utils";
6
6
  import {Field as $fUaQ2$Field} from "@react-spectrum/label";
7
7
  import {FocusScope as $fUaQ2$FocusScope, FocusRing as $fUaQ2$FocusRing, useFocusRing as $fUaQ2$useFocusRing} from "@react-aria/focus";
8
8
  import {useListState as $fUaQ2$useListState, ListCollection as $fUaQ2$ListCollection} from "@react-stately/list";
9
+ import {ListKeyboardDelegate as $fUaQ2$ListKeyboardDelegate} from "@react-aria/selection";
9
10
  import {useProviderProps as $fUaQ2$useProviderProps, useProvider as $fUaQ2$useProvider, Provider as $fUaQ2$Provider} from "@react-spectrum/provider";
10
11
  import $fUaQ2$react, {useRef as $fUaQ2$useRef, useState as $fUaQ2$useState, useMemo as $fUaQ2$useMemo, useCallback as $fUaQ2$useCallback, useEffect as $fUaQ2$useEffect} from "react";
11
12
  import {useFormProps as $fUaQ2$useFormProps} from "@react-spectrum/form";
@@ -393,6 +394,7 @@ $70cc9ce0ced2eb4a$exports = {
393
394
 
394
395
 
395
396
 
397
+
396
398
  var $c033a7c057e84ef1$exports = {};
397
399
 
398
400
  $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag", () => $c033a7c057e84ef1$export$6174bd1d20b4c022, (v) => $c033a7c057e84ef1$export$6174bd1d20b4c022 = v);
@@ -474,7 +476,7 @@ $c033a7c057e84ef1$export$e7dc768d35940237 = "is-focused_8407eb";
474
476
 
475
477
 
476
478
  function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
477
- const { allowsRemoving: allowsRemoving , item: item , state: state , onRemove: onRemove , ...otherProps } = props;
479
+ const { item: item , state: state , ...otherProps } = props;
478
480
  // @ts-ignore
479
481
  let { styleProps: styleProps } = (0, $fUaQ2$useStyleProps)(otherProps);
480
482
  let { hoverProps: hoverProps , isHovered: isHovered } = (0, $fUaQ2$useHover)({});
@@ -482,11 +484,9 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
482
484
  within: true
483
485
  });
484
486
  let ref = (0, $fUaQ2$useRef)();
485
- let { removeButtonProps: removeButtonProps , labelProps: labelProps , gridCellProps: gridCellProps , rowProps: rowProps } = (0, $fUaQ2$useTag)({
487
+ let { removeButtonProps: removeButtonProps , gridCellProps: gridCellProps , rowProps: rowProps , allowsRemoving: allowsRemoving } = (0, $fUaQ2$useTag)({
486
488
  ...props,
487
- allowsRemoving: allowsRemoving,
488
- item: item,
489
- onRemove: onRemove
489
+ item: item
490
490
  }, state, ref);
491
491
  return /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
492
492
  ...(0, $fUaQ2$mergeProps)(rowProps, hoverProps, focusProps),
@@ -507,8 +507,7 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
507
507
  size: "XS"
508
508
  },
509
509
  text: {
510
- UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-content"),
511
- ...labelProps
510
+ UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-content")
512
511
  },
513
512
  avatar: {
514
513
  UNSAFE_className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag-avatar"),
@@ -543,7 +542,7 @@ const $880d112c7a588209$var$TAG_STYLES = {
543
542
  function $880d112c7a588209$var$TagGroup(props, ref) {
544
543
  props = (0, $fUaQ2$useProviderProps)(props);
545
544
  props = (0, $fUaQ2$useFormProps)(props);
546
- let { allowsRemoving: allowsRemoving , onRemove: onRemove , maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags") } = props;
545
+ let { maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags") } = props;
547
546
  let domRef = (0, $fUaQ2$useDOMRef)(ref);
548
547
  let containerRef = (0, $fUaQ2$useRef)(null);
549
548
  let tagsRef = (0, $fUaQ2$useRef)(null);
@@ -556,15 +555,24 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
556
555
  visibleTagCount: state.collection.size,
557
556
  showCollapseButton: false
558
557
  });
559
- let keyboardDelegate = (0, $fUaQ2$useMemo)(()=>isCollapsed ? new (0, $fUaQ2$TagKeyboardDelegate)(new (0, $fUaQ2$ListCollection)([
558
+ let keyboardDelegate = (0, $fUaQ2$useMemo)(()=>{
559
+ let collection = isCollapsed ? new (0, $fUaQ2$ListCollection)([
560
560
  ...state.collection
561
- ].slice(0, tagState.visibleTagCount)), direction) : new (0, $fUaQ2$TagKeyboardDelegate)(new (0, $fUaQ2$ListCollection)([
561
+ ].slice(0, tagState.visibleTagCount)) : new (0, $fUaQ2$ListCollection)([
562
562
  ...state.collection
563
- ]), direction), [
563
+ ]);
564
+ return new (0, $fUaQ2$ListKeyboardDelegate)({
565
+ collection: collection,
566
+ ref: domRef,
567
+ direction: direction,
568
+ orientation: "horizontal"
569
+ });
570
+ }, [
564
571
  direction,
565
572
  isCollapsed,
566
573
  state.collection,
567
- tagState.visibleTagCount
574
+ tagState.visibleTagCount,
575
+ domRef
568
576
  ]);
569
577
  // Remove onAction from props so it doesn't make it into useGridList.
570
578
  delete props.onAction;
@@ -672,7 +680,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
672
680
  let showActions = tagState.showCollapseButton || actionLabel && onAction;
673
681
  let isEmpty = state.collection.size === 0;
674
682
  let containerStyle = (0, $fUaQ2$useMemo)(()=>{
675
- if (maxRows == null || !isCollapsed) return undefined;
683
+ if (maxRows == null || !isCollapsed || isEmpty) return undefined;
676
684
  let maxHeight = ($880d112c7a588209$var$TAG_STYLES[scale].height + $880d112c7a588209$var$TAG_STYLES[scale].margin * 2) * maxRows;
677
685
  return {
678
686
  maxHeight: maxHeight,
@@ -681,6 +689,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
681
689
  }, [
682
690
  isCollapsed,
683
691
  maxRows,
692
+ isEmpty,
684
693
  scale
685
694
  ]);
686
695
  return /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$FocusScope), null, /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Field), {
@@ -710,9 +719,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
710
719
  ...item.props,
711
720
  key: item.key,
712
721
  item: item,
713
- state: state,
714
- allowsRemoving: allowsRemoving,
715
- onRemove: onRemove
722
+ state: state
716
723
  }, item.rendered)), isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
717
724
  className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-empty-state")
718
725
  }, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, $fUaQ2$react).createElement((0, $fUaQ2$Provider), {
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/intl/*.js","packages/@react-spectrum/tag/intl/ar-AE.json","packages/@react-spectrum/tag/intl/bg-BG.json","packages/@react-spectrum/tag/intl/cs-CZ.json","packages/@react-spectrum/tag/intl/da-DK.json","packages/@react-spectrum/tag/intl/de-DE.json","packages/@react-spectrum/tag/intl/el-GR.json","packages/@react-spectrum/tag/intl/en-US.json","packages/@react-spectrum/tag/intl/es-ES.json","packages/@react-spectrum/tag/intl/et-EE.json","packages/@react-spectrum/tag/intl/fi-FI.json","packages/@react-spectrum/tag/intl/fr-FR.json","packages/@react-spectrum/tag/intl/he-IL.json","packages/@react-spectrum/tag/intl/hr-HR.json","packages/@react-spectrum/tag/intl/hu-HU.json","packages/@react-spectrum/tag/intl/it-IT.json","packages/@react-spectrum/tag/intl/ja-JP.json","packages/@react-spectrum/tag/intl/ko-KR.json","packages/@react-spectrum/tag/intl/lt-LT.json","packages/@react-spectrum/tag/intl/lv-LV.json","packages/@react-spectrum/tag/intl/nb-NO.json","packages/@react-spectrum/tag/intl/nl-NL.json","packages/@react-spectrum/tag/intl/pl-PL.json","packages/@react-spectrum/tag/intl/pt-BR.json","packages/@react-spectrum/tag/intl/pt-PT.json","packages/@react-spectrum/tag/intl/ro-RO.json","packages/@react-spectrum/tag/intl/ru-RU.json","packages/@react-spectrum/tag/intl/sk-SK.json","packages/@react-spectrum/tag/intl/sl-SI.json","packages/@react-spectrum/tag/intl/sr-SP.json","packages/@react-spectrum/tag/intl/sv-SE.json","packages/@react-spectrum/tag/intl/tr-TR.json","packages/@react-spectrum/tag/intl/uk-UA.json","packages/@react-spectrum/tag/intl/zh-CN.json","packages/@react-spectrum/tag/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/tags/vars.css","packages/@react-spectrum/tag/src/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaTagGroupProps, TagKeyboardDelegate, useTagGroup} from '@react-aria/tag';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing, FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nconst TAG_STYLES = {\n medium: {\n height: 24,\n margin: 4\n },\n large: {\n height: 30,\n margin: 5\n }\n};\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {\n /** The label to display on the action button. */\n actionLabel?: string,\n /** Handler that is called when the action button is pressed. */\n onAction?: () => void,\n /** Sets what the TagGroup should render when there are no tags to display. */\n renderEmptyState?: () => JSX.Element\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n allowsRemoving,\n onRemove,\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition,\n renderEmptyState = () => stringFormatter.format('noTags')\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let {scale} = useProvider();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\n let keyboardDelegate = useMemo(() => (\n isCollapsed\n ? new TagKeyboardDelegate(new ListCollection([...state.collection].slice(0, tagState.visibleTagCount)), direction)\n : new TagKeyboardDelegate(new ListCollection([...state.collection]), direction)\n ), [direction, isCollapsed, state.collection, tagState.visibleTagCount]) as TagKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n let actionsRef = useRef(null);\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement | null = containerRef.current;\n let currTagsRef: HTMLDivElement | null = tagsRef.current;\n let currActionsRef: HTMLDivElement | null = actionsRef.current;\n if (!currContainerRef || !currTagsRef || state.collection.size === 0) {\n return {\n visibleTagCount: 0,\n showCollapseButton: false\n };\n }\n\n // Count rows and show tags until we hit the maxRows.\n let tags = [...currTagsRef.children];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\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 buttons = [...currActionsRef.children];\n if (buttons.length > 0 && rowCount >= maxRows) {\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += TAG_STYLES[scale].margin;\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n }\n\n return {\n visibleTagCount: Math.max(index, 1),\n showCollapseButton: index < state.collection.size\n };\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, direction, scale, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = useMemo(() =>\n [...state.collection].slice(0, isCollapsed ? tagState.visibleTagCount : state.collection.size),\n [isCollapsed, state.collection, tagState.visibleTagCount]\n );\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n let isEmpty = state.collection.size === 0;\n\n let containerStyle = useMemo(() => {\n if (maxRows == null || !isCollapsed) {\n return undefined;\n }\n let maxHeight = (TAG_STYLES[scale].height + (TAG_STYLES[scale].margin * 2)) * maxRows;\n return {maxHeight, overflow: 'hidden'};\n }, [isCollapsed, maxRows, scale]);\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n ref={containerRef}\n style={containerStyle}\n className={\n classNames(\n styles,\n 'spectrum-Tags-container',\n {\n 'spectrum-Tags-container--empty': isEmpty\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}\n allowsRemoving={allowsRemoving}\n onRemove={onRemove}>\n {item.rendered}\n </Tag>\n ))}\n {isEmpty && (\n <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n {renderEmptyState()}\n </div>\n )}\n </div>\n </FocusRing>\n {showActions && !isEmpty &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n ref={actionsRef}\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"noTags\": \"بدون\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"noTags\": \"Нито един\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"noTags\": \"Žádný\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"noTags\": \"Keine\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"noTags\": \"Κανένα\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Ninguno\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"noTags\": \"Puudub\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"noTags\": \"Ei mitään\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"noTags\": \"Aucun\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"noTags\": \"ללא\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Nema\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"noTags\": \"Egyik sem\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"noTags\": \"Nessuno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"noTags\": \"なし\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"noTags\": \"없음\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"noTags\": \"Nėra\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"noTags\": \"Nav\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"noTags\": \"Geen\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"noTags\": \"Brak\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"noTags\": \"Niciuna\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"noTags\": \"Нет\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"noTags\": \"Žiadne\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"noTags\": \"Nič\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Ne postoji\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"noTags\": \"Hiçbiri\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"noTags\": \"Немає\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"noTags\": \"无\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"noTags\": \"無\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {TagProps} from '@react-types/tag';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\nimport {useTag} from '@react-aria/tag';\n\nexport interface SpectrumTagProps<T> extends TagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n allowsRemoving,\n item,\n state,\n onRemove,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, labelProps, gridCellProps, rowProps} = useTag({\n ...props,\n allowsRemoving,\n item,\n onRemove\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/intl/*.js","packages/@react-spectrum/tag/intl/ar-AE.json","packages/@react-spectrum/tag/intl/bg-BG.json","packages/@react-spectrum/tag/intl/cs-CZ.json","packages/@react-spectrum/tag/intl/da-DK.json","packages/@react-spectrum/tag/intl/de-DE.json","packages/@react-spectrum/tag/intl/el-GR.json","packages/@react-spectrum/tag/intl/en-US.json","packages/@react-spectrum/tag/intl/es-ES.json","packages/@react-spectrum/tag/intl/et-EE.json","packages/@react-spectrum/tag/intl/fi-FI.json","packages/@react-spectrum/tag/intl/fr-FR.json","packages/@react-spectrum/tag/intl/he-IL.json","packages/@react-spectrum/tag/intl/hr-HR.json","packages/@react-spectrum/tag/intl/hu-HU.json","packages/@react-spectrum/tag/intl/it-IT.json","packages/@react-spectrum/tag/intl/ja-JP.json","packages/@react-spectrum/tag/intl/ko-KR.json","packages/@react-spectrum/tag/intl/lt-LT.json","packages/@react-spectrum/tag/intl/lv-LV.json","packages/@react-spectrum/tag/intl/nb-NO.json","packages/@react-spectrum/tag/intl/nl-NL.json","packages/@react-spectrum/tag/intl/pl-PL.json","packages/@react-spectrum/tag/intl/pt-BR.json","packages/@react-spectrum/tag/intl/pt-PT.json","packages/@react-spectrum/tag/intl/ro-RO.json","packages/@react-spectrum/tag/intl/ru-RU.json","packages/@react-spectrum/tag/intl/sk-SK.json","packages/@react-spectrum/tag/intl/sl-SI.json","packages/@react-spectrum/tag/intl/sr-SP.json","packages/@react-spectrum/tag/intl/sv-SE.json","packages/@react-spectrum/tag/intl/tr-TR.json","packages/@react-spectrum/tag/intl/uk-UA.json","packages/@react-spectrum/tag/intl/zh-CN.json","packages/@react-spectrum/tag/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/tags/vars.css","packages/@react-spectrum/tag/src/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaTagGroupProps, useTagGroup} from '@react-aria/tag';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef, SpectrumLabelableProps, StyleProps, Validation} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing, FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListCollection, useListState} from '@react-stately/list';\nimport {ListKeyboardDelegate} from '@react-aria/selection';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nconst TAG_STYLES = {\n medium: {\n height: 24,\n margin: 4\n },\n large: {\n height: 30,\n margin: 5\n }\n};\n\nexport interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'selectionMode' | 'disallowEmptySelection' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionBehavior' | 'disabledKeys'>, StyleProps, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, Omit<Validation, 'isRequired'> {\n /** The label to display on the action button. */\n actionLabel?: string,\n /** Handler that is called when the action button is pressed. */\n onAction?: () => void,\n /** Sets what the TagGroup should render when there are no tags to display. */\n renderEmptyState?: () => JSX.Element,\n /** Limit the number of rows initially shown. This will render a button that allows the user to expand to show all tags. */\n maxRows?: number\n}\n\nfunction TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n maxRows,\n children,\n actionLabel,\n onAction,\n labelPosition,\n renderEmptyState = () => stringFormatter.format('noTags')\n } = props;\n let domRef = useDOMRef(ref);\n let containerRef = useRef(null);\n let tagsRef = useRef(null);\n let {direction} = useLocale();\n let {scale} = useProvider();\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n let state = useListState(props);\n let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});\n let keyboardDelegate = useMemo(() => {\n let collection = isCollapsed\n ? new ListCollection([...state.collection].slice(0, tagState.visibleTagCount))\n : new ListCollection([...state.collection]);\n return new ListKeyboardDelegate({\n collection,\n ref: domRef,\n direction,\n orientation: 'horizontal'\n });\n }, [direction, isCollapsed, state.collection, tagState.visibleTagCount, domRef]) as ListKeyboardDelegate<T>;\n // Remove onAction from props so it doesn't make it into useGridList.\n delete props.onAction;\n let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);\n let actionsId = useId();\n let actionsRef = useRef(null);\n\n let updateVisibleTagCount = useCallback(() => {\n if (maxRows > 0) {\n let computeVisibleTagCount = () => {\n // Refs can be null at runtime.\n let currContainerRef: HTMLDivElement | null = containerRef.current;\n let currTagsRef: HTMLDivElement | null = tagsRef.current;\n let currActionsRef: HTMLDivElement | null = actionsRef.current;\n if (!currContainerRef || !currTagsRef || state.collection.size === 0) {\n return {\n visibleTagCount: 0,\n showCollapseButton: false\n };\n }\n\n // Count rows and show tags until we hit the maxRows.\n let tags = [...currTagsRef.children];\n let currY = -Infinity;\n let rowCount = 0;\n let index = 0;\n let tagWidths: number[] = [];\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 buttons = [...currActionsRef.children];\n if (buttons.length > 0 && rowCount >= maxRows) {\n let buttonsWidth = buttons.reduce((acc, curr) => acc += curr.getBoundingClientRect().width, 0);\n buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n let end = direction === 'ltr' ? 'right' : 'left';\n let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n lastTagEnd += TAG_STYLES[scale].margin;\n let availableWidth = containerEnd - lastTagEnd;\n\n while (availableWidth < buttonsWidth && index > 0) {\n availableWidth += tagWidths.pop();\n index--;\n }\n }\n\n return {\n visibleTagCount: Math.max(index, 1),\n showCollapseButton: index < state.collection.size\n };\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, direction, scale, state.collection.size]);\n\n useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(updateVisibleTagCount, [children]);\n\n useEffect(() => {\n // Recalculate visible tags when fonts are loaded.\n document.fonts?.ready.then(() => updateVisibleTagCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let visibleTags = useMemo(() =>\n [...state.collection].slice(0, isCollapsed ? tagState.visibleTagCount : state.collection.size),\n [isCollapsed, state.collection, tagState.visibleTagCount]\n );\n\n let handlePressCollapse = () => {\n // Prevents button from losing focus if focusedKey got collapsed.\n state.selectionManager.setFocusedKey(null);\n setIsCollapsed(prevCollapsed => !prevCollapsed);\n };\n\n let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n let isEmpty = state.collection.size === 0;\n\n let containerStyle = useMemo(() => {\n if (maxRows == null || !isCollapsed || isEmpty) {\n return undefined;\n }\n let maxHeight = (TAG_STYLES[scale].height + (TAG_STYLES[scale].margin * 2)) * maxRows;\n return {maxHeight, overflow: 'hidden'};\n }, [isCollapsed, maxRows, isEmpty, scale]);\n\n return (\n <FocusScope>\n <Field\n {...props}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n showErrorIcon\n ref={domRef}\n elementType=\"span\"\n wrapperClassName={\n classNames(\n styles,\n 'spectrum-Tags-fieldWrapper',\n {\n 'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n }\n )\n }>\n <div\n ref={containerRef}\n style={containerStyle}\n className={\n classNames(\n styles,\n 'spectrum-Tags-container',\n {\n 'spectrum-Tags-container--empty': isEmpty\n }\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n <div\n ref={tagsRef}\n {...gridProps}\n className={classNames(styles, 'spectrum-Tags')}>\n {visibleTags.map(item => (\n <Tag\n {...item.props}\n key={item.key}\n item={item}\n state={state}>\n {item.rendered}\n </Tag>\n ))}\n {isEmpty && (\n <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n {renderEmptyState()}\n </div>\n )}\n </div>\n </FocusRing>\n {showActions && !isEmpty &&\n <Provider isDisabled={false}>\n <div\n role=\"group\"\n ref={actionsRef}\n id={actionsId}\n aria-label={stringFormatter.format('actions')}\n aria-labelledby={`${gridProps.id} ${actionsId}`}\n className={classNames(styles, 'spectrum-Tags-actions')}>\n {tagState.showCollapseButton &&\n <ActionButton\n isQuiet\n onPress={handlePressCollapse}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {isCollapsed ?\n stringFormatter.format('showAllButtonLabel', {tagCount: state.collection.size}) :\n stringFormatter.format('hideButtonLabel')\n }\n </ActionButton>\n }\n {actionLabel && onAction &&\n <ActionButton\n isQuiet\n onPress={() => onAction?.()}\n UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n {actionLabel}\n </ActionButton>\n }\n </div>\n </Provider>\n }\n </div>\n </Field>\n </FocusScope>\n );\n}\n\n/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */\nconst _TagGroup = React.forwardRef(TagGroup) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_TagGroup as TagGroup};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"actions\": \"الإجراءات\",\n \"hideButtonLabel\": \"إظهار أقل\",\n \"noTags\": \"بدون\",\n \"showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показване на по-малко\",\n \"noTags\": \"Нито един\",\n \"showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akce\",\n \"hideButtonLabel\": \"Zobrazit méně\",\n \"noTags\": \"Žádný\",\n \"showAllButtonLabel\": \"Zobrazit vše ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Aktionen\",\n \"hideButtonLabel\": \"Weniger zeigen\",\n \"noTags\": \"Keine\",\n \"showAllButtonLabel\": \"Alle anzeigen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ενέργειες\",\n \"hideButtonLabel\": \"Εμφάνιση λιγότερων\",\n \"noTags\": \"Κανένα\",\n \"showAllButtonLabel\": \"Εμφάνιση όλων ({tagCount, number})\"\n}\n","{\n \"showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"hideButtonLabel\": \"Show less\",\n \"actions\": \"Actions\",\n \"noTags\": \"None\"\n}\n","{\n \"actions\": \"Acciones\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Ninguno\",\n \"showAllButtonLabel\": \"Mostrar todo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toimingud\",\n \"hideButtonLabel\": \"Kuva vähem\",\n \"noTags\": \"Puudub\",\n \"showAllButtonLabel\": \"Kuva kõik ({tagCount, number})\"\n}\n","{\n \"actions\": \"Toiminnot\",\n \"hideButtonLabel\": \"Näytä vähemmän\",\n \"noTags\": \"Ei mitään\",\n \"showAllButtonLabel\": \"Näytä kaikki ({tagCount, number})\"\n}\n","{\n \"actions\": \"Actions\",\n \"hideButtonLabel\": \"Afficher moins\",\n \"noTags\": \"Aucun\",\n \"showAllButtonLabel\": \"Tout afficher ({tagCount, number})\"\n}\n","{\n \"actions\": \"פעולות\",\n \"hideButtonLabel\": \"הצג פחות\",\n \"noTags\": \"ללא\",\n \"showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Nema\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Műveletek\",\n \"hideButtonLabel\": \"Mutass kevesebbet\",\n \"noTags\": \"Egyik sem\",\n \"showAllButtonLabel\": \"Az összes megjelenítése ({tagCount, number})\"\n}\n","{\n \"actions\": \"Azioni\",\n \"hideButtonLabel\": \"Mostra meno\",\n \"noTags\": \"Nessuno\",\n \"showAllButtonLabel\": \"Mostra tutto ({tagCount, number})\"\n}\n","{\n \"actions\": \"アクション\",\n \"hideButtonLabel\": \"表示を減らす\",\n \"noTags\": \"なし\",\n \"showAllButtonLabel\": \"すべての ({tagCount, number}) を表示\"\n}\n","{\n \"actions\": \"액션\",\n \"hideButtonLabel\": \"간단히 표시\",\n \"noTags\": \"없음\",\n \"showAllButtonLabel\": \"모두 표시 ({tagCount, number})\"\n}\n","{\n \"actions\": \"Veiksmai\",\n \"hideButtonLabel\": \"Rodyti mažiau\",\n \"noTags\": \"Nėra\",\n \"showAllButtonLabel\": \"Rodyti viską ({tagCount, number})\"\n}\n","{\n \"actions\": \"Darbības\",\n \"hideButtonLabel\": \"Rādīt mazāk\",\n \"noTags\": \"Nav\",\n \"showAllButtonLabel\": \"Rādīt visu ({tagCount, number})\"\n}\n","{\n \"actions\": \"Handlinger\",\n \"hideButtonLabel\": \"Vis mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Vis alle ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acties\",\n \"hideButtonLabel\": \"Minder weergeven\",\n \"noTags\": \"Geen\",\n \"showAllButtonLabel\": \"Alles tonen ({tagCount, number})\"\n}\n","{\n \"actions\": \"Działania\",\n \"hideButtonLabel\": \"Wyświetl mniej\",\n \"noTags\": \"Brak\",\n \"showAllButtonLabel\": \"Pokaż wszystko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Ações\",\n \"hideButtonLabel\": \"Mostrar menos\",\n \"noTags\": \"Nenhum\",\n \"showAllButtonLabel\": \"Mostrar tudo ({tagCount, number})\"\n}\n","{\n \"actions\": \"Acțiuni\",\n \"hideButtonLabel\": \"Se afișează mai puțin\",\n \"noTags\": \"Niciuna\",\n \"showAllButtonLabel\": \"Se afișează tot ({tagCount, number})\"\n}\n","{\n \"actions\": \"Действия\",\n \"hideButtonLabel\": \"Показать меньше\",\n \"noTags\": \"Нет\",\n \"showAllButtonLabel\": \"Показать все ({tagCount, number})\"\n}\n","{\n \"actions\": \"Akcie\",\n \"hideButtonLabel\": \"Zobraziť menej\",\n \"noTags\": \"Žiadne\",\n \"showAllButtonLabel\": \"Zobraziť všetko ({tagCount, number})\"\n}\n","{\n \"actions\": \"Dejanja\",\n \"hideButtonLabel\": \"Prikaži manj\",\n \"noTags\": \"Nič\",\n \"showAllButtonLabel\": \"Prikaž vse ({tagCount, number})\"\n}\n","{\n \"actions\": \"Radnje\",\n \"hideButtonLabel\": \"Prikaži manje\",\n \"noTags\": \"Ne postoji\",\n \"showAllButtonLabel\": \"Prikaži sve ({tagCount, number})\"\n}\n","{\n \"actions\": \"Åtgärder\",\n \"hideButtonLabel\": \"Visa mindre\",\n \"noTags\": \"Ingen\",\n \"showAllButtonLabel\": \"Visa alla ({tagCount, number})\"\n}\n","{\n \"actions\": \"Eylemler\",\n \"hideButtonLabel\": \"Daha az göster\",\n \"noTags\": \"Hiçbiri\",\n \"showAllButtonLabel\": \"Tümünü göster ({tagCount, number})\"\n}\n","{\n \"actions\": \"Дії\",\n \"hideButtonLabel\": \"Показувати менше\",\n \"noTags\": \"Немає\",\n \"showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}\n","{\n \"actions\": \"操作\",\n \"hideButtonLabel\": \"显示更少\",\n \"noTags\": \"无\",\n \"showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}\n","{\n \"actions\": \"動作\",\n \"hideButtonLabel\": \"顯示較少\",\n \"noTags\": \"無\",\n \"showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTagProps, useTag} from '@react-aria/tag';\nimport {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\n\nexport interface SpectrumTagProps<T> extends AriaTagProps<T> {\n state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>) {\n const {\n item,\n state,\n ...otherProps\n } = props;\n\n // @ts-ignore\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({});\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});\n let ref = useRef();\n let {removeButtonProps, gridCellProps, rowProps, allowsRemoving} = useTag({\n ...props,\n item\n }, state, ref);\n\n return (\n <div\n {...mergeProps(rowProps, hoverProps, focusProps)}\n className={classNames(\n styles,\n 'spectrum-Tag',\n {\n 'focus-ring': isFocusVisible,\n 'is-focused': isFocused,\n 'is-hovered': isHovered,\n 'spectrum-Tag--removable': allowsRemoving\n },\n styleProps.className\n )}\n ref={ref}>\n <div\n className={classNames(styles, 'spectrum-Tag-cell')}\n {...gridCellProps}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content')},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n }}>\n {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n <ClearSlots>\n {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n </ClearSlots>\n </SlotProvider>\n </div>\n </div>\n );\n}\n\nfunction TagRemoveButton(props) {\n let {styleProps} = useStyleProps(props);\n\n return (\n <span {...styleProps}>\n <ClearButton {...props} />\n </span>\n );\n}\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/types.d.ts CHANGED
@@ -1,13 +1,15 @@
1
1
  import { AriaTagGroupProps } from "@react-aria/tag";
2
- import { DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps } from "@react-types/shared";
2
+ import { DOMRef, SpectrumLabelableProps, StyleProps, Validation } from "@react-types/shared";
3
3
  import { ReactElement } from "react";
4
- export interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {
4
+ export interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'selectionMode' | 'disallowEmptySelection' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionBehavior' | 'disabledKeys'>, StyleProps, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, Omit<Validation, 'isRequired'> {
5
5
  /** The label to display on the action button. */
6
6
  actionLabel?: string;
7
7
  /** Handler that is called when the action button is pressed. */
8
8
  onAction?: () => void;
9
9
  /** Sets what the TagGroup should render when there are no tags to display. */
10
10
  renderEmptyState?: () => JSX.Element;
11
+ /** Limit the number of rows initially shown. This will render a button that allows the user to expand to show all tags. */
12
+ maxRows?: number;
11
13
  }
12
14
  /** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */
13
15
  export const TagGroup: <T>(props: SpectrumTagGroupProps<T> & {
@@ -1 +1 @@
1
- {"mappings":";;;ACwCA,uCAAuC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,UAAU,EAAE,sBAAsB,EAAE,IAAI,CAAC,qBAAqB,EAAE,eAAe,CAAC;IAChL,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,IAAI,OAAO,CAAA;CACrC;AAkOD,8IAA8I;AAC9I,OAAA,MAAM;UAAuF,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;ACrQtI,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC","sources":["packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/Tag.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;;ACyCA,uCAAuC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,eAAe,GAAG,wBAAwB,GAAG,cAAc,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,oBAAoB,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;IAC3U,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,IAAI,OAAO,CAAC;IACrC,2HAA2H;IAC3H,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAoOD,8IAA8I;AAC9I,OAAA,MAAM;UAAuF,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;AC1QtI,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC","sources":["packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/Tag.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/TagGroup.tsx","packages/@react-spectrum/tag/src/packages/@react-spectrum/tag/src/index.ts","packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/tag",
3
- "version": "3.0.0-nightly.2199+0179952ba",
3
+ "version": "3.0.0-nightly.2206+a62195683",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,24 +36,24 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "3.0.0-nightly.2199+0179952ba",
40
- "@react-aria/i18n": "3.0.0-nightly.2199+0179952ba",
41
- "@react-aria/interactions": "3.0.0-nightly.2199+0179952ba",
42
- "@react-aria/tag": "3.0.0-nightly.2199+0179952ba",
43
- "@react-aria/utils": "3.0.0-nightly.2199+0179952ba",
44
- "@react-spectrum/button": "3.0.0-nightly.2199+0179952ba",
45
- "@react-spectrum/form": "3.0.0-nightly.2199+0179952ba",
46
- "@react-spectrum/label": "3.12.1-nightly.3901+0179952ba",
47
- "@react-spectrum/text": "3.4.2-nightly.3901+0179952ba",
48
- "@react-spectrum/utils": "3.0.0-nightly.2199+0179952ba",
49
- "@react-stately/collections": "3.0.0-nightly.2199+0179952ba",
50
- "@react-stately/list": "3.8.1-nightly.3901+0179952ba",
51
- "@react-types/shared": "3.0.0-nightly.2199+0179952ba",
52
- "@react-types/tag": "3.0.0-nightly.2199+0179952ba",
39
+ "@react-aria/focus": "3.0.0-nightly.2206+a62195683",
40
+ "@react-aria/i18n": "3.0.0-nightly.2206+a62195683",
41
+ "@react-aria/interactions": "3.0.0-nightly.2206+a62195683",
42
+ "@react-aria/selection": "3.0.0-nightly.2206+a62195683",
43
+ "@react-aria/tag": "3.0.0-nightly.2206+a62195683",
44
+ "@react-aria/utils": "3.0.0-nightly.2206+a62195683",
45
+ "@react-spectrum/button": "3.0.0-nightly.2206+a62195683",
46
+ "@react-spectrum/form": "3.0.0-nightly.2206+a62195683",
47
+ "@react-spectrum/label": "3.12.1-nightly.3908+a62195683",
48
+ "@react-spectrum/text": "3.4.2-nightly.3908+a62195683",
49
+ "@react-spectrum/utils": "3.0.0-nightly.2206+a62195683",
50
+ "@react-stately/collections": "3.0.0-nightly.2206+a62195683",
51
+ "@react-stately/list": "3.8.1-nightly.3908+a62195683",
52
+ "@react-types/shared": "3.0.0-nightly.2206+a62195683",
53
53
  "@swc/helpers": "^0.4.14"
54
54
  },
55
55
  "devDependencies": {
56
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2199+0179952ba"
56
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2206+a62195683"
57
57
  },
58
58
  "peerDependencies": {
59
59
  "@react-spectrum/provider": "^3.0.0",
@@ -62,5 +62,5 @@
62
62
  "publishConfig": {
63
63
  "access": "public"
64
64
  },
65
- "gitHead": "0179952ba54713ec575d7dc23e9670292b6066a3"
65
+ "gitHead": "a62195683addf229a536beabe95896c5e44d0dc9"
66
66
  }
package/src/Tag.tsx CHANGED
@@ -10,28 +10,25 @@
10
10
  * governing permissions and limitations under the License.
11
11
  */
12
12
 
13
+ import {AriaTagProps, useTag} from '@react-aria/tag';
13
14
  import {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';
14
15
  import {ClearButton} from '@react-spectrum/button';
15
16
  import type {ListState} from '@react-stately/list';
16
17
  import {mergeProps} from '@react-aria/utils';
17
18
  import React, {useRef} from 'react';
18
19
  import styles from '@adobe/spectrum-css-temp/components/tags/vars.css';
19
- import {TagProps} from '@react-types/tag';
20
20
  import {Text} from '@react-spectrum/text';
21
21
  import {useFocusRing} from '@react-aria/focus';
22
22
  import {useHover} from '@react-aria/interactions';
23
- import {useTag} from '@react-aria/tag';
24
23
 
25
- export interface SpectrumTagProps<T> extends TagProps<T> {
24
+ export interface SpectrumTagProps<T> extends AriaTagProps<T> {
26
25
  state: ListState<T>
27
26
  }
28
27
 
29
28
  export function Tag<T>(props: SpectrumTagProps<T>) {
30
29
  const {
31
- allowsRemoving,
32
30
  item,
33
31
  state,
34
- onRemove,
35
32
  ...otherProps
36
33
  } = props;
37
34
 
@@ -40,11 +37,9 @@ export function Tag<T>(props: SpectrumTagProps<T>) {
40
37
  let {hoverProps, isHovered} = useHover({});
41
38
  let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: true});
42
39
  let ref = useRef();
43
- let {removeButtonProps, labelProps, gridCellProps, rowProps} = useTag({
40
+ let {removeButtonProps, gridCellProps, rowProps, allowsRemoving} = useTag({
44
41
  ...props,
45
- allowsRemoving,
46
- item,
47
- onRemove
42
+ item
48
43
  }, state, ref);
49
44
 
50
45
  return (
@@ -68,7 +63,7 @@ export function Tag<T>(props: SpectrumTagProps<T>) {
68
63
  <SlotProvider
69
64
  slots={{
70
65
  icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},
71
- text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content'), ...labelProps},
66
+ text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content')},
72
67
  avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}
73
68
  }}>
74
69
  {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}
package/src/TagGroup.tsx CHANGED
@@ -11,14 +11,15 @@
11
11
  */
12
12
 
13
13
  import {ActionButton} from '@react-spectrum/button';
14
- import {AriaTagGroupProps, TagKeyboardDelegate, useTagGroup} from '@react-aria/tag';
14
+ import {AriaTagGroupProps, useTagGroup} from '@react-aria/tag';
15
15
  import {classNames, useDOMRef} from '@react-spectrum/utils';
16
- import {DOMRef, SpectrumHelpTextProps, SpectrumLabelableProps, StyleProps} from '@react-types/shared';
16
+ import {DOMRef, SpectrumLabelableProps, StyleProps, Validation} from '@react-types/shared';
17
17
  import {Field} from '@react-spectrum/label';
18
18
  import {FocusRing, FocusScope} from '@react-aria/focus';
19
19
  // @ts-ignore
20
20
  import intlMessages from '../intl/*.json';
21
21
  import {ListCollection, useListState} from '@react-stately/list';
22
+ import {ListKeyboardDelegate} from '@react-aria/selection';
22
23
  import {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';
23
24
  import React, {ReactElement, useCallback, useEffect, useMemo, useRef, useState} from 'react';
24
25
  import styles from '@adobe/spectrum-css-temp/components/tags/vars.css';
@@ -38,21 +39,21 @@ const TAG_STYLES = {
38
39
  }
39
40
  };
40
41
 
41
- export interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'keyboardDelegate'>, StyleProps, SpectrumLabelableProps, Omit<SpectrumHelpTextProps, 'showErrorIcon'> {
42
+ export interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'selectionMode' | 'disallowEmptySelection' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionBehavior' | 'disabledKeys'>, StyleProps, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, Omit<Validation, 'isRequired'> {
42
43
  /** The label to display on the action button. */
43
44
  actionLabel?: string,
44
45
  /** Handler that is called when the action button is pressed. */
45
46
  onAction?: () => void,
46
47
  /** Sets what the TagGroup should render when there are no tags to display. */
47
- renderEmptyState?: () => JSX.Element
48
+ renderEmptyState?: () => JSX.Element,
49
+ /** Limit the number of rows initially shown. This will render a button that allows the user to expand to show all tags. */
50
+ maxRows?: number
48
51
  }
49
52
 
50
53
  function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef<HTMLDivElement>) {
51
54
  props = useProviderProps(props);
52
55
  props = useFormProps(props);
53
56
  let {
54
- allowsRemoving,
55
- onRemove,
56
57
  maxRows,
57
58
  children,
58
59
  actionLabel,
@@ -69,11 +70,17 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
69
70
  let [isCollapsed, setIsCollapsed] = useState(maxRows != null);
70
71
  let state = useListState(props);
71
72
  let [tagState, setTagState] = useValueEffect({visibleTagCount: state.collection.size, showCollapseButton: false});
72
- let keyboardDelegate = useMemo(() => (
73
- isCollapsed
74
- ? new TagKeyboardDelegate(new ListCollection([...state.collection].slice(0, tagState.visibleTagCount)), direction)
75
- : new TagKeyboardDelegate(new ListCollection([...state.collection]), direction)
76
- ), [direction, isCollapsed, state.collection, tagState.visibleTagCount]) as TagKeyboardDelegate<T>;
73
+ let keyboardDelegate = useMemo(() => {
74
+ let collection = isCollapsed
75
+ ? new ListCollection([...state.collection].slice(0, tagState.visibleTagCount))
76
+ : new ListCollection([...state.collection]);
77
+ return new ListKeyboardDelegate({
78
+ collection,
79
+ ref: domRef,
80
+ direction,
81
+ orientation: 'horizontal'
82
+ });
83
+ }, [direction, isCollapsed, state.collection, tagState.visibleTagCount, domRef]) as ListKeyboardDelegate<T>;
77
84
  // Remove onAction from props so it doesn't make it into useGridList.
78
85
  delete props.onAction;
79
86
  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup({...props, keyboardDelegate}, state, tagsRef);
@@ -173,12 +180,12 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
173
180
  let isEmpty = state.collection.size === 0;
174
181
 
175
182
  let containerStyle = useMemo(() => {
176
- if (maxRows == null || !isCollapsed) {
183
+ if (maxRows == null || !isCollapsed || isEmpty) {
177
184
  return undefined;
178
185
  }
179
186
  let maxHeight = (TAG_STYLES[scale].height + (TAG_STYLES[scale].margin * 2)) * maxRows;
180
187
  return {maxHeight, overflow: 'hidden'};
181
- }, [isCollapsed, maxRows, scale]);
188
+ }, [isCollapsed, maxRows, isEmpty, scale]);
182
189
 
183
190
  return (
184
191
  <FocusScope>
@@ -221,9 +228,7 @@ function TagGroup<T extends object>(props: SpectrumTagGroupProps<T>, ref: DOMRef
221
228
  {...item.props}
222
229
  key={item.key}
223
230
  item={item}
224
- state={state}
225
- allowsRemoving={allowsRemoving}
226
- onRemove={onRemove}>
231
+ state={state}>
227
232
  {item.rendered}
228
233
  </Tag>
229
234
  ))}