@react-spectrum/breadcrumbs 3.2.2 → 3.2.6

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 (9) hide show
  1. package/dist/main.css +1 -2
  2. package/dist/main.js +266 -292
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +250 -240
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +17 -16
  8. package/src/Breadcrumbs.tsx +10 -4
  9. 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,319 +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
- useResizeObserver
39
- } = require("@react-aria/utils");
40
-
41
- var {
42
- FocusRing
43
- } = require("@react-aria/focus");
44
-
45
- var {
46
- classNames,
47
- getWrappedElement,
48
- useDOMRef,
49
- useStyleProps,
50
- useValueEffect
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");
2
+ var $6zINN$reactstatelycollections = require("@react-stately/collections");
3
+ var $6zINN$reactspectrumbutton = require("@react-spectrum/button");
4
+ var $6zINN$reactspectrumutils = require("@react-spectrum/utils");
5
+ var $6zINN$spectrumiconsuiFolderBreadcrumb = require("@spectrum-icons/ui/FolderBreadcrumb");
6
+ var $6zINN$reactspectrummenu = require("@react-spectrum/menu");
7
+ var $6zINN$react = require("react");
8
+ var $6zINN$reactariabreadcrumbs = require("@react-aria/breadcrumbs");
9
+ var $6zINN$reactariautils = require("@react-aria/utils");
10
+ var $6zINN$reactspectrumprovider = require("@react-spectrum/provider");
11
+ var $6zINN$spectrumiconsuiChevronRightSmall = require("@spectrum-icons/ui/ChevronRightSmall");
12
+ var $6zINN$reactariafocus = require("@react-aria/focus");
13
+ var $6zINN$reactariainteractions = require("@react-aria/interactions");
14
+ var $6zINN$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});
18
+ }
19
+ function $parcel$exportWildcard(dest, source) {
20
+ Object.keys(source).forEach(function(key) {
21
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
22
+ return;
23
+ }
70
24
 
25
+ Object.defineProperty(dest, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return source[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ return dest;
34
+ }
71
35
  function $parcel$interopDefault(a) {
72
36
  return a && a.__esModule ? a.default : a;
73
37
  }
74
38
 
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
- }));
39
+ $parcel$export(module.exports, "Item", () => $6zINN$reactstatelycollections.Item);
40
+ var $ce45029bf0c8e0f0$exports = {};
41
+
42
+ $parcel$export($ce45029bf0c8e0f0$exports, "Breadcrumbs", () => $ce45029bf0c8e0f0$export$2dc68d50d56fbbd);
43
+
44
+
45
+
46
+
47
+
48
+
49
+ var $7d405af0aae01906$exports = {};
50
+
51
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumbs", () => $7d405af0aae01906$export$8c6320d2db82081f, (v) => $7d405af0aae01906$export$8c6320d2db82081f = v);
52
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumbs-itemSeparator", () => $7d405af0aae01906$export$f72910e36cd91d1e, (v) => $7d405af0aae01906$export$f72910e36cd91d1e = v);
53
+ $parcel$export($7d405af0aae01906$exports, "is-reversed", () => $7d405af0aae01906$export$a4561bd665abb5db, (v) => $7d405af0aae01906$export$a4561bd665abb5db = v);
54
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumbs-item", () => $7d405af0aae01906$export$492a5983c5fbf603, (v) => $7d405af0aae01906$export$492a5983c5fbf603 = v);
55
+ $parcel$export($7d405af0aae01906$exports, "spectrum-ActionButton", () => $7d405af0aae01906$export$53da69f51b770d3, (v) => $7d405af0aae01906$export$53da69f51b770d3 = v);
56
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumbs-itemLink", () => $7d405af0aae01906$export$5af6a1bcd207d9f6, (v) => $7d405af0aae01906$export$5af6a1bcd207d9f6 = v);
57
+ $parcel$export($7d405af0aae01906$exports, "is-hovered", () => $7d405af0aae01906$export$b8813cd5d7824ce7, (v) => $7d405af0aae01906$export$b8813cd5d7824ce7 = v);
58
+ $parcel$export($7d405af0aae01906$exports, "focus-ring", () => $7d405af0aae01906$export$f39a09f249340e2a, (v) => $7d405af0aae01906$export$f39a09f249340e2a = v);
59
+ $parcel$export($7d405af0aae01906$exports, "is-dragged", () => $7d405af0aae01906$export$8778c911bed6c759, (v) => $7d405af0aae01906$export$8778c911bed6c759 = v);
60
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumbs--small", () => $7d405af0aae01906$export$e01337e7944312f6, (v) => $7d405af0aae01906$export$e01337e7944312f6 = v);
61
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumbs--medium", () => $7d405af0aae01906$export$19f957201d941895, (v) => $7d405af0aae01906$export$19f957201d941895 = v);
62
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumbs--multiline", () => $7d405af0aae01906$export$713961e8e432825b, (v) => $7d405af0aae01906$export$713961e8e432825b = v);
63
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Heading--pageTitle", () => $7d405af0aae01906$export$63e9e087a73f808b, (v) => $7d405af0aae01906$export$63e9e087a73f808b = v);
64
+ $parcel$export($7d405af0aae01906$exports, "is-disabled", () => $7d405af0aae01906$export$d35bc1e505d1ebbf, (v) => $7d405af0aae01906$export$d35bc1e505d1ebbf = v);
65
+ $parcel$export($7d405af0aae01906$exports, "is-selected", () => $7d405af0aae01906$export$1e0fb04f31d3c22a, (v) => $7d405af0aae01906$export$1e0fb04f31d3c22a = v);
66
+ $parcel$export($7d405af0aae01906$exports, "spectrum-Breadcrumb", () => $7d405af0aae01906$export$45a5316056cfac3c, (v) => $7d405af0aae01906$export$45a5316056cfac3c = v);
67
+ var $7d405af0aae01906$export$8c6320d2db82081f;
68
+ var $7d405af0aae01906$export$f72910e36cd91d1e;
69
+ var $7d405af0aae01906$export$a4561bd665abb5db;
70
+ var $7d405af0aae01906$export$492a5983c5fbf603;
71
+ var $7d405af0aae01906$export$53da69f51b770d3;
72
+ var $7d405af0aae01906$export$5af6a1bcd207d9f6;
73
+ var $7d405af0aae01906$export$b8813cd5d7824ce7;
74
+ var $7d405af0aae01906$export$f39a09f249340e2a;
75
+ var $7d405af0aae01906$export$8778c911bed6c759;
76
+ var $7d405af0aae01906$export$e01337e7944312f6;
77
+ var $7d405af0aae01906$export$19f957201d941895;
78
+ var $7d405af0aae01906$export$713961e8e432825b;
79
+ var $7d405af0aae01906$export$63e9e087a73f808b;
80
+ var $7d405af0aae01906$export$d35bc1e505d1ebbf;
81
+ var $7d405af0aae01906$export$1e0fb04f31d3c22a;
82
+ var $7d405af0aae01906$export$45a5316056cfac3c;
83
+ $7d405af0aae01906$export$8c6320d2db82081f = "spectrum-Breadcrumbs_3fe6e8";
84
+ $7d405af0aae01906$export$f72910e36cd91d1e = "spectrum-Breadcrumbs-itemSeparator_3fe6e8";
85
+ $7d405af0aae01906$export$a4561bd665abb5db = "is-reversed_3fe6e8";
86
+ $7d405af0aae01906$export$492a5983c5fbf603 = "spectrum-Breadcrumbs-item_3fe6e8";
87
+ $7d405af0aae01906$export$53da69f51b770d3 = "spectrum-ActionButton_3fe6e8";
88
+ $7d405af0aae01906$export$5af6a1bcd207d9f6 = "spectrum-Breadcrumbs-itemLink_3fe6e8";
89
+ $7d405af0aae01906$export$b8813cd5d7824ce7 = "is-hovered_3fe6e8";
90
+ $7d405af0aae01906$export$f39a09f249340e2a = "focus-ring_3fe6e8";
91
+ $7d405af0aae01906$export$8778c911bed6c759 = "is-dragged_3fe6e8";
92
+ $7d405af0aae01906$export$e01337e7944312f6 = "spectrum-Breadcrumbs--small_3fe6e8";
93
+ $7d405af0aae01906$export$19f957201d941895 = "spectrum-Breadcrumbs--medium_3fe6e8";
94
+ $7d405af0aae01906$export$713961e8e432825b = "spectrum-Breadcrumbs--multiline_3fe6e8";
95
+ $7d405af0aae01906$export$63e9e087a73f808b = "spectrum-Heading--pageTitle_3fe6e8";
96
+ $7d405af0aae01906$export$d35bc1e505d1ebbf = "is-disabled_3fe6e8";
97
+ $7d405af0aae01906$export$1e0fb04f31d3c22a = "is-selected_3fe6e8";
98
+ $7d405af0aae01906$export$45a5316056cfac3c = "spectrum-Breadcrumb_3fe6e8";
99
+
100
+
101
+
102
+
103
+
104
+ function $01a6adf6454cb0d0$export$c13f210c706eb549(props) {
105
+ let { children: children , isCurrent: isCurrent , isDisabled: isDisabled } = props;
106
+ let { direction: direction } = $6zINN$reactariai18n.useLocale();
107
+ let ref = $6zINN$react.useRef();
108
+ let { itemProps: itemProps } = $6zINN$reactariabreadcrumbs.useBreadcrumbItem({
109
+ ...props,
110
+ elementType: typeof children === 'string' ? 'span' : 'a'
111
+ }, ref);
112
+ let { hoverProps: hoverProps , isHovered: isHovered } = $6zINN$reactariainteractions.useHover(props);
113
+ let element = /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).cloneElement($6zINN$reactspectrumutils.getWrappedElement(children), {
114
+ ...$6zINN$reactariautils.mergeProps(itemProps, hoverProps),
115
+ ref: ref,
116
+ className: $6zINN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7d405af0aae01906$exports)), 'spectrum-Breadcrumbs-itemLink', {
117
+ 'is-disabled': !isCurrent && isDisabled,
118
+ 'is-hovered': isHovered
119
+ })
120
+ });
121
+ return(/*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement($6zINN$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement($6zINN$reactariafocus.FocusRing, {
122
+ focusRingClass: $6zINN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7d405af0aae01906$exports)), 'focus-ring')
123
+ }, element), isCurrent === false && /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement(($parcel$interopDefault($6zINN$spectrumiconsuiChevronRightSmall)), {
124
+ UNSAFE_className: $6zINN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7d405af0aae01906$exports)), 'spectrum-Breadcrumbs-itemSeparator', {
125
+ 'is-reversed': direction === 'rtl'
126
+ })
127
+ })));
132
128
  }
133
129
 
134
- const $e2f01fb373fadb4c4bc7c0c3ead285a$var$MIN_VISIBLE_ITEMS = 1;
135
- const $e2f01fb373fadb4c4bc7c0c3ead285a$var$MAX_VISIBLE_ITEMS = 4;
136
130
 
137
- function $e2f01fb373fadb4c4bc7c0c3ead285a$var$Breadcrumbs(props, ref) {
138
- props = useProviderProps(props);
139
131
 
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
132
 
150
133
 
151
- let childArray = [];
152
134
 
153
- _react.Children.forEach(children, child => {
154
- if ( /*#__PURE__*/_react.isValidElement(child)) {
155
- childArray.push(child);
156
- }
157
- });
158
135
 
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
- let listItems = Array.from(listRef.current.children);
171
- let containerWidth = listRef.current.offsetWidth;
172
- let isShowingMenu = childArray.length > visibleItems;
173
- let calculatedWidth = 0;
174
- let newVisibleItems = 0;
175
- let maxVisibleItems = $e2f01fb373fadb4c4bc7c0c3ead285a$var$MAX_VISIBLE_ITEMS;
176
-
177
- if (showRoot) {
178
- calculatedWidth += listItems.shift().offsetWidth;
179
- newVisibleItems++;
180
- }
181
136
 
182
- if (isShowingMenu) {
183
- calculatedWidth += listItems.shift().offsetWidth;
184
- maxVisibleItems--;
185
- }
186
137
 
187
- if (showRoot && calculatedWidth >= containerWidth) {
188
- newVisibleItems--;
189
- } // TODO: what if multiline and only one breadcrumb??
190
138
 
191
139
 
192
- if (isMultiline) {
193
- listItems.pop();
194
- newVisibleItems++;
195
- } else {
196
- // Ensure the last breadcrumb isn't truncated when we measure it.
197
- let last = listItems.pop();
198
- last.style.overflow = 'visible';
199
- calculatedWidth += last.offsetWidth;
200
-
201
- if (calculatedWidth < containerWidth) {
202
- newVisibleItems++;
203
- }
204
-
205
- last.style.overflow = '';
206
- }
207
-
208
- for (let breadcrumb of listItems.reverse()) {
209
- calculatedWidth += breadcrumb.offsetWidth;
210
-
211
- if (calculatedWidth < containerWidth) {
212
- newVisibleItems++;
213
- }
214
- }
215
-
216
- return Math.max($e2f01fb373fadb4c4bc7c0c3ead285a$var$MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));
217
- };
218
-
219
- setVisibleItems(function* () {
220
- // Update to show all items.
221
- yield childArray.length; // Measure, and update to show the items that fit.
222
-
223
- let newVisibleItems = computeVisibleItems(childArray.length);
224
- yield newVisibleItems; // If the number of items is less than the number of children,
225
- // then update again to ensure that the menu fits.
226
-
227
- if (newVisibleItems < childArray.length && newVisibleItems > 1) {
228
- yield computeVisibleItems(newVisibleItems);
229
- }
140
+ const $ce45029bf0c8e0f0$var$MIN_VISIBLE_ITEMS = 1;
141
+ const $ce45029bf0c8e0f0$var$MAX_VISIBLE_ITEMS = 4;
142
+ function $ce45029bf0c8e0f0$var$Breadcrumbs(props, ref) {
143
+ props = $6zINN$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($6zINN$react)).Children.forEach(children, (child)=>{
148
+ if (/*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).isValidElement(child)) childArray.push(child);
230
149
  });
231
- }, [listRef, children, setVisibleItems, showRoot, isMultiline]);
232
- useResizeObserver({
233
- ref: domRef,
234
- onResize: updateOverflow
235
- });
236
- useLayoutEffect(updateOverflow, [children]);
237
- let contents = childArray;
238
-
239
- if (childArray.length > visibleItems) {
240
- var _selectedItem$key;
241
-
242
- let selectedItem = childArray[childArray.length - 1];
243
- let selectedKey = (_selectedItem$key = selectedItem.key) != null ? _selectedItem$key : childArray.length - 1;
244
-
245
- let onMenuAction = key => {
246
- // Don't fire onAction when clicking on the last item
247
- if (key !== selectedKey && onAction) {
248
- onAction(key);
249
- }
250
- };
251
-
252
- let menuItem = /*#__PURE__*/_react.createElement($ccb3b1ecd96026a521a9bbbd15d0b93d$export$BreadcrumbItem, {
253
- key: "menu"
254
- }, /*#__PURE__*/_react.createElement(MenuTrigger, null, /*#__PURE__*/_react.createElement(ActionButton, {
255
- "aria-label": "\u2026",
256
- isQuiet: true,
257
- isDisabled: isDisabled
258
- }, /*#__PURE__*/_react.createElement(_spectrumIconsUiFolderBreadcrumb, null)), /*#__PURE__*/_react.createElement(Menu, {
259
- selectionMode: "single",
260
- selectedKeys: [selectedKey],
261
- onAction: onMenuAction
262
- }, childArray)));
263
-
264
- contents = [menuItem];
265
- let breadcrumbs = [...childArray];
266
- let endItems = visibleItems;
267
-
268
- if (showRoot && visibleItems > 1) {
269
- contents.unshift(breadcrumbs.shift());
270
- endItems--;
150
+ let domRef = $6zINN$reactspectrumutils.useDOMRef(ref);
151
+ let listRef = $6zINN$react.useRef(null);
152
+ let [visibleItems1, setVisibleItems] = $6zINN$reactariautils.useValueEffect(childArray.length);
153
+ let { navProps: navProps } = $6zINN$reactariabreadcrumbs.useBreadcrumbs(props);
154
+ let { styleProps: styleProps } = $6zINN$reactspectrumutils.useStyleProps(otherProps);
155
+ let updateOverflow = $6zINN$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 = $ce45029bf0c8e0f0$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($ce45029bf0c8e0f0$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
+ $6zINN$reactariautils.useResizeObserver({
211
+ ref: domRef,
212
+ onResize: updateOverflow
213
+ });
214
+ $6zINN$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($6zINN$react)).createElement($01a6adf6454cb0d0$export$c13f210c706eb549, {
227
+ key: "menu"
228
+ }, /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement($6zINN$reactspectrummenu.MenuTrigger, null, /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement($6zINN$reactspectrumbutton.ActionButton, {
229
+ "aria-label": "…",
230
+ isQuiet: true,
231
+ isDisabled: isDisabled
232
+ }, /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement(($parcel$interopDefault($6zINN$spectrumiconsuiFolderBreadcrumb)), null)), /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement($6zINN$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));
271
251
  }
272
-
273
- contents.push(...breadcrumbs.slice(-endItems));
274
- }
275
-
276
- let lastIndex = contents.length - 1;
277
- let breadcrumbItems = contents.map((child, index) => {
278
- var _child$key;
279
-
280
- let isCurrent = index === lastIndex;
281
- let key = (_child$key = child.key) != null ? _child$key : index;
282
-
283
- let onPress = () => {
284
- if (onAction) {
285
- onAction(key);
286
- }
287
- };
288
-
289
- return /*#__PURE__*/_react.createElement("li", {
290
- key: key,
291
- className: classNames($cbb9ca45c80051a074b454ff67e12191$$interop$default, 'spectrum-Breadcrumbs-item')
292
- }, /*#__PURE__*/_react.createElement($ccb3b1ecd96026a521a9bbbd15d0b93d$export$BreadcrumbItem, {
293
- isCurrent: isCurrent,
294
- isDisabled: isDisabled,
295
- onPress: onPress
296
- }, child.props.children));
297
- });
298
- return /*#__PURE__*/_react.createElement("nav", _babelRuntimeHelpersExtends({}, styleProps, navProps, {
299
- ref: domRef
300
- }), /*#__PURE__*/_react.createElement("ul", {
301
- ref: listRef,
302
- className: classNames($cbb9ca45c80051a074b454ff67e12191$$interop$default, 'spectrum-Breadcrumbs', {
303
- 'spectrum-Breadcrumbs--small': size === 'S',
304
- 'spectrum-Breadcrumbs--medium': size === 'M',
305
- 'spectrum-Breadcrumbs--multiline': isMultiline,
306
- 'spectrum-Breadcrumbs--showRoot': showRoot,
307
- 'is-disabled': isDisabled
308
- }, styleProps.className)
309
- }, 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($6zINN$react)).createElement("li", {
261
+ key: key,
262
+ className: $6zINN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7d405af0aae01906$exports)), 'spectrum-Breadcrumbs-item')
263
+ }, /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement($01a6adf6454cb0d0$export$c13f210c706eb549, {
264
+ isCurrent: isCurrent,
265
+ isDisabled: isDisabled,
266
+ onPress: onPress
267
+ }, child.props.children)));
268
+ });
269
+ return(/*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement("nav", {
270
+ ...styleProps,
271
+ ...navProps,
272
+ ref: domRef
273
+ }, /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).createElement("ul", {
274
+ ref: listRef,
275
+ className: $6zINN$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7d405af0aae01906$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)));
310
283
  }
311
284
  /**
312
285
  * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.
313
- */
286
+ */ let $ce45029bf0c8e0f0$export$2dc68d50d56fbbd = /*#__PURE__*/ ($parcel$interopDefault($6zINN$react)).forwardRef($ce45029bf0c8e0f0$var$Breadcrumbs);
287
+
288
+
314
289
 
290
+ $parcel$exportWildcard(module.exports, $ce45029bf0c8e0f0$exports);
315
291
 
316
- let Breadcrumbs = /*#__PURE__*/_react.forwardRef($e2f01fb373fadb4c4bc7c0c3ead285a$var$Breadcrumbs);
317
292
 
318
- exports.Breadcrumbs = Breadcrumbs;
319
293
  //# sourceMappingURL=main.js.map