@react-spectrum/tag 3.2.5 → 3.2.7
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/Tag.main.js +13 -13
- package/dist/Tag.mjs +14 -14
- package/dist/Tag.module.js +13 -13
- package/dist/TagGroup.main.js +18 -18
- package/dist/TagGroup.mjs +19 -19
- package/dist/TagGroup.module.js +18 -18
- package/dist/ar-AE.mjs +1 -1
- package/dist/bg-BG.mjs +1 -1
- package/dist/cs-CZ.mjs +1 -1
- package/dist/da-DK.mjs +1 -1
- package/dist/de-DE.mjs +1 -1
- package/dist/el-GR.mjs +1 -1
- package/dist/en-US.mjs +1 -1
- package/dist/es-ES.mjs +1 -1
- package/dist/et-EE.mjs +1 -1
- package/dist/fi-FI.mjs +1 -1
- package/dist/fr-FR.mjs +1 -1
- package/dist/he-IL.mjs +1 -1
- package/dist/hr-HR.mjs +1 -1
- package/dist/hu-HU.mjs +1 -1
- package/dist/intlStrings.mjs +1 -1
- package/dist/it-IT.mjs +1 -1
- package/dist/ja-JP.mjs +1 -1
- package/dist/ko-KR.mjs +1 -1
- package/dist/lt-LT.mjs +1 -1
- package/dist/lv-LV.mjs +1 -1
- package/dist/nb-NO.mjs +1 -1
- package/dist/nl-NL.mjs +1 -1
- package/dist/pl-PL.mjs +1 -1
- package/dist/pt-BR.mjs +1 -1
- package/dist/pt-PT.mjs +1 -1
- package/dist/ro-RO.mjs +1 -1
- package/dist/ru-RU.mjs +1 -1
- package/dist/sk-SK.mjs +1 -1
- package/dist/sl-SI.mjs +1 -1
- package/dist/sr-SP.mjs +1 -1
- package/dist/sv-SE.mjs +1 -1
- package/dist/tags_vars_css.mjs +1 -1
- package/dist/tr-TR.mjs +1 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/uk-UA.mjs +1 -1
- package/dist/zh-CN.mjs +1 -1
- package/dist/zh-TW.mjs +1 -1
- package/package.json +18 -18
package/dist/Tag.main.js
CHANGED
|
@@ -53,34 +53,34 @@ function $dd2c5d00108c1840$export$3288d34c523a1192(props) {
|
|
|
53
53
|
}, state, ref);
|
|
54
54
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement("div", {
|
|
55
55
|
...(0, $hZPqg$reactariautils.mergeProps)(rowProps, hoverProps, focusProps),
|
|
56
|
-
className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
56
|
+
className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag', {
|
|
57
|
+
'focus-ring': isFocusVisible,
|
|
58
|
+
'is-focused': isFocused,
|
|
59
|
+
'is-hovered': isHovered,
|
|
60
|
+
'spectrum-Tag--removable': allowsRemoving
|
|
61
61
|
}, styleProps.className),
|
|
62
62
|
ref: ref
|
|
63
63
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement("div", {
|
|
64
|
-
className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
64
|
+
className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-cell'),
|
|
65
65
|
...gridCellProps
|
|
66
66
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement((0, $hZPqg$reactspectrumutils.SlotProvider), {
|
|
67
67
|
slots: {
|
|
68
68
|
icon: {
|
|
69
|
-
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
70
|
-
size:
|
|
69
|
+
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-icon'),
|
|
70
|
+
size: 'XS'
|
|
71
71
|
},
|
|
72
72
|
text: {
|
|
73
|
-
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
73
|
+
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-content')
|
|
74
74
|
},
|
|
75
75
|
avatar: {
|
|
76
|
-
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
77
|
-
size:
|
|
76
|
+
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-avatar'),
|
|
77
|
+
size: 'avatar-size-50'
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
}, typeof item.rendered ===
|
|
80
|
+
}, typeof item.rendered === 'string' ? /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement((0, $hZPqg$reactspectrumtext.Text), null, item.rendered) : item.rendered, /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement((0, $hZPqg$reactspectrumutils.ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement($dd2c5d00108c1840$var$TagRemoveButton, {
|
|
81
81
|
item: item,
|
|
82
82
|
...removeButtonProps,
|
|
83
|
-
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
83
|
+
UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-removeButton')
|
|
84
84
|
})))));
|
|
85
85
|
}
|
|
86
86
|
function $dd2c5d00108c1840$var$TagRemoveButton(props) {
|
package/dist/Tag.mjs
CHANGED
|
@@ -47,34 +47,34 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
|
|
|
47
47
|
}, state, ref);
|
|
48
48
|
return /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
|
|
49
49
|
...(0, $X1F04$mergeProps)(rowProps, hoverProps, focusProps),
|
|
50
|
-
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
50
|
+
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag', {
|
|
51
|
+
'focus-ring': isFocusVisible,
|
|
52
|
+
'is-focused': isFocused,
|
|
53
|
+
'is-hovered': isHovered,
|
|
54
|
+
'spectrum-Tag--removable': allowsRemoving
|
|
55
55
|
}, styleProps.className),
|
|
56
56
|
ref: ref
|
|
57
57
|
}, /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
|
|
58
|
-
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
58
|
+
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-cell'),
|
|
59
59
|
...gridCellProps
|
|
60
60
|
}, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$SlotProvider), {
|
|
61
61
|
slots: {
|
|
62
62
|
icon: {
|
|
63
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
64
|
-
size:
|
|
63
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-icon'),
|
|
64
|
+
size: 'XS'
|
|
65
65
|
},
|
|
66
66
|
text: {
|
|
67
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
67
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-content')
|
|
68
68
|
},
|
|
69
69
|
avatar: {
|
|
70
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
71
|
-
size:
|
|
70
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-avatar'),
|
|
71
|
+
size: 'avatar-size-50'
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
}, typeof item.rendered ===
|
|
74
|
+
}, typeof item.rendered === 'string' ? /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$Text), null, item.rendered) : item.rendered, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, $X1F04$react).createElement($b5f5ee35d3b6b95c$var$TagRemoveButton, {
|
|
75
75
|
item: item,
|
|
76
76
|
...removeButtonProps,
|
|
77
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
77
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-removeButton')
|
|
78
78
|
})))));
|
|
79
79
|
}
|
|
80
80
|
function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
|
|
@@ -84,4 +84,4 @@ function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
|
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
export {$b5f5ee35d3b6b95c$export$3288d34c523a1192 as Tag};
|
|
87
|
-
//# sourceMappingURL=Tag.
|
|
87
|
+
//# sourceMappingURL=Tag.module.js.map
|
package/dist/Tag.module.js
CHANGED
|
@@ -47,34 +47,34 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
|
|
|
47
47
|
}, state, ref);
|
|
48
48
|
return /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
|
|
49
49
|
...(0, $X1F04$mergeProps)(rowProps, hoverProps, focusProps),
|
|
50
|
-
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
50
|
+
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag', {
|
|
51
|
+
'focus-ring': isFocusVisible,
|
|
52
|
+
'is-focused': isFocused,
|
|
53
|
+
'is-hovered': isHovered,
|
|
54
|
+
'spectrum-Tag--removable': allowsRemoving
|
|
55
55
|
}, styleProps.className),
|
|
56
56
|
ref: ref
|
|
57
57
|
}, /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
|
|
58
|
-
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
58
|
+
className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-cell'),
|
|
59
59
|
...gridCellProps
|
|
60
60
|
}, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$SlotProvider), {
|
|
61
61
|
slots: {
|
|
62
62
|
icon: {
|
|
63
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
64
|
-
size:
|
|
63
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-icon'),
|
|
64
|
+
size: 'XS'
|
|
65
65
|
},
|
|
66
66
|
text: {
|
|
67
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
67
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-content')
|
|
68
68
|
},
|
|
69
69
|
avatar: {
|
|
70
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
71
|
-
size:
|
|
70
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-avatar'),
|
|
71
|
+
size: 'avatar-size-50'
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
}, typeof item.rendered ===
|
|
74
|
+
}, typeof item.rendered === 'string' ? /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$Text), null, item.rendered) : item.rendered, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, $X1F04$react).createElement($b5f5ee35d3b6b95c$var$TagRemoveButton, {
|
|
75
75
|
item: item,
|
|
76
76
|
...removeButtonProps,
|
|
77
|
-
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))),
|
|
77
|
+
UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-removeButton')
|
|
78
78
|
})))));
|
|
79
79
|
}
|
|
80
80
|
function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
|
package/dist/TagGroup.main.js
CHANGED
|
@@ -63,13 +63,13 @@ const $e7b72d8874e98cd4$var$TAG_STYLES = {
|
|
|
63
63
|
function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
|
|
64
64
|
props = (0, $gBwi7$reactspectrumprovider.useProviderProps)(props);
|
|
65
65
|
props = (0, $gBwi7$reactspectrumform.useFormProps)(props);
|
|
66
|
-
let { maxRows: maxRows, children: children, actionLabel: actionLabel, onAction: onAction, labelPosition: labelPosition, renderEmptyState: renderEmptyState = ()=>stringFormatter.format(
|
|
66
|
+
let { maxRows: maxRows, children: children, actionLabel: actionLabel, onAction: onAction, labelPosition: labelPosition, renderEmptyState: renderEmptyState = ()=>stringFormatter.format('noTags') } = props;
|
|
67
67
|
let domRef = (0, $gBwi7$reactspectrumutils.useDOMRef)(ref);
|
|
68
68
|
let containerRef = (0, $gBwi7$react.useRef)(null);
|
|
69
69
|
let tagsRef = (0, $gBwi7$react.useRef)(null);
|
|
70
70
|
let { direction: direction } = (0, $gBwi7$reactariai18n.useLocale)();
|
|
71
71
|
let { scale: scale } = (0, $gBwi7$reactspectrumprovider.useProvider)();
|
|
72
|
-
let stringFormatter = (0, $gBwi7$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($a85da3418799ba7d$exports))),
|
|
72
|
+
let stringFormatter = (0, $gBwi7$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($a85da3418799ba7d$exports))), '@react-spectrum/tag');
|
|
73
73
|
let [isCollapsed, setIsCollapsed] = (0, $gBwi7$react.useState)(maxRows != null);
|
|
74
74
|
let state = (0, $gBwi7$reactstatelylist.useListState)(props);
|
|
75
75
|
let [tagState, setTagState] = (0, $gBwi7$reactariautils.useValueEffect)({
|
|
@@ -86,7 +86,7 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
|
|
|
86
86
|
collection: collection,
|
|
87
87
|
ref: domRef,
|
|
88
88
|
direction: direction,
|
|
89
|
-
orientation:
|
|
89
|
+
orientation: 'horizontal'
|
|
90
90
|
});
|
|
91
91
|
}, [
|
|
92
92
|
direction,
|
|
@@ -140,7 +140,7 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
|
|
|
140
140
|
var _tags_;
|
|
141
141
|
let buttonsWidth = buttons.reduce((acc, curr)=>acc += curr.getBoundingClientRect().width, 0);
|
|
142
142
|
buttonsWidth += $e7b72d8874e98cd4$var$TAG_STYLES[scale].margin * 2 * buttons.length;
|
|
143
|
-
let end = direction ===
|
|
143
|
+
let end = direction === 'ltr' ? 'right' : 'left';
|
|
144
144
|
let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];
|
|
145
145
|
let lastTagEnd = (_tags_ = tags[index - 1]) === null || _tags_ === void 0 ? void 0 : _tags_.getBoundingClientRect()[end];
|
|
146
146
|
lastTagEnd += $e7b72d8874e98cd4$var$TAG_STYLES[scale].margin;
|
|
@@ -205,7 +205,7 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
|
|
|
205
205
|
let maxHeight = ($e7b72d8874e98cd4$var$TAG_STYLES[scale].height + $e7b72d8874e98cd4$var$TAG_STYLES[scale].margin * 2) * maxRows;
|
|
206
206
|
return {
|
|
207
207
|
maxHeight: maxHeight,
|
|
208
|
-
overflow:
|
|
208
|
+
overflow: 'hidden'
|
|
209
209
|
};
|
|
210
210
|
}, [
|
|
211
211
|
isCollapsed,
|
|
@@ -221,47 +221,47 @@ function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
|
|
|
221
221
|
showErrorIcon: true,
|
|
222
222
|
ref: domRef,
|
|
223
223
|
elementType: "span",
|
|
224
|
-
wrapperClassName: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
225
|
-
|
|
224
|
+
wrapperClassName: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tags-fieldWrapper', {
|
|
225
|
+
'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'
|
|
226
226
|
})
|
|
227
227
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement("div", {
|
|
228
228
|
ref: containerRef,
|
|
229
229
|
style: containerStyle,
|
|
230
|
-
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
231
|
-
|
|
230
|
+
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tags-container', {
|
|
231
|
+
'spectrum-Tags-container--empty': isEmpty
|
|
232
232
|
})
|
|
233
233
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement((0, $gBwi7$reactariafocus.FocusRing), {
|
|
234
|
-
focusRingClass: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
234
|
+
focusRingClass: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'focus-ring')
|
|
235
235
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement("div", {
|
|
236
236
|
ref: tagsRef,
|
|
237
237
|
...gridProps,
|
|
238
|
-
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
238
|
+
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tags')
|
|
239
239
|
}, visibleTags.map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement((0, $dd2c5d00108c1840$exports.Tag), {
|
|
240
240
|
...item.props,
|
|
241
241
|
key: item.key,
|
|
242
242
|
item: item,
|
|
243
243
|
state: state
|
|
244
244
|
}, item.rendered)), isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement("div", {
|
|
245
|
-
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
245
|
+
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tags-empty-state')
|
|
246
246
|
}, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement((0, $gBwi7$reactspectrumprovider.Provider), {
|
|
247
247
|
isDisabled: false
|
|
248
248
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement("div", {
|
|
249
249
|
role: "group",
|
|
250
250
|
ref: actionsRef,
|
|
251
251
|
id: actionsId,
|
|
252
|
-
"aria-label": stringFormatter.format(
|
|
252
|
+
"aria-label": stringFormatter.format('actions'),
|
|
253
253
|
"aria-labelledby": `${gridProps.id} ${actionsId}`,
|
|
254
|
-
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
254
|
+
className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tags-actions')
|
|
255
255
|
}, tagState.showCollapseButton && /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement((0, $gBwi7$reactspectrumbutton.ActionButton), {
|
|
256
256
|
isQuiet: true,
|
|
257
257
|
onPress: handlePressCollapse,
|
|
258
|
-
UNSAFE_className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
259
|
-
}, isCollapsed ? stringFormatter.format(
|
|
258
|
+
UNSAFE_className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tags-actionButton')
|
|
259
|
+
}, isCollapsed ? stringFormatter.format('showAllButtonLabel', {
|
|
260
260
|
tagCount: state.collection.size
|
|
261
|
-
}) : stringFormatter.format(
|
|
261
|
+
}) : stringFormatter.format('hideButtonLabel')), actionLabel && onAction && /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).createElement((0, $gBwi7$reactspectrumbutton.ActionButton), {
|
|
262
262
|
isQuiet: true,
|
|
263
263
|
onPress: ()=>onAction === null || onAction === void 0 ? void 0 : onAction(),
|
|
264
|
-
UNSAFE_className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))),
|
|
264
|
+
UNSAFE_className: (0, $gBwi7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tags-actionButton')
|
|
265
265
|
}, actionLabel))))));
|
|
266
266
|
}
|
|
267
267
|
/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */ const $e7b72d8874e98cd4$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, ($parcel$interopDefault($gBwi7$react))).forwardRef($e7b72d8874e98cd4$var$TagGroup);
|
package/dist/TagGroup.mjs
CHANGED
|
@@ -57,13 +57,13 @@ const $880d112c7a588209$var$TAG_STYLES = {
|
|
|
57
57
|
function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
58
58
|
props = (0, $jTkY3$useProviderProps)(props);
|
|
59
59
|
props = (0, $jTkY3$useFormProps)(props);
|
|
60
|
-
let { maxRows: maxRows, children: children, actionLabel: actionLabel, onAction: onAction, labelPosition: labelPosition, renderEmptyState: renderEmptyState = ()=>stringFormatter.format(
|
|
60
|
+
let { maxRows: maxRows, children: children, actionLabel: actionLabel, onAction: onAction, labelPosition: labelPosition, renderEmptyState: renderEmptyState = ()=>stringFormatter.format('noTags') } = props;
|
|
61
61
|
let domRef = (0, $jTkY3$useDOMRef)(ref);
|
|
62
62
|
let containerRef = (0, $jTkY3$useRef)(null);
|
|
63
63
|
let tagsRef = (0, $jTkY3$useRef)(null);
|
|
64
64
|
let { direction: direction } = (0, $jTkY3$useLocale)();
|
|
65
65
|
let { scale: scale } = (0, $jTkY3$useProvider)();
|
|
66
|
-
let stringFormatter = (0, $jTkY3$useLocalizedStringFormatter)((0, ($parcel$interopDefault($jTkY3$intlStringsmodulejs))),
|
|
66
|
+
let stringFormatter = (0, $jTkY3$useLocalizedStringFormatter)((0, ($parcel$interopDefault($jTkY3$intlStringsmodulejs))), '@react-spectrum/tag');
|
|
67
67
|
let [isCollapsed, setIsCollapsed] = (0, $jTkY3$useState)(maxRows != null);
|
|
68
68
|
let state = (0, $jTkY3$useListState)(props);
|
|
69
69
|
let [tagState, setTagState] = (0, $jTkY3$useValueEffect)({
|
|
@@ -80,7 +80,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
80
80
|
collection: collection,
|
|
81
81
|
ref: domRef,
|
|
82
82
|
direction: direction,
|
|
83
|
-
orientation:
|
|
83
|
+
orientation: 'horizontal'
|
|
84
84
|
});
|
|
85
85
|
}, [
|
|
86
86
|
direction,
|
|
@@ -134,7 +134,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
134
134
|
var _tags_;
|
|
135
135
|
let buttonsWidth = buttons.reduce((acc, curr)=>acc += curr.getBoundingClientRect().width, 0);
|
|
136
136
|
buttonsWidth += $880d112c7a588209$var$TAG_STYLES[scale].margin * 2 * buttons.length;
|
|
137
|
-
let end = direction ===
|
|
137
|
+
let end = direction === 'ltr' ? 'right' : 'left';
|
|
138
138
|
let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];
|
|
139
139
|
let lastTagEnd = (_tags_ = tags[index - 1]) === null || _tags_ === void 0 ? void 0 : _tags_.getBoundingClientRect()[end];
|
|
140
140
|
lastTagEnd += $880d112c7a588209$var$TAG_STYLES[scale].margin;
|
|
@@ -199,7 +199,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
199
199
|
let maxHeight = ($880d112c7a588209$var$TAG_STYLES[scale].height + $880d112c7a588209$var$TAG_STYLES[scale].margin * 2) * maxRows;
|
|
200
200
|
return {
|
|
201
201
|
maxHeight: maxHeight,
|
|
202
|
-
overflow:
|
|
202
|
+
overflow: 'hidden'
|
|
203
203
|
};
|
|
204
204
|
}, [
|
|
205
205
|
isCollapsed,
|
|
@@ -215,51 +215,51 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
215
215
|
showErrorIcon: true,
|
|
216
216
|
ref: domRef,
|
|
217
217
|
elementType: "span",
|
|
218
|
-
wrapperClassName: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
219
|
-
|
|
218
|
+
wrapperClassName: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-fieldWrapper', {
|
|
219
|
+
'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'
|
|
220
220
|
})
|
|
221
221
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
222
222
|
ref: containerRef,
|
|
223
223
|
style: containerStyle,
|
|
224
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
225
|
-
|
|
224
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-container', {
|
|
225
|
+
'spectrum-Tags-container--empty': isEmpty
|
|
226
226
|
})
|
|
227
227
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$FocusRing), {
|
|
228
|
-
focusRingClass: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
228
|
+
focusRingClass: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'focus-ring')
|
|
229
229
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
230
230
|
ref: tagsRef,
|
|
231
231
|
...gridProps,
|
|
232
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
232
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags')
|
|
233
233
|
}, visibleTags.map((item)=>/*#__PURE__*/ (0, $jTkY3$react).createElement((0, $b5f5ee35d3b6b95c$export$3288d34c523a1192), {
|
|
234
234
|
...item.props,
|
|
235
235
|
key: item.key,
|
|
236
236
|
item: item,
|
|
237
237
|
state: state
|
|
238
238
|
}, item.rendered)), isEmpty && /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
239
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
239
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-empty-state')
|
|
240
240
|
}, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$Provider), {
|
|
241
241
|
isDisabled: false
|
|
242
242
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
243
243
|
role: "group",
|
|
244
244
|
ref: actionsRef,
|
|
245
245
|
id: actionsId,
|
|
246
|
-
"aria-label": stringFormatter.format(
|
|
246
|
+
"aria-label": stringFormatter.format('actions'),
|
|
247
247
|
"aria-labelledby": `${gridProps.id} ${actionsId}`,
|
|
248
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
248
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-actions')
|
|
249
249
|
}, tagState.showCollapseButton && /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$ActionButton), {
|
|
250
250
|
isQuiet: true,
|
|
251
251
|
onPress: handlePressCollapse,
|
|
252
|
-
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
253
|
-
}, isCollapsed ? stringFormatter.format(
|
|
252
|
+
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-actionButton')
|
|
253
|
+
}, isCollapsed ? stringFormatter.format('showAllButtonLabel', {
|
|
254
254
|
tagCount: state.collection.size
|
|
255
|
-
}) : stringFormatter.format(
|
|
255
|
+
}) : stringFormatter.format('hideButtonLabel')), actionLabel && onAction && /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$ActionButton), {
|
|
256
256
|
isQuiet: true,
|
|
257
257
|
onPress: ()=>onAction === null || onAction === void 0 ? void 0 : onAction(),
|
|
258
|
-
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
258
|
+
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-actionButton')
|
|
259
259
|
}, actionLabel))))));
|
|
260
260
|
}
|
|
261
261
|
/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */ const $880d112c7a588209$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $jTkY3$react).forwardRef($880d112c7a588209$var$TagGroup);
|
|
262
262
|
|
|
263
263
|
|
|
264
264
|
export {$880d112c7a588209$export$67ea30858aaf75e3 as TagGroup};
|
|
265
|
-
//# sourceMappingURL=TagGroup.
|
|
265
|
+
//# sourceMappingURL=TagGroup.module.js.map
|
package/dist/TagGroup.module.js
CHANGED
|
@@ -57,13 +57,13 @@ const $880d112c7a588209$var$TAG_STYLES = {
|
|
|
57
57
|
function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
58
58
|
props = (0, $jTkY3$useProviderProps)(props);
|
|
59
59
|
props = (0, $jTkY3$useFormProps)(props);
|
|
60
|
-
let { maxRows: maxRows, children: children, actionLabel: actionLabel, onAction: onAction, labelPosition: labelPosition, renderEmptyState: renderEmptyState = ()=>stringFormatter.format(
|
|
60
|
+
let { maxRows: maxRows, children: children, actionLabel: actionLabel, onAction: onAction, labelPosition: labelPosition, renderEmptyState: renderEmptyState = ()=>stringFormatter.format('noTags') } = props;
|
|
61
61
|
let domRef = (0, $jTkY3$useDOMRef)(ref);
|
|
62
62
|
let containerRef = (0, $jTkY3$useRef)(null);
|
|
63
63
|
let tagsRef = (0, $jTkY3$useRef)(null);
|
|
64
64
|
let { direction: direction } = (0, $jTkY3$useLocale)();
|
|
65
65
|
let { scale: scale } = (0, $jTkY3$useProvider)();
|
|
66
|
-
let stringFormatter = (0, $jTkY3$useLocalizedStringFormatter)((0, ($parcel$interopDefault($jTkY3$intlStringsmodulejs))),
|
|
66
|
+
let stringFormatter = (0, $jTkY3$useLocalizedStringFormatter)((0, ($parcel$interopDefault($jTkY3$intlStringsmodulejs))), '@react-spectrum/tag');
|
|
67
67
|
let [isCollapsed, setIsCollapsed] = (0, $jTkY3$useState)(maxRows != null);
|
|
68
68
|
let state = (0, $jTkY3$useListState)(props);
|
|
69
69
|
let [tagState, setTagState] = (0, $jTkY3$useValueEffect)({
|
|
@@ -80,7 +80,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
80
80
|
collection: collection,
|
|
81
81
|
ref: domRef,
|
|
82
82
|
direction: direction,
|
|
83
|
-
orientation:
|
|
83
|
+
orientation: 'horizontal'
|
|
84
84
|
});
|
|
85
85
|
}, [
|
|
86
86
|
direction,
|
|
@@ -134,7 +134,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
134
134
|
var _tags_;
|
|
135
135
|
let buttonsWidth = buttons.reduce((acc, curr)=>acc += curr.getBoundingClientRect().width, 0);
|
|
136
136
|
buttonsWidth += $880d112c7a588209$var$TAG_STYLES[scale].margin * 2 * buttons.length;
|
|
137
|
-
let end = direction ===
|
|
137
|
+
let end = direction === 'ltr' ? 'right' : 'left';
|
|
138
138
|
let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];
|
|
139
139
|
let lastTagEnd = (_tags_ = tags[index - 1]) === null || _tags_ === void 0 ? void 0 : _tags_.getBoundingClientRect()[end];
|
|
140
140
|
lastTagEnd += $880d112c7a588209$var$TAG_STYLES[scale].margin;
|
|
@@ -199,7 +199,7 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
199
199
|
let maxHeight = ($880d112c7a588209$var$TAG_STYLES[scale].height + $880d112c7a588209$var$TAG_STYLES[scale].margin * 2) * maxRows;
|
|
200
200
|
return {
|
|
201
201
|
maxHeight: maxHeight,
|
|
202
|
-
overflow:
|
|
202
|
+
overflow: 'hidden'
|
|
203
203
|
};
|
|
204
204
|
}, [
|
|
205
205
|
isCollapsed,
|
|
@@ -215,47 +215,47 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
215
215
|
showErrorIcon: true,
|
|
216
216
|
ref: domRef,
|
|
217
217
|
elementType: "span",
|
|
218
|
-
wrapperClassName: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
219
|
-
|
|
218
|
+
wrapperClassName: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-fieldWrapper', {
|
|
219
|
+
'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'
|
|
220
220
|
})
|
|
221
221
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
222
222
|
ref: containerRef,
|
|
223
223
|
style: containerStyle,
|
|
224
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
225
|
-
|
|
224
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-container', {
|
|
225
|
+
'spectrum-Tags-container--empty': isEmpty
|
|
226
226
|
})
|
|
227
227
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$FocusRing), {
|
|
228
|
-
focusRingClass: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
228
|
+
focusRingClass: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'focus-ring')
|
|
229
229
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
230
230
|
ref: tagsRef,
|
|
231
231
|
...gridProps,
|
|
232
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
232
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags')
|
|
233
233
|
}, visibleTags.map((item)=>/*#__PURE__*/ (0, $jTkY3$react).createElement((0, $b5f5ee35d3b6b95c$export$3288d34c523a1192), {
|
|
234
234
|
...item.props,
|
|
235
235
|
key: item.key,
|
|
236
236
|
item: item,
|
|
237
237
|
state: state
|
|
238
238
|
}, item.rendered)), isEmpty && /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
239
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
239
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-empty-state')
|
|
240
240
|
}, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$Provider), {
|
|
241
241
|
isDisabled: false
|
|
242
242
|
}, /*#__PURE__*/ (0, $jTkY3$react).createElement("div", {
|
|
243
243
|
role: "group",
|
|
244
244
|
ref: actionsRef,
|
|
245
245
|
id: actionsId,
|
|
246
|
-
"aria-label": stringFormatter.format(
|
|
246
|
+
"aria-label": stringFormatter.format('actions'),
|
|
247
247
|
"aria-labelledby": `${gridProps.id} ${actionsId}`,
|
|
248
|
-
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
248
|
+
className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-actions')
|
|
249
249
|
}, tagState.showCollapseButton && /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$ActionButton), {
|
|
250
250
|
isQuiet: true,
|
|
251
251
|
onPress: handlePressCollapse,
|
|
252
|
-
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
253
|
-
}, isCollapsed ? stringFormatter.format(
|
|
252
|
+
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-actionButton')
|
|
253
|
+
}, isCollapsed ? stringFormatter.format('showAllButtonLabel', {
|
|
254
254
|
tagCount: state.collection.size
|
|
255
|
-
}) : stringFormatter.format(
|
|
255
|
+
}) : stringFormatter.format('hideButtonLabel')), actionLabel && onAction && /*#__PURE__*/ (0, $jTkY3$react).createElement((0, $jTkY3$ActionButton), {
|
|
256
256
|
isQuiet: true,
|
|
257
257
|
onPress: ()=>onAction === null || onAction === void 0 ? void 0 : onAction(),
|
|
258
|
-
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))),
|
|
258
|
+
UNSAFE_className: (0, $jTkY3$classNames)((0, ($parcel$interopDefault($jTkY3$tags_vars_cssmodulejs))), 'spectrum-Tags-actionButton')
|
|
259
259
|
}, actionLabel))))));
|
|
260
260
|
}
|
|
261
261
|
/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */ const $880d112c7a588209$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $jTkY3$react).forwardRef($880d112c7a588209$var$TagGroup);
|
package/dist/ar-AE.mjs
CHANGED
package/dist/bg-BG.mjs
CHANGED
package/dist/cs-CZ.mjs
CHANGED
package/dist/da-DK.mjs
CHANGED
package/dist/de-DE.mjs
CHANGED
package/dist/el-GR.mjs
CHANGED
package/dist/en-US.mjs
CHANGED
package/dist/es-ES.mjs
CHANGED
package/dist/et-EE.mjs
CHANGED
package/dist/fi-FI.mjs
CHANGED
package/dist/fr-FR.mjs
CHANGED
package/dist/he-IL.mjs
CHANGED
package/dist/hr-HR.mjs
CHANGED
package/dist/hu-HU.mjs
CHANGED
package/dist/intlStrings.mjs
CHANGED
package/dist/it-IT.mjs
CHANGED
package/dist/ja-JP.mjs
CHANGED
package/dist/ko-KR.mjs
CHANGED
package/dist/lt-LT.mjs
CHANGED
package/dist/lv-LV.mjs
CHANGED
package/dist/nb-NO.mjs
CHANGED
package/dist/nl-NL.mjs
CHANGED
package/dist/pl-PL.mjs
CHANGED
package/dist/pt-BR.mjs
CHANGED
package/dist/pt-PT.mjs
CHANGED
package/dist/ro-RO.mjs
CHANGED
package/dist/ru-RU.mjs
CHANGED
package/dist/sk-SK.mjs
CHANGED
package/dist/sl-SI.mjs
CHANGED
package/dist/sr-SP.mjs
CHANGED
package/dist/sv-SE.mjs
CHANGED
package/dist/tags_vars_css.mjs
CHANGED
package/dist/tr-TR.mjs
CHANGED
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,WAAW,GAAG,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IACnW,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;
|
|
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,WAAW,GAAG,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IACnW,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,UAA0C,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,OAAO,cAAc,CAAC,CAAA;CAAC,KAAK,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/dist/uk-UA.mjs
CHANGED
package/dist/zh-CN.mjs
CHANGED
package/dist/zh-TW.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/tag",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.7",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,20 +36,20 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/focus": "^3.
|
|
40
|
-
"@react-aria/i18n": "^3.
|
|
41
|
-
"@react-aria/interactions": "^3.
|
|
42
|
-
"@react-aria/selection": "^3.
|
|
43
|
-
"@react-aria/tag": "^3.4.
|
|
44
|
-
"@react-aria/utils": "^3.
|
|
45
|
-
"@react-spectrum/button": "^3.16.
|
|
46
|
-
"@react-spectrum/form": "^3.7.
|
|
47
|
-
"@react-spectrum/label": "^3.16.
|
|
48
|
-
"@react-spectrum/text": "^3.5.
|
|
49
|
-
"@react-spectrum/utils": "^3.11.
|
|
50
|
-
"@react-stately/collections": "^3.10.
|
|
51
|
-
"@react-stately/list": "^3.10.
|
|
52
|
-
"@react-types/shared": "^3.
|
|
39
|
+
"@react-aria/focus": "^3.18.0",
|
|
40
|
+
"@react-aria/i18n": "^3.12.0",
|
|
41
|
+
"@react-aria/interactions": "^3.22.0",
|
|
42
|
+
"@react-aria/selection": "^3.19.0",
|
|
43
|
+
"@react-aria/tag": "^3.4.2",
|
|
44
|
+
"@react-aria/utils": "^3.25.0",
|
|
45
|
+
"@react-spectrum/button": "^3.16.5",
|
|
46
|
+
"@react-spectrum/form": "^3.7.7",
|
|
47
|
+
"@react-spectrum/label": "^3.16.7",
|
|
48
|
+
"@react-spectrum/text": "^3.5.6",
|
|
49
|
+
"@react-spectrum/utils": "^3.11.8",
|
|
50
|
+
"@react-stately/collections": "^3.10.8",
|
|
51
|
+
"@react-stately/list": "^3.10.6",
|
|
52
|
+
"@react-types/shared": "^3.24.0",
|
|
53
53
|
"@swc/helpers": "^0.5.0"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
59
|
"@react-spectrum/provider": "^3.0.0",
|
|
60
|
-
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
|
|
61
|
-
"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
|
|
60
|
+
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
|
|
61
|
+
"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
|
|
62
62
|
},
|
|
63
63
|
"publishConfig": {
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "86d80e3216bc32e75108831cf3a5a720bc849206"
|
|
67
67
|
}
|