@react-spectrum/breadcrumbs 3.2.4 → 3.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/main.css +1 -2
  2. package/dist/main.js +266 -299
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +250 -247
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +14 -14
  8. package/dist/main.css.map +0 -1
package/dist/main.css CHANGED
@@ -1,2 +1 @@
1
- ._spectrum-Breadcrumbs_e7b3e{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;list-style-type:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0%;flex-basis:0%;margin:0;padding:0}._spectrum-Breadcrumbs-itemSeparator_e7b3e{position:relative;top:var(--spectrum-global-dimension-size-10);width:var(--spectrum-global-dimension-size-75);height:var(--spectrum-global-dimension-size-100);transform:scale(1);opacity:1}._spectrum-Breadcrumbs-itemSeparator_e7b3e._is-reversed_e7b3e{transform:scale(-1)}._spectrum-Breadcrumbs-item_e7b3e{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;box-sizing:border-box;height:var(--spectrum-global-dimension-size-400);position:relative;white-space:nowrap;font-size:var(--spectrum-global-dimension-font-size-200);font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium))}._spectrum-Breadcrumbs-item_e7b3e:last-of-type{font-weight:var(--spectrum-alias-body-text-font-weight-strong,var(--spectrum-global-font-weight-bold))}._spectrum-Breadcrumbs-item_e7b3e:last-of-type ._spectrum-Breadcrumbs-itemSeparator_e7b3e{display:none}[dir=ltr] ._spectrum-Breadcrumbs-item_e7b3e>._spectrum-ActionButton_e7b3e{margin-right:var(--spectrum-global-dimension-static-size-10,1px)}[dir=rtl] ._spectrum-Breadcrumbs-item_e7b3e>._spectrum-ActionButton_e7b3e{margin-left:var(--spectrum-global-dimension-static-size-10,1px)}._spectrum-Breadcrumbs-item_e7b3e:last-child{overflow:hidden}._spectrum-Breadcrumbs-item_e7b3e:last-child ._spectrum-Breadcrumbs-itemLink_e7b3e{overflow:hidden;text-overflow:ellipsis}[dir=ltr] ._spectrum-Breadcrumbs-itemLink_e7b3e{margin-right:var(--spectrum-global-dimension-static-size-10,1px)}[dir=rtl] ._spectrum-Breadcrumbs-itemLink_e7b3e{margin-left:var(--spectrum-global-dimension-static-size-10,1px)}._spectrum-Breadcrumbs-itemLink_e7b3e{cursor:default;position:relative;line-height:var(--spectrum-global-dimension-size-400);vertical-align:middle;padding:0 var(--spectrum-global-dimension-size-100);height:var(--spectrum-global-dimension-size-400);border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));outline:none;text-decoration:none;margin-top:0;margin-bottom:0;font-size:inherit}._spectrum-Breadcrumbs-itemLink_e7b3e[href],._spectrum-Breadcrumbs-itemLink_e7b3e[tabindex="0"]{cursor:pointer}._spectrum-Breadcrumbs-itemLink_e7b3e[href]._focus-ring_e7b3e,._spectrum-Breadcrumbs-itemLink_e7b3e[href]._is-hovered_e7b3e,._spectrum-Breadcrumbs-itemLink_e7b3e[tabindex="0"]._focus-ring_e7b3e,._spectrum-Breadcrumbs-itemLink_e7b3e[tabindex="0"]._is-hovered_e7b3e{text-decoration:underline}[dir=ltr] ._spectrum-Breadcrumbs-item_e7b3e._is-dragged_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e:before,[dir=ltr] ._spectrum-Breadcrumbs-itemLink_e7b3e._focus-ring_e7b3e:before{left:0}[dir=rtl] ._spectrum-Breadcrumbs-item_e7b3e._is-dragged_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e:before,[dir=rtl] ._spectrum-Breadcrumbs-itemLink_e7b3e._focus-ring_e7b3e:before{right:0}._spectrum-Breadcrumbs-item_e7b3e._is-dragged_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e:before,._spectrum-Breadcrumbs-itemLink_e7b3e._focus-ring_e7b3e:before{position:absolute;top:0;box-sizing:border-box;display:block;width:100%;height:100%;border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-style:solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));content:"";pointer-events:none}._spectrum-Breadcrumbs--small_e7b3e ._spectrum-Breadcrumbs-item_e7b3e{font-size:var(--spectrum-global-dimension-font-size-75)}._spectrum-Breadcrumbs--medium_e7b3e ._spectrum-Breadcrumbs-item_e7b3e{font-size:var(--spectrum-global-dimension-font-size-100)}._spectrum-Breadcrumbs--multiline_e7b3e{-ms-flex-wrap:wrap;flex-wrap:wrap}._spectrum-Breadcrumbs--multiline_e7b3e ._spectrum-Breadcrumbs-item_e7b3e:last-of-type{height:auto;-ms-flex:0 1 100%;flex:0 1 100%;margin-top:var(--spectrum-global-dimension-static-size-0,0);font-size:var(--spectrum-global-dimension-font-size-300);font-weight:var(--spectrum-alias-body-text-font-weight-strong,var(--spectrum-global-font-weight-bold));line-height:var(--spectrum-alias-heading-text-line-height,var(--spectrum-global-font-line-height-small))}._spectrum-Breadcrumbs--multiline_e7b3e ._spectrum-Breadcrumbs-item_e7b3e:last-of-type ._spectrum-Breadcrumbs-itemLink_e7b3e{height:auto;text-decoration:none}._spectrum-Breadcrumbs--multiline_e7b3e ._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Heading--pageTitle_e7b3e{margin:0;font-size:inherit;font-weight:inherit}._spectrum-Breadcrumbs-item_e7b3e{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}._spectrum-Breadcrumbs-item_e7b3e._is-dragged_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-alias-highlight-selected)}._spectrum-Breadcrumbs-item_e7b3e._is-dragged_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e:before{border-color:var(--spectrum-global-color-blue-500)}._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Breadcrumbs-itemSeparator_e7b3e{color:var(--spectrum-global-color-gray-500)}._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e{color:inherit}._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e._focus-ring_e7b3e,._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e._is-hovered_e7b3e{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e._focus-ring_e7b3e:before{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e:active{color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900));border-bottom:0}._spectrum-Breadcrumbs-item_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e._is-disabled_e7b3e{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Breadcrumbs-item_e7b3e._is-selected_e7b3e,._spectrum-Breadcrumbs-item_e7b3e:last-of-type{color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Breadcrumbs-item_e7b3e._is-selected_e7b3e~._spectrum-Breadcrumb_e7b3e:last-of-type{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}._spectrum-Breadcrumbs-item_e7b3e._is-selected_e7b3e ._spectrum-Breadcrumbs-itemLink_e7b3e._focus-ring_e7b3e{color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900));border-bottom:0}
2
- /*# sourceMappingURL=main.css.map */
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,326 +1,293 @@
1
- var {
2
- useProviderProps
3
- } = require("@react-spectrum/provider");
4
-
5
- var {
6
- Menu,
7
- MenuTrigger
8
- } = require("@react-spectrum/menu");
9
-
10
- var _spectrumIconsUiFolderBreadcrumb = $parcel$interopDefault(require("@spectrum-icons/ui/FolderBreadcrumb"));
11
-
12
- var {
13
- useLocale
14
- } = require("@react-aria/i18n");
15
-
16
- var {
17
- useHover
18
- } = require("@react-aria/interactions");
19
-
20
- var {
21
- useBreadcrumbItem,
22
- useBreadcrumbs
23
- } = require("@react-aria/breadcrumbs");
24
-
25
- var _react2 = require("react");
26
-
27
- var _react = $parcel$interopDefault(_react2);
28
-
29
- var {
30
- Fragment,
31
- useRef,
32
- useCallback
33
- } = _react2;
34
-
35
- var {
36
- mergeProps,
37
- useLayoutEffect,
38
- useValueEffect,
39
- useResizeObserver
40
- } = require("@react-aria/utils");
41
-
42
- var {
43
- FocusRing
44
- } = require("@react-aria/focus");
45
-
46
- var {
47
- classNames,
48
- getWrappedElement,
49
- useDOMRef,
50
- useStyleProps
51
- } = require("@react-spectrum/utils");
52
-
53
- var _spectrumIconsUiChevronRightSmall = $parcel$interopDefault(require("@spectrum-icons/ui/ChevronRightSmall"));
54
-
55
- var {
56
- ActionButton
57
- } = require("@react-spectrum/button");
58
-
59
- var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
60
-
61
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
62
-
63
- var {
64
- Item
65
- } = require("@react-stately/collections");
66
-
67
- exports.Item = Item;
68
-
69
1
  require("./main.css");
70
-
71
- function $parcel$interopDefault(a) {
72
- return a && a.__esModule ? a.default : a;
73
- }
74
-
75
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/breadcrumb/vars.css
76
- var $cbb9ca45c80051a074b454ff67e12191$exports = {};
77
- $cbb9ca45c80051a074b454ff67e12191$exports = {
78
- "spectrum-Breadcrumbs": "_spectrum-Breadcrumbs_e7b3e",
79
- "spectrum-Breadcrumbs-itemSeparator": "_spectrum-Breadcrumbs-itemSeparator_e7b3e",
80
- "is-reversed": "_is-reversed_e7b3e",
81
- "spectrum-Breadcrumbs-item": "_spectrum-Breadcrumbs-item_e7b3e",
82
- "spectrum-ActionButton": "_spectrum-ActionButton_e7b3e",
83
- "spectrum-Breadcrumbs-itemLink": "_spectrum-Breadcrumbs-itemLink_e7b3e",
84
- "is-hovered": "_is-hovered_e7b3e",
85
- "focus-ring": "_focus-ring_e7b3e",
86
- "is-dragged": "_is-dragged_e7b3e",
87
- "spectrum-Breadcrumbs--small": "_spectrum-Breadcrumbs--small_e7b3e",
88
- "spectrum-Breadcrumbs--medium": "_spectrum-Breadcrumbs--medium_e7b3e",
89
- "spectrum-Breadcrumbs--multiline": "_spectrum-Breadcrumbs--multiline_e7b3e",
90
- "spectrum-Heading--pageTitle": "_spectrum-Heading--pageTitle_e7b3e",
91
- "is-disabled": "_is-disabled_e7b3e",
92
- "is-selected": "_is-selected_e7b3e",
93
- "spectrum-Breadcrumb": "_spectrum-Breadcrumb_e7b3e"
94
- };
95
- var $cbb9ca45c80051a074b454ff67e12191$$interop$default = $parcel$interopDefault($cbb9ca45c80051a074b454ff67e12191$exports);
96
-
97
- function $ccb3b1ecd96026a521a9bbbd15d0b93d$export$BreadcrumbItem(props) {
98
- let {
99
- children,
100
- isCurrent,
101
- isDisabled
102
- } = props;
103
- let {
104
- direction
105
- } = useLocale();
106
- let ref = useRef();
107
- let {
108
- itemProps
109
- } = useBreadcrumbItem(_babelRuntimeHelpersExtends({}, props, {
110
- elementType: typeof children === 'string' ? 'span' : 'a'
111
- }), ref);
112
- let {
113
- hoverProps,
114
- isHovered
115
- } = useHover(props);
116
-
117
- let element = /*#__PURE__*/_react.cloneElement(getWrappedElement(children), _babelRuntimeHelpersExtends({}, mergeProps(itemProps, hoverProps), {
118
- ref,
119
- className: classNames($cbb9ca45c80051a074b454ff67e12191$$interop$default, 'spectrum-Breadcrumbs-itemLink', {
120
- 'is-disabled': !isCurrent && isDisabled,
121
- 'is-hovered': isHovered
122
- })
123
- }));
124
-
125
- return /*#__PURE__*/_react.createElement(Fragment, null, /*#__PURE__*/_react.createElement(FocusRing, {
126
- focusRingClass: classNames($cbb9ca45c80051a074b454ff67e12191$$interop$default, 'focus-ring')
127
- }, element), isCurrent === false && /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronRightSmall, {
128
- UNSAFE_className: classNames($cbb9ca45c80051a074b454ff67e12191$$interop$default, 'spectrum-Breadcrumbs-itemSeparator', {
129
- 'is-reversed': direction === 'rtl'
130
- })
131
- }));
2
+ var $8bWUw$reactstatelycollections = require("@react-stately/collections");
3
+ var $8bWUw$reactspectrumbutton = require("@react-spectrum/button");
4
+ var $8bWUw$reactspectrumutils = require("@react-spectrum/utils");
5
+ var $8bWUw$spectrumiconsuiFolderBreadcrumb = require("@spectrum-icons/ui/FolderBreadcrumb");
6
+ var $8bWUw$reactspectrummenu = require("@react-spectrum/menu");
7
+ var $8bWUw$react = require("react");
8
+ var $8bWUw$reactariabreadcrumbs = require("@react-aria/breadcrumbs");
9
+ var $8bWUw$reactariautils = require("@react-aria/utils");
10
+ var $8bWUw$reactspectrumprovider = require("@react-spectrum/provider");
11
+ var $8bWUw$spectrumiconsuiChevronRightSmall = require("@spectrum-icons/ui/ChevronRightSmall");
12
+ var $8bWUw$reactariafocus = require("@react-aria/focus");
13
+ var $8bWUw$reactariainteractions = require("@react-aria/interactions");
14
+ var $8bWUw$reactariai18n = require("@react-aria/i18n");
15
+
16
+ function $parcel$export(e, n, v, s) {
17
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
132
18
  }
133
-
134
- const $e2f01fb373fadb4c4bc7c0c3ead285a$var$MIN_VISIBLE_ITEMS = 1;
135
- const $e2f01fb373fadb4c4bc7c0c3ead285a$var$MAX_VISIBLE_ITEMS = 4;
136
-
137
- function $e2f01fb373fadb4c4bc7c0c3ead285a$var$Breadcrumbs(props, ref) {
138
- props = useProviderProps(props);
139
-
140
- let {
141
- size = 'L',
142
- isMultiline,
143
- children,
144
- showRoot,
145
- isDisabled,
146
- onAction
147
- } = props,
148
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["size", "isMultiline", "children", "showRoot", "isDisabled", "onAction"]); // Not using React.Children.toArray because it mutates the key prop.
149
-
150
-
151
- let childArray = [];
152
-
153
- _react.Children.forEach(children, child => {
154
- if ( /*#__PURE__*/_react.isValidElement(child)) {
155
- childArray.push(child);
19
+ function $parcel$exportWildcard(dest, source) {
20
+ Object.keys(source).forEach(function(key) {
21
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
22
+ return;
156
23
  }
157
- });
158
24
 
159
- let domRef = useDOMRef(ref);
160
- let listRef = useRef(null);
161
- let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);
162
- let {
163
- navProps
164
- } = useBreadcrumbs(props);
165
- let {
166
- styleProps
167
- } = useStyleProps(otherProps);
168
- let updateOverflow = useCallback(() => {
169
- let computeVisibleItems = visibleItems => {
170
- // Refs can be null at runtime.
171
- let currListRef = listRef.current;
172
-
173
- if (!currListRef) {
174
- return;
25
+ Object.defineProperty(dest, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return source[key];
175
29
  }
30
+ });
31
+ });
176
32
 
177
- let listItems = Array.from(currListRef.children);
178
- let containerWidth = currListRef.offsetWidth;
179
- let isShowingMenu = childArray.length > visibleItems;
180
- let calculatedWidth = 0;
181
- let newVisibleItems = 0;
182
- let maxVisibleItems = $e2f01fb373fadb4c4bc7c0c3ead285a$var$MAX_VISIBLE_ITEMS;
183
-
184
- if (showRoot) {
185
- calculatedWidth += listItems.shift().offsetWidth;
186
- newVisibleItems++;
187
- }
33
+ return dest;
34
+ }
35
+ function $parcel$interopDefault(a) {
36
+ return a && a.__esModule ? a.default : a;
37
+ }
188
38
 
189
- if (isShowingMenu) {
190
- calculatedWidth += listItems.shift().offsetWidth;
191
- maxVisibleItems--;
192
- }
39
+ $parcel$export(module.exports, "Item", () => $8bWUw$reactstatelycollections.Item);
40
+ var $299bf776d9162a05$exports = {};
41
+
42
+ $parcel$export($299bf776d9162a05$exports, "Breadcrumbs", () => $299bf776d9162a05$export$2dc68d50d56fbbd);
43
+
44
+
45
+
46
+
47
+
48
+
49
+ var $3292ef9f328419fc$exports = {};
50
+
51
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs", () => $3292ef9f328419fc$export$8c6320d2db82081f, (v) => $3292ef9f328419fc$export$8c6320d2db82081f = v);
52
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs-itemSeparator", () => $3292ef9f328419fc$export$f72910e36cd91d1e, (v) => $3292ef9f328419fc$export$f72910e36cd91d1e = v);
53
+ $parcel$export($3292ef9f328419fc$exports, "is-reversed", () => $3292ef9f328419fc$export$a4561bd665abb5db, (v) => $3292ef9f328419fc$export$a4561bd665abb5db = v);
54
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs-item", () => $3292ef9f328419fc$export$492a5983c5fbf603, (v) => $3292ef9f328419fc$export$492a5983c5fbf603 = v);
55
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-ActionButton", () => $3292ef9f328419fc$export$53da69f51b770d3, (v) => $3292ef9f328419fc$export$53da69f51b770d3 = v);
56
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs-itemLink", () => $3292ef9f328419fc$export$5af6a1bcd207d9f6, (v) => $3292ef9f328419fc$export$5af6a1bcd207d9f6 = v);
57
+ $parcel$export($3292ef9f328419fc$exports, "is-hovered", () => $3292ef9f328419fc$export$b8813cd5d7824ce7, (v) => $3292ef9f328419fc$export$b8813cd5d7824ce7 = v);
58
+ $parcel$export($3292ef9f328419fc$exports, "focus-ring", () => $3292ef9f328419fc$export$f39a09f249340e2a, (v) => $3292ef9f328419fc$export$f39a09f249340e2a = v);
59
+ $parcel$export($3292ef9f328419fc$exports, "is-dragged", () => $3292ef9f328419fc$export$8778c911bed6c759, (v) => $3292ef9f328419fc$export$8778c911bed6c759 = v);
60
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs--small", () => $3292ef9f328419fc$export$e01337e7944312f6, (v) => $3292ef9f328419fc$export$e01337e7944312f6 = v);
61
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs--medium", () => $3292ef9f328419fc$export$19f957201d941895, (v) => $3292ef9f328419fc$export$19f957201d941895 = v);
62
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumbs--multiline", () => $3292ef9f328419fc$export$713961e8e432825b, (v) => $3292ef9f328419fc$export$713961e8e432825b = v);
63
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Heading--pageTitle", () => $3292ef9f328419fc$export$63e9e087a73f808b, (v) => $3292ef9f328419fc$export$63e9e087a73f808b = v);
64
+ $parcel$export($3292ef9f328419fc$exports, "is-disabled", () => $3292ef9f328419fc$export$d35bc1e505d1ebbf, (v) => $3292ef9f328419fc$export$d35bc1e505d1ebbf = v);
65
+ $parcel$export($3292ef9f328419fc$exports, "is-selected", () => $3292ef9f328419fc$export$1e0fb04f31d3c22a, (v) => $3292ef9f328419fc$export$1e0fb04f31d3c22a = v);
66
+ $parcel$export($3292ef9f328419fc$exports, "spectrum-Breadcrumb", () => $3292ef9f328419fc$export$45a5316056cfac3c, (v) => $3292ef9f328419fc$export$45a5316056cfac3c = v);
67
+ var $3292ef9f328419fc$export$8c6320d2db82081f;
68
+ var $3292ef9f328419fc$export$f72910e36cd91d1e;
69
+ var $3292ef9f328419fc$export$a4561bd665abb5db;
70
+ var $3292ef9f328419fc$export$492a5983c5fbf603;
71
+ var $3292ef9f328419fc$export$53da69f51b770d3;
72
+ var $3292ef9f328419fc$export$5af6a1bcd207d9f6;
73
+ var $3292ef9f328419fc$export$b8813cd5d7824ce7;
74
+ var $3292ef9f328419fc$export$f39a09f249340e2a;
75
+ var $3292ef9f328419fc$export$8778c911bed6c759;
76
+ var $3292ef9f328419fc$export$e01337e7944312f6;
77
+ var $3292ef9f328419fc$export$19f957201d941895;
78
+ var $3292ef9f328419fc$export$713961e8e432825b;
79
+ var $3292ef9f328419fc$export$63e9e087a73f808b;
80
+ var $3292ef9f328419fc$export$d35bc1e505d1ebbf;
81
+ var $3292ef9f328419fc$export$1e0fb04f31d3c22a;
82
+ var $3292ef9f328419fc$export$45a5316056cfac3c;
83
+ $3292ef9f328419fc$export$8c6320d2db82081f = "spectrum-Breadcrumbs_3fe6e8";
84
+ $3292ef9f328419fc$export$f72910e36cd91d1e = "spectrum-Breadcrumbs-itemSeparator_3fe6e8";
85
+ $3292ef9f328419fc$export$a4561bd665abb5db = "is-reversed_3fe6e8";
86
+ $3292ef9f328419fc$export$492a5983c5fbf603 = "spectrum-Breadcrumbs-item_3fe6e8";
87
+ $3292ef9f328419fc$export$53da69f51b770d3 = "spectrum-ActionButton_3fe6e8";
88
+ $3292ef9f328419fc$export$5af6a1bcd207d9f6 = "spectrum-Breadcrumbs-itemLink_3fe6e8";
89
+ $3292ef9f328419fc$export$b8813cd5d7824ce7 = "is-hovered_3fe6e8";
90
+ $3292ef9f328419fc$export$f39a09f249340e2a = "focus-ring_3fe6e8";
91
+ $3292ef9f328419fc$export$8778c911bed6c759 = "is-dragged_3fe6e8";
92
+ $3292ef9f328419fc$export$e01337e7944312f6 = "spectrum-Breadcrumbs--small_3fe6e8";
93
+ $3292ef9f328419fc$export$19f957201d941895 = "spectrum-Breadcrumbs--medium_3fe6e8";
94
+ $3292ef9f328419fc$export$713961e8e432825b = "spectrum-Breadcrumbs--multiline_3fe6e8";
95
+ $3292ef9f328419fc$export$63e9e087a73f808b = "spectrum-Heading--pageTitle_3fe6e8";
96
+ $3292ef9f328419fc$export$d35bc1e505d1ebbf = "is-disabled_3fe6e8";
97
+ $3292ef9f328419fc$export$1e0fb04f31d3c22a = "is-selected_3fe6e8";
98
+ $3292ef9f328419fc$export$45a5316056cfac3c = "spectrum-Breadcrumb_3fe6e8";
99
+
100
+
101
+
102
+
103
+
104
+ function $d90ab02c74e9be0c$export$c13f210c706eb549(props) {
105
+ let { children: children , isCurrent: isCurrent , isDisabled: isDisabled } = props;
106
+ let { direction: direction } = $8bWUw$reactariai18n.useLocale();
107
+ let ref = $8bWUw$react.useRef();
108
+ let { itemProps: itemProps } = $8bWUw$reactariabreadcrumbs.useBreadcrumbItem({
109
+ ...props,
110
+ elementType: typeof children === 'string' ? 'span' : 'a'
111
+ }, ref);
112
+ let { hoverProps: hoverProps , isHovered: isHovered } = $8bWUw$reactariainteractions.useHover(props);
113
+ let element = /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).cloneElement($8bWUw$reactspectrumutils.getWrappedElement(children), {
114
+ ...$8bWUw$reactariautils.mergeProps(itemProps, hoverProps),
115
+ ref: ref,
116
+ className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs-itemLink', {
117
+ 'is-disabled': !isCurrent && isDisabled,
118
+ 'is-hovered': isHovered
119
+ })
120
+ });
121
+ return(/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactariafocus.FocusRing, {
122
+ focusRingClass: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'focus-ring')
123
+ }, element), isCurrent === false && /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement(($parcel$interopDefault($8bWUw$spectrumiconsuiChevronRightSmall)), {
124
+ UNSAFE_className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs-itemSeparator', {
125
+ 'is-reversed': direction === 'rtl'
126
+ })
127
+ })));
128
+ }
193
129
 
194
- if (showRoot && calculatedWidth >= containerWidth) {
195
- newVisibleItems--;
196
- } // TODO: what if multiline and only one breadcrumb??
197
130
 
198
131
 
199
- if (isMultiline) {
200
- listItems.pop();
201
- newVisibleItems++;
202
- } else {
203
- // Ensure the last breadcrumb isn't truncated when we measure it.
204
- let last = listItems.pop();
205
- last.style.overflow = 'visible';
206
- calculatedWidth += last.offsetWidth;
207
132
 
208
- if (calculatedWidth < containerWidth) {
209
- newVisibleItems++;
210
- }
211
133
 
212
- last.style.overflow = '';
213
- }
214
134
 
215
- for (let breadcrumb of listItems.reverse()) {
216
- calculatedWidth += breadcrumb.offsetWidth;
217
135
 
218
- if (calculatedWidth < containerWidth) {
219
- newVisibleItems++;
220
- }
221
- }
222
136
 
223
- return Math.max($e2f01fb373fadb4c4bc7c0c3ead285a$var$MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));
224
- };
225
137
 
226
- setVisibleItems(function* () {
227
- // Update to show all items.
228
- yield childArray.length; // Measure, and update to show the items that fit.
229
138
 
230
- let newVisibleItems = computeVisibleItems(childArray.length);
231
- yield newVisibleItems; // If the number of items is less than the number of children,
232
- // then update again to ensure that the menu fits.
233
139
 
234
- if (newVisibleItems < childArray.length && newVisibleItems > 1) {
235
- yield computeVisibleItems(newVisibleItems);
236
- }
140
+ const $299bf776d9162a05$var$MIN_VISIBLE_ITEMS = 1;
141
+ const $299bf776d9162a05$var$MAX_VISIBLE_ITEMS = 4;
142
+ function $299bf776d9162a05$var$Breadcrumbs(props, ref) {
143
+ props = $8bWUw$reactspectrumprovider.useProviderProps(props);
144
+ let { size: size = 'L' , isMultiline: isMultiline , children: children , showRoot: showRoot , isDisabled: isDisabled , onAction: onAction , ...otherProps } = props;
145
+ // Not using React.Children.toArray because it mutates the key prop.
146
+ let childArray = [];
147
+ ($parcel$interopDefault($8bWUw$react)).Children.forEach(children, (child)=>{
148
+ if (/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).isValidElement(child)) childArray.push(child);
237
149
  });
238
- }, [listRef, children, setVisibleItems, showRoot, isMultiline]);
239
- useResizeObserver({
240
- ref: domRef,
241
- onResize: updateOverflow
242
- });
243
- useLayoutEffect(updateOverflow, [children]);
244
- let contents = childArray;
245
-
246
- if (childArray.length > visibleItems) {
247
- var _selectedItem$key;
248
-
249
- let selectedItem = childArray[childArray.length - 1];
250
- let selectedKey = (_selectedItem$key = selectedItem.key) != null ? _selectedItem$key : childArray.length - 1;
251
-
252
- let onMenuAction = key => {
253
- // Don't fire onAction when clicking on the last item
254
- if (key !== selectedKey && onAction) {
255
- onAction(key);
256
- }
257
- };
258
-
259
- let menuItem = /*#__PURE__*/_react.createElement($ccb3b1ecd96026a521a9bbbd15d0b93d$export$BreadcrumbItem, {
260
- key: "menu"
261
- }, /*#__PURE__*/_react.createElement(MenuTrigger, null, /*#__PURE__*/_react.createElement(ActionButton, {
262
- "aria-label": "\u2026",
263
- isQuiet: true,
264
- isDisabled: isDisabled
265
- }, /*#__PURE__*/_react.createElement(_spectrumIconsUiFolderBreadcrumb, null)), /*#__PURE__*/_react.createElement(Menu, {
266
- selectionMode: "single",
267
- selectedKeys: [selectedKey],
268
- onAction: onMenuAction
269
- }, childArray)));
270
-
271
- contents = [menuItem];
272
- let breadcrumbs = [...childArray];
273
- let endItems = visibleItems;
274
-
275
- if (showRoot && visibleItems > 1) {
276
- contents.unshift(breadcrumbs.shift());
277
- endItems--;
150
+ let domRef = $8bWUw$reactspectrumutils.useDOMRef(ref);
151
+ let listRef = $8bWUw$react.useRef(null);
152
+ let [visibleItems1, setVisibleItems] = $8bWUw$reactariautils.useValueEffect(childArray.length);
153
+ let { navProps: navProps } = $8bWUw$reactariabreadcrumbs.useBreadcrumbs(props);
154
+ let { styleProps: styleProps } = $8bWUw$reactspectrumutils.useStyleProps(otherProps);
155
+ let updateOverflow = $8bWUw$react.useCallback(()=>{
156
+ let computeVisibleItems = (visibleItems)=>{
157
+ // Refs can be null at runtime.
158
+ let currListRef = listRef.current;
159
+ if (!currListRef) return;
160
+ let listItems = Array.from(currListRef.children);
161
+ let containerWidth = currListRef.offsetWidth;
162
+ let isShowingMenu = childArray.length > visibleItems;
163
+ let calculatedWidth = 0;
164
+ let newVisibleItems = 0;
165
+ let maxVisibleItems = $299bf776d9162a05$var$MAX_VISIBLE_ITEMS;
166
+ if (showRoot) {
167
+ calculatedWidth += listItems.shift().offsetWidth;
168
+ newVisibleItems++;
169
+ }
170
+ if (isShowingMenu) {
171
+ calculatedWidth += listItems.shift().offsetWidth;
172
+ maxVisibleItems--;
173
+ }
174
+ if (showRoot && calculatedWidth >= containerWidth) newVisibleItems--;
175
+ // TODO: what if multiline and only one breadcrumb??
176
+ if (isMultiline) {
177
+ listItems.pop();
178
+ newVisibleItems++;
179
+ } else {
180
+ // Ensure the last breadcrumb isn't truncated when we measure it.
181
+ let last = listItems.pop();
182
+ last.style.overflow = 'visible';
183
+ calculatedWidth += last.offsetWidth;
184
+ if (calculatedWidth < containerWidth) newVisibleItems++;
185
+ last.style.overflow = '';
186
+ }
187
+ for (let breadcrumb of listItems.reverse()){
188
+ calculatedWidth += breadcrumb.offsetWidth;
189
+ if (calculatedWidth < containerWidth) newVisibleItems++;
190
+ }
191
+ return Math.max($299bf776d9162a05$var$MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));
192
+ };
193
+ setVisibleItems(function*() {
194
+ // Update to show all items.
195
+ yield childArray.length;
196
+ // Measure, and update to show the items that fit.
197
+ let newVisibleItems = computeVisibleItems(childArray.length);
198
+ yield newVisibleItems;
199
+ // If the number of items is less than the number of children,
200
+ // then update again to ensure that the menu fits.
201
+ if (newVisibleItems < childArray.length && newVisibleItems > 1) yield computeVisibleItems(newVisibleItems);
202
+ });
203
+ }, [
204
+ listRef,
205
+ children,
206
+ setVisibleItems,
207
+ showRoot,
208
+ isMultiline
209
+ ]);
210
+ $8bWUw$reactariautils.useResizeObserver({
211
+ ref: domRef,
212
+ onResize: updateOverflow
213
+ });
214
+ $8bWUw$reactariautils.useLayoutEffect(updateOverflow, [
215
+ children
216
+ ]);
217
+ let contents = childArray;
218
+ if (childArray.length > visibleItems1) {
219
+ let selectedItem = childArray[childArray.length - 1];
220
+ var _key;
221
+ let selectedKey = (_key = selectedItem.key) !== null && _key !== void 0 ? _key : childArray.length - 1;
222
+ let onMenuAction = (key)=>{
223
+ // Don't fire onAction when clicking on the last item
224
+ if (key !== selectedKey && onAction) onAction(key);
225
+ };
226
+ let menuItem = /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($d90ab02c74e9be0c$export$c13f210c706eb549, {
227
+ key: "menu"
228
+ }, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactspectrummenu.MenuTrigger, null, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactspectrumbutton.ActionButton, {
229
+ "aria-label": "…",
230
+ isQuiet: true,
231
+ isDisabled: isDisabled
232
+ }, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement(($parcel$interopDefault($8bWUw$spectrumiconsuiFolderBreadcrumb)), null)), /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($8bWUw$reactspectrummenu.Menu, {
233
+ selectionMode: "single",
234
+ selectedKeys: [
235
+ selectedKey
236
+ ],
237
+ onAction: onMenuAction
238
+ }, childArray)));
239
+ contents = [
240
+ menuItem
241
+ ];
242
+ let breadcrumbs = [
243
+ ...childArray
244
+ ];
245
+ let endItems = visibleItems1;
246
+ if (showRoot && visibleItems1 > 1) {
247
+ contents.unshift(breadcrumbs.shift());
248
+ endItems--;
249
+ }
250
+ contents.push(...breadcrumbs.slice(-endItems));
278
251
  }
279
-
280
- contents.push(...breadcrumbs.slice(-endItems));
281
- }
282
-
283
- let lastIndex = contents.length - 1;
284
- let breadcrumbItems = contents.map((child, index) => {
285
- var _child$key;
286
-
287
- let isCurrent = index === lastIndex;
288
- let key = (_child$key = child.key) != null ? _child$key : index;
289
-
290
- let onPress = () => {
291
- if (onAction) {
292
- onAction(key);
293
- }
294
- };
295
-
296
- return /*#__PURE__*/_react.createElement("li", {
297
- key: key,
298
- className: classNames($cbb9ca45c80051a074b454ff67e12191$$interop$default, 'spectrum-Breadcrumbs-item')
299
- }, /*#__PURE__*/_react.createElement($ccb3b1ecd96026a521a9bbbd15d0b93d$export$BreadcrumbItem, {
300
- isCurrent: isCurrent,
301
- isDisabled: isDisabled,
302
- onPress: onPress
303
- }, child.props.children));
304
- });
305
- return /*#__PURE__*/_react.createElement("nav", _babelRuntimeHelpersExtends({}, styleProps, navProps, {
306
- ref: domRef
307
- }), /*#__PURE__*/_react.createElement("ul", {
308
- ref: listRef,
309
- className: classNames($cbb9ca45c80051a074b454ff67e12191$$interop$default, 'spectrum-Breadcrumbs', {
310
- 'spectrum-Breadcrumbs--small': size === 'S',
311
- 'spectrum-Breadcrumbs--medium': size === 'M',
312
- 'spectrum-Breadcrumbs--multiline': isMultiline,
313
- 'spectrum-Breadcrumbs--showRoot': showRoot,
314
- 'is-disabled': isDisabled
315
- }, styleProps.className)
316
- }, breadcrumbItems));
252
+ let lastIndex = contents.length - 1;
253
+ let breadcrumbItems = contents.map((child, index)=>{
254
+ let isCurrent = index === lastIndex;
255
+ var _key;
256
+ let key = (_key = child.key) !== null && _key !== void 0 ? _key : index;
257
+ let onPress = ()=>{
258
+ if (onAction) onAction(key);
259
+ };
260
+ return(/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement("li", {
261
+ key: key,
262
+ className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs-item')
263
+ }, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement($d90ab02c74e9be0c$export$c13f210c706eb549, {
264
+ isCurrent: isCurrent,
265
+ isDisabled: isDisabled,
266
+ onPress: onPress
267
+ }, child.props.children)));
268
+ });
269
+ return(/*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement("nav", {
270
+ ...styleProps,
271
+ ...navProps,
272
+ ref: domRef
273
+ }, /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).createElement("ul", {
274
+ ref: listRef,
275
+ className: $8bWUw$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3292ef9f328419fc$exports)), 'spectrum-Breadcrumbs', {
276
+ 'spectrum-Breadcrumbs--small': size === 'S',
277
+ 'spectrum-Breadcrumbs--medium': size === 'M',
278
+ 'spectrum-Breadcrumbs--multiline': isMultiline,
279
+ 'spectrum-Breadcrumbs--showRoot': showRoot,
280
+ 'is-disabled': isDisabled
281
+ }, styleProps.className)
282
+ }, breadcrumbItems)));
317
283
  }
318
284
  /**
319
285
  * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.
320
- */
286
+ */ let $299bf776d9162a05$export$2dc68d50d56fbbd = /*#__PURE__*/ ($parcel$interopDefault($8bWUw$react)).forwardRef($299bf776d9162a05$var$Breadcrumbs);
287
+
288
+
321
289
 
290
+ $parcel$exportWildcard(module.exports, $299bf776d9162a05$exports);
322
291
 
323
- let Breadcrumbs = /*#__PURE__*/_react.forwardRef($e2f01fb373fadb4c4bc7c0c3ead285a$var$Breadcrumbs);
324
292
 
325
- exports.Breadcrumbs = Breadcrumbs;
326
293
  //# sourceMappingURL=main.js.map