@react-spectrum/breadcrumbs 3.0.0-nightly.1383 → 3.0.0-nightly.1395
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.css +1 -3
- package/dist/main.js +117 -117
- package/dist/main.js.map +1 -1
- package/dist/module.js +103 -103
- package/dist/module.js.map +1 -1
- package/package.json +15 -15
package/dist/main.css
CHANGED
|
@@ -1,3 +1 @@
|
|
|
1
|
-
.
|
|
2
|
-
._spectrum-Breadcrumbs-itemLink_3fe6e8._focus-ring_3fe6e8:before{left:0}[dir=rtl] ._spectrum-Breadcrumbs-item_3fe6e8._is-dragged_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8:before,[dir=rtl]
|
|
3
|
-
._spectrum-Breadcrumbs-itemLink_3fe6e8._focus-ring_3fe6e8:before{right:0}._spectrum-Breadcrumbs-item_3fe6e8._is-dragged_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8:before,._spectrum-Breadcrumbs-itemLink_3fe6e8._focus-ring_3fe6e8:before{border-radius:var(--spectrum-breadcrumb-item-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid;border-width:var(--spectrum-breadcrumb-item-border-size-key-focus,var(--spectrum-alias-border-size-thick));box-sizing:border-box;content:"";display:block;height:100%;pointer-events:none;position:absolute;top:0;width:100%}._spectrum-Breadcrumbs--small_3fe6e8 ._spectrum-Breadcrumbs-item_3fe6e8{font-size:var(--spectrum-breadcrumb-multiline-item-text-size,var(--spectrum-global-dimension-font-size-75))}._spectrum-Breadcrumbs--medium_3fe6e8 ._spectrum-Breadcrumbs-item_3fe6e8{font-size:var(--spectrum-breadcrumb-compact-item-text-size,var(--spectrum-global-dimension-font-size-100))}._spectrum-Breadcrumbs--multiline_3fe6e8{-ms-flex-wrap:wrap;flex-wrap:wrap}._spectrum-Breadcrumbs--multiline_3fe6e8 ._spectrum-Breadcrumbs-item_3fe6e8:last-of-type{-ms-flex:0 1 100%;flex:0 1 100%;font-size:var(--spectrum-breadcrumb-multiline-title-text-size,var(--spectrum-global-dimension-font-size-300));font-weight:var(--spectrum-breadcrumb-multiline-title-text-font-weight,var(--spectrum-alias-body-text-font-weight-strong));height:auto;line-height:var(--spectrum-breadcrumb-multiline-title-text-line-height,var(--spectrum-alias-heading-text-line-height));margin-top:var(--spectrum-breadcrumb-multiline-title-margin-top,var(--spectrum-global-dimension-static-size-0))}._spectrum-Breadcrumbs--multiline_3fe6e8 ._spectrum-Breadcrumbs-item_3fe6e8:last-of-type ._spectrum-Breadcrumbs-itemLink_3fe6e8{height:auto;text-decoration:none}._spectrum-Breadcrumbs--multiline_3fe6e8 ._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Heading--pageTitle_3fe6e8{font-size:inherit;font-weight:inherit;margin:0}._spectrum-Breadcrumbs-item_3fe6e8{color:var(--spectrum-breadcrumb-text-color,var(--spectrum-alias-label-text-color))}._spectrum-Breadcrumbs-item_3fe6e8._is-dragged_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8{background-color:var(--spectrum-breadcrumb-item-background-color-drop,var(--spectrum-alias-highlight-selected));color:var(--spectrum-breadcrumb-item-text-color-drop,var(--spectrum-alias-text-color-hover))}._spectrum-Breadcrumbs-item_3fe6e8._is-dragged_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8:before{border-color:var(--spectrum-breadcrumb-item-border-color-drop,var(--spectrum-global-color-blue-500))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemSeparator_3fe6e8{color:var(--spectrum-breadcrumb-ui-icon-color,var(--spectrum-global-color-gray-500))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8{color:inherit}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8._is-hovered_3fe6e8{color:var(--spectrum-breadcrumb-text-color-hover,var(--spectrum-alias-text-color-hover))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8._focus-ring_3fe6e8{color:var(--spectrum-breadcrumb-text-color-key-focus,var(--spectrum-alias-text-color-hover))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8._focus-ring_3fe6e8:before{border-color:var(--spectrum-breadcrumb-item-border-color-key-focus,var(--spectrum-alias-border-color-focus))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8:active{border-bottom:0;color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8._is-disabled_3fe6e8{color:var(--spectrum-label-text-color-disabled,var(--spectrum-alias-text-color-disabled))}._spectrum-Breadcrumbs-item_3fe6e8._is-selected_3fe6e8,._spectrum-Breadcrumbs-item_3fe6e8:last-of-type{color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down))}._spectrum-Breadcrumbs-item_3fe6e8._is-selected_3fe6e8~._spectrum-Breadcrumb_3fe6e8:last-of-type{color:var(--spectrum-breadcrumb-text-color,var(--spectrum-alias-label-text-color))}._spectrum-Breadcrumbs-item_3fe6e8._is-selected_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8._focus-ring_3fe6e8{border-bottom:0;color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down))}@media (forced-colors:active){._spectrum-Breadcrumbs-item_3fe6e8{--spectrum-breadcrumb-item-border-color-drop:LinkText;--spectrum-breadcrumb-item-border-color-key-focus:CanvasText;--spectrum-breadcrumb-item-text-color-drop:LinkText;--spectrum-breadcrumb-text-color:LinkText;--spectrum-breadcrumb-text-color-down:CanvasText;--spectrum-breadcrumb-text-color-hover:LinkText;--spectrum-breadcrumb-text-color-key-focus:LinkText;--spectrum-breadcrumb-ui-icon-color:CanvasText;--spectrum-label-text-color-disabled:GrayText}._spectrum-Breadcrumbs-item_3fe6e8._is-selected_3fe6e8,._spectrum-Breadcrumbs-item_3fe6e8._is-selected_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8._is-hovered_3fe6e8,._spectrum-Breadcrumbs-item_3fe6e8:last-of-type,._spectrum-Breadcrumbs-item_3fe6e8:last-of-type ._spectrum-Breadcrumbs-itemLink_3fe6e8._is-hovered_3fe6e8{color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8:active{color:var(--spectrum-breadcrumb-text-color,var(--spectrum-alias-label-text-color))}._spectrum-Breadcrumbs-item_3fe6e8 ._spectrum-Breadcrumbs-itemLink_3fe6e8._is-disabled_3fe6e8:active{color:var(--spectrum-label-text-color-disabled,var(--spectrum-alias-text-color-disabled))}}
|
|
1
|
+
.spectrum-Breadcrumbs_3fe6e8{flex-wrap:nowrap;flex:1 0;justify-content:flex-start;margin:0;padding:0;list-style-type:none;display:flex}.spectrum-Breadcrumbs-itemSeparator_3fe6e8{top:var(--spectrum-global-dimension-size-10);width:var(--spectrum-breadcrumb-ui-icon-width,var(--spectrum-global-dimension-size-75));height:var(--spectrum-breadcrumb-ui-icon-height,var(--spectrum-global-dimension-size-100));opacity:1;position:relative;transform:scale(1)}.spectrum-Breadcrumbs-itemSeparator_3fe6e8.is-reversed_3fe6e8{transform:scale(-1)}.spectrum-Breadcrumbs-item_3fe6e8{box-sizing:border-box;height:var(--spectrum-breadcrumb-list-height,var(--spectrum-global-dimension-size-400));white-space:nowrap;font-size:var(--spectrum-breadcrumb-item-text-size,var(--spectrum-global-dimension-font-size-200));font-weight:var(--spectrum-breadcrumb-item-text-font-weight,var(--spectrum-alias-body-text-font-weight));line-height:var(--spectrum-breadcrumb-item-text-line-height,var(--spectrum-alias-body-text-line-height));justify-content:flex-start;align-items:center;display:inline-flex;position:relative}.spectrum-Breadcrumbs-item_3fe6e8:last-of-type{font-weight:var(--spectrum-breadcrumb-title-text-font-weight,var(--spectrum-alias-body-text-font-weight-strong))}.spectrum-Breadcrumbs-item_3fe6e8:last-of-type .spectrum-Breadcrumbs-itemSeparator_3fe6e8{display:none}[dir=ltr] .spectrum-Breadcrumbs-item_3fe6e8>.spectrum-ActionButton_3fe6e8{margin-right:var(--spectrum-breadcrumb-button-gap,var(--spectrum-global-dimension-static-size-10))}[dir=rtl] .spectrum-Breadcrumbs-item_3fe6e8>.spectrum-ActionButton_3fe6e8{margin-left:var(--spectrum-breadcrumb-button-gap,var(--spectrum-global-dimension-static-size-10))}.spectrum-Breadcrumbs-item_3fe6e8:last-child{overflow:hidden}.spectrum-Breadcrumbs-item_3fe6e8:last-child .spectrum-Breadcrumbs-itemLink_3fe6e8{text-overflow:ellipsis;overflow:hidden}[dir=ltr] .spectrum-Breadcrumbs-itemLink_3fe6e8{margin-right:var(--spectrum-breadcrumb-item-margin-right,var(--spectrum-global-dimension-static-size-10))}[dir=rtl] .spectrum-Breadcrumbs-itemLink_3fe6e8{margin-left:var(--spectrum-breadcrumb-item-margin-right,var(--spectrum-global-dimension-static-size-10))}.spectrum-Breadcrumbs-itemLink_3fe6e8{cursor:default;line-height:var(--spectrum-breadcrumb-list-height,var(--spectrum-global-dimension-size-400));vertical-align:middle;padding:0 var(--spectrum-breadcrumb-item-padding-x,var(--spectrum-global-dimension-size-100));height:var(--spectrum-breadcrumb-list-height,var(--spectrum-global-dimension-size-400));border-radius:var(--spectrum-breadcrumb-item-border-radius,var(--spectrum-alias-border-radius-regular));font-size:inherit;outline:0;margin-top:0;margin-bottom:0;text-decoration:none;position:relative}.spectrum-Breadcrumbs-itemLink_3fe6e8[href],.spectrum-Breadcrumbs-itemLink_3fe6e8[tabindex="0"]{cursor:pointer}.spectrum-Breadcrumbs-itemLink_3fe6e8[href].is-hovered_3fe6e8,.spectrum-Breadcrumbs-itemLink_3fe6e8[href].focus-ring_3fe6e8,.spectrum-Breadcrumbs-itemLink_3fe6e8[tabindex="0"].is-hovered_3fe6e8,.spectrum-Breadcrumbs-itemLink_3fe6e8[tabindex="0"].focus-ring_3fe6e8{text-decoration:underline}[dir=ltr] .spectrum-Breadcrumbs-item_3fe6e8.is-dragged_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8:before,[dir=ltr] .spectrum-Breadcrumbs-itemLink_3fe6e8.focus-ring_3fe6e8:before{left:0}[dir=rtl] .spectrum-Breadcrumbs-item_3fe6e8.is-dragged_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8:before,[dir=rtl] .spectrum-Breadcrumbs-itemLink_3fe6e8.focus-ring_3fe6e8:before{right:0}.spectrum-Breadcrumbs-item_3fe6e8.is-dragged_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8:before,.spectrum-Breadcrumbs-itemLink_3fe6e8.focus-ring_3fe6e8:before{box-sizing:border-box;width:100%;height:100%;border-width:var(--spectrum-breadcrumb-item-border-size-key-focus,var(--spectrum-alias-border-size-thick));border-radius:var(--spectrum-breadcrumb-item-border-radius,var(--spectrum-alias-border-radius-regular));content:"";pointer-events:none;border-style:solid;display:block;position:absolute;top:0}.spectrum-Breadcrumbs--small_3fe6e8 .spectrum-Breadcrumbs-item_3fe6e8{font-size:var(--spectrum-breadcrumb-multiline-item-text-size,var(--spectrum-global-dimension-font-size-75))}.spectrum-Breadcrumbs--medium_3fe6e8 .spectrum-Breadcrumbs-item_3fe6e8{font-size:var(--spectrum-breadcrumb-compact-item-text-size,var(--spectrum-global-dimension-font-size-100))}.spectrum-Breadcrumbs--multiline_3fe6e8{flex-wrap:wrap}.spectrum-Breadcrumbs--multiline_3fe6e8 .spectrum-Breadcrumbs-item_3fe6e8:last-of-type{height:auto;margin-top:var(--spectrum-breadcrumb-multiline-title-margin-top,var(--spectrum-global-dimension-static-size-0));font-size:var(--spectrum-breadcrumb-multiline-title-text-size,var(--spectrum-global-dimension-font-size-300));font-weight:var(--spectrum-breadcrumb-multiline-title-text-font-weight,var(--spectrum-alias-body-text-font-weight-strong));line-height:var(--spectrum-breadcrumb-multiline-title-text-line-height,var(--spectrum-alias-heading-text-line-height));flex:0 100%}.spectrum-Breadcrumbs--multiline_3fe6e8 .spectrum-Breadcrumbs-item_3fe6e8:last-of-type .spectrum-Breadcrumbs-itemLink_3fe6e8{height:auto;text-decoration:none}.spectrum-Breadcrumbs--multiline_3fe6e8 .spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Heading--pageTitle_3fe6e8{font-size:inherit;font-weight:inherit;margin:0}.spectrum-Breadcrumbs-item_3fe6e8{color:var(--spectrum-breadcrumb-text-color,var(--spectrum-alias-label-text-color))}.spectrum-Breadcrumbs-item_3fe6e8.is-dragged_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8{color:var(--spectrum-breadcrumb-item-text-color-drop,var(--spectrum-alias-text-color-hover));background-color:var(--spectrum-breadcrumb-item-background-color-drop,var(--spectrum-alias-highlight-selected))}.spectrum-Breadcrumbs-item_3fe6e8.is-dragged_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8:before{border-color:var(--spectrum-breadcrumb-item-border-color-drop,var(--spectrum-global-color-blue-500))}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemSeparator_3fe6e8{color:var(--spectrum-breadcrumb-ui-icon-color,var(--spectrum-global-color-gray-500))}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8{color:inherit}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8.is-hovered_3fe6e8{color:var(--spectrum-breadcrumb-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8.focus-ring_3fe6e8{color:var(--spectrum-breadcrumb-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8.focus-ring_3fe6e8:before{border-color:var(--spectrum-breadcrumb-item-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8:active{color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down));border-bottom:0}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8.is-disabled_3fe6e8{color:var(--spectrum-label-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Breadcrumbs-item_3fe6e8.is-selected_3fe6e8,.spectrum-Breadcrumbs-item_3fe6e8:last-of-type{color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Breadcrumbs-item_3fe6e8.is-selected_3fe6e8~.spectrum-Breadcrumb_3fe6e8:last-of-type{color:var(--spectrum-breadcrumb-text-color,var(--spectrum-alias-label-text-color))}.spectrum-Breadcrumbs-item_3fe6e8.is-selected_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8.focus-ring_3fe6e8{color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down));border-bottom:0}@media (forced-colors:active){.spectrum-Breadcrumbs-item_3fe6e8{--spectrum-breadcrumb-item-border-color-drop:LinkText;--spectrum-breadcrumb-item-border-color-key-focus:CanvasText;--spectrum-breadcrumb-item-text-color-drop:LinkText;--spectrum-breadcrumb-text-color:LinkText;--spectrum-breadcrumb-text-color-down:CanvasText;--spectrum-breadcrumb-text-color-hover:LinkText;--spectrum-breadcrumb-text-color-key-focus:LinkText;--spectrum-breadcrumb-ui-icon-color:CanvasText;--spectrum-label-text-color-disabled:GrayText}.spectrum-Breadcrumbs-item_3fe6e8.is-selected_3fe6e8,.spectrum-Breadcrumbs-item_3fe6e8:last-of-type,.spectrum-Breadcrumbs-item_3fe6e8.is-selected_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8.is-hovered_3fe6e8,.spectrum-Breadcrumbs-item_3fe6e8:last-of-type .spectrum-Breadcrumbs-itemLink_3fe6e8.is-hovered_3fe6e8{color:var(--spectrum-breadcrumb-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8:active{color:var(--spectrum-breadcrumb-text-color,var(--spectrum-alias-label-text-color))}.spectrum-Breadcrumbs-item_3fe6e8 .spectrum-Breadcrumbs-itemLink_3fe6e8.is-disabled_3fe6e8:active{color:var(--spectrum-label-text-color-disabled,var(--spectrum-alias-text-color-disabled))}}
|
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 $mvOWt$reactstatelycollections = require("@react-stately/collections");
|
|
3
|
+
var $mvOWt$reactspectrumbutton = require("@react-spectrum/button");
|
|
4
|
+
var $mvOWt$reactspectrumutils = require("@react-spectrum/utils");
|
|
5
|
+
var $mvOWt$spectrumiconsuiFolderBreadcrumb = require("@spectrum-icons/ui/FolderBreadcrumb");
|
|
6
|
+
var $mvOWt$reactspectrummenu = require("@react-spectrum/menu");
|
|
7
|
+
var $mvOWt$react = require("react");
|
|
8
|
+
var $mvOWt$reactariabreadcrumbs = require("@react-aria/breadcrumbs");
|
|
9
|
+
var $mvOWt$reactariautils = require("@react-aria/utils");
|
|
10
|
+
var $mvOWt$reactspectrumprovider = require("@react-spectrum/provider");
|
|
11
|
+
var $mvOWt$spectrumiconsuiChevronRightSmall = require("@spectrum-icons/ui/ChevronRightSmall");
|
|
12
|
+
var $mvOWt$reactariafocus = require("@react-aria/focus");
|
|
13
|
+
var $mvOWt$reactariainteractions = require("@react-aria/interactions");
|
|
14
|
+
var $mvOWt$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", () => $f170607d25b093a0$re_export$Item);
|
|
40
|
+
var $e4fb3abd98f85208$exports = {};
|
|
41
|
+
|
|
42
|
+
$parcel$export($e4fb3abd98f85208$exports, "Breadcrumbs", () => $e4fb3abd98f85208$export$2dc68d50d56fbbd);
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
var $e406fe8ae3922b89$exports = {};
|
|
50
|
+
|
|
51
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumbs", () => $e406fe8ae3922b89$export$8c6320d2db82081f, (v) => $e406fe8ae3922b89$export$8c6320d2db82081f = v);
|
|
52
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumbs-itemSeparator", () => $e406fe8ae3922b89$export$f72910e36cd91d1e, (v) => $e406fe8ae3922b89$export$f72910e36cd91d1e = v);
|
|
53
|
+
$parcel$export($e406fe8ae3922b89$exports, "is-reversed", () => $e406fe8ae3922b89$export$a4561bd665abb5db, (v) => $e406fe8ae3922b89$export$a4561bd665abb5db = v);
|
|
54
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumbs-item", () => $e406fe8ae3922b89$export$492a5983c5fbf603, (v) => $e406fe8ae3922b89$export$492a5983c5fbf603 = v);
|
|
55
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-ActionButton", () => $e406fe8ae3922b89$export$53da69f51b770d3, (v) => $e406fe8ae3922b89$export$53da69f51b770d3 = v);
|
|
56
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumbs-itemLink", () => $e406fe8ae3922b89$export$5af6a1bcd207d9f6, (v) => $e406fe8ae3922b89$export$5af6a1bcd207d9f6 = v);
|
|
57
|
+
$parcel$export($e406fe8ae3922b89$exports, "is-hovered", () => $e406fe8ae3922b89$export$b8813cd5d7824ce7, (v) => $e406fe8ae3922b89$export$b8813cd5d7824ce7 = v);
|
|
58
|
+
$parcel$export($e406fe8ae3922b89$exports, "focus-ring", () => $e406fe8ae3922b89$export$f39a09f249340e2a, (v) => $e406fe8ae3922b89$export$f39a09f249340e2a = v);
|
|
59
|
+
$parcel$export($e406fe8ae3922b89$exports, "is-dragged", () => $e406fe8ae3922b89$export$8778c911bed6c759, (v) => $e406fe8ae3922b89$export$8778c911bed6c759 = v);
|
|
60
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumbs--small", () => $e406fe8ae3922b89$export$e01337e7944312f6, (v) => $e406fe8ae3922b89$export$e01337e7944312f6 = v);
|
|
61
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumbs--medium", () => $e406fe8ae3922b89$export$19f957201d941895, (v) => $e406fe8ae3922b89$export$19f957201d941895 = v);
|
|
62
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumbs--multiline", () => $e406fe8ae3922b89$export$713961e8e432825b, (v) => $e406fe8ae3922b89$export$713961e8e432825b = v);
|
|
63
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Heading--pageTitle", () => $e406fe8ae3922b89$export$63e9e087a73f808b, (v) => $e406fe8ae3922b89$export$63e9e087a73f808b = v);
|
|
64
|
+
$parcel$export($e406fe8ae3922b89$exports, "is-disabled", () => $e406fe8ae3922b89$export$d35bc1e505d1ebbf, (v) => $e406fe8ae3922b89$export$d35bc1e505d1ebbf = v);
|
|
65
|
+
$parcel$export($e406fe8ae3922b89$exports, "is-selected", () => $e406fe8ae3922b89$export$1e0fb04f31d3c22a, (v) => $e406fe8ae3922b89$export$1e0fb04f31d3c22a = v);
|
|
66
|
+
$parcel$export($e406fe8ae3922b89$exports, "spectrum-Breadcrumb", () => $e406fe8ae3922b89$export$45a5316056cfac3c, (v) => $e406fe8ae3922b89$export$45a5316056cfac3c = v);
|
|
67
|
+
var $e406fe8ae3922b89$export$8c6320d2db82081f;
|
|
68
|
+
var $e406fe8ae3922b89$export$f72910e36cd91d1e;
|
|
69
|
+
var $e406fe8ae3922b89$export$a4561bd665abb5db;
|
|
70
|
+
var $e406fe8ae3922b89$export$492a5983c5fbf603;
|
|
71
|
+
var $e406fe8ae3922b89$export$53da69f51b770d3;
|
|
72
|
+
var $e406fe8ae3922b89$export$5af6a1bcd207d9f6;
|
|
73
|
+
var $e406fe8ae3922b89$export$b8813cd5d7824ce7;
|
|
74
|
+
var $e406fe8ae3922b89$export$f39a09f249340e2a;
|
|
75
|
+
var $e406fe8ae3922b89$export$8778c911bed6c759;
|
|
76
|
+
var $e406fe8ae3922b89$export$e01337e7944312f6;
|
|
77
|
+
var $e406fe8ae3922b89$export$19f957201d941895;
|
|
78
|
+
var $e406fe8ae3922b89$export$713961e8e432825b;
|
|
79
|
+
var $e406fe8ae3922b89$export$63e9e087a73f808b;
|
|
80
|
+
var $e406fe8ae3922b89$export$d35bc1e505d1ebbf;
|
|
81
|
+
var $e406fe8ae3922b89$export$1e0fb04f31d3c22a;
|
|
82
|
+
var $e406fe8ae3922b89$export$45a5316056cfac3c;
|
|
83
|
+
$e406fe8ae3922b89$export$8c6320d2db82081f = "spectrum-Breadcrumbs_3fe6e8";
|
|
84
|
+
$e406fe8ae3922b89$export$f72910e36cd91d1e = "spectrum-Breadcrumbs-itemSeparator_3fe6e8";
|
|
85
|
+
$e406fe8ae3922b89$export$a4561bd665abb5db = "is-reversed_3fe6e8";
|
|
86
|
+
$e406fe8ae3922b89$export$492a5983c5fbf603 = "spectrum-Breadcrumbs-item_3fe6e8";
|
|
87
|
+
$e406fe8ae3922b89$export$53da69f51b770d3 = "spectrum-ActionButton_3fe6e8";
|
|
88
|
+
$e406fe8ae3922b89$export$5af6a1bcd207d9f6 = "spectrum-Breadcrumbs-itemLink_3fe6e8";
|
|
89
|
+
$e406fe8ae3922b89$export$b8813cd5d7824ce7 = "is-hovered_3fe6e8";
|
|
90
|
+
$e406fe8ae3922b89$export$f39a09f249340e2a = "focus-ring_3fe6e8";
|
|
91
|
+
$e406fe8ae3922b89$export$8778c911bed6c759 = "is-dragged_3fe6e8";
|
|
92
|
+
$e406fe8ae3922b89$export$e01337e7944312f6 = "spectrum-Breadcrumbs--small_3fe6e8";
|
|
93
|
+
$e406fe8ae3922b89$export$19f957201d941895 = "spectrum-Breadcrumbs--medium_3fe6e8";
|
|
94
|
+
$e406fe8ae3922b89$export$713961e8e432825b = "spectrum-Breadcrumbs--multiline_3fe6e8";
|
|
95
|
+
$e406fe8ae3922b89$export$63e9e087a73f808b = "spectrum-Heading--pageTitle_3fe6e8";
|
|
96
|
+
$e406fe8ae3922b89$export$d35bc1e505d1ebbf = "is-disabled_3fe6e8";
|
|
97
|
+
$e406fe8ae3922b89$export$1e0fb04f31d3c22a = "is-selected_3fe6e8";
|
|
98
|
+
$e406fe8ae3922b89$export$45a5316056cfac3c = "spectrum-Breadcrumb_3fe6e8";
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
function $b3ff5736da6bbffa$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 } = $mvOWt$reactariai18n.useLocale();
|
|
107
|
+
let ref = $mvOWt$react.useRef();
|
|
108
|
+
let { itemProps: itemProps } = $mvOWt$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 } = $mvOWt$reactariainteractions.useHover(props);
|
|
113
|
+
let element = /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).cloneElement($mvOWt$reactspectrumutils.getWrappedElement(children), {
|
|
114
|
+
...$mvOWt$reactariautils.mergeProps(itemProps, hoverProps),
|
|
115
115
|
ref: ref,
|
|
116
|
-
className: $
|
|
116
|
+
className: $mvOWt$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e406fe8ae3922b89$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($mvOWt$react)).createElement($mvOWt$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement($mvOWt$reactariafocus.FocusRing, {
|
|
122
|
+
focusRingClass: $mvOWt$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e406fe8ae3922b89$exports)), 'focus-ring')
|
|
123
|
+
}, element), isCurrent === false && /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement(($parcel$interopDefault($mvOWt$spectrumiconsuiChevronRightSmall)), {
|
|
124
|
+
UNSAFE_className: $mvOWt$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e406fe8ae3922b89$exports)), 'spectrum-Breadcrumbs-itemSeparator', {
|
|
125
125
|
'is-reversed': direction === 'rtl'
|
|
126
126
|
})
|
|
127
127
|
})));
|
|
@@ -137,22 +137,22 @@ function $9c97807809bfce2c$export$c13f210c706eb549(props) {
|
|
|
137
137
|
|
|
138
138
|
|
|
139
139
|
|
|
140
|
-
const $
|
|
141
|
-
const $
|
|
142
|
-
function $
|
|
143
|
-
props = $
|
|
140
|
+
const $e4fb3abd98f85208$var$MIN_VISIBLE_ITEMS = 1;
|
|
141
|
+
const $e4fb3abd98f85208$var$MAX_VISIBLE_ITEMS = 4;
|
|
142
|
+
function $e4fb3abd98f85208$var$Breadcrumbs(props, ref) {
|
|
143
|
+
props = $mvOWt$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($mvOWt$react)).Children.forEach(children, (child)=>{
|
|
148
|
+
if (/*#__PURE__*/ ($parcel$interopDefault($mvOWt$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 = $mvOWt$reactspectrumutils.useDOMRef(ref);
|
|
151
|
+
let listRef = $mvOWt$react.useRef(null);
|
|
152
|
+
let [visibleItems1, setVisibleItems] = $mvOWt$reactariautils.useValueEffect(childArray.length);
|
|
153
|
+
let { navProps: navProps } = $mvOWt$reactariabreadcrumbs.useBreadcrumbs(props);
|
|
154
|
+
let { styleProps: styleProps } = $mvOWt$reactspectrumutils.useStyleProps(otherProps);
|
|
155
|
+
let updateOverflow = $mvOWt$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 $c0c816dee5a7d969$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 = $e4fb3abd98f85208$var$MAX_VISIBLE_ITEMS;
|
|
166
166
|
if (showRoot) {
|
|
167
167
|
calculatedWidth += listItems.shift().offsetWidth;
|
|
168
168
|
newVisibleItems++;
|
|
@@ -188,7 +188,7 @@ function $c0c816dee5a7d969$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($e4fb3abd98f85208$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 $c0c816dee5a7d969$var$Breadcrumbs(props, ref) {
|
|
|
207
207
|
showRoot,
|
|
208
208
|
isMultiline
|
|
209
209
|
]);
|
|
210
|
-
$
|
|
210
|
+
$mvOWt$reactariautils.useResizeObserver({
|
|
211
211
|
ref: domRef,
|
|
212
212
|
onResize: updateOverflow
|
|
213
213
|
});
|
|
214
|
-
$
|
|
214
|
+
$mvOWt$reactariautils.useLayoutEffect(updateOverflow, [
|
|
215
215
|
children
|
|
216
216
|
]);
|
|
217
217
|
let contents = childArray;
|
|
@@ -222,13 +222,13 @@ function $c0c816dee5a7d969$var$Breadcrumbs(props, ref) {
|
|
|
222
222
|
// Don't fire onAction when clicking on the last item
|
|
223
223
|
if (key !== selectedKey && onAction) onAction(key);
|
|
224
224
|
};
|
|
225
|
-
let menuItem = /*#__PURE__*/ ($parcel$interopDefault($
|
|
225
|
+
let menuItem = /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement($b3ff5736da6bbffa$export$c13f210c706eb549, {
|
|
226
226
|
key: "menu"
|
|
227
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
227
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement($mvOWt$reactspectrummenu.MenuTrigger, null, /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement($mvOWt$reactspectrumbutton.ActionButton, {
|
|
228
228
|
"aria-label": "…",
|
|
229
229
|
isQuiet: true,
|
|
230
230
|
isDisabled: isDisabled
|
|
231
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
231
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement(($parcel$interopDefault($mvOWt$spectrumiconsuiFolderBreadcrumb)), null)), /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement($mvOWt$reactspectrummenu.Menu, {
|
|
232
232
|
selectionMode: "single",
|
|
233
233
|
selectedKeys: [
|
|
234
234
|
selectedKey
|
|
@@ -255,22 +255,22 @@ function $c0c816dee5a7d969$var$Breadcrumbs(props, ref) {
|
|
|
255
255
|
let onPress = ()=>{
|
|
256
256
|
if (onAction) onAction(key);
|
|
257
257
|
};
|
|
258
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
258
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement("li", {
|
|
259
259
|
key: key,
|
|
260
|
-
className: $
|
|
261
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
260
|
+
className: $mvOWt$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e406fe8ae3922b89$exports)), 'spectrum-Breadcrumbs-item')
|
|
261
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement($b3ff5736da6bbffa$export$c13f210c706eb549, {
|
|
262
262
|
isCurrent: isCurrent,
|
|
263
263
|
isDisabled: isDisabled,
|
|
264
264
|
onPress: onPress
|
|
265
265
|
}, child.props.children)));
|
|
266
266
|
});
|
|
267
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
267
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement("nav", {
|
|
268
268
|
...styleProps,
|
|
269
269
|
...navProps,
|
|
270
270
|
ref: domRef
|
|
271
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
271
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).createElement("ul", {
|
|
272
272
|
ref: listRef,
|
|
273
|
-
className: $
|
|
273
|
+
className: $mvOWt$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e406fe8ae3922b89$exports)), 'spectrum-Breadcrumbs', {
|
|
274
274
|
'spectrum-Breadcrumbs--small': size === 'S',
|
|
275
275
|
'spectrum-Breadcrumbs--medium': size === 'M',
|
|
276
276
|
'spectrum-Breadcrumbs--multiline': isMultiline,
|
|
@@ -281,11 +281,11 @@ function $c0c816dee5a7d969$var$Breadcrumbs(props, ref) {
|
|
|
281
281
|
}
|
|
282
282
|
/**
|
|
283
283
|
* Breadcrumbs show hierarchy and navigational context for a user’s location within an application.
|
|
284
|
-
*/ let $
|
|
284
|
+
*/ let $e4fb3abd98f85208$export$2dc68d50d56fbbd = /*#__PURE__*/ ($parcel$interopDefault($mvOWt$react)).forwardRef($e4fb3abd98f85208$var$Breadcrumbs);
|
|
285
285
|
|
|
286
286
|
|
|
287
287
|
|
|
288
|
-
$parcel$exportWildcard(module.exports, $
|
|
288
|
+
$parcel$exportWildcard(module.exports, $e4fb3abd98f85208$exports);
|
|
289
289
|
|
|
290
290
|
|
|
291
291
|
//# sourceMappingURL=main.js.map
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/breadcrumbs/src/index.ts","packages/@react-spectrum/breadcrumbs/src/Breadcrumbs.tsx","packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx","packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport * from './Breadcrumbs';\nexport {Item} from '@react-stately/collections';\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 */\nimport {ActionButton} from '@react-spectrum/button';\nimport {BreadcrumbItem} from './BreadcrumbItem';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport FolderBreadcrumb from '@spectrum-icons/ui/FolderBreadcrumb';\nimport {Menu, MenuTrigger} from '@react-spectrum/menu';\nimport React, {Key, ReactElement, useCallback, useRef} from 'react';\nimport {SpectrumBreadcrumbsProps} from '@react-types/breadcrumbs';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbs} from '@react-aria/breadcrumbs';\nimport {useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst MIN_VISIBLE_ITEMS = 1;\nconst MAX_VISIBLE_ITEMS = 4;\n\nfunction Breadcrumbs<T>(props: SpectrumBreadcrumbsProps<T>, ref: DOMRef) {\n props = useProviderProps(props);\n let {\n size = 'L',\n isMultiline,\n children,\n showRoot,\n isDisabled,\n onAction,\n ...otherProps\n } = props;\n\n // Not using React.Children.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n\n let domRef = useDOMRef(ref);\n let listRef = useRef<HTMLUListElement>(null);\n\n let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);\n\n let {navProps} = useBreadcrumbs(props);\n let {styleProps} = useStyleProps(otherProps);\n\n let updateOverflow = useCallback(() => {\n let computeVisibleItems = (visibleItems: number) => {\n // Refs can be null at runtime.\n let currListRef: HTMLUListElement | null = listRef.current;\n if (!currListRef) {\n return;\n }\n\n let listItems = Array.from(currListRef.children) as HTMLLIElement[];\n let containerWidth = currListRef.offsetWidth;\n let isShowingMenu = childArray.length > visibleItems;\n let calculatedWidth = 0;\n let newVisibleItems = 0;\n let maxVisibleItems = MAX_VISIBLE_ITEMS;\n\n if (showRoot) {\n calculatedWidth += listItems.shift().offsetWidth;\n newVisibleItems++;\n }\n\n if (isShowingMenu) {\n calculatedWidth += listItems.shift().offsetWidth;\n maxVisibleItems--;\n }\n\n if (showRoot && calculatedWidth >= containerWidth) {\n newVisibleItems--;\n }\n\n // TODO: what if multiline and only one breadcrumb??\n if (isMultiline) {\n listItems.pop();\n newVisibleItems++;\n } else {\n // Ensure the last breadcrumb isn't truncated when we measure it.\n let last = listItems.pop();\n last.style.overflow = 'visible';\n\n calculatedWidth += last.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n\n last.style.overflow = '';\n }\n\n for (let breadcrumb of listItems.reverse()) {\n calculatedWidth += breadcrumb.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n }\n\n return Math.max(MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));\n };\n\n setVisibleItems(function *() {\n // Update to show all items.\n yield childArray.length;\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(childArray.length);\n yield newVisibleItems;\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (newVisibleItems < childArray.length && newVisibleItems > 1) {\n yield computeVisibleItems(newVisibleItems);\n }\n });\n }, [listRef, children, setVisibleItems, showRoot, isMultiline]);\n\n useResizeObserver({ref: domRef, onResize: updateOverflow});\n\n useLayoutEffect(updateOverflow, [children]);\n\n let contents = childArray;\n if (childArray.length > visibleItems) {\n let selectedItem = childArray[childArray.length - 1];\n let selectedKey = selectedItem.key ?? childArray.length - 1;\n let onMenuAction = (key: Key) => {\n // Don't fire onAction when clicking on the last item\n if (key !== selectedKey && onAction) {\n onAction(key);\n }\n };\n\n let menuItem = (\n <BreadcrumbItem key=\"menu\">\n <MenuTrigger>\n <ActionButton\n aria-label=\"…\"\n isQuiet\n isDisabled={isDisabled}>\n <FolderBreadcrumb />\n </ActionButton>\n <Menu selectionMode=\"single\" selectedKeys={[selectedKey]} onAction={onMenuAction}>\n {childArray}\n </Menu>\n </MenuTrigger>\n </BreadcrumbItem>\n );\n\n contents = [menuItem];\n let breadcrumbs = [...childArray];\n let endItems = visibleItems;\n if (showRoot && visibleItems > 1) {\n contents.unshift(breadcrumbs.shift());\n endItems--;\n }\n contents.push(...breadcrumbs.slice(-endItems));\n }\n\n let lastIndex = contents.length - 1;\n let breadcrumbItems = contents.map((child, index) => {\n let isCurrent = index === lastIndex;\n let key = child.key ?? index;\n let onPress = () => {\n if (onAction) {\n onAction(key);\n }\n };\n\n return (\n <li\n key={key}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-item'\n )\n }>\n <BreadcrumbItem\n isCurrent={isCurrent}\n isDisabled={isDisabled}\n onPress={onPress}>\n {child.props.children}\n </BreadcrumbItem>\n </li>\n );\n });\n\n return (\n <nav\n {...styleProps}\n {...navProps}\n ref={domRef}>\n <ul\n ref={listRef}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs',\n {\n 'spectrum-Breadcrumbs--small': size === 'S',\n 'spectrum-Breadcrumbs--medium': size === 'M',\n 'spectrum-Breadcrumbs--multiline': isMultiline,\n 'spectrum-Breadcrumbs--showRoot': showRoot,\n 'is-disabled': isDisabled\n },\n styleProps.className\n )\n }>\n {breadcrumbItems}\n </ul>\n </nav>\n );\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.\n */\nlet _Breadcrumbs = React.forwardRef(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\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 {BreadcrumbItemProps} from '@react-types/breadcrumbs';\nimport ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';\nimport {classNames, getWrappedElement} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {Fragment, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbItem} from '@react-aria/breadcrumbs';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps) {\n let {\n children,\n isCurrent,\n isDisabled\n } = props;\n\n let {direction} = useLocale();\n let ref = useRef();\n let {itemProps} = useBreadcrumbItem({\n ...props,\n elementType: typeof children === 'string' ? 'span' : 'a'\n }, ref);\n let {hoverProps, isHovered} = useHover(props);\n\n let element = React.cloneElement(\n getWrappedElement(children),\n {\n ...mergeProps(itemProps, hoverProps),\n ref,\n className:\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemLink',\n {\n 'is-disabled': !isCurrent && isDisabled,\n 'is-hovered': isHovered\n }\n )\n }\n );\n\n return (\n <Fragment>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n {element}\n </FocusRing>\n {isCurrent === false &&\n <ChevronRightSmall\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemSeparator',\n {\n 'is-reversed': direction === 'rtl'\n }\n )\n } />\n }\n </Fragment>\n );\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"],"names":[],"version":3,"file":"main.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/breadcrumbs/src/index.ts","packages/@react-spectrum/breadcrumbs/src/Breadcrumbs.tsx","packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx","packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport * from './Breadcrumbs';\nexport {Item} from '@react-stately/collections';\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 */\nimport {ActionButton} from '@react-spectrum/button';\nimport {BreadcrumbItem} from './BreadcrumbItem';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport FolderBreadcrumb from '@spectrum-icons/ui/FolderBreadcrumb';\nimport {Menu, MenuTrigger} from '@react-spectrum/menu';\nimport React, {Key, ReactElement, useCallback, useRef} from 'react';\nimport {SpectrumBreadcrumbsProps} from '@react-types/breadcrumbs';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbs} from '@react-aria/breadcrumbs';\nimport {useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst MIN_VISIBLE_ITEMS = 1;\nconst MAX_VISIBLE_ITEMS = 4;\n\nfunction Breadcrumbs<T>(props: SpectrumBreadcrumbsProps<T>, ref: DOMRef) {\n props = useProviderProps(props);\n let {\n size = 'L',\n isMultiline,\n children,\n showRoot,\n isDisabled,\n onAction,\n ...otherProps\n } = props;\n\n // Not using React.Children.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n\n let domRef = useDOMRef(ref);\n let listRef = useRef<HTMLUListElement>(null);\n\n let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);\n\n let {navProps} = useBreadcrumbs(props);\n let {styleProps} = useStyleProps(otherProps);\n\n let updateOverflow = useCallback(() => {\n let computeVisibleItems = (visibleItems: number) => {\n // Refs can be null at runtime.\n let currListRef: HTMLUListElement | null = listRef.current;\n if (!currListRef) {\n return;\n }\n\n let listItems = Array.from(currListRef.children) as HTMLLIElement[];\n let containerWidth = currListRef.offsetWidth;\n let isShowingMenu = childArray.length > visibleItems;\n let calculatedWidth = 0;\n let newVisibleItems = 0;\n let maxVisibleItems = MAX_VISIBLE_ITEMS;\n\n if (showRoot) {\n calculatedWidth += listItems.shift().offsetWidth;\n newVisibleItems++;\n }\n\n if (isShowingMenu) {\n calculatedWidth += listItems.shift().offsetWidth;\n maxVisibleItems--;\n }\n\n if (showRoot && calculatedWidth >= containerWidth) {\n newVisibleItems--;\n }\n\n // TODO: what if multiline and only one breadcrumb??\n if (isMultiline) {\n listItems.pop();\n newVisibleItems++;\n } else {\n // Ensure the last breadcrumb isn't truncated when we measure it.\n let last = listItems.pop();\n last.style.overflow = 'visible';\n\n calculatedWidth += last.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n\n last.style.overflow = '';\n }\n\n for (let breadcrumb of listItems.reverse()) {\n calculatedWidth += breadcrumb.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n }\n\n return Math.max(MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));\n };\n\n setVisibleItems(function *() {\n // Update to show all items.\n yield childArray.length;\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(childArray.length);\n yield newVisibleItems;\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (newVisibleItems < childArray.length && newVisibleItems > 1) {\n yield computeVisibleItems(newVisibleItems);\n }\n });\n }, [listRef, children, setVisibleItems, showRoot, isMultiline]);\n\n useResizeObserver({ref: domRef, onResize: updateOverflow});\n\n useLayoutEffect(updateOverflow, [children]);\n\n let contents = childArray;\n if (childArray.length > visibleItems) {\n let selectedItem = childArray[childArray.length - 1];\n let selectedKey = selectedItem.key ?? childArray.length - 1;\n let onMenuAction = (key: Key) => {\n // Don't fire onAction when clicking on the last item\n if (key !== selectedKey && onAction) {\n onAction(key);\n }\n };\n\n let menuItem = (\n <BreadcrumbItem key=\"menu\">\n <MenuTrigger>\n <ActionButton\n aria-label=\"…\"\n isQuiet\n isDisabled={isDisabled}>\n <FolderBreadcrumb />\n </ActionButton>\n <Menu selectionMode=\"single\" selectedKeys={[selectedKey]} onAction={onMenuAction}>\n {childArray}\n </Menu>\n </MenuTrigger>\n </BreadcrumbItem>\n );\n\n contents = [menuItem];\n let breadcrumbs = [...childArray];\n let endItems = visibleItems;\n if (showRoot && visibleItems > 1) {\n contents.unshift(breadcrumbs.shift());\n endItems--;\n }\n contents.push(...breadcrumbs.slice(-endItems));\n }\n\n let lastIndex = contents.length - 1;\n let breadcrumbItems = contents.map((child, index) => {\n let isCurrent = index === lastIndex;\n let key = child.key ?? index;\n let onPress = () => {\n if (onAction) {\n onAction(key);\n }\n };\n\n return (\n <li\n key={key}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-item'\n )\n }>\n <BreadcrumbItem\n isCurrent={isCurrent}\n isDisabled={isDisabled}\n onPress={onPress}>\n {child.props.children}\n </BreadcrumbItem>\n </li>\n );\n });\n\n return (\n <nav\n {...styleProps}\n {...navProps}\n ref={domRef}>\n <ul\n ref={listRef}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs',\n {\n 'spectrum-Breadcrumbs--small': size === 'S',\n 'spectrum-Breadcrumbs--medium': size === 'M',\n 'spectrum-Breadcrumbs--multiline': isMultiline,\n 'spectrum-Breadcrumbs--showRoot': showRoot,\n 'is-disabled': isDisabled\n },\n styleProps.className\n )\n }>\n {breadcrumbItems}\n </ul>\n </nav>\n );\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.\n */\nlet _Breadcrumbs = React.forwardRef(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\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 {BreadcrumbItemProps} from '@react-types/breadcrumbs';\nimport ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';\nimport {classNames, getWrappedElement} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {Fragment, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbItem} from '@react-aria/breadcrumbs';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps) {\n let {\n children,\n isCurrent,\n isDisabled\n } = props;\n\n let {direction} = useLocale();\n let ref = useRef();\n let {itemProps} = useBreadcrumbItem({\n ...props,\n elementType: typeof children === 'string' ? 'span' : 'a'\n }, ref);\n let {hoverProps, isHovered} = useHover(props);\n\n let element = React.cloneElement(\n getWrappedElement(children),\n {\n ...mergeProps(itemProps, hoverProps),\n ref,\n className:\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemLink',\n {\n 'is-disabled': !isCurrent && isDisabled,\n 'is-hovered': isHovered\n }\n )\n }\n );\n\n return (\n <Fragment>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n {element}\n </FocusRing>\n {isCurrent === false &&\n <ChevronRightSmall\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemSeparator',\n {\n 'is-reversed': direction === 'rtl'\n }\n )\n } />\n }\n </Fragment>\n );\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"],"names":[],"version":3,"file":"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 $b77823a1e69091fb$re_export$Item} from "@react-stately/collections";
|
|
3
|
+
import {ActionButton as $2OMIA$ActionButton} from "@react-spectrum/button";
|
|
4
|
+
import {useDOMRef as $2OMIA$useDOMRef, useStyleProps as $2OMIA$useStyleProps, classNames as $2OMIA$classNames, getWrappedElement as $2OMIA$getWrappedElement} from "@react-spectrum/utils";
|
|
5
|
+
import $2OMIA$spectrumiconsuiFolderBreadcrumb from "@spectrum-icons/ui/FolderBreadcrumb";
|
|
6
|
+
import {MenuTrigger as $2OMIA$MenuTrigger, Menu as $2OMIA$Menu} from "@react-spectrum/menu";
|
|
7
|
+
import $2OMIA$react, {useRef as $2OMIA$useRef, useCallback as $2OMIA$useCallback, Fragment as $2OMIA$Fragment} from "react";
|
|
8
|
+
import {useBreadcrumbs as $2OMIA$useBreadcrumbs, useBreadcrumbItem as $2OMIA$useBreadcrumbItem} from "@react-aria/breadcrumbs";
|
|
9
|
+
import {useValueEffect as $2OMIA$useValueEffect, useResizeObserver as $2OMIA$useResizeObserver, useLayoutEffect as $2OMIA$useLayoutEffect, mergeProps as $2OMIA$mergeProps} from "@react-aria/utils";
|
|
10
|
+
import {useProviderProps as $2OMIA$useProviderProps} from "@react-spectrum/provider";
|
|
11
|
+
import $2OMIA$spectrumiconsuiChevronRightSmall from "@spectrum-icons/ui/ChevronRightSmall";
|
|
12
|
+
import {FocusRing as $2OMIA$FocusRing} from "@react-aria/focus";
|
|
13
|
+
import {useHover as $2OMIA$useHover} from "@react-aria/interactions";
|
|
14
|
+
import {useLocale as $2OMIA$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 $ad142e6c7f8dd846$exports = {};
|
|
23
23
|
|
|
24
|
-
$parcel$export($
|
|
24
|
+
$parcel$export($ad142e6c7f8dd846$exports, "Breadcrumbs", () => $ad142e6c7f8dd846$export$2dc68d50d56fbbd);
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
var $
|
|
31
|
+
var $031ef6a0f075eadb$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($031ef6a0f075eadb$exports, "spectrum-Breadcrumbs", () => $031ef6a0f075eadb$export$8c6320d2db82081f, (v) => $031ef6a0f075eadb$export$8c6320d2db82081f = v);
|
|
34
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Breadcrumbs-itemSeparator", () => $031ef6a0f075eadb$export$f72910e36cd91d1e, (v) => $031ef6a0f075eadb$export$f72910e36cd91d1e = v);
|
|
35
|
+
$parcel$export($031ef6a0f075eadb$exports, "is-reversed", () => $031ef6a0f075eadb$export$a4561bd665abb5db, (v) => $031ef6a0f075eadb$export$a4561bd665abb5db = v);
|
|
36
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Breadcrumbs-item", () => $031ef6a0f075eadb$export$492a5983c5fbf603, (v) => $031ef6a0f075eadb$export$492a5983c5fbf603 = v);
|
|
37
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-ActionButton", () => $031ef6a0f075eadb$export$53da69f51b770d3, (v) => $031ef6a0f075eadb$export$53da69f51b770d3 = v);
|
|
38
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Breadcrumbs-itemLink", () => $031ef6a0f075eadb$export$5af6a1bcd207d9f6, (v) => $031ef6a0f075eadb$export$5af6a1bcd207d9f6 = v);
|
|
39
|
+
$parcel$export($031ef6a0f075eadb$exports, "is-hovered", () => $031ef6a0f075eadb$export$b8813cd5d7824ce7, (v) => $031ef6a0f075eadb$export$b8813cd5d7824ce7 = v);
|
|
40
|
+
$parcel$export($031ef6a0f075eadb$exports, "focus-ring", () => $031ef6a0f075eadb$export$f39a09f249340e2a, (v) => $031ef6a0f075eadb$export$f39a09f249340e2a = v);
|
|
41
|
+
$parcel$export($031ef6a0f075eadb$exports, "is-dragged", () => $031ef6a0f075eadb$export$8778c911bed6c759, (v) => $031ef6a0f075eadb$export$8778c911bed6c759 = v);
|
|
42
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Breadcrumbs--small", () => $031ef6a0f075eadb$export$e01337e7944312f6, (v) => $031ef6a0f075eadb$export$e01337e7944312f6 = v);
|
|
43
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Breadcrumbs--medium", () => $031ef6a0f075eadb$export$19f957201d941895, (v) => $031ef6a0f075eadb$export$19f957201d941895 = v);
|
|
44
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Breadcrumbs--multiline", () => $031ef6a0f075eadb$export$713961e8e432825b, (v) => $031ef6a0f075eadb$export$713961e8e432825b = v);
|
|
45
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Heading--pageTitle", () => $031ef6a0f075eadb$export$63e9e087a73f808b, (v) => $031ef6a0f075eadb$export$63e9e087a73f808b = v);
|
|
46
|
+
$parcel$export($031ef6a0f075eadb$exports, "is-disabled", () => $031ef6a0f075eadb$export$d35bc1e505d1ebbf, (v) => $031ef6a0f075eadb$export$d35bc1e505d1ebbf = v);
|
|
47
|
+
$parcel$export($031ef6a0f075eadb$exports, "is-selected", () => $031ef6a0f075eadb$export$1e0fb04f31d3c22a, (v) => $031ef6a0f075eadb$export$1e0fb04f31d3c22a = v);
|
|
48
|
+
$parcel$export($031ef6a0f075eadb$exports, "spectrum-Breadcrumb", () => $031ef6a0f075eadb$export$45a5316056cfac3c, (v) => $031ef6a0f075eadb$export$45a5316056cfac3c = v);
|
|
49
|
+
var $031ef6a0f075eadb$export$8c6320d2db82081f;
|
|
50
|
+
var $031ef6a0f075eadb$export$f72910e36cd91d1e;
|
|
51
|
+
var $031ef6a0f075eadb$export$a4561bd665abb5db;
|
|
52
|
+
var $031ef6a0f075eadb$export$492a5983c5fbf603;
|
|
53
|
+
var $031ef6a0f075eadb$export$53da69f51b770d3;
|
|
54
|
+
var $031ef6a0f075eadb$export$5af6a1bcd207d9f6;
|
|
55
|
+
var $031ef6a0f075eadb$export$b8813cd5d7824ce7;
|
|
56
|
+
var $031ef6a0f075eadb$export$f39a09f249340e2a;
|
|
57
|
+
var $031ef6a0f075eadb$export$8778c911bed6c759;
|
|
58
|
+
var $031ef6a0f075eadb$export$e01337e7944312f6;
|
|
59
|
+
var $031ef6a0f075eadb$export$19f957201d941895;
|
|
60
|
+
var $031ef6a0f075eadb$export$713961e8e432825b;
|
|
61
|
+
var $031ef6a0f075eadb$export$63e9e087a73f808b;
|
|
62
|
+
var $031ef6a0f075eadb$export$d35bc1e505d1ebbf;
|
|
63
|
+
var $031ef6a0f075eadb$export$1e0fb04f31d3c22a;
|
|
64
|
+
var $031ef6a0f075eadb$export$45a5316056cfac3c;
|
|
65
|
+
$031ef6a0f075eadb$export$8c6320d2db82081f = "spectrum-Breadcrumbs_3fe6e8";
|
|
66
|
+
$031ef6a0f075eadb$export$f72910e36cd91d1e = "spectrum-Breadcrumbs-itemSeparator_3fe6e8";
|
|
67
|
+
$031ef6a0f075eadb$export$a4561bd665abb5db = "is-reversed_3fe6e8";
|
|
68
|
+
$031ef6a0f075eadb$export$492a5983c5fbf603 = "spectrum-Breadcrumbs-item_3fe6e8";
|
|
69
|
+
$031ef6a0f075eadb$export$53da69f51b770d3 = "spectrum-ActionButton_3fe6e8";
|
|
70
|
+
$031ef6a0f075eadb$export$5af6a1bcd207d9f6 = "spectrum-Breadcrumbs-itemLink_3fe6e8";
|
|
71
|
+
$031ef6a0f075eadb$export$b8813cd5d7824ce7 = "is-hovered_3fe6e8";
|
|
72
|
+
$031ef6a0f075eadb$export$f39a09f249340e2a = "focus-ring_3fe6e8";
|
|
73
|
+
$031ef6a0f075eadb$export$8778c911bed6c759 = "is-dragged_3fe6e8";
|
|
74
|
+
$031ef6a0f075eadb$export$e01337e7944312f6 = "spectrum-Breadcrumbs--small_3fe6e8";
|
|
75
|
+
$031ef6a0f075eadb$export$19f957201d941895 = "spectrum-Breadcrumbs--medium_3fe6e8";
|
|
76
|
+
$031ef6a0f075eadb$export$713961e8e432825b = "spectrum-Breadcrumbs--multiline_3fe6e8";
|
|
77
|
+
$031ef6a0f075eadb$export$63e9e087a73f808b = "spectrum-Heading--pageTitle_3fe6e8";
|
|
78
|
+
$031ef6a0f075eadb$export$d35bc1e505d1ebbf = "is-disabled_3fe6e8";
|
|
79
|
+
$031ef6a0f075eadb$export$1e0fb04f31d3c22a = "is-selected_3fe6e8";
|
|
80
|
+
$031ef6a0f075eadb$export$45a5316056cfac3c = "spectrum-Breadcrumb_3fe6e8";
|
|
81
81
|
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
function $
|
|
86
|
+
function $5c319d6d9e7d47c6$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 } = $2OMIA$useLocale();
|
|
89
|
+
let ref = $2OMIA$useRef();
|
|
90
|
+
let { itemProps: itemProps } = $2OMIA$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 } = $2OMIA$useHover(props);
|
|
95
|
+
let element = /*#__PURE__*/ $2OMIA$react.cloneElement($2OMIA$getWrappedElement(children), {
|
|
96
|
+
...$2OMIA$mergeProps(itemProps, hoverProps),
|
|
97
97
|
ref: ref,
|
|
98
|
-
className: $
|
|
98
|
+
className: $2OMIA$classNames((/*@__PURE__*/$parcel$interopDefault($031ef6a0f075eadb$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__*/ $2OMIA$react.createElement($2OMIA$Fragment, null, /*#__PURE__*/ $2OMIA$react.createElement($2OMIA$FocusRing, {
|
|
104
|
+
focusRingClass: $2OMIA$classNames((/*@__PURE__*/$parcel$interopDefault($031ef6a0f075eadb$exports)), 'focus-ring')
|
|
105
|
+
}, element), isCurrent === false && /*#__PURE__*/ $2OMIA$react.createElement($2OMIA$spectrumiconsuiChevronRightSmall, {
|
|
106
|
+
UNSAFE_className: $2OMIA$classNames((/*@__PURE__*/$parcel$interopDefault($031ef6a0f075eadb$exports)), 'spectrum-Breadcrumbs-itemSeparator', {
|
|
107
107
|
'is-reversed': direction === 'rtl'
|
|
108
108
|
})
|
|
109
109
|
})));
|
|
@@ -119,22 +119,22 @@ function $60f06d27f31c699b$export$c13f210c706eb549(props) {
|
|
|
119
119
|
|
|
120
120
|
|
|
121
121
|
|
|
122
|
-
const $
|
|
123
|
-
const $
|
|
124
|
-
function $
|
|
125
|
-
props = $
|
|
122
|
+
const $ad142e6c7f8dd846$var$MIN_VISIBLE_ITEMS = 1;
|
|
123
|
+
const $ad142e6c7f8dd846$var$MAX_VISIBLE_ITEMS = 4;
|
|
124
|
+
function $ad142e6c7f8dd846$var$Breadcrumbs(props, ref) {
|
|
125
|
+
props = $2OMIA$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
|
+
$2OMIA$react.Children.forEach(children, (child)=>{
|
|
130
|
+
if (/*#__PURE__*/ $2OMIA$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 = $2OMIA$useDOMRef(ref);
|
|
133
|
+
let listRef = $2OMIA$useRef(null);
|
|
134
|
+
let [visibleItems1, setVisibleItems] = $2OMIA$useValueEffect(childArray.length);
|
|
135
|
+
let { navProps: navProps } = $2OMIA$useBreadcrumbs(props);
|
|
136
|
+
let { styleProps: styleProps } = $2OMIA$useStyleProps(otherProps);
|
|
137
|
+
let updateOverflow = $2OMIA$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 $fc0c667adb4d1d41$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 = $ad142e6c7f8dd846$var$MAX_VISIBLE_ITEMS;
|
|
148
148
|
if (showRoot) {
|
|
149
149
|
calculatedWidth += listItems.shift().offsetWidth;
|
|
150
150
|
newVisibleItems++;
|
|
@@ -170,7 +170,7 @@ function $fc0c667adb4d1d41$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($ad142e6c7f8dd846$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 $fc0c667adb4d1d41$var$Breadcrumbs(props, ref) {
|
|
|
189
189
|
showRoot,
|
|
190
190
|
isMultiline
|
|
191
191
|
]);
|
|
192
|
-
$
|
|
192
|
+
$2OMIA$useResizeObserver({
|
|
193
193
|
ref: domRef,
|
|
194
194
|
onResize: updateOverflow
|
|
195
195
|
});
|
|
196
|
-
$
|
|
196
|
+
$2OMIA$useLayoutEffect(updateOverflow, [
|
|
197
197
|
children
|
|
198
198
|
]);
|
|
199
199
|
let contents = childArray;
|
|
@@ -204,13 +204,13 @@ function $fc0c667adb4d1d41$var$Breadcrumbs(props, ref) {
|
|
|
204
204
|
// Don't fire onAction when clicking on the last item
|
|
205
205
|
if (key !== selectedKey && onAction) onAction(key);
|
|
206
206
|
};
|
|
207
|
-
let menuItem = /*#__PURE__*/ $
|
|
207
|
+
let menuItem = /*#__PURE__*/ $2OMIA$react.createElement($5c319d6d9e7d47c6$export$c13f210c706eb549, {
|
|
208
208
|
key: "menu"
|
|
209
|
-
}, /*#__PURE__*/ $
|
|
209
|
+
}, /*#__PURE__*/ $2OMIA$react.createElement($2OMIA$MenuTrigger, null, /*#__PURE__*/ $2OMIA$react.createElement($2OMIA$ActionButton, {
|
|
210
210
|
"aria-label": "…",
|
|
211
211
|
isQuiet: true,
|
|
212
212
|
isDisabled: isDisabled
|
|
213
|
-
}, /*#__PURE__*/ $
|
|
213
|
+
}, /*#__PURE__*/ $2OMIA$react.createElement($2OMIA$spectrumiconsuiFolderBreadcrumb, null)), /*#__PURE__*/ $2OMIA$react.createElement($2OMIA$Menu, {
|
|
214
214
|
selectionMode: "single",
|
|
215
215
|
selectedKeys: [
|
|
216
216
|
selectedKey
|
|
@@ -237,22 +237,22 @@ function $fc0c667adb4d1d41$var$Breadcrumbs(props, ref) {
|
|
|
237
237
|
let onPress = ()=>{
|
|
238
238
|
if (onAction) onAction(key);
|
|
239
239
|
};
|
|
240
|
-
return(/*#__PURE__*/ $
|
|
240
|
+
return(/*#__PURE__*/ $2OMIA$react.createElement("li", {
|
|
241
241
|
key: key,
|
|
242
|
-
className: $
|
|
243
|
-
}, /*#__PURE__*/ $
|
|
242
|
+
className: $2OMIA$classNames((/*@__PURE__*/$parcel$interopDefault($031ef6a0f075eadb$exports)), 'spectrum-Breadcrumbs-item')
|
|
243
|
+
}, /*#__PURE__*/ $2OMIA$react.createElement($5c319d6d9e7d47c6$export$c13f210c706eb549, {
|
|
244
244
|
isCurrent: isCurrent,
|
|
245
245
|
isDisabled: isDisabled,
|
|
246
246
|
onPress: onPress
|
|
247
247
|
}, child.props.children)));
|
|
248
248
|
});
|
|
249
|
-
return(/*#__PURE__*/ $
|
|
249
|
+
return(/*#__PURE__*/ $2OMIA$react.createElement("nav", {
|
|
250
250
|
...styleProps,
|
|
251
251
|
...navProps,
|
|
252
252
|
ref: domRef
|
|
253
|
-
}, /*#__PURE__*/ $
|
|
253
|
+
}, /*#__PURE__*/ $2OMIA$react.createElement("ul", {
|
|
254
254
|
ref: listRef,
|
|
255
|
-
className: $
|
|
255
|
+
className: $2OMIA$classNames((/*@__PURE__*/$parcel$interopDefault($031ef6a0f075eadb$exports)), 'spectrum-Breadcrumbs', {
|
|
256
256
|
'spectrum-Breadcrumbs--small': size === 'S',
|
|
257
257
|
'spectrum-Breadcrumbs--medium': size === 'M',
|
|
258
258
|
'spectrum-Breadcrumbs--multiline': isMultiline,
|
|
@@ -263,11 +263,11 @@ function $fc0c667adb4d1d41$var$Breadcrumbs(props, ref) {
|
|
|
263
263
|
}
|
|
264
264
|
/**
|
|
265
265
|
* Breadcrumbs show hierarchy and navigational context for a user’s location within an application.
|
|
266
|
-
*/ let $
|
|
266
|
+
*/ let $ad142e6c7f8dd846$export$2dc68d50d56fbbd = /*#__PURE__*/ $2OMIA$react.forwardRef($ad142e6c7f8dd846$var$Breadcrumbs);
|
|
267
267
|
|
|
268
268
|
|
|
269
269
|
|
|
270
270
|
|
|
271
271
|
|
|
272
|
-
export {$
|
|
272
|
+
export {$b77823a1e69091fb$re_export$Item as Item, $ad142e6c7f8dd846$export$2dc68d50d56fbbd as Breadcrumbs};
|
|
273
273
|
//# sourceMappingURL=module.js.map
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGAA,GAAsC;AACtC,GAAoD;AACpD,GAA6B;AAC7B,GAA2C;AAC3C,GAAuC;AACvC,GAA+C;AAC/C,GAA4B;AAC5B,GAA4B;AAC5B,GAA4B;AAC5B,GAA6C;AAC7C,GAA8C;AAC9C,GAAiD;AACjD,GAA6C;AAC7C,GAA6B;AAC7B,GAA6B;AAC7B,GAAqC;AAfrC,yCAAsC,GAAG,CAA8B;AACvE,yCAAoD,GAAG,CAA4C;AACnG,yCAA6B,GAAG,CAAqB;AACrD,yCAA2C,GAAG,CAAmC;AACjF,wCAAuC,GAAG,CAA+B;AACzE,yCAA+C,GAAG,CAAuC;AACzF,yCAA4B,GAAG,CAAoB;AACnD,yCAA4B,GAAG,CAAoB;AACnD,yCAA4B,GAAG,CAAoB;AACnD,yCAA6C,GAAG,CAAqC;AACrF,yCAA8C,GAAG,CAAsC;AACvF,yCAAiD,GAAG,CAAyC;AAC7F,yCAA6C,GAAG,CAAqC;AACrF,yCAA6B,GAAG,CAAqB;AACrD,yCAA6B,GAAG,CAAqB;AACrD,yCAAqC,GAAG,CAA6B;;;;;;SDQrD,yCAAc,CAAC,KAA0B,EAAE,CAAC;IAC1D,GAAG,CAAC,CAAC,WACH,QAAQ,cACR,SAAS,eACT,UAAU,EACZ,CAAC,GAAG,KAAK;IAET,GAAG,CAAC,CAAC,YAAA,SAAS,EAAA,CAAC,GAAG,gBAAS;IAC3B,GAAG,CAAC,GAAG,GAAG,aAAM;IAChB,GAAG,CAAC,CAAC,YAAA,SAAS,EAAA,CAAC,GAAG,wBAAiB,CAAC,CAAC;WAChC,KAAK;QACR,WAAW,EAAE,MAAM,CAAC,QAAQ,KAAK,CAAQ,UAAG,CAAM,QAAG,CAAG;IAC1D,CAAC,EAAE,GAAG;IACN,GAAG,CAAC,CAAC,aAAA,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,eAAQ,CAAC,KAAK;IAE5C,GAAG,CAAC,OAAO,iBAAG,YAAK,CAAC,YAAY,CAC9B,wBAAiB,CAAC,QAAQ,GAC1B,CAAC;WACI,iBAAU,CAAC,SAAS,EAAE,UAAU;aACnC,GAAG;QACH,SAAS,EACP,iBAAU,CACR,gEAAM,EACN,CAA+B,gCAC/B,CAAC;YACC,CAAa,eAAG,SAAS,IAAI,UAAU;YACvC,CAAY,aAAE,SAAS;QACzB,CAAC;IAEP,CAAC;IAGH,MAAM,0CACH,eAAQ,iDACN,gBAAS;QAAC,cAAc,EAAE,iBAAU,CAAC,gEAAM,EAAE,CAAY;OACvD,OAAO,GAET,SAAS,KAAK,KAAK,6CACjB,uCAAiB;QAChB,gBAAgB,EACd,iBAAU,CACR,gEAAM,EACN,CAAoC,qCACpC,CAAC;YACC,CAAa,cAAE,SAAS,KAAK,CAAK;QACpC,CAAC;;AAMf,CAAC;;;;;;;;;;;;ADjDD,KAAK,CAAC,uCAAiB,GAAG,CAAC;AAC3B,KAAK,CAAC,uCAAiB,GAAG,CAAC;SAElB,iCAAW,CAAI,KAAkC,EAAE,GAAW,EAAE,CAAC;IACxE,KAAK,GAAG,uBAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,CAAC,OACH,IAAI,GAAG,CAAG,kBACV,WAAW,aACX,QAAQ,aACR,QAAQ,eACR,UAAU,aACV,QAAQ,MACL,UAAU,CACf,CAAC,GAAG,KAAK;IAET,EAAoE,AAApE,kEAAoE;IACpE,GAAG,CAAC,UAAU,GAAmB,CAAC,CAAC;IACnC,YAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,GAAE,KAAK,GAAI,CAAC;QACzC,EAAE,gBAAE,YAAK,CAAC,cAAc,CAAC,KAAK,GAC5B,UAAU,CAAC,IAAI,CAAC,KAAK;IAEzB,CAAC;IAED,GAAG,CAAC,MAAM,GAAG,gBAAS,CAAC,GAAG;IAC1B,GAAG,CAAC,OAAO,GAAG,aAAM,CAAmB,IAAI;IAE3C,GAAG,EAAE,aAAY,EAAE,eAAe,IAAI,qBAAc,CAAC,UAAU,CAAC,MAAM;IAEtE,GAAG,CAAC,CAAC,WAAA,QAAQ,EAAA,CAAC,GAAG,qBAAc,CAAC,KAAK;IACrC,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,oBAAa,CAAC,UAAU;IAE3C,GAAG,CAAC,cAAc,GAAG,kBAAW,KAAO,CAAC;QACtC,GAAG,CAAC,mBAAmB,IAAI,YAAoB,GAAK,CAAC;YACnD,EAA+B,AAA/B,6BAA+B;YAC/B,GAAG,CAAC,WAAW,GAA4B,OAAO,CAAC,OAAO;YAC1D,EAAE,GAAG,WAAW,EACd,MAAM;YAGR,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;YAC/C,GAAG,CAAC,cAAc,GAAG,WAAW,CAAC,WAAW;YAC5C,GAAG,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,GAAG,YAAY;YACpD,GAAG,CAAC,eAAe,GAAG,CAAC;YACvB,GAAG,CAAC,eAAe,GAAG,CAAC;YACvB,GAAG,CAAC,eAAe,GAAG,uCAAiB;YAEvC,EAAE,EAAE,QAAQ,EAAE,CAAC;gBACb,eAAe,IAAI,SAAS,CAAC,KAAK,GAAG,WAAW;gBAChD,eAAe;YACjB,CAAC;YAED,EAAE,EAAE,aAAa,EAAE,CAAC;gBAClB,eAAe,IAAI,SAAS,CAAC,KAAK,GAAG,WAAW;gBAChD,eAAe;YACjB,CAAC;YAED,EAAE,EAAE,QAAQ,IAAI,eAAe,IAAI,cAAc,EAC/C,eAAe;YAGjB,EAAoD,AAApD,kDAAoD;YACpD,EAAE,EAAE,WAAW,EAAE,CAAC;gBAChB,SAAS,CAAC,GAAG;gBACb,eAAe;YACjB,CAAC,MAAM,CAAC;gBACN,EAAiE,AAAjE,+DAAiE;gBACjE,GAAG,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAS;gBAE/B,eAAe,IAAI,IAAI,CAAC,WAAW;gBACnC,EAAE,EAAE,eAAe,GAAG,cAAc,EAClC,eAAe;gBAGjB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAE;YAC1B,CAAC;YAED,GAAG,EAAE,GAAG,CAAC,UAAU,IAAI,SAAS,CAAC,OAAO,GAAI,CAAC;gBAC3C,eAAe,IAAI,UAAU,CAAC,WAAW;gBACzC,EAAE,EAAE,eAAe,GAAG,cAAc,EAClC,eAAe;YAEnB,CAAC;YAED,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,uCAAiB,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,eAAe;QAC9E,CAAC;QAED,eAAe,CAAC,QAAQ,IAAK,CAAC;YAC5B,EAA4B,AAA5B,0BAA4B;kBACtB,UAAU,CAAC,MAAM;YAEvB,EAAkD,AAAlD,gDAAkD;YAClD,GAAG,CAAC,eAAe,GAAG,mBAAmB,CAAC,UAAU,CAAC,MAAM;kBACrD,eAAe;YAErB,EAA8D,AAA9D,4DAA8D;YAC9D,EAAkD,AAAlD,gDAAkD;YAClD,EAAE,EAAE,eAAe,GAAG,UAAU,CAAC,MAAM,IAAI,eAAe,GAAG,CAAC,QACtD,mBAAmB,CAAC,eAAe;QAE7C,CAAC;IACH,CAAC,EAAE,CAAC;QAAA,OAAO;QAAE,QAAQ;QAAE,eAAe;QAAE,QAAQ;QAAE,WAAW;IAAA,CAAC;IAE9D,wBAAiB,CAAC,CAAC;QAAA,GAAG,EAAE,MAAM;QAAE,QAAQ,EAAE,cAAc;IAAA,CAAC;IAEzD,sBAAe,CAAC,cAAc,EAAE,CAAC;QAAA,QAAQ;IAAA,CAAC;IAE1C,GAAG,CAAC,QAAQ,GAAG,UAAU;IACzB,EAAE,EAAE,UAAU,CAAC,MAAM,GAAG,aAAY,EAAE,CAAC;QACrC,GAAG,CAAC,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;QACnD,GAAG,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;QAC3D,GAAG,CAAC,YAAY,IAAI,GAAQ,GAAK,CAAC;YAChC,EAAqD,AAArD,mDAAqD;YACrD,EAAE,EAAE,GAAG,KAAK,WAAW,IAAI,QAAQ,EACjC,QAAQ,CAAC,GAAG;QAEhB,CAAC;QAED,GAAG,CAAC,QAAQ,4CACT,yCAAc;YAAC,GAAG,EAAC,CAAM;oDACvB,kBAAW,iDACT,mBAAY;YACX,CAAU,aAAC,CAAG;YACZ,OAAK,EAAP,IAAO;YACP,UAAU,EAAE,UAAU;oDACrB,sCAAgB,mDAElB,WAAI;YAAC,aAAa,EAAC,CAAQ;YAAC,YAAY,EAAE,CAAC;gBAAA,WAAW;YAAA,CAAC;YAAE,QAAQ,EAAE,YAAY;WAC7E,UAAU;QAMnB,QAAQ,GAAG,CAAC;YAAA,QAAQ;QAAA,CAAC;QACrB,GAAG,CAAC,WAAW,GAAG,CAAC;eAAG,UAAU;QAAA,CAAC;QACjC,GAAG,CAAC,QAAQ,GAAG,aAAY;QAC3B,EAAE,EAAE,QAAQ,IAAI,aAAY,GAAG,CAAC,EAAE,CAAC;YACjC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK;YAClC,QAAQ;QACV,CAAC;QACD,QAAQ,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK,EAAE,QAAQ;IAC9C,CAAC;IAED,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC;IACnC,GAAG,CAAC,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAK,CAAC;QACpD,GAAG,CAAC,SAAS,GAAG,KAAK,KAAK,SAAS;QACnC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK;QAC5B,GAAG,CAAC,OAAO,OAAS,CAAC;YACnB,EAAE,EAAE,QAAQ,EACV,QAAQ,CAAC,GAAG;QAEhB,CAAC;QAED,MAAM,0CACH,CAAE;YACD,GAAG,EAAE,GAAG;YACR,SAAS,EACP,iBAAU,CACR,gEAAM,EACN,CAA2B;oDAG9B,yCAAc;YACb,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,UAAU;YACtB,OAAO,EAAE,OAAO;WACf,KAAK,CAAC,KAAK,CAAC,QAAQ;IAI7B,CAAC;IAED,MAAM,0CACH,CAAG;WACE,UAAU;WACV,QAAQ;QACZ,GAAG,EAAE,MAAM;gDACV,CAAE;QACD,GAAG,EAAE,OAAO;QACZ,SAAS,EACP,iBAAU,CACR,gEAAM,EACN,CAAsB,uBACtB,CAAC;YACC,CAA6B,8BAAE,IAAI,KAAK,CAAG;YAC3C,CAA8B,+BAAE,IAAI,KAAK,CAAG;YAC5C,CAAiC,kCAAE,WAAW;YAC9C,CAAgC,iCAAE,QAAQ;YAC1C,CAAa,cAAE,UAAU;QAC3B,CAAC,EACD,UAAU,CAAC,SAAS;OAGvB,eAAe;AAIxB,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,GAAG,CAAC,wCAAY,iBAAG,YAAK,CAAC,UAAU,CAAC,iCAAW","sources":["packages/@react-spectrum/breadcrumbs/src/index.ts","packages/@react-spectrum/breadcrumbs/src/Breadcrumbs.tsx","packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx","packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport * from './Breadcrumbs';\nexport {Item} from '@react-stately/collections';\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 */\nimport {ActionButton} from '@react-spectrum/button';\nimport {BreadcrumbItem} from './BreadcrumbItem';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport FolderBreadcrumb from '@spectrum-icons/ui/FolderBreadcrumb';\nimport {Menu, MenuTrigger} from '@react-spectrum/menu';\nimport React, {Key, ReactElement, useCallback, useRef} from 'react';\nimport {SpectrumBreadcrumbsProps} from '@react-types/breadcrumbs';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbs} from '@react-aria/breadcrumbs';\nimport {useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst MIN_VISIBLE_ITEMS = 1;\nconst MAX_VISIBLE_ITEMS = 4;\n\nfunction Breadcrumbs<T>(props: SpectrumBreadcrumbsProps<T>, ref: DOMRef) {\n props = useProviderProps(props);\n let {\n size = 'L',\n isMultiline,\n children,\n showRoot,\n isDisabled,\n onAction,\n ...otherProps\n } = props;\n\n // Not using React.Children.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n\n let domRef = useDOMRef(ref);\n let listRef = useRef<HTMLUListElement>(null);\n\n let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);\n\n let {navProps} = useBreadcrumbs(props);\n let {styleProps} = useStyleProps(otherProps);\n\n let updateOverflow = useCallback(() => {\n let computeVisibleItems = (visibleItems: number) => {\n // Refs can be null at runtime.\n let currListRef: HTMLUListElement | null = listRef.current;\n if (!currListRef) {\n return;\n }\n\n let listItems = Array.from(currListRef.children) as HTMLLIElement[];\n let containerWidth = currListRef.offsetWidth;\n let isShowingMenu = childArray.length > visibleItems;\n let calculatedWidth = 0;\n let newVisibleItems = 0;\n let maxVisibleItems = MAX_VISIBLE_ITEMS;\n\n if (showRoot) {\n calculatedWidth += listItems.shift().offsetWidth;\n newVisibleItems++;\n }\n\n if (isShowingMenu) {\n calculatedWidth += listItems.shift().offsetWidth;\n maxVisibleItems--;\n }\n\n if (showRoot && calculatedWidth >= containerWidth) {\n newVisibleItems--;\n }\n\n // TODO: what if multiline and only one breadcrumb??\n if (isMultiline) {\n listItems.pop();\n newVisibleItems++;\n } else {\n // Ensure the last breadcrumb isn't truncated when we measure it.\n let last = listItems.pop();\n last.style.overflow = 'visible';\n\n calculatedWidth += last.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n\n last.style.overflow = '';\n }\n\n for (let breadcrumb of listItems.reverse()) {\n calculatedWidth += breadcrumb.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n }\n\n return Math.max(MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));\n };\n\n setVisibleItems(function *() {\n // Update to show all items.\n yield childArray.length;\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(childArray.length);\n yield newVisibleItems;\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (newVisibleItems < childArray.length && newVisibleItems > 1) {\n yield computeVisibleItems(newVisibleItems);\n }\n });\n }, [listRef, children, setVisibleItems, showRoot, isMultiline]);\n\n useResizeObserver({ref: domRef, onResize: updateOverflow});\n\n useLayoutEffect(updateOverflow, [children]);\n\n let contents = childArray;\n if (childArray.length > visibleItems) {\n let selectedItem = childArray[childArray.length - 1];\n let selectedKey = selectedItem.key ?? childArray.length - 1;\n let onMenuAction = (key: Key) => {\n // Don't fire onAction when clicking on the last item\n if (key !== selectedKey && onAction) {\n onAction(key);\n }\n };\n\n let menuItem = (\n <BreadcrumbItem key=\"menu\">\n <MenuTrigger>\n <ActionButton\n aria-label=\"…\"\n isQuiet\n isDisabled={isDisabled}>\n <FolderBreadcrumb />\n </ActionButton>\n <Menu selectionMode=\"single\" selectedKeys={[selectedKey]} onAction={onMenuAction}>\n {childArray}\n </Menu>\n </MenuTrigger>\n </BreadcrumbItem>\n );\n\n contents = [menuItem];\n let breadcrumbs = [...childArray];\n let endItems = visibleItems;\n if (showRoot && visibleItems > 1) {\n contents.unshift(breadcrumbs.shift());\n endItems--;\n }\n contents.push(...breadcrumbs.slice(-endItems));\n }\n\n let lastIndex = contents.length - 1;\n let breadcrumbItems = contents.map((child, index) => {\n let isCurrent = index === lastIndex;\n let key = child.key ?? index;\n let onPress = () => {\n if (onAction) {\n onAction(key);\n }\n };\n\n return (\n <li\n key={key}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-item'\n )\n }>\n <BreadcrumbItem\n isCurrent={isCurrent}\n isDisabled={isDisabled}\n onPress={onPress}>\n {child.props.children}\n </BreadcrumbItem>\n </li>\n );\n });\n\n return (\n <nav\n {...styleProps}\n {...navProps}\n ref={domRef}>\n <ul\n ref={listRef}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs',\n {\n 'spectrum-Breadcrumbs--small': size === 'S',\n 'spectrum-Breadcrumbs--medium': size === 'M',\n 'spectrum-Breadcrumbs--multiline': isMultiline,\n 'spectrum-Breadcrumbs--showRoot': showRoot,\n 'is-disabled': isDisabled\n },\n styleProps.className\n )\n }>\n {breadcrumbItems}\n </ul>\n </nav>\n );\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.\n */\nlet _Breadcrumbs = React.forwardRef(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\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 {BreadcrumbItemProps} from '@react-types/breadcrumbs';\nimport ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';\nimport {classNames, getWrappedElement} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {Fragment, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbItem} from '@react-aria/breadcrumbs';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps) {\n let {\n children,\n isCurrent,\n isDisabled\n } = props;\n\n let {direction} = useLocale();\n let ref = useRef();\n let {itemProps} = useBreadcrumbItem({\n ...props,\n elementType: typeof children === 'string' ? 'span' : 'a'\n }, ref);\n let {hoverProps, isHovered} = useHover(props);\n\n let element = React.cloneElement(\n getWrappedElement(children),\n {\n ...mergeProps(itemProps, hoverProps),\n ref,\n className:\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemLink',\n {\n 'is-disabled': !isCurrent && isDisabled,\n 'is-hovered': isHovered\n }\n )\n }\n );\n\n return (\n <Fragment>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n {element}\n </FocusRing>\n {isCurrent === false &&\n <ChevronRightSmall\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemSeparator',\n {\n 'is-reversed': direction === 'rtl'\n }\n )\n } />\n }\n </Fragment>\n );\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"],"names":[],"version":3,"file":"module.js.map"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGAA,GAAsC;AACtC,GAAoD;AACpD,GAA6B;AAC7B,GAA2C;AAC3C,GAAuC;AACvC,GAA+C;AAC/C,GAA4B;AAC5B,GAA4B;AAC5B,GAA4B;AAC5B,GAA6C;AAC7C,GAA8C;AAC9C,GAAiD;AACjD,GAA6C;AAC7C,GAA6B;AAC7B,GAA6B;AAC7B,GAAqC;AAfrC,yCAAsC,GAAG,CAA6B;AACtE,yCAAoD,GAAG,CAA2C;AAClG,yCAA6B,GAAG,CAAoB;AACpD,yCAA2C,GAAG,CAAkC;AAChF,wCAAuC,GAAG,CAA8B;AACxE,yCAA+C,GAAG,CAAsC;AACxF,yCAA4B,GAAG,CAAmB;AAClD,yCAA4B,GAAG,CAAmB;AAClD,yCAA4B,GAAG,CAAmB;AAClD,yCAA6C,GAAG,CAAoC;AACpF,yCAA8C,GAAG,CAAqC;AACtF,yCAAiD,GAAG,CAAwC;AAC5F,yCAA6C,GAAG,CAAoC;AACpF,yCAA6B,GAAG,CAAoB;AACpD,yCAA6B,GAAG,CAAoB;AACpD,yCAAqC,GAAG,CAA4B;;;;;;SDQpD,yCAAc,CAAC,KAA0B,EAAE,CAAC;IAC1D,GAAG,CAAC,CAAC,WACH,QAAQ,cACR,SAAS,eACT,UAAU,EACZ,CAAC,GAAG,KAAK;IAET,GAAG,CAAC,CAAC,YAAA,SAAS,EAAA,CAAC,GAAG,gBAAS;IAC3B,GAAG,CAAC,GAAG,GAAG,aAAM;IAChB,GAAG,CAAC,CAAC,YAAA,SAAS,EAAA,CAAC,GAAG,wBAAiB,CAAC,CAAC;WAChC,KAAK;QACR,WAAW,EAAE,MAAM,CAAC,QAAQ,KAAK,CAAQ,UAAG,CAAM,QAAG,CAAG;IAC1D,CAAC,EAAE,GAAG;IACN,GAAG,CAAC,CAAC,aAAA,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,eAAQ,CAAC,KAAK;IAE5C,GAAG,CAAC,OAAO,iBAAG,YAAK,CAAC,YAAY,CAC9B,wBAAiB,CAAC,QAAQ,GAC1B,CAAC;WACI,iBAAU,CAAC,SAAS,EAAE,UAAU;aACnC,GAAG;QACH,SAAS,EACP,iBAAU,CACR,gEAAM,EACN,CAA+B,gCAC/B,CAAC;YACC,CAAa,eAAG,SAAS,IAAI,UAAU;YACvC,CAAY,aAAE,SAAS;QACzB,CAAC;IAEP,CAAC;IAGH,MAAM,0CACH,eAAQ,iDACN,gBAAS;QAAC,cAAc,EAAE,iBAAU,CAAC,gEAAM,EAAE,CAAY;OACvD,OAAO,GAET,SAAS,KAAK,KAAK,6CACjB,uCAAiB;QAChB,gBAAgB,EACd,iBAAU,CACR,gEAAM,EACN,CAAoC,qCACpC,CAAC;YACC,CAAa,cAAE,SAAS,KAAK,CAAK;QACpC,CAAC;;AAMf,CAAC;;;;;;;;;;;;ADjDD,KAAK,CAAC,uCAAiB,GAAG,CAAC;AAC3B,KAAK,CAAC,uCAAiB,GAAG,CAAC;SAElB,iCAAW,CAAI,KAAkC,EAAE,GAAW,EAAE,CAAC;IACxE,KAAK,GAAG,uBAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,CAAC,OACH,IAAI,GAAG,CAAG,kBACV,WAAW,aACX,QAAQ,aACR,QAAQ,eACR,UAAU,aACV,QAAQ,MACL,UAAU,CACf,CAAC,GAAG,KAAK;IAET,EAAoE,AAApE,kEAAoE;IACpE,GAAG,CAAC,UAAU,GAAmB,CAAC,CAAC;IACnC,YAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,GAAE,KAAK,GAAI,CAAC;QACzC,EAAE,gBAAE,YAAK,CAAC,cAAc,CAAC,KAAK,GAC5B,UAAU,CAAC,IAAI,CAAC,KAAK;IAEzB,CAAC;IAED,GAAG,CAAC,MAAM,GAAG,gBAAS,CAAC,GAAG;IAC1B,GAAG,CAAC,OAAO,GAAG,aAAM,CAAmB,IAAI;IAE3C,GAAG,EAAE,aAAY,EAAE,eAAe,IAAI,qBAAc,CAAC,UAAU,CAAC,MAAM;IAEtE,GAAG,CAAC,CAAC,WAAA,QAAQ,EAAA,CAAC,GAAG,qBAAc,CAAC,KAAK;IACrC,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,oBAAa,CAAC,UAAU;IAE3C,GAAG,CAAC,cAAc,GAAG,kBAAW,KAAO,CAAC;QACtC,GAAG,CAAC,mBAAmB,IAAI,YAAoB,GAAK,CAAC;YACnD,EAA+B,AAA/B,6BAA+B;YAC/B,GAAG,CAAC,WAAW,GAA4B,OAAO,CAAC,OAAO;YAC1D,EAAE,GAAG,WAAW,EACd,MAAM;YAGR,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;YAC/C,GAAG,CAAC,cAAc,GAAG,WAAW,CAAC,WAAW;YAC5C,GAAG,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,GAAG,YAAY;YACpD,GAAG,CAAC,eAAe,GAAG,CAAC;YACvB,GAAG,CAAC,eAAe,GAAG,CAAC;YACvB,GAAG,CAAC,eAAe,GAAG,uCAAiB;YAEvC,EAAE,EAAE,QAAQ,EAAE,CAAC;gBACb,eAAe,IAAI,SAAS,CAAC,KAAK,GAAG,WAAW;gBAChD,eAAe;YACjB,CAAC;YAED,EAAE,EAAE,aAAa,EAAE,CAAC;gBAClB,eAAe,IAAI,SAAS,CAAC,KAAK,GAAG,WAAW;gBAChD,eAAe;YACjB,CAAC;YAED,EAAE,EAAE,QAAQ,IAAI,eAAe,IAAI,cAAc,EAC/C,eAAe;YAGjB,EAAoD,AAApD,kDAAoD;YACpD,EAAE,EAAE,WAAW,EAAE,CAAC;gBAChB,SAAS,CAAC,GAAG;gBACb,eAAe;YACjB,CAAC,MAAM,CAAC;gBACN,EAAiE,AAAjE,+DAAiE;gBACjE,GAAG,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAS;gBAE/B,eAAe,IAAI,IAAI,CAAC,WAAW;gBACnC,EAAE,EAAE,eAAe,GAAG,cAAc,EAClC,eAAe;gBAGjB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAE;YAC1B,CAAC;YAED,GAAG,EAAE,GAAG,CAAC,UAAU,IAAI,SAAS,CAAC,OAAO,GAAI,CAAC;gBAC3C,eAAe,IAAI,UAAU,CAAC,WAAW;gBACzC,EAAE,EAAE,eAAe,GAAG,cAAc,EAClC,eAAe;YAEnB,CAAC;YAED,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,uCAAiB,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,eAAe;QAC9E,CAAC;QAED,eAAe,CAAC,QAAQ,IAAK,CAAC;YAC5B,EAA4B,AAA5B,0BAA4B;kBACtB,UAAU,CAAC,MAAM;YAEvB,EAAkD,AAAlD,gDAAkD;YAClD,GAAG,CAAC,eAAe,GAAG,mBAAmB,CAAC,UAAU,CAAC,MAAM;kBACrD,eAAe;YAErB,EAA8D,AAA9D,4DAA8D;YAC9D,EAAkD,AAAlD,gDAAkD;YAClD,EAAE,EAAE,eAAe,GAAG,UAAU,CAAC,MAAM,IAAI,eAAe,GAAG,CAAC,QACtD,mBAAmB,CAAC,eAAe;QAE7C,CAAC;IACH,CAAC,EAAE,CAAC;QAAA,OAAO;QAAE,QAAQ;QAAE,eAAe;QAAE,QAAQ;QAAE,WAAW;IAAA,CAAC;IAE9D,wBAAiB,CAAC,CAAC;QAAA,GAAG,EAAE,MAAM;QAAE,QAAQ,EAAE,cAAc;IAAA,CAAC;IAEzD,sBAAe,CAAC,cAAc,EAAE,CAAC;QAAA,QAAQ;IAAA,CAAC;IAE1C,GAAG,CAAC,QAAQ,GAAG,UAAU;IACzB,EAAE,EAAE,UAAU,CAAC,MAAM,GAAG,aAAY,EAAE,CAAC;QACrC,GAAG,CAAC,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;QACnD,GAAG,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;QAC3D,GAAG,CAAC,YAAY,IAAI,GAAQ,GAAK,CAAC;YAChC,EAAqD,AAArD,mDAAqD;YACrD,EAAE,EAAE,GAAG,KAAK,WAAW,IAAI,QAAQ,EACjC,QAAQ,CAAC,GAAG;QAEhB,CAAC;QAED,GAAG,CAAC,QAAQ,4CACT,yCAAc;YAAC,GAAG,EAAC,CAAM;oDACvB,kBAAW,iDACT,mBAAY;YACX,CAAU,aAAC,CAAG;YACZ,OAAK,EAAP,IAAO;YACP,UAAU,EAAE,UAAU;oDACrB,sCAAgB,mDAElB,WAAI;YAAC,aAAa,EAAC,CAAQ;YAAC,YAAY,EAAE,CAAC;gBAAA,WAAW;YAAA,CAAC;YAAE,QAAQ,EAAE,YAAY;WAC7E,UAAU;QAMnB,QAAQ,GAAG,CAAC;YAAA,QAAQ;QAAA,CAAC;QACrB,GAAG,CAAC,WAAW,GAAG,CAAC;eAAG,UAAU;QAAA,CAAC;QACjC,GAAG,CAAC,QAAQ,GAAG,aAAY;QAC3B,EAAE,EAAE,QAAQ,IAAI,aAAY,GAAG,CAAC,EAAE,CAAC;YACjC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK;YAClC,QAAQ;QACV,CAAC;QACD,QAAQ,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK,EAAE,QAAQ;IAC9C,CAAC;IAED,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC;IACnC,GAAG,CAAC,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAK,CAAC;QACpD,GAAG,CAAC,SAAS,GAAG,KAAK,KAAK,SAAS;QACnC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK;QAC5B,GAAG,CAAC,OAAO,OAAS,CAAC;YACnB,EAAE,EAAE,QAAQ,EACV,QAAQ,CAAC,GAAG;QAEhB,CAAC;QAED,MAAM,0CACH,CAAE;YACD,GAAG,EAAE,GAAG;YACR,SAAS,EACP,iBAAU,CACR,gEAAM,EACN,CAA2B;oDAG9B,yCAAc;YACb,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,UAAU;YACtB,OAAO,EAAE,OAAO;WACf,KAAK,CAAC,KAAK,CAAC,QAAQ;IAI7B,CAAC;IAED,MAAM,0CACH,CAAG;WACE,UAAU;WACV,QAAQ;QACZ,GAAG,EAAE,MAAM;gDACV,CAAE;QACD,GAAG,EAAE,OAAO;QACZ,SAAS,EACP,iBAAU,CACR,gEAAM,EACN,CAAsB,uBACtB,CAAC;YACC,CAA6B,8BAAE,IAAI,KAAK,CAAG;YAC3C,CAA8B,+BAAE,IAAI,KAAK,CAAG;YAC5C,CAAiC,kCAAE,WAAW;YAC9C,CAAgC,iCAAE,QAAQ;YAC1C,CAAa,cAAE,UAAU;QAC3B,CAAC,EACD,UAAU,CAAC,SAAS;OAGvB,eAAe;AAIxB,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,GAAG,CAAC,wCAAY,iBAAG,YAAK,CAAC,UAAU,CAAC,iCAAW","sources":["packages/@react-spectrum/breadcrumbs/src/index.ts","packages/@react-spectrum/breadcrumbs/src/Breadcrumbs.tsx","packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx","packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport * from './Breadcrumbs';\nexport {Item} from '@react-stately/collections';\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 */\nimport {ActionButton} from '@react-spectrum/button';\nimport {BreadcrumbItem} from './BreadcrumbItem';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport FolderBreadcrumb from '@spectrum-icons/ui/FolderBreadcrumb';\nimport {Menu, MenuTrigger} from '@react-spectrum/menu';\nimport React, {Key, ReactElement, useCallback, useRef} from 'react';\nimport {SpectrumBreadcrumbsProps} from '@react-types/breadcrumbs';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbs} from '@react-aria/breadcrumbs';\nimport {useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst MIN_VISIBLE_ITEMS = 1;\nconst MAX_VISIBLE_ITEMS = 4;\n\nfunction Breadcrumbs<T>(props: SpectrumBreadcrumbsProps<T>, ref: DOMRef) {\n props = useProviderProps(props);\n let {\n size = 'L',\n isMultiline,\n children,\n showRoot,\n isDisabled,\n onAction,\n ...otherProps\n } = props;\n\n // Not using React.Children.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n\n let domRef = useDOMRef(ref);\n let listRef = useRef<HTMLUListElement>(null);\n\n let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);\n\n let {navProps} = useBreadcrumbs(props);\n let {styleProps} = useStyleProps(otherProps);\n\n let updateOverflow = useCallback(() => {\n let computeVisibleItems = (visibleItems: number) => {\n // Refs can be null at runtime.\n let currListRef: HTMLUListElement | null = listRef.current;\n if (!currListRef) {\n return;\n }\n\n let listItems = Array.from(currListRef.children) as HTMLLIElement[];\n let containerWidth = currListRef.offsetWidth;\n let isShowingMenu = childArray.length > visibleItems;\n let calculatedWidth = 0;\n let newVisibleItems = 0;\n let maxVisibleItems = MAX_VISIBLE_ITEMS;\n\n if (showRoot) {\n calculatedWidth += listItems.shift().offsetWidth;\n newVisibleItems++;\n }\n\n if (isShowingMenu) {\n calculatedWidth += listItems.shift().offsetWidth;\n maxVisibleItems--;\n }\n\n if (showRoot && calculatedWidth >= containerWidth) {\n newVisibleItems--;\n }\n\n // TODO: what if multiline and only one breadcrumb??\n if (isMultiline) {\n listItems.pop();\n newVisibleItems++;\n } else {\n // Ensure the last breadcrumb isn't truncated when we measure it.\n let last = listItems.pop();\n last.style.overflow = 'visible';\n\n calculatedWidth += last.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n\n last.style.overflow = '';\n }\n\n for (let breadcrumb of listItems.reverse()) {\n calculatedWidth += breadcrumb.offsetWidth;\n if (calculatedWidth < containerWidth) {\n newVisibleItems++;\n }\n }\n\n return Math.max(MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));\n };\n\n setVisibleItems(function *() {\n // Update to show all items.\n yield childArray.length;\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(childArray.length);\n yield newVisibleItems;\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (newVisibleItems < childArray.length && newVisibleItems > 1) {\n yield computeVisibleItems(newVisibleItems);\n }\n });\n }, [listRef, children, setVisibleItems, showRoot, isMultiline]);\n\n useResizeObserver({ref: domRef, onResize: updateOverflow});\n\n useLayoutEffect(updateOverflow, [children]);\n\n let contents = childArray;\n if (childArray.length > visibleItems) {\n let selectedItem = childArray[childArray.length - 1];\n let selectedKey = selectedItem.key ?? childArray.length - 1;\n let onMenuAction = (key: Key) => {\n // Don't fire onAction when clicking on the last item\n if (key !== selectedKey && onAction) {\n onAction(key);\n }\n };\n\n let menuItem = (\n <BreadcrumbItem key=\"menu\">\n <MenuTrigger>\n <ActionButton\n aria-label=\"…\"\n isQuiet\n isDisabled={isDisabled}>\n <FolderBreadcrumb />\n </ActionButton>\n <Menu selectionMode=\"single\" selectedKeys={[selectedKey]} onAction={onMenuAction}>\n {childArray}\n </Menu>\n </MenuTrigger>\n </BreadcrumbItem>\n );\n\n contents = [menuItem];\n let breadcrumbs = [...childArray];\n let endItems = visibleItems;\n if (showRoot && visibleItems > 1) {\n contents.unshift(breadcrumbs.shift());\n endItems--;\n }\n contents.push(...breadcrumbs.slice(-endItems));\n }\n\n let lastIndex = contents.length - 1;\n let breadcrumbItems = contents.map((child, index) => {\n let isCurrent = index === lastIndex;\n let key = child.key ?? index;\n let onPress = () => {\n if (onAction) {\n onAction(key);\n }\n };\n\n return (\n <li\n key={key}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-item'\n )\n }>\n <BreadcrumbItem\n isCurrent={isCurrent}\n isDisabled={isDisabled}\n onPress={onPress}>\n {child.props.children}\n </BreadcrumbItem>\n </li>\n );\n });\n\n return (\n <nav\n {...styleProps}\n {...navProps}\n ref={domRef}>\n <ul\n ref={listRef}\n className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs',\n {\n 'spectrum-Breadcrumbs--small': size === 'S',\n 'spectrum-Breadcrumbs--medium': size === 'M',\n 'spectrum-Breadcrumbs--multiline': isMultiline,\n 'spectrum-Breadcrumbs--showRoot': showRoot,\n 'is-disabled': isDisabled\n },\n styleProps.className\n )\n }>\n {breadcrumbItems}\n </ul>\n </nav>\n );\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.\n */\nlet _Breadcrumbs = React.forwardRef(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\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 {BreadcrumbItemProps} from '@react-types/breadcrumbs';\nimport ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';\nimport {classNames, getWrappedElement} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {Fragment, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbItem} from '@react-aria/breadcrumbs';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps) {\n let {\n children,\n isCurrent,\n isDisabled\n } = props;\n\n let {direction} = useLocale();\n let ref = useRef();\n let {itemProps} = useBreadcrumbItem({\n ...props,\n elementType: typeof children === 'string' ? 'span' : 'a'\n }, ref);\n let {hoverProps, isHovered} = useHover(props);\n\n let element = React.cloneElement(\n getWrappedElement(children),\n {\n ...mergeProps(itemProps, hoverProps),\n ref,\n className:\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemLink',\n {\n 'is-disabled': !isCurrent && isDisabled,\n 'is-hovered': isHovered\n }\n )\n }\n );\n\n return (\n <Fragment>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n {element}\n </FocusRing>\n {isCurrent === false &&\n <ChevronRightSmall\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Breadcrumbs-itemSeparator',\n {\n 'is-reversed': direction === 'rtl'\n }\n )\n } />\n }\n </Fragment>\n );\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"],"names":[],"version":3,"file":"module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/breadcrumbs",
|
|
3
|
-
"version": "3.0.0-nightly.
|
|
3
|
+
"version": "3.0.0-nightly.1395+b2abc5d94",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,21 +32,21 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/breadcrumbs": "3.0.0-nightly.
|
|
36
|
-
"@react-aria/focus": "3.0.0-nightly.
|
|
37
|
-
"@react-aria/i18n": "3.0.0-nightly.
|
|
38
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
|
39
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
40
|
-
"@react-spectrum/button": "3.0.0-nightly.
|
|
41
|
-
"@react-spectrum/menu": "3.5.2-nightly.
|
|
42
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
|
43
|
-
"@react-stately/collections": "3.0.0-nightly.
|
|
44
|
-
"@react-types/breadcrumbs": "3.0.0-nightly.
|
|
45
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
46
|
-
"@spectrum-icons/ui": "3.0.0-nightly.
|
|
35
|
+
"@react-aria/breadcrumbs": "3.0.0-nightly.1395+b2abc5d94",
|
|
36
|
+
"@react-aria/focus": "3.0.0-nightly.1395+b2abc5d94",
|
|
37
|
+
"@react-aria/i18n": "3.0.0-nightly.1395+b2abc5d94",
|
|
38
|
+
"@react-aria/interactions": "3.0.0-nightly.1395+b2abc5d94",
|
|
39
|
+
"@react-aria/utils": "3.0.0-nightly.1395+b2abc5d94",
|
|
40
|
+
"@react-spectrum/button": "3.0.0-nightly.1395+b2abc5d94",
|
|
41
|
+
"@react-spectrum/menu": "3.5.2-nightly.3086+b2abc5d94",
|
|
42
|
+
"@react-spectrum/utils": "3.0.0-nightly.1395+b2abc5d94",
|
|
43
|
+
"@react-stately/collections": "3.0.0-nightly.1395+b2abc5d94",
|
|
44
|
+
"@react-types/breadcrumbs": "3.0.0-nightly.1395+b2abc5d94",
|
|
45
|
+
"@react-types/shared": "3.0.0-nightly.1395+b2abc5d94",
|
|
46
|
+
"@spectrum-icons/ui": "3.0.0-nightly.1395+b2abc5d94"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
|
49
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.1395+b2abc5d94"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"@react-spectrum/provider": "^3.0.0",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"publishConfig": {
|
|
57
57
|
"access": "public"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "b2abc5d94162a7bd614fffcdf11e3d3754dc7d9f"
|
|
60
60
|
}
|