@react-spectrum/breadcrumbs 3.2.6 → 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/main.js +117 -117
- package/dist/module.js +103 -103
- package/package.json +14 -14
package/dist/main.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
6
|
-
var $
|
|
7
|
-
var $
|
|
8
|
-
var $
|
|
9
|
-
var $
|
|
10
|
-
var $
|
|
11
|
-
var $
|
|
12
|
-
var $
|
|
13
|
-
var $
|
|
14
|
-
var $
|
|
2
|
+
var $8bWUw$reactstatelycollections = require("@react-stately/collections");
|
|
3
|
+
var $8bWUw$reactspectrumbutton = require("@react-spectrum/button");
|
|
4
|
+
var $8bWUw$reactspectrumutils = require("@react-spectrum/utils");
|
|
5
|
+
var $8bWUw$spectrumiconsuiFolderBreadcrumb = require("@spectrum-icons/ui/FolderBreadcrumb");
|
|
6
|
+
var $8bWUw$reactspectrummenu = require("@react-spectrum/menu");
|
|
7
|
+
var $8bWUw$react = require("react");
|
|
8
|
+
var $8bWUw$reactariabreadcrumbs = require("@react-aria/breadcrumbs");
|
|
9
|
+
var $8bWUw$reactariautils = require("@react-aria/utils");
|
|
10
|
+
var $8bWUw$reactspectrumprovider = require("@react-spectrum/provider");
|
|
11
|
+
var $8bWUw$spectrumiconsuiChevronRightSmall = require("@spectrum-icons/ui/ChevronRightSmall");
|
|
12
|
+
var $8bWUw$reactariafocus = require("@react-aria/focus");
|
|
13
|
+
var $8bWUw$reactariainteractions = require("@react-aria/interactions");
|
|
14
|
+
var $8bWUw$reactariai18n = require("@react-aria/i18n");
|
|
15
15
|
|
|
16
16
|
function $parcel$export(e, n, v, s) {
|
|
17
17
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
@@ -36,92 +36,92 @@ function $parcel$interopDefault(a) {
|
|
|
36
36
|
return a && a.__esModule ? a.default : a;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
$parcel$export(module.exports, "Item", () => $
|
|
40
|
-
var $
|
|
41
|
-
|
|
42
|
-
$parcel$export($
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
var $
|
|
50
|
-
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
$parcel$export($
|
|
56
|
-
$parcel$export($
|
|
57
|
-
$parcel$export($
|
|
58
|
-
$parcel$export($
|
|
59
|
-
$parcel$export($
|
|
60
|
-
$parcel$export($
|
|
61
|
-
$parcel$export($
|
|
62
|
-
$parcel$export($
|
|
63
|
-
$parcel$export($
|
|
64
|
-
$parcel$export($
|
|
65
|
-
$parcel$export($
|
|
66
|
-
$parcel$export($
|
|
67
|
-
var $
|
|
68
|
-
var $
|
|
69
|
-
var $
|
|
70
|
-
var $
|
|
71
|
-
var $
|
|
72
|
-
var $
|
|
73
|
-
var $
|
|
74
|
-
var $
|
|
75
|
-
var $
|
|
76
|
-
var $
|
|
77
|
-
var $
|
|
78
|
-
var $
|
|
79
|
-
var $
|
|
80
|
-
var $
|
|
81
|
-
var $
|
|
82
|
-
var $
|
|
83
|
-
$
|
|
84
|
-
$
|
|
85
|
-
$
|
|
86
|
-
$
|
|
87
|
-
$
|
|
88
|
-
$
|
|
89
|
-
$
|
|
90
|
-
$
|
|
91
|
-
$
|
|
92
|
-
$
|
|
93
|
-
$
|
|
94
|
-
$
|
|
95
|
-
$
|
|
96
|
-
$
|
|
97
|
-
$
|
|
98
|
-
$
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
function $
|
|
39
|
+
$parcel$export(module.exports, "Item", () => $8bWUw$reactstatelycollections.Item);
|
|
40
|
+
var $299bf776d9162a05$exports = {};
|
|
41
|
+
|
|
42
|
+
$parcel$export($299bf776d9162a05$exports, "Breadcrumbs", () => $299bf776d9162a05$export$2dc68d50d56fbbd);
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
var $3292ef9f328419fc$exports = {};
|
|
50
|
+
|
|
51
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs", () => $3292ef9f328419fc$export$8c6320d2db82081f, (v) => $3292ef9f328419fc$export$8c6320d2db82081f = v);
|
|
52
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs-itemSeparator", () => $3292ef9f328419fc$export$f72910e36cd91d1e, (v) => $3292ef9f328419fc$export$f72910e36cd91d1e = v);
|
|
53
|
+
$parcel$export($3292ef9f328419fc$exports, "is-reversed", () => $3292ef9f328419fc$export$a4561bd665abb5db, (v) => $3292ef9f328419fc$export$a4561bd665abb5db = v);
|
|
54
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs-item", () => $3292ef9f328419fc$export$492a5983c5fbf603, (v) => $3292ef9f328419fc$export$492a5983c5fbf603 = v);
|
|
55
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-ActionButton", () => $3292ef9f328419fc$export$53da69f51b770d3, (v) => $3292ef9f328419fc$export$53da69f51b770d3 = v);
|
|
56
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs-itemLink", () => $3292ef9f328419fc$export$5af6a1bcd207d9f6, (v) => $3292ef9f328419fc$export$5af6a1bcd207d9f6 = v);
|
|
57
|
+
$parcel$export($3292ef9f328419fc$exports, "is-hovered", () => $3292ef9f328419fc$export$b8813cd5d7824ce7, (v) => $3292ef9f328419fc$export$b8813cd5d7824ce7 = v);
|
|
58
|
+
$parcel$export($3292ef9f328419fc$exports, "focus-ring", () => $3292ef9f328419fc$export$f39a09f249340e2a, (v) => $3292ef9f328419fc$export$f39a09f249340e2a = v);
|
|
59
|
+
$parcel$export($3292ef9f328419fc$exports, "is-dragged", () => $3292ef9f328419fc$export$8778c911bed6c759, (v) => $3292ef9f328419fc$export$8778c911bed6c759 = v);
|
|
60
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs--small", () => $3292ef9f328419fc$export$e01337e7944312f6, (v) => $3292ef9f328419fc$export$e01337e7944312f6 = v);
|
|
61
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs--medium", () => $3292ef9f328419fc$export$19f957201d941895, (v) => $3292ef9f328419fc$export$19f957201d941895 = v);
|
|
62
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs--multiline", () => $3292ef9f328419fc$export$713961e8e432825b, (v) => $3292ef9f328419fc$export$713961e8e432825b = v);
|
|
63
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Heading--pageTitle", () => $3292ef9f328419fc$export$63e9e087a73f808b, (v) => $3292ef9f328419fc$export$63e9e087a73f808b = v);
|
|
64
|
+
$parcel$export($3292ef9f328419fc$exports, "is-disabled", () => $3292ef9f328419fc$export$d35bc1e505d1ebbf, (v) => $3292ef9f328419fc$export$d35bc1e505d1ebbf = v);
|
|
65
|
+
$parcel$export($3292ef9f328419fc$exports, "is-selected", () => $3292ef9f328419fc$export$1e0fb04f31d3c22a, (v) => $3292ef9f328419fc$export$1e0fb04f31d3c22a = v);
|
|
66
|
+
$parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumb", () => $3292ef9f328419fc$export$45a5316056cfac3c, (v) => $3292ef9f328419fc$export$45a5316056cfac3c = v);
|
|
67
|
+
var $3292ef9f328419fc$export$8c6320d2db82081f;
|
|
68
|
+
var $3292ef9f328419fc$export$f72910e36cd91d1e;
|
|
69
|
+
var $3292ef9f328419fc$export$a4561bd665abb5db;
|
|
70
|
+
var $3292ef9f328419fc$export$492a5983c5fbf603;
|
|
71
|
+
var $3292ef9f328419fc$export$53da69f51b770d3;
|
|
72
|
+
var $3292ef9f328419fc$export$5af6a1bcd207d9f6;
|
|
73
|
+
var $3292ef9f328419fc$export$b8813cd5d7824ce7;
|
|
74
|
+
var $3292ef9f328419fc$export$f39a09f249340e2a;
|
|
75
|
+
var $3292ef9f328419fc$export$8778c911bed6c759;
|
|
76
|
+
var $3292ef9f328419fc$export$e01337e7944312f6;
|
|
77
|
+
var $3292ef9f328419fc$export$19f957201d941895;
|
|
78
|
+
var $3292ef9f328419fc$export$713961e8e432825b;
|
|
79
|
+
var $3292ef9f328419fc$export$63e9e087a73f808b;
|
|
80
|
+
var $3292ef9f328419fc$export$d35bc1e505d1ebbf;
|
|
81
|
+
var $3292ef9f328419fc$export$1e0fb04f31d3c22a;
|
|
82
|
+
var $3292ef9f328419fc$export$45a5316056cfac3c;
|
|
83
|
+
$3292ef9f328419fc$export$8c6320d2db82081f = "spectrum-Breadcrumbs_3fe6e8";
|
|
84
|
+
$3292ef9f328419fc$export$f72910e36cd91d1e = "spectrum-Breadcrumbs-itemSeparator_3fe6e8";
|
|
85
|
+
$3292ef9f328419fc$export$a4561bd665abb5db = "is-reversed_3fe6e8";
|
|
86
|
+
$3292ef9f328419fc$export$492a5983c5fbf603 = "spectrum-Breadcrumbs-item_3fe6e8";
|
|
87
|
+
$3292ef9f328419fc$export$53da69f51b770d3 = "spectrum-ActionButton_3fe6e8";
|
|
88
|
+
$3292ef9f328419fc$export$5af6a1bcd207d9f6 = "spectrum-Breadcrumbs-itemLink_3fe6e8";
|
|
89
|
+
$3292ef9f328419fc$export$b8813cd5d7824ce7 = "is-hovered_3fe6e8";
|
|
90
|
+
$3292ef9f328419fc$export$f39a09f249340e2a = "focus-ring_3fe6e8";
|
|
91
|
+
$3292ef9f328419fc$export$8778c911bed6c759 = "is-dragged_3fe6e8";
|
|
92
|
+
$3292ef9f328419fc$export$e01337e7944312f6 = "spectrum-Breadcrumbs--small_3fe6e8";
|
|
93
|
+
$3292ef9f328419fc$export$19f957201d941895 = "spectrum-Breadcrumbs--medium_3fe6e8";
|
|
94
|
+
$3292ef9f328419fc$export$713961e8e432825b = "spectrum-Breadcrumbs--multiline_3fe6e8";
|
|
95
|
+
$3292ef9f328419fc$export$63e9e087a73f808b = "spectrum-Heading--pageTitle_3fe6e8";
|
|
96
|
+
$3292ef9f328419fc$export$d35bc1e505d1ebbf = "is-disabled_3fe6e8";
|
|
97
|
+
$3292ef9f328419fc$export$1e0fb04f31d3c22a = "is-selected_3fe6e8";
|
|
98
|
+
$3292ef9f328419fc$export$45a5316056cfac3c = "spectrum-Breadcrumb_3fe6e8";
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
function $d90ab02c74e9be0c$export$c13f210c706eb549(props) {
|
|
105
105
|
let { children: children , isCurrent: isCurrent , isDisabled: isDisabled } = props;
|
|
106
|
-
let { direction: direction } = $
|
|
107
|
-
let ref = $
|
|
108
|
-
let { itemProps: itemProps } = $
|
|
106
|
+
let { direction: direction } = $8bWUw$reactariai18n.useLocale();
|
|
107
|
+
let ref = $8bWUw$react.useRef();
|
|
108
|
+
let { itemProps: itemProps } = $8bWUw$reactariabreadcrumbs.useBreadcrumbItem({
|
|
109
109
|
...props,
|
|
110
110
|
elementType: typeof children === 'string' ? 'span' : 'a'
|
|
111
111
|
}, ref);
|
|
112
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
113
|
-
let element = /*#__PURE__*/ ($parcel$interopDefault($
|
|
114
|
-
...$
|
|
112
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $8bWUw$reactariainteractions.useHover(props);
|
|
113
|
+
let element = /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).cloneElement($8bWUw$reactspectrumutils.getWrappedElement(children), {
|
|
114
|
+
...$8bWUw$reactariautils.mergeProps(itemProps, hoverProps),
|
|
115
115
|
ref: ref,
|
|
116
|
-
className: $
|
|
116
|
+
className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs-itemLink', {
|
|
117
117
|
'is-disabled': !isCurrent && isDisabled,
|
|
118
118
|
'is-hovered': isHovered
|
|
119
119
|
})
|
|
120
120
|
});
|
|
121
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
122
|
-
focusRingClass: $
|
|
123
|
-
}, element), isCurrent === false && /*#__PURE__*/ ($parcel$interopDefault($
|
|
124
|
-
UNSAFE_className: $
|
|
121
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactariafocus.FocusRing, {
|
|
122
|
+
focusRingClass: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'focus-ring')
|
|
123
|
+
}, element), isCurrent === false && /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement(($parcel$interopDefault($8bWUw$spectrumiconsuiChevronRightSmall)), {
|
|
124
|
+
UNSAFE_className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs-itemSeparator', {
|
|
125
125
|
'is-reversed': direction === 'rtl'
|
|
126
126
|
})
|
|
127
127
|
})));
|
|
@@ -137,22 +137,22 @@ function $01a6adf6454cb0d0$export$c13f210c706eb549(props) {
|
|
|
137
137
|
|
|
138
138
|
|
|
139
139
|
|
|
140
|
-
const $
|
|
141
|
-
const $
|
|
142
|
-
function $
|
|
143
|
-
props = $
|
|
140
|
+
const $299bf776d9162a05$var$MIN_VISIBLE_ITEMS = 1;
|
|
141
|
+
const $299bf776d9162a05$var$MAX_VISIBLE_ITEMS = 4;
|
|
142
|
+
function $299bf776d9162a05$var$Breadcrumbs(props, ref) {
|
|
143
|
+
props = $8bWUw$reactspectrumprovider.useProviderProps(props);
|
|
144
144
|
let { size: size = 'L' , isMultiline: isMultiline , children: children , showRoot: showRoot , isDisabled: isDisabled , onAction: onAction , ...otherProps } = props;
|
|
145
145
|
// Not using React.Children.toArray because it mutates the key prop.
|
|
146
146
|
let childArray = [];
|
|
147
|
-
($parcel$interopDefault($
|
|
148
|
-
if (/*#__PURE__*/ ($parcel$interopDefault($
|
|
147
|
+
($parcel$interopDefault($8bWUw$react)).Children.forEach(children, (child)=>{
|
|
148
|
+
if (/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).isValidElement(child)) childArray.push(child);
|
|
149
149
|
});
|
|
150
|
-
let domRef = $
|
|
151
|
-
let listRef = $
|
|
152
|
-
let [visibleItems1, setVisibleItems] = $
|
|
153
|
-
let { navProps: navProps } = $
|
|
154
|
-
let { styleProps: styleProps } = $
|
|
155
|
-
let updateOverflow = $
|
|
150
|
+
let domRef = $8bWUw$reactspectrumutils.useDOMRef(ref);
|
|
151
|
+
let listRef = $8bWUw$react.useRef(null);
|
|
152
|
+
let [visibleItems1, setVisibleItems] = $8bWUw$reactariautils.useValueEffect(childArray.length);
|
|
153
|
+
let { navProps: navProps } = $8bWUw$reactariabreadcrumbs.useBreadcrumbs(props);
|
|
154
|
+
let { styleProps: styleProps } = $8bWUw$reactspectrumutils.useStyleProps(otherProps);
|
|
155
|
+
let updateOverflow = $8bWUw$react.useCallback(()=>{
|
|
156
156
|
let computeVisibleItems = (visibleItems)=>{
|
|
157
157
|
// Refs can be null at runtime.
|
|
158
158
|
let currListRef = listRef.current;
|
|
@@ -162,7 +162,7 @@ function $ce45029bf0c8e0f0$var$Breadcrumbs(props, ref) {
|
|
|
162
162
|
let isShowingMenu = childArray.length > visibleItems;
|
|
163
163
|
let calculatedWidth = 0;
|
|
164
164
|
let newVisibleItems = 0;
|
|
165
|
-
let maxVisibleItems = $
|
|
165
|
+
let maxVisibleItems = $299bf776d9162a05$var$MAX_VISIBLE_ITEMS;
|
|
166
166
|
if (showRoot) {
|
|
167
167
|
calculatedWidth += listItems.shift().offsetWidth;
|
|
168
168
|
newVisibleItems++;
|
|
@@ -188,7 +188,7 @@ function $ce45029bf0c8e0f0$var$Breadcrumbs(props, ref) {
|
|
|
188
188
|
calculatedWidth += breadcrumb.offsetWidth;
|
|
189
189
|
if (calculatedWidth < containerWidth) newVisibleItems++;
|
|
190
190
|
}
|
|
191
|
-
return Math.max($
|
|
191
|
+
return Math.max($299bf776d9162a05$var$MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));
|
|
192
192
|
};
|
|
193
193
|
setVisibleItems(function*() {
|
|
194
194
|
// Update to show all items.
|
|
@@ -207,11 +207,11 @@ function $ce45029bf0c8e0f0$var$Breadcrumbs(props, ref) {
|
|
|
207
207
|
showRoot,
|
|
208
208
|
isMultiline
|
|
209
209
|
]);
|
|
210
|
-
$
|
|
210
|
+
$8bWUw$reactariautils.useResizeObserver({
|
|
211
211
|
ref: domRef,
|
|
212
212
|
onResize: updateOverflow
|
|
213
213
|
});
|
|
214
|
-
$
|
|
214
|
+
$8bWUw$reactariautils.useLayoutEffect(updateOverflow, [
|
|
215
215
|
children
|
|
216
216
|
]);
|
|
217
217
|
let contents = childArray;
|
|
@@ -223,13 +223,13 @@ function $ce45029bf0c8e0f0$var$Breadcrumbs(props, ref) {
|
|
|
223
223
|
// Don't fire onAction when clicking on the last item
|
|
224
224
|
if (key !== selectedKey && onAction) onAction(key);
|
|
225
225
|
};
|
|
226
|
-
let menuItem = /*#__PURE__*/ ($parcel$interopDefault($
|
|
226
|
+
let menuItem = /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($d90ab02c74e9be0c$export$c13f210c706eb549, {
|
|
227
227
|
key: "menu"
|
|
228
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
228
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactspectrummenu.MenuTrigger, null, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactspectrumbutton.ActionButton, {
|
|
229
229
|
"aria-label": "…",
|
|
230
230
|
isQuiet: true,
|
|
231
231
|
isDisabled: isDisabled
|
|
232
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
232
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement(($parcel$interopDefault($8bWUw$spectrumiconsuiFolderBreadcrumb)), null)), /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactspectrummenu.Menu, {
|
|
233
233
|
selectionMode: "single",
|
|
234
234
|
selectedKeys: [
|
|
235
235
|
selectedKey
|
|
@@ -257,22 +257,22 @@ function $ce45029bf0c8e0f0$var$Breadcrumbs(props, ref) {
|
|
|
257
257
|
let onPress = ()=>{
|
|
258
258
|
if (onAction) onAction(key);
|
|
259
259
|
};
|
|
260
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
260
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement("li", {
|
|
261
261
|
key: key,
|
|
262
|
-
className: $
|
|
263
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
262
|
+
className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs-item')
|
|
263
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($d90ab02c74e9be0c$export$c13f210c706eb549, {
|
|
264
264
|
isCurrent: isCurrent,
|
|
265
265
|
isDisabled: isDisabled,
|
|
266
266
|
onPress: onPress
|
|
267
267
|
}, child.props.children)));
|
|
268
268
|
});
|
|
269
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
269
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement("nav", {
|
|
270
270
|
...styleProps,
|
|
271
271
|
...navProps,
|
|
272
272
|
ref: domRef
|
|
273
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
273
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement("ul", {
|
|
274
274
|
ref: listRef,
|
|
275
|
-
className: $
|
|
275
|
+
className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs', {
|
|
276
276
|
'spectrum-Breadcrumbs--small': size === 'S',
|
|
277
277
|
'spectrum-Breadcrumbs--medium': size === 'M',
|
|
278
278
|
'spectrum-Breadcrumbs--multiline': isMultiline,
|
|
@@ -283,11 +283,11 @@ function $ce45029bf0c8e0f0$var$Breadcrumbs(props, ref) {
|
|
|
283
283
|
}
|
|
284
284
|
/**
|
|
285
285
|
* Breadcrumbs show hierarchy and navigational context for a user’s location within an application.
|
|
286
|
-
*/ let $
|
|
286
|
+
*/ let $299bf776d9162a05$export$2dc68d50d56fbbd = /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).forwardRef($299bf776d9162a05$var$Breadcrumbs);
|
|
287
287
|
|
|
288
288
|
|
|
289
289
|
|
|
290
|
-
$parcel$exportWildcard(module.exports, $
|
|
290
|
+
$parcel$exportWildcard(module.exports, $299bf776d9162a05$exports);
|
|
291
291
|
|
|
292
292
|
|
|
293
293
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {Item as $
|
|
3
|
-
import {ActionButton as $
|
|
4
|
-
import {useDOMRef as $
|
|
5
|
-
import $
|
|
6
|
-
import {MenuTrigger as $
|
|
7
|
-
import $
|
|
8
|
-
import {useBreadcrumbs as $
|
|
9
|
-
import {useValueEffect as $
|
|
10
|
-
import {useProviderProps as $
|
|
11
|
-
import $
|
|
12
|
-
import {FocusRing as $
|
|
13
|
-
import {useHover as $
|
|
14
|
-
import {useLocale as $
|
|
2
|
+
import {Item as $37781313afe0968e$re_export$Item} from "@react-stately/collections";
|
|
3
|
+
import {ActionButton as $koRP3$ActionButton} from "@react-spectrum/button";
|
|
4
|
+
import {useDOMRef as $koRP3$useDOMRef, useStyleProps as $koRP3$useStyleProps, classNames as $koRP3$classNames, getWrappedElement as $koRP3$getWrappedElement} from "@react-spectrum/utils";
|
|
5
|
+
import $koRP3$spectrumiconsuiFolderBreadcrumb from "@spectrum-icons/ui/FolderBreadcrumb";
|
|
6
|
+
import {MenuTrigger as $koRP3$MenuTrigger, Menu as $koRP3$Menu} from "@react-spectrum/menu";
|
|
7
|
+
import $koRP3$react, {useRef as $koRP3$useRef, useCallback as $koRP3$useCallback, Fragment as $koRP3$Fragment} from "react";
|
|
8
|
+
import {useBreadcrumbs as $koRP3$useBreadcrumbs, useBreadcrumbItem as $koRP3$useBreadcrumbItem} from "@react-aria/breadcrumbs";
|
|
9
|
+
import {useValueEffect as $koRP3$useValueEffect, useResizeObserver as $koRP3$useResizeObserver, useLayoutEffect as $koRP3$useLayoutEffect, mergeProps as $koRP3$mergeProps} from "@react-aria/utils";
|
|
10
|
+
import {useProviderProps as $koRP3$useProviderProps} from "@react-spectrum/provider";
|
|
11
|
+
import $koRP3$spectrumiconsuiChevronRightSmall from "@spectrum-icons/ui/ChevronRightSmall";
|
|
12
|
+
import {FocusRing as $koRP3$FocusRing} from "@react-aria/focus";
|
|
13
|
+
import {useHover as $koRP3$useHover} from "@react-aria/interactions";
|
|
14
|
+
import {useLocale as $koRP3$useLocale} from "@react-aria/i18n";
|
|
15
15
|
|
|
16
16
|
function $parcel$interopDefault(a) {
|
|
17
17
|
return a && a.__esModule ? a.default : a;
|
|
@@ -19,91 +19,91 @@ function $parcel$interopDefault(a) {
|
|
|
19
19
|
function $parcel$export(e, n, v, s) {
|
|
20
20
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
21
21
|
}
|
|
22
|
-
var $
|
|
22
|
+
var $2adaf67aabd3300b$exports = {};
|
|
23
23
|
|
|
24
|
-
$parcel$export($
|
|
24
|
+
$parcel$export($2adaf67aabd3300b$exports, "Breadcrumbs", () => $2adaf67aabd3300b$export$2dc68d50d56fbbd);
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
var $
|
|
31
|
+
var $48e85557f3729e3d$exports = {};
|
|
32
32
|
|
|
33
|
-
$parcel$export($
|
|
34
|
-
$parcel$export($
|
|
35
|
-
$parcel$export($
|
|
36
|
-
$parcel$export($
|
|
37
|
-
$parcel$export($
|
|
38
|
-
$parcel$export($
|
|
39
|
-
$parcel$export($
|
|
40
|
-
$parcel$export($
|
|
41
|
-
$parcel$export($
|
|
42
|
-
$parcel$export($
|
|
43
|
-
$parcel$export($
|
|
44
|
-
$parcel$export($
|
|
45
|
-
$parcel$export($
|
|
46
|
-
$parcel$export($
|
|
47
|
-
$parcel$export($
|
|
48
|
-
$parcel$export($
|
|
49
|
-
var $
|
|
50
|
-
var $
|
|
51
|
-
var $
|
|
52
|
-
var $
|
|
53
|
-
var $
|
|
54
|
-
var $
|
|
55
|
-
var $
|
|
56
|
-
var $
|
|
57
|
-
var $
|
|
58
|
-
var $
|
|
59
|
-
var $
|
|
60
|
-
var $
|
|
61
|
-
var $
|
|
62
|
-
var $
|
|
63
|
-
var $
|
|
64
|
-
var $
|
|
65
|
-
$
|
|
66
|
-
$
|
|
67
|
-
$
|
|
68
|
-
$
|
|
69
|
-
$
|
|
70
|
-
$
|
|
71
|
-
$
|
|
72
|
-
$
|
|
73
|
-
$
|
|
74
|
-
$
|
|
75
|
-
$
|
|
76
|
-
$
|
|
77
|
-
$
|
|
78
|
-
$
|
|
79
|
-
$
|
|
80
|
-
$
|
|
33
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs", () => $48e85557f3729e3d$export$8c6320d2db82081f, (v) => $48e85557f3729e3d$export$8c6320d2db82081f = v);
|
|
34
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs-itemSeparator", () => $48e85557f3729e3d$export$f72910e36cd91d1e, (v) => $48e85557f3729e3d$export$f72910e36cd91d1e = v);
|
|
35
|
+
$parcel$export($48e85557f3729e3d$exports, "is-reversed", () => $48e85557f3729e3d$export$a4561bd665abb5db, (v) => $48e85557f3729e3d$export$a4561bd665abb5db = v);
|
|
36
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs-item", () => $48e85557f3729e3d$export$492a5983c5fbf603, (v) => $48e85557f3729e3d$export$492a5983c5fbf603 = v);
|
|
37
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-ActionButton", () => $48e85557f3729e3d$export$53da69f51b770d3, (v) => $48e85557f3729e3d$export$53da69f51b770d3 = v);
|
|
38
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs-itemLink", () => $48e85557f3729e3d$export$5af6a1bcd207d9f6, (v) => $48e85557f3729e3d$export$5af6a1bcd207d9f6 = v);
|
|
39
|
+
$parcel$export($48e85557f3729e3d$exports, "is-hovered", () => $48e85557f3729e3d$export$b8813cd5d7824ce7, (v) => $48e85557f3729e3d$export$b8813cd5d7824ce7 = v);
|
|
40
|
+
$parcel$export($48e85557f3729e3d$exports, "focus-ring", () => $48e85557f3729e3d$export$f39a09f249340e2a, (v) => $48e85557f3729e3d$export$f39a09f249340e2a = v);
|
|
41
|
+
$parcel$export($48e85557f3729e3d$exports, "is-dragged", () => $48e85557f3729e3d$export$8778c911bed6c759, (v) => $48e85557f3729e3d$export$8778c911bed6c759 = v);
|
|
42
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs--small", () => $48e85557f3729e3d$export$e01337e7944312f6, (v) => $48e85557f3729e3d$export$e01337e7944312f6 = v);
|
|
43
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs--medium", () => $48e85557f3729e3d$export$19f957201d941895, (v) => $48e85557f3729e3d$export$19f957201d941895 = v);
|
|
44
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs--multiline", () => $48e85557f3729e3d$export$713961e8e432825b, (v) => $48e85557f3729e3d$export$713961e8e432825b = v);
|
|
45
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Heading--pageTitle", () => $48e85557f3729e3d$export$63e9e087a73f808b, (v) => $48e85557f3729e3d$export$63e9e087a73f808b = v);
|
|
46
|
+
$parcel$export($48e85557f3729e3d$exports, "is-disabled", () => $48e85557f3729e3d$export$d35bc1e505d1ebbf, (v) => $48e85557f3729e3d$export$d35bc1e505d1ebbf = v);
|
|
47
|
+
$parcel$export($48e85557f3729e3d$exports, "is-selected", () => $48e85557f3729e3d$export$1e0fb04f31d3c22a, (v) => $48e85557f3729e3d$export$1e0fb04f31d3c22a = v);
|
|
48
|
+
$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumb", () => $48e85557f3729e3d$export$45a5316056cfac3c, (v) => $48e85557f3729e3d$export$45a5316056cfac3c = v);
|
|
49
|
+
var $48e85557f3729e3d$export$8c6320d2db82081f;
|
|
50
|
+
var $48e85557f3729e3d$export$f72910e36cd91d1e;
|
|
51
|
+
var $48e85557f3729e3d$export$a4561bd665abb5db;
|
|
52
|
+
var $48e85557f3729e3d$export$492a5983c5fbf603;
|
|
53
|
+
var $48e85557f3729e3d$export$53da69f51b770d3;
|
|
54
|
+
var $48e85557f3729e3d$export$5af6a1bcd207d9f6;
|
|
55
|
+
var $48e85557f3729e3d$export$b8813cd5d7824ce7;
|
|
56
|
+
var $48e85557f3729e3d$export$f39a09f249340e2a;
|
|
57
|
+
var $48e85557f3729e3d$export$8778c911bed6c759;
|
|
58
|
+
var $48e85557f3729e3d$export$e01337e7944312f6;
|
|
59
|
+
var $48e85557f3729e3d$export$19f957201d941895;
|
|
60
|
+
var $48e85557f3729e3d$export$713961e8e432825b;
|
|
61
|
+
var $48e85557f3729e3d$export$63e9e087a73f808b;
|
|
62
|
+
var $48e85557f3729e3d$export$d35bc1e505d1ebbf;
|
|
63
|
+
var $48e85557f3729e3d$export$1e0fb04f31d3c22a;
|
|
64
|
+
var $48e85557f3729e3d$export$45a5316056cfac3c;
|
|
65
|
+
$48e85557f3729e3d$export$8c6320d2db82081f = "spectrum-Breadcrumbs_3fe6e8";
|
|
66
|
+
$48e85557f3729e3d$export$f72910e36cd91d1e = "spectrum-Breadcrumbs-itemSeparator_3fe6e8";
|
|
67
|
+
$48e85557f3729e3d$export$a4561bd665abb5db = "is-reversed_3fe6e8";
|
|
68
|
+
$48e85557f3729e3d$export$492a5983c5fbf603 = "spectrum-Breadcrumbs-item_3fe6e8";
|
|
69
|
+
$48e85557f3729e3d$export$53da69f51b770d3 = "spectrum-ActionButton_3fe6e8";
|
|
70
|
+
$48e85557f3729e3d$export$5af6a1bcd207d9f6 = "spectrum-Breadcrumbs-itemLink_3fe6e8";
|
|
71
|
+
$48e85557f3729e3d$export$b8813cd5d7824ce7 = "is-hovered_3fe6e8";
|
|
72
|
+
$48e85557f3729e3d$export$f39a09f249340e2a = "focus-ring_3fe6e8";
|
|
73
|
+
$48e85557f3729e3d$export$8778c911bed6c759 = "is-dragged_3fe6e8";
|
|
74
|
+
$48e85557f3729e3d$export$e01337e7944312f6 = "spectrum-Breadcrumbs--small_3fe6e8";
|
|
75
|
+
$48e85557f3729e3d$export$19f957201d941895 = "spectrum-Breadcrumbs--medium_3fe6e8";
|
|
76
|
+
$48e85557f3729e3d$export$713961e8e432825b = "spectrum-Breadcrumbs--multiline_3fe6e8";
|
|
77
|
+
$48e85557f3729e3d$export$63e9e087a73f808b = "spectrum-Heading--pageTitle_3fe6e8";
|
|
78
|
+
$48e85557f3729e3d$export$d35bc1e505d1ebbf = "is-disabled_3fe6e8";
|
|
79
|
+
$48e85557f3729e3d$export$1e0fb04f31d3c22a = "is-selected_3fe6e8";
|
|
80
|
+
$48e85557f3729e3d$export$45a5316056cfac3c = "spectrum-Breadcrumb_3fe6e8";
|
|
81
81
|
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
function $
|
|
86
|
+
function $2bfa2c84c665c457$export$c13f210c706eb549(props) {
|
|
87
87
|
let { children: children , isCurrent: isCurrent , isDisabled: isDisabled } = props;
|
|
88
|
-
let { direction: direction } = $
|
|
89
|
-
let ref = $
|
|
90
|
-
let { itemProps: itemProps } = $
|
|
88
|
+
let { direction: direction } = $koRP3$useLocale();
|
|
89
|
+
let ref = $koRP3$useRef();
|
|
90
|
+
let { itemProps: itemProps } = $koRP3$useBreadcrumbItem({
|
|
91
91
|
...props,
|
|
92
92
|
elementType: typeof children === 'string' ? 'span' : 'a'
|
|
93
93
|
}, ref);
|
|
94
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
95
|
-
let element = /*#__PURE__*/ $
|
|
96
|
-
...$
|
|
94
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $koRP3$useHover(props);
|
|
95
|
+
let element = /*#__PURE__*/ $koRP3$react.cloneElement($koRP3$getWrappedElement(children), {
|
|
96
|
+
...$koRP3$mergeProps(itemProps, hoverProps),
|
|
97
97
|
ref: ref,
|
|
98
|
-
className: $
|
|
98
|
+
className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs-itemLink', {
|
|
99
99
|
'is-disabled': !isCurrent && isDisabled,
|
|
100
100
|
'is-hovered': isHovered
|
|
101
101
|
})
|
|
102
102
|
});
|
|
103
|
-
return(/*#__PURE__*/ $
|
|
104
|
-
focusRingClass: $
|
|
105
|
-
}, element), isCurrent === false && /*#__PURE__*/ $
|
|
106
|
-
UNSAFE_className: $
|
|
103
|
+
return(/*#__PURE__*/ $koRP3$react.createElement($koRP3$Fragment, null, /*#__PURE__*/ $koRP3$react.createElement($koRP3$FocusRing, {
|
|
104
|
+
focusRingClass: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'focus-ring')
|
|
105
|
+
}, element), isCurrent === false && /*#__PURE__*/ $koRP3$react.createElement($koRP3$spectrumiconsuiChevronRightSmall, {
|
|
106
|
+
UNSAFE_className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs-itemSeparator', {
|
|
107
107
|
'is-reversed': direction === 'rtl'
|
|
108
108
|
})
|
|
109
109
|
})));
|
|
@@ -119,22 +119,22 @@ function $0a7d4924239a1c00$export$c13f210c706eb549(props) {
|
|
|
119
119
|
|
|
120
120
|
|
|
121
121
|
|
|
122
|
-
const $
|
|
123
|
-
const $
|
|
124
|
-
function $
|
|
125
|
-
props = $
|
|
122
|
+
const $2adaf67aabd3300b$var$MIN_VISIBLE_ITEMS = 1;
|
|
123
|
+
const $2adaf67aabd3300b$var$MAX_VISIBLE_ITEMS = 4;
|
|
124
|
+
function $2adaf67aabd3300b$var$Breadcrumbs(props, ref) {
|
|
125
|
+
props = $koRP3$useProviderProps(props);
|
|
126
126
|
let { size: size = 'L' , isMultiline: isMultiline , children: children , showRoot: showRoot , isDisabled: isDisabled , onAction: onAction , ...otherProps } = props;
|
|
127
127
|
// Not using React.Children.toArray because it mutates the key prop.
|
|
128
128
|
let childArray = [];
|
|
129
|
-
$
|
|
130
|
-
if (/*#__PURE__*/ $
|
|
129
|
+
$koRP3$react.Children.forEach(children, (child)=>{
|
|
130
|
+
if (/*#__PURE__*/ $koRP3$react.isValidElement(child)) childArray.push(child);
|
|
131
131
|
});
|
|
132
|
-
let domRef = $
|
|
133
|
-
let listRef = $
|
|
134
|
-
let [visibleItems1, setVisibleItems] = $
|
|
135
|
-
let { navProps: navProps } = $
|
|
136
|
-
let { styleProps: styleProps } = $
|
|
137
|
-
let updateOverflow = $
|
|
132
|
+
let domRef = $koRP3$useDOMRef(ref);
|
|
133
|
+
let listRef = $koRP3$useRef(null);
|
|
134
|
+
let [visibleItems1, setVisibleItems] = $koRP3$useValueEffect(childArray.length);
|
|
135
|
+
let { navProps: navProps } = $koRP3$useBreadcrumbs(props);
|
|
136
|
+
let { styleProps: styleProps } = $koRP3$useStyleProps(otherProps);
|
|
137
|
+
let updateOverflow = $koRP3$useCallback(()=>{
|
|
138
138
|
let computeVisibleItems = (visibleItems)=>{
|
|
139
139
|
// Refs can be null at runtime.
|
|
140
140
|
let currListRef = listRef.current;
|
|
@@ -144,7 +144,7 @@ function $017653b257c6ca18$var$Breadcrumbs(props, ref) {
|
|
|
144
144
|
let isShowingMenu = childArray.length > visibleItems;
|
|
145
145
|
let calculatedWidth = 0;
|
|
146
146
|
let newVisibleItems = 0;
|
|
147
|
-
let maxVisibleItems = $
|
|
147
|
+
let maxVisibleItems = $2adaf67aabd3300b$var$MAX_VISIBLE_ITEMS;
|
|
148
148
|
if (showRoot) {
|
|
149
149
|
calculatedWidth += listItems.shift().offsetWidth;
|
|
150
150
|
newVisibleItems++;
|
|
@@ -170,7 +170,7 @@ function $017653b257c6ca18$var$Breadcrumbs(props, ref) {
|
|
|
170
170
|
calculatedWidth += breadcrumb.offsetWidth;
|
|
171
171
|
if (calculatedWidth < containerWidth) newVisibleItems++;
|
|
172
172
|
}
|
|
173
|
-
return Math.max($
|
|
173
|
+
return Math.max($2adaf67aabd3300b$var$MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));
|
|
174
174
|
};
|
|
175
175
|
setVisibleItems(function*() {
|
|
176
176
|
// Update to show all items.
|
|
@@ -189,11 +189,11 @@ function $017653b257c6ca18$var$Breadcrumbs(props, ref) {
|
|
|
189
189
|
showRoot,
|
|
190
190
|
isMultiline
|
|
191
191
|
]);
|
|
192
|
-
$
|
|
192
|
+
$koRP3$useResizeObserver({
|
|
193
193
|
ref: domRef,
|
|
194
194
|
onResize: updateOverflow
|
|
195
195
|
});
|
|
196
|
-
$
|
|
196
|
+
$koRP3$useLayoutEffect(updateOverflow, [
|
|
197
197
|
children
|
|
198
198
|
]);
|
|
199
199
|
let contents = childArray;
|
|
@@ -205,13 +205,13 @@ function $017653b257c6ca18$var$Breadcrumbs(props, ref) {
|
|
|
205
205
|
// Don't fire onAction when clicking on the last item
|
|
206
206
|
if (key !== selectedKey && onAction) onAction(key);
|
|
207
207
|
};
|
|
208
|
-
let menuItem = /*#__PURE__*/ $
|
|
208
|
+
let menuItem = /*#__PURE__*/ $koRP3$react.createElement($2bfa2c84c665c457$export$c13f210c706eb549, {
|
|
209
209
|
key: "menu"
|
|
210
|
-
}, /*#__PURE__*/ $
|
|
210
|
+
}, /*#__PURE__*/ $koRP3$react.createElement($koRP3$MenuTrigger, null, /*#__PURE__*/ $koRP3$react.createElement($koRP3$ActionButton, {
|
|
211
211
|
"aria-label": "…",
|
|
212
212
|
isQuiet: true,
|
|
213
213
|
isDisabled: isDisabled
|
|
214
|
-
}, /*#__PURE__*/ $
|
|
214
|
+
}, /*#__PURE__*/ $koRP3$react.createElement($koRP3$spectrumiconsuiFolderBreadcrumb, null)), /*#__PURE__*/ $koRP3$react.createElement($koRP3$Menu, {
|
|
215
215
|
selectionMode: "single",
|
|
216
216
|
selectedKeys: [
|
|
217
217
|
selectedKey
|
|
@@ -239,22 +239,22 @@ function $017653b257c6ca18$var$Breadcrumbs(props, ref) {
|
|
|
239
239
|
let onPress = ()=>{
|
|
240
240
|
if (onAction) onAction(key);
|
|
241
241
|
};
|
|
242
|
-
return(/*#__PURE__*/ $
|
|
242
|
+
return(/*#__PURE__*/ $koRP3$react.createElement("li", {
|
|
243
243
|
key: key,
|
|
244
|
-
className: $
|
|
245
|
-
}, /*#__PURE__*/ $
|
|
244
|
+
className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs-item')
|
|
245
|
+
}, /*#__PURE__*/ $koRP3$react.createElement($2bfa2c84c665c457$export$c13f210c706eb549, {
|
|
246
246
|
isCurrent: isCurrent,
|
|
247
247
|
isDisabled: isDisabled,
|
|
248
248
|
onPress: onPress
|
|
249
249
|
}, child.props.children)));
|
|
250
250
|
});
|
|
251
|
-
return(/*#__PURE__*/ $
|
|
251
|
+
return(/*#__PURE__*/ $koRP3$react.createElement("nav", {
|
|
252
252
|
...styleProps,
|
|
253
253
|
...navProps,
|
|
254
254
|
ref: domRef
|
|
255
|
-
}, /*#__PURE__*/ $
|
|
255
|
+
}, /*#__PURE__*/ $koRP3$react.createElement("ul", {
|
|
256
256
|
ref: listRef,
|
|
257
|
-
className: $
|
|
257
|
+
className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs', {
|
|
258
258
|
'spectrum-Breadcrumbs--small': size === 'S',
|
|
259
259
|
'spectrum-Breadcrumbs--medium': size === 'M',
|
|
260
260
|
'spectrum-Breadcrumbs--multiline': isMultiline,
|
|
@@ -265,11 +265,11 @@ function $017653b257c6ca18$var$Breadcrumbs(props, ref) {
|
|
|
265
265
|
}
|
|
266
266
|
/**
|
|
267
267
|
* Breadcrumbs show hierarchy and navigational context for a user’s location within an application.
|
|
268
|
-
*/ let $
|
|
268
|
+
*/ let $2adaf67aabd3300b$export$2dc68d50d56fbbd = /*#__PURE__*/ $koRP3$react.forwardRef($2adaf67aabd3300b$var$Breadcrumbs);
|
|
269
269
|
|
|
270
270
|
|
|
271
271
|
|
|
272
272
|
|
|
273
273
|
|
|
274
|
-
export {$
|
|
274
|
+
export {$37781313afe0968e$re_export$Item as Item, $2adaf67aabd3300b$export$2dc68d50d56fbbd as Breadcrumbs};
|
|
275
275
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/breadcrumbs",
|
|
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",
|
|
@@ -32,18 +32,18 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/breadcrumbs": "^3.1.
|
|
36
|
-
"@react-aria/focus": "^3.5.
|
|
37
|
-
"@react-aria/i18n": "^3.3.
|
|
38
|
-
"@react-aria/interactions": "^3.8.
|
|
39
|
-
"@react-aria/utils": "^3.11.
|
|
40
|
-
"@react-spectrum/button": "^3.7.
|
|
41
|
-
"@react-spectrum/menu": "^3.6.
|
|
42
|
-
"@react-spectrum/utils": "^3.6.
|
|
43
|
-
"@react-stately/collections": "^3.3.
|
|
44
|
-
"@react-types/breadcrumbs": "^3.2.
|
|
45
|
-
"@react-types/shared": "^3.11.
|
|
46
|
-
"@spectrum-icons/ui": "^3.2.
|
|
35
|
+
"@react-aria/breadcrumbs": "^3.1.8",
|
|
36
|
+
"@react-aria/focus": "^3.5.3",
|
|
37
|
+
"@react-aria/i18n": "^3.3.7",
|
|
38
|
+
"@react-aria/interactions": "^3.8.2",
|
|
39
|
+
"@react-aria/utils": "^3.11.3",
|
|
40
|
+
"@react-spectrum/button": "^3.7.2",
|
|
41
|
+
"@react-spectrum/menu": "^3.6.2",
|
|
42
|
+
"@react-spectrum/utils": "^3.6.6",
|
|
43
|
+
"@react-stately/collections": "^3.3.7",
|
|
44
|
+
"@react-types/breadcrumbs": "^3.2.4",
|
|
45
|
+
"@react-types/shared": "^3.11.2",
|
|
46
|
+
"@spectrum-icons/ui": "^3.2.4"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"publishConfig": {
|
|
57
57
|
"access": "public"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
|
|
60
60
|
}
|