@react-spectrum/overlays 3.4.4 → 3.4.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 +457 -449
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +445 -417
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +8 -8
  8. package/dist/main.css.map +0 -1
package/dist/main.js CHANGED
@@ -1,166 +1,176 @@
1
- var {
2
- useModal,
3
- useOverlay,
4
- usePreventScroll
5
- } = require("@react-aria/overlays");
6
-
7
- var {
8
- mergeProps,
9
- useLayoutEffect,
10
- useViewportSize
11
- } = require("@react-aria/utils");
12
-
13
- var {
14
- classNames,
15
- useDOMRef,
16
- useStyleProps
17
- } = require("@react-spectrum/utils");
18
-
19
- var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
20
-
21
- var _reactDom = $parcel$interopDefault(require("react-dom"));
22
-
23
- var {
24
- Provider
25
- } = require("@react-spectrum/provider");
26
-
27
- var _reactTransitionGroupTransition = $parcel$interopDefault(require("react-transition-group/Transition"));
28
-
29
- var _react2 = require("react");
30
-
31
- var _react = $parcel$interopDefault(_react2);
32
-
33
- var {
34
- useCallback,
35
- useState,
36
- forwardRef,
37
- useRef,
38
- useEffect
39
- } = _react2;
40
-
41
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
42
-
43
1
  require("./main.css");
2
+ var $eLPAa$reactspectrumprovider = require("@react-spectrum/provider");
3
+ var $eLPAa$react = require("react");
4
+ var $eLPAa$reactdom = require("react-dom");
5
+ var $eLPAa$reacttransitiongroupTransition = require("react-transition-group/Transition");
6
+ var $eLPAa$reactspectrumutils = require("@react-spectrum/utils");
7
+ var $eLPAa$reactariautils = require("@react-aria/utils");
8
+ var $eLPAa$reactariaoverlays = require("@react-aria/overlays");
9
+
10
+ function $parcel$exportWildcard(dest, source) {
11
+ Object.keys(source).forEach(function(key) {
12
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
13
+ return;
14
+ }
15
+
16
+ Object.defineProperty(dest, key, {
17
+ enumerable: true,
18
+ get: function get() {
19
+ return source[key];
20
+ }
21
+ });
22
+ });
44
23
 
24
+ return dest;
25
+ }
45
26
  function $parcel$interopDefault(a) {
46
27
  return a && a.__esModule ? a.default : a;
47
28
  }
29
+ function $parcel$export(e, n, v, s) {
30
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
31
+ }
32
+ var $2aebdc186fd41e87$exports = {};
33
+
34
+ $parcel$export($2aebdc186fd41e87$exports, "Overlay", () => $2aebdc186fd41e87$export$c6fdb837b070b4ff);
35
+ var $13f51cdc44d228b9$exports = {};
36
+
37
+ $parcel$export($13f51cdc44d228b9$exports, "OpenTransition", () => $13f51cdc44d228b9$export$b847a40ee92eff38);
48
38
 
49
- const $d6d5f972d86d8a448288809c5c267883$var$OPEN_STATES = {
50
- entering: false,
51
- entered: true
39
+
40
+ const $13f51cdc44d228b9$var$OPEN_STATES = {
41
+ entering: false,
42
+ entered: true
52
43
  };
53
- /**
54
- * Timeout issues adding css animations to enter may be related to
55
- * https://github.com/reactjs/react-transition-group/issues/189 or
56
- * https://github.com/reactjs/react-transition-group/issues/22
57
- * my VM isn't good enough to debug accurately and get a better answer.
58
- *
59
- * As a result, use enter 0 so that is-open is applied once entered
60
- * it doesn't matter if we know when the css-animation is done on entering
61
- * for exiting though, give time for the css-animation to play
62
- * before removing from the DOM
63
- * **note** hitting esc bypasses exit animation for anyone testing.
64
- */
65
-
66
- function OpenTransition(props) {
67
- return /*#__PURE__*/_react.createElement(_reactTransitionGroupTransition, _babelRuntimeHelpersExtends({
68
- timeout: {
69
- enter: 0,
70
- exit: 350
71
- }
72
- }, props), state => _react.Children.map(props.children, child => child && /*#__PURE__*/_react.cloneElement(child, {
73
- isOpen: !!$d6d5f972d86d8a448288809c5c267883$var$OPEN_STATES[state]
74
- })));
44
+ function $13f51cdc44d228b9$export$b847a40ee92eff38(props) {
45
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement(($parcel$interopDefault($eLPAa$reacttransitiongroupTransition)), {
46
+ timeout: {
47
+ enter: 0,
48
+ exit: 350
49
+ },
50
+ ...props
51
+ }, (state)=>($parcel$interopDefault($eLPAa$react)).Children.map(props.children, (child)=>child && /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).cloneElement(child, {
52
+ isOpen: !!$13f51cdc44d228b9$var$OPEN_STATES[state]
53
+ })
54
+ )
55
+ ));
75
56
  }
76
57
 
77
- exports.OpenTransition = OpenTransition;
78
-
79
- function $d0270a5a2198467ee027b9df554cc09$var$Overlay(props, ref) {
80
- let {
81
- children,
82
- isOpen,
83
- container,
84
- onEnter,
85
- onEntering,
86
- onEntered,
87
- onExit,
88
- onExiting,
89
- onExited
90
- } = props;
91
- let [exited, setExited] = useState(!isOpen);
92
- let handleEntered = useCallback(() => {
93
- setExited(false);
94
-
95
- if (onEntered) {
96
- onEntered();
97
- }
98
- }, [onEntered]);
99
- let handleExited = useCallback(() => {
100
- setExited(true);
101
58
 
102
- if (onExited) {
103
- onExited();
104
- }
105
- }, [onExited]); // Don't un-render the overlay while it's transitioning out.
106
59
 
107
- let mountOverlay = isOpen || !exited;
108
60
 
109
- if (!mountOverlay) {
110
- // Don't bother showing anything if we don't have to.
111
- return null;
112
- }
113
61
 
114
- let contents = /*#__PURE__*/_react.createElement(Provider, {
115
- ref: ref,
116
- UNSAFE_style: {
117
- background: 'transparent',
118
- isolation: 'isolate'
119
- }
120
- }, /*#__PURE__*/_react.createElement(OpenTransition, {
121
- in: isOpen,
122
- appear: true,
123
- onExit: onExit,
124
- onExiting: onExiting,
125
- onExited: handleExited,
126
- onEnter: onEnter,
127
- onEntering: onEntering,
128
- onEntered: handleEntered
129
- }, children));
130
-
131
- return /*#__PURE__*/_reactDom.createPortal(contents, container || document.body);
62
+ function $2aebdc186fd41e87$var$Overlay(props, ref) {
63
+ let { children: children , isOpen: isOpen , container: container , onEnter: onEnter , onEntering: onEntering , onEntered: onEntered , onExit: onExit , onExiting: onExiting , onExited: onExited } = props;
64
+ let [exited, setExited] = $eLPAa$react.useState(!isOpen);
65
+ let handleEntered = $eLPAa$react.useCallback(()=>{
66
+ setExited(false);
67
+ if (onEntered) onEntered();
68
+ }, [
69
+ onEntered
70
+ ]);
71
+ let handleExited = $eLPAa$react.useCallback(()=>{
72
+ setExited(true);
73
+ if (onExited) onExited();
74
+ }, [
75
+ onExited
76
+ ]);
77
+ // Don't un-render the overlay while it's transitioning out.
78
+ let mountOverlay = isOpen || !exited;
79
+ if (!mountOverlay) // Don't bother showing anything if we don't have to.
80
+ return null;
81
+ let contents = /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($eLPAa$reactspectrumprovider.Provider, {
82
+ ref: ref,
83
+ UNSAFE_style: {
84
+ background: 'transparent',
85
+ isolation: 'isolate'
86
+ }
87
+ }, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($13f51cdc44d228b9$export$b847a40ee92eff38, {
88
+ in: isOpen,
89
+ appear: true,
90
+ onExit: onExit,
91
+ onExiting: onExiting,
92
+ onExited: handleExited,
93
+ onEnter: onEnter,
94
+ onEntering: onEntering,
95
+ onEntered: handleEntered
96
+ }, children));
97
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$reactdom)).createPortal(contents, container || document.body));
132
98
  }
99
+ let $2aebdc186fd41e87$export$c6fdb837b070b4ff = /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).forwardRef($2aebdc186fd41e87$var$Overlay);
100
+
101
+
102
+ var $f02bba55a62f20dd$exports = {};
103
+
104
+ $parcel$export($f02bba55a62f20dd$exports, "Popover", () => $f02bba55a62f20dd$export$5b6b19405a83ff9d);
105
+
106
+
107
+
108
+ var $e9a663ccb19ed1b0$exports = {};
109
+
110
+ $parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Popover", () => $e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb, (v) => $e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb = v);
111
+ $parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Popover", () => $e9a663ccb19ed1b0$export$884f6b5065bdc41a, (v) => $e9a663ccb19ed1b0$export$884f6b5065bdc41a = v);
112
+ $parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Dialog-content", () => $e9a663ccb19ed1b0$export$cb8eccd0f3639238, (v) => $e9a663ccb19ed1b0$export$cb8eccd0f3639238 = v);
113
+ $parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Modal-wrapper", () => $e9a663ccb19ed1b0$export$35bea187ff802494, (v) => $e9a663ccb19ed1b0$export$35bea187ff802494 = v);
114
+ $parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Modal-wrapper", () => $e9a663ccb19ed1b0$export$e088717c213c31d7, (v) => $e9a663ccb19ed1b0$export$e088717c213c31d7 = v);
115
+ $parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Modal", () => $e9a663ccb19ed1b0$export$4c0b1e44c3834c85, (v) => $e9a663ccb19ed1b0$export$4c0b1e44c3834c85 = v);
116
+ $parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Modal", () => $e9a663ccb19ed1b0$export$f8edeb62d7fed8c1, (v) => $e9a663ccb19ed1b0$export$f8edeb62d7fed8c1 = v);
117
+ $parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Tray", () => $e9a663ccb19ed1b0$export$ce0704cd084c4f0d, (v) => $e9a663ccb19ed1b0$export$ce0704cd084c4f0d = v);
118
+ $parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Tray", () => $e9a663ccb19ed1b0$export$69dafa24343974dd, (v) => $e9a663ccb19ed1b0$export$69dafa24343974dd = v);
119
+ var $e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb;
120
+ var $e9a663ccb19ed1b0$export$884f6b5065bdc41a;
121
+ var $e9a663ccb19ed1b0$export$cb8eccd0f3639238;
122
+ var $e9a663ccb19ed1b0$export$35bea187ff802494;
123
+ var $e9a663ccb19ed1b0$export$e088717c213c31d7;
124
+ var $e9a663ccb19ed1b0$export$4c0b1e44c3834c85;
125
+ var $e9a663ccb19ed1b0$export$f8edeb62d7fed8c1;
126
+ var $e9a663ccb19ed1b0$export$ce0704cd084c4f0d;
127
+ var $e9a663ccb19ed1b0$export$69dafa24343974dd;
128
+ $e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb = "spectrum-Popover_38efea";
129
+ $e9a663ccb19ed1b0$export$884f6b5065bdc41a = "react-spectrum-Popover_38efea";
130
+ $e9a663ccb19ed1b0$export$cb8eccd0f3639238 = "spectrum-Dialog-content_38efea";
131
+ $e9a663ccb19ed1b0$export$35bea187ff802494 = "spectrum-Modal-wrapper_38efea";
132
+ $e9a663ccb19ed1b0$export$e088717c213c31d7 = "react-spectrum-Modal-wrapper_38efea";
133
+ $e9a663ccb19ed1b0$export$4c0b1e44c3834c85 = "spectrum-Modal_38efea";
134
+ $e9a663ccb19ed1b0$export$f8edeb62d7fed8c1 = "react-spectrum-Modal_38efea";
135
+ $e9a663ccb19ed1b0$export$ce0704cd084c4f0d = "spectrum-Tray_38efea";
136
+ $e9a663ccb19ed1b0$export$69dafa24343974dd = "react-spectrum-Tray_38efea";
137
+
138
+
139
+
140
+ var $16e1dca4664d0b1c$exports = {};
141
+
142
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover", () => $16e1dca4664d0b1c$export$a62dc1b6ab23a7bb, (v) => $16e1dca4664d0b1c$export$a62dc1b6ab23a7bb = v);
143
+ $parcel$export($16e1dca4664d0b1c$exports, "is-open", () => $16e1dca4664d0b1c$export$a9781837241c946d, (v) => $16e1dca4664d0b1c$export$a9781837241c946d = v);
144
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--bottom", () => $16e1dca4664d0b1c$export$6a19b19b14780d4a, (v) => $16e1dca4664d0b1c$export$6a19b19b14780d4a = v);
145
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--top", () => $16e1dca4664d0b1c$export$f30becfb1df0cae4, (v) => $16e1dca4664d0b1c$export$f30becfb1df0cae4 = v);
146
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--right", () => $16e1dca4664d0b1c$export$5fc8b429396c9f58, (v) => $16e1dca4664d0b1c$export$5fc8b429396c9f58 = v);
147
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--left", () => $16e1dca4664d0b1c$export$79cc55906ac5b00, (v) => $16e1dca4664d0b1c$export$79cc55906ac5b00 = v);
148
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover-tip", () => $16e1dca4664d0b1c$export$3100ec4dc1668df1, (v) => $16e1dca4664d0b1c$export$3100ec4dc1668df1 = v);
149
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover-tip-triangle", () => $16e1dca4664d0b1c$export$ed733fa6cf19ab80, (v) => $16e1dca4664d0b1c$export$ed733fa6cf19ab80 = v);
150
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--dialog", () => $16e1dca4664d0b1c$export$cf634262e726cd19, (v) => $16e1dca4664d0b1c$export$cf634262e726cd19 = v);
151
+ $parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--withTip", () => $16e1dca4664d0b1c$export$d8b16c5377728262, (v) => $16e1dca4664d0b1c$export$d8b16c5377728262 = v);
152
+ var $16e1dca4664d0b1c$export$a62dc1b6ab23a7bb;
153
+ var $16e1dca4664d0b1c$export$a9781837241c946d;
154
+ var $16e1dca4664d0b1c$export$6a19b19b14780d4a;
155
+ var $16e1dca4664d0b1c$export$f30becfb1df0cae4;
156
+ var $16e1dca4664d0b1c$export$5fc8b429396c9f58;
157
+ var $16e1dca4664d0b1c$export$79cc55906ac5b00;
158
+ var $16e1dca4664d0b1c$export$3100ec4dc1668df1;
159
+ var $16e1dca4664d0b1c$export$ed733fa6cf19ab80;
160
+ var $16e1dca4664d0b1c$export$cf634262e726cd19;
161
+ var $16e1dca4664d0b1c$export$d8b16c5377728262;
162
+ $16e1dca4664d0b1c$export$a62dc1b6ab23a7bb = "spectrum-Popover_6115b8";
163
+ $16e1dca4664d0b1c$export$a9781837241c946d = "is-open_6115b8";
164
+ $16e1dca4664d0b1c$export$6a19b19b14780d4a = "spectrum-Popover--bottom_6115b8";
165
+ $16e1dca4664d0b1c$export$f30becfb1df0cae4 = "spectrum-Popover--top_6115b8";
166
+ $16e1dca4664d0b1c$export$5fc8b429396c9f58 = "spectrum-Popover--right_6115b8";
167
+ $16e1dca4664d0b1c$export$79cc55906ac5b00 = "spectrum-Popover--left_6115b8";
168
+ $16e1dca4664d0b1c$export$3100ec4dc1668df1 = "spectrum-Popover-tip_6115b8";
169
+ $16e1dca4664d0b1c$export$ed733fa6cf19ab80 = "spectrum-Popover-tip-triangle_6115b8";
170
+ $16e1dca4664d0b1c$export$cf634262e726cd19 = "spectrum-Popover--dialog_6115b8";
171
+ $16e1dca4664d0b1c$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
172
+
133
173
 
134
- let Overlay = /*#__PURE__*/_react.forwardRef($d0270a5a2198467ee027b9df554cc09$var$Overlay);
135
-
136
- exports.Overlay = Overlay;
137
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/overlays/src/overlays.css
138
- var $a434c787f706f7c179fc4f21b517d3a$exports = {};
139
- $a434c787f706f7c179fc4f21b517d3a$exports = {
140
- "spectrum-Popover": "_spectrum-Popover_1c0dd",
141
- "react-spectrum-Popover": "_react-spectrum-Popover_1c0dd",
142
- "spectrum-Dialog-content": "_spectrum-Dialog-content_1c0dd",
143
- "spectrum-Modal-wrapper": "_spectrum-Modal-wrapper_1c0dd",
144
- "react-spectrum-Modal-wrapper": "_react-spectrum-Modal-wrapper_1c0dd",
145
- "spectrum-Modal": "_spectrum-Modal_1c0dd",
146
- "react-spectrum-Modal": "_react-spectrum-Modal_1c0dd",
147
- "spectrum-Tray": "_spectrum-Tray_1c0dd",
148
- "react-spectrum-Tray": "_react-spectrum-Tray_1c0dd"
149
- };
150
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/popover/vars.css
151
- var $a9f4222934d4412568b57bdfebcfeb3$exports = {};
152
- $a9f4222934d4412568b57bdfebcfeb3$exports = {
153
- "spectrum-Popover": "_spectrum-Popover_c37f7",
154
- "is-open": "_is-open_c37f7",
155
- "spectrum-Popover--bottom": "_spectrum-Popover--bottom_c37f7",
156
- "spectrum-Popover--top": "_spectrum-Popover--top_c37f7",
157
- "spectrum-Popover--right": "_spectrum-Popover--right_c37f7",
158
- "spectrum-Popover--left": "_spectrum-Popover--left_c37f7",
159
- "spectrum-Popover-tip": "_spectrum-Popover-tip_c37f7",
160
- "spectrum-Popover-tip-triangle": "_spectrum-Popover-tip-triangle_c37f7",
161
- "spectrum-Popover--dialog": "_spectrum-Popover--dialog_c37f7",
162
- "spectrum-Popover--withTip": "_spectrum-Popover--withTip_c37f7"
163
- };
164
174
 
165
175
  /**
166
176
  * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the
@@ -168,322 +178,320 @@ $a9f4222934d4412568b57bdfebcfeb3$exports = {
168
178
  * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
169
179
  * the path always starts at 0 so that it perfectly overlaps the popover's border.
170
180
  * See bottom of file for more explanation.
171
- */
172
- let $cb5ac2f1b271cf568ded3aa34c88ecd$var$arrowPlacement = {
173
- left: 'right',
174
- right: 'right',
175
- top: 'bottom',
176
- bottom: 'bottom'
181
+ */ let $f02bba55a62f20dd$var$arrowPlacement = {
182
+ left: 'right',
183
+ right: 'right',
184
+ top: 'bottom',
185
+ bottom: 'bottom'
177
186
  };
178
-
179
- function $cb5ac2f1b271cf568ded3aa34c88ecd$var$Popover(props, ref) {
180
- let {
181
- children,
182
- placement,
183
- arrowProps,
184
- onClose,
185
- shouldCloseOnBlur,
186
- hideArrow,
187
- isKeyboardDismissDisabled,
188
- isNonModal,
189
- isDismissable = true
190
- } = props,
191
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "placement", "arrowProps", "onClose", "shouldCloseOnBlur", "hideArrow", "isKeyboardDismissDisabled", "isNonModal", "isDismissable"]);
192
-
193
- let domRef = useDOMRef(ref);
194
- let {
195
- styleProps
196
- } = useStyleProps(props);
197
- return /*#__PURE__*/_react.createElement(Overlay, otherProps, /*#__PURE__*/_react.createElement($cb5ac2f1b271cf568ded3aa34c88ecd$var$PopoverWrapper, _babelRuntimeHelpersExtends({}, styleProps, {
198
- ref: domRef,
199
- placement: placement,
200
- arrowProps: arrowProps,
201
- onClose: onClose,
202
- shouldCloseOnBlur: shouldCloseOnBlur,
203
- isKeyboardDismissDisabled: isKeyboardDismissDisabled,
204
- hideArrow: hideArrow,
205
- isNonModal: isNonModal,
206
- isDismissable: isDismissable
207
- }), children));
187
+ function $f02bba55a62f20dd$var$Popover(props, ref) {
188
+ let { children: children , placement: placement , arrowProps: arrowProps , onClose: onClose , shouldCloseOnBlur: shouldCloseOnBlur , hideArrow: hideArrow , isKeyboardDismissDisabled: isKeyboardDismissDisabled , isNonModal: isNonModal , isDismissable: isDismissable = true , ...otherProps } = props;
189
+ let domRef = $eLPAa$reactspectrumutils.useDOMRef(ref);
190
+ let { styleProps: styleProps } = $eLPAa$reactspectrumutils.useStyleProps(props);
191
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($2aebdc186fd41e87$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($f02bba55a62f20dd$var$PopoverWrapper, {
192
+ ...styleProps,
193
+ ref: domRef,
194
+ placement: placement,
195
+ arrowProps: arrowProps,
196
+ onClose: onClose,
197
+ shouldCloseOnBlur: shouldCloseOnBlur,
198
+ isKeyboardDismissDisabled: isKeyboardDismissDisabled,
199
+ hideArrow: hideArrow,
200
+ isNonModal: isNonModal,
201
+ isDismissable: isDismissable
202
+ }, children)));
208
203
  }
209
-
210
- var $a9f4222934d4412568b57bdfebcfeb3$$interop$default = $parcel$interopDefault($a9f4222934d4412568b57bdfebcfeb3$exports);
211
- var $a434c787f706f7c179fc4f21b517d3a$$interop$default = $parcel$interopDefault($a434c787f706f7c179fc4f21b517d3a$exports);
212
- const $cb5ac2f1b271cf568ded3aa34c88ecd$var$PopoverWrapper = /*#__PURE__*/forwardRef((props, ref) => {
213
- let {
214
- children,
215
- placement = 'bottom',
216
- arrowProps,
217
- isOpen,
218
- hideArrow,
219
- isNonModal,
220
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
221
- isDismissable
222
- } = props,
223
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "placement", "arrowProps", "isOpen", "hideArrow", "shouldCloseOnBlur", "isKeyboardDismissDisabled", "isNonModal", "isDismissable"]);
224
-
225
- let {
226
- overlayProps
227
- } = useOverlay(_babelRuntimeHelpersExtends({}, props, {
228
- isDismissable: isDismissable && isOpen
229
- }), ref);
230
- let {
231
- modalProps
232
- } = useModal({
233
- isDisabled: isNonModal
234
- });
235
- return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(otherProps, overlayProps, modalProps), {
236
- ref: ref,
237
- className: classNames($a9f4222934d4412568b57bdfebcfeb3$$interop$default, 'spectrum-Popover', "spectrum-Popover--" + placement, {
238
- 'spectrum-Popover--withTip': !hideArrow,
239
- 'is-open': isOpen
240
- }, classNames($a434c787f706f7c179fc4f21b517d3a$$interop$default, 'spectrum-Popover', 'react-spectrum-Popover'), otherProps.className),
241
- role: "presentation"
242
- }), children, hideArrow ? null : /*#__PURE__*/_react.createElement($cb5ac2f1b271cf568ded3aa34c88ecd$var$Arrow, {
243
- arrowProps: arrowProps,
244
- direction: $cb5ac2f1b271cf568ded3aa34c88ecd$var$arrowPlacement[placement]
245
- }));
204
+ const $f02bba55a62f20dd$var$PopoverWrapper = /*#__PURE__*/ $eLPAa$react.forwardRef((props, ref)=>{
205
+ let { children: children , placement: placement = 'bottom' , arrowProps: arrowProps , isOpen: isOpen , hideArrow: hideArrow , shouldCloseOnBlur: // eslint-disable-next-line @typescript-eslint/no-unused-vars
206
+ shouldCloseOnBlur , isKeyboardDismissDisabled: // eslint-disable-next-line @typescript-eslint/no-unused-vars
207
+ isKeyboardDismissDisabled , isNonModal: isNonModal , isDismissable: // eslint-disable-next-line @typescript-eslint/no-unused-vars
208
+ isDismissable , ...otherProps } = props;
209
+ let { overlayProps: overlayProps } = $eLPAa$reactariaoverlays.useOverlay({
210
+ ...props,
211
+ isDismissable: isDismissable && isOpen
212
+ }, ref);
213
+ let { modalProps: modalProps } = $eLPAa$reactariaoverlays.useModal({
214
+ isDisabled: isNonModal
215
+ });
216
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
217
+ ...$eLPAa$reactariautils.mergeProps(otherProps, overlayProps, modalProps),
218
+ ref: ref,
219
+ className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($16e1dca4664d0b1c$exports)), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
220
+ 'spectrum-Popover--withTip': !hideArrow,
221
+ 'is-open': isOpen
222
+ }, $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e9a663ccb19ed1b0$exports)), 'spectrum-Popover', 'react-spectrum-Popover'), otherProps.className),
223
+ role: "presentation",
224
+ "data-testid": "popover"
225
+ }, children, hideArrow ? null : /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($f02bba55a62f20dd$var$Arrow, {
226
+ arrowProps: arrowProps,
227
+ direction: $f02bba55a62f20dd$var$arrowPlacement[placement]
228
+ })));
246
229
  });
247
- let $cb5ac2f1b271cf568ded3aa34c88ecd$var$ROOT_2 = Math.sqrt(2);
230
+ let $f02bba55a62f20dd$var$ROOT_2 = Math.sqrt(2);
231
+ function $f02bba55a62f20dd$var$Arrow(props) {
232
+ let [size, setSize] = $eLPAa$react.useState(20);
233
+ let [borderWidth, setBorderWidth] = $eLPAa$react.useState(1);
234
+ let ref = $eLPAa$react.useRef();
235
+ // get the css value for the tip size and divide it by 2 for this arrow implementation
236
+ $eLPAa$reactariautils.useLayoutEffect(()=>{
237
+ if (ref.current) {
238
+ let spectrumTipWidth = window.getComputedStyle(ref.current).getPropertyValue('--spectrum-popover-tip-size');
239
+ if (spectrumTipWidth !== '') setSize(parseInt(spectrumTipWidth, 10) / 2);
240
+ let spectrumBorderWidth = window.getComputedStyle(ref.current).getPropertyValue('--spectrum-popover-tip-borderWidth');
241
+ if (spectrumBorderWidth !== '') setBorderWidth(parseInt(spectrumBorderWidth, 10));
242
+ }
243
+ }, [
244
+ ref
245
+ ]);
246
+ let landscape = props.direction === 'top' || props.direction === 'bottom';
247
+ let mirror = props.direction === 'left' || props.direction === 'top';
248
+ let borderDiagonal = borderWidth * $f02bba55a62f20dd$var$ROOT_2;
249
+ let halfBorderDiagonal = borderDiagonal / 2;
250
+ let secondary = 2 * size + 2 * borderDiagonal;
251
+ let primary = size + borderDiagonal;
252
+ let primaryStart = mirror ? primary : 0;
253
+ let primaryEnd = mirror ? halfBorderDiagonal : primary - halfBorderDiagonal;
254
+ let secondaryStart = halfBorderDiagonal;
255
+ let secondaryMiddle = secondary / 2;
256
+ let secondaryEnd = secondary - halfBorderDiagonal;
257
+ let pathData = landscape ? [
258
+ 'M',
259
+ secondaryStart,
260
+ primaryStart,
261
+ 'L',
262
+ secondaryMiddle,
263
+ primaryEnd,
264
+ 'L',
265
+ secondaryEnd,
266
+ primaryStart
267
+ ] : [
268
+ 'M',
269
+ primaryStart,
270
+ secondaryStart,
271
+ 'L',
272
+ primaryEnd,
273
+ secondaryMiddle,
274
+ 'L',
275
+ primaryStart,
276
+ secondaryEnd
277
+ ];
278
+ let arrowProps = props.arrowProps;
279
+ /* use ceil because the svg needs to always accomodate the path inside it */ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("svg", {
280
+ xmlns: "http://www.w3.org/svg/2000",
281
+ width: Math.ceil(landscape ? secondary : primary),
282
+ height: Math.ceil(landscape ? primary : secondary),
283
+ style: props.style,
284
+ className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($16e1dca4664d0b1c$exports)), 'spectrum-Popover-tip'),
285
+ ref: ref,
286
+ ...arrowProps
287
+ }, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("path", {
288
+ className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($16e1dca4664d0b1c$exports)), 'spectrum-Popover-tip-triangle'),
289
+ d: pathData.join(' ')
290
+ })));
291
+ }
292
+ let $f02bba55a62f20dd$export$5b6b19405a83ff9d = /*#__PURE__*/ $eLPAa$react.forwardRef($f02bba55a62f20dd$var$Popover);
248
293
 
249
- function $cb5ac2f1b271cf568ded3aa34c88ecd$var$Arrow(props) {
250
- let [size, setSize] = useState(20);
251
- let [borderWidth, setBorderWidth] = useState(1);
252
- let ref = useRef(); // get the css value for the tip size and divide it by 2 for this arrow implementation
253
294
 
254
- useLayoutEffect(() => {
255
- if (ref.current) {
256
- let spectrumTipWidth = window.getComputedStyle(ref.current).getPropertyValue('--spectrum-popover-tip-size');
295
+ var $fc75a6aa7a2b905b$exports = {};
296
+
297
+ $parcel$export($fc75a6aa7a2b905b$exports, "Modal", () => $fc75a6aa7a2b905b$export$2b77a92f1a5ad772);
298
+
299
+
300
+ var $86571b803f942ff3$exports = {};
301
+
302
+ $parcel$export($86571b803f942ff3$exports, "spectrum-Modal", () => $86571b803f942ff3$export$4c0b1e44c3834c85, (v) => $86571b803f942ff3$export$4c0b1e44c3834c85 = v);
303
+ $parcel$export($86571b803f942ff3$exports, "is-open", () => $86571b803f942ff3$export$a9781837241c946d, (v) => $86571b803f942ff3$export$a9781837241c946d = v);
304
+ $parcel$export($86571b803f942ff3$exports, "spectrum-Modal-wrapper", () => $86571b803f942ff3$export$35bea187ff802494, (v) => $86571b803f942ff3$export$35bea187ff802494 = v);
305
+ $parcel$export($86571b803f942ff3$exports, "spectrum-Modal--responsive", () => $86571b803f942ff3$export$fd1e42aa8ea02a1, (v) => $86571b803f942ff3$export$fd1e42aa8ea02a1 = v);
306
+ $parcel$export($86571b803f942ff3$exports, "spectrum-Modal--fullscreen", () => $86571b803f942ff3$export$a4423fa77727431a, (v) => $86571b803f942ff3$export$a4423fa77727431a = v);
307
+ $parcel$export($86571b803f942ff3$exports, "spectrum-Modal--fullscreenTakeover", () => $86571b803f942ff3$export$175dd699720b5fb7, (v) => $86571b803f942ff3$export$175dd699720b5fb7 = v);
308
+ var $86571b803f942ff3$export$4c0b1e44c3834c85;
309
+ var $86571b803f942ff3$export$a9781837241c946d;
310
+ var $86571b803f942ff3$export$35bea187ff802494;
311
+ var $86571b803f942ff3$export$fd1e42aa8ea02a1;
312
+ var $86571b803f942ff3$export$a4423fa77727431a;
313
+ var $86571b803f942ff3$export$175dd699720b5fb7;
314
+ $86571b803f942ff3$export$4c0b1e44c3834c85 = "spectrum-Modal_f81956";
315
+ $86571b803f942ff3$export$a9781837241c946d = "is-open_f81956";
316
+ $86571b803f942ff3$export$35bea187ff802494 = "spectrum-Modal-wrapper_f81956";
317
+ $86571b803f942ff3$export$fd1e42aa8ea02a1 = "spectrum-Modal--responsive_f81956";
318
+ $86571b803f942ff3$export$a4423fa77727431a = "spectrum-Modal--fullscreen_f81956";
319
+ $86571b803f942ff3$export$175dd699720b5fb7 = "spectrum-Modal--fullscreenTakeover_f81956";
320
+
257
321
 
258
- if (spectrumTipWidth !== '') {
259
- setSize(parseInt(spectrumTipWidth, 10) / 2);
260
- }
261
322
 
262
- let spectrumBorderWidth = window.getComputedStyle(ref.current).getPropertyValue('--spectrum-popover-tip-borderWidth');
263
323
 
264
- if (spectrumBorderWidth !== '') {
265
- setBorderWidth(parseInt(spectrumBorderWidth, 10));
266
- }
267
- }
268
- }, [ref]);
269
- let landscape = props.direction === 'top' || props.direction === 'bottom';
270
- let mirror = props.direction === 'left' || props.direction === 'top';
271
- let borderDiagonal = borderWidth * $cb5ac2f1b271cf568ded3aa34c88ecd$var$ROOT_2;
272
- let halfBorderDiagonal = borderDiagonal / 2;
273
- let secondary = 2 * size + 2 * borderDiagonal;
274
- let primary = size + borderDiagonal;
275
- let primaryStart = mirror ? primary : 0;
276
- let primaryEnd = mirror ? halfBorderDiagonal : primary - halfBorderDiagonal;
277
- let secondaryStart = halfBorderDiagonal;
278
- let secondaryMiddle = secondary / 2;
279
- let secondaryEnd = secondary - halfBorderDiagonal;
280
- let pathData = landscape ? ['M', secondaryStart, primaryStart, 'L', secondaryMiddle, primaryEnd, 'L', secondaryEnd, primaryStart] : ['M', primaryStart, secondaryStart, 'L', primaryEnd, secondaryMiddle, 'L', primaryStart, secondaryEnd];
281
- let arrowProps = props.arrowProps;
282
- /* use ceil because the svg needs to always accomodate the path inside it */
283
-
284
- return /*#__PURE__*/_react.createElement("svg", _babelRuntimeHelpersExtends({
285
- xmlns: "http://www.w3.org/svg/2000",
286
- width: Math.ceil(landscape ? secondary : primary),
287
- height: Math.ceil(landscape ? primary : secondary),
288
- style: props.style,
289
- className: classNames($a9f4222934d4412568b57bdfebcfeb3$$interop$default, 'spectrum-Popover-tip'),
290
- ref: ref
291
- }, arrowProps), /*#__PURE__*/_react.createElement("path", {
292
- className: classNames($a9f4222934d4412568b57bdfebcfeb3$$interop$default, 'spectrum-Popover-tip-triangle'),
293
- d: pathData.join(' ')
294
- }));
295
- }
296
324
 
297
- let Popover = /*#__PURE__*/forwardRef($cb5ac2f1b271cf568ded3aa34c88ecd$var$Popover);
298
- exports.Popover = Popover;
299
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/modal/vars.css
300
- var $b8ac61fc976db2b0e346a0671961$exports = {};
301
- $b8ac61fc976db2b0e346a0671961$exports = {
302
- "spectrum-Modal": "_spectrum-Modal_cdccb",
303
- "is-open": "_is-open_cdccb",
304
- "spectrum-Modal-wrapper": "_spectrum-Modal-wrapper_cdccb",
305
- "spectrum-Modal--responsive": "_spectrum-Modal--responsive_cdccb",
306
- "spectrum-Modal--fullscreen": "_spectrum-Modal--fullscreen_cdccb",
307
- "spectrum-Modal--fullscreenTakeover": "_spectrum-Modal--fullscreenTakeover_cdccb"
308
- };
309
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/underlay/vars.css
310
- var $f2a147f4891994bda5d87ce34e55004f$exports = {};
311
- $f2a147f4891994bda5d87ce34e55004f$exports = {
312
- "spectrum-Underlay": "_spectrum-Underlay_8c345",
313
- "is-open": "_is-open_8c345"
314
- };
315
- var $f2a147f4891994bda5d87ce34e55004f$$interop$default = $parcel$interopDefault($f2a147f4891994bda5d87ce34e55004f$exports);
316
-
317
- function $c648a952e23df4b2fc75f8a200e83b76$export$Underlay(_ref) {
318
- let {
319
- isOpen
320
- } = _ref;
321
- return /*#__PURE__*/_react.createElement("div", {
322
- className: classNames($f2a147f4891994bda5d87ce34e55004f$$interop$default, 'spectrum-Underlay', {
323
- 'is-open': isOpen
324
- })
325
- });
326
- }
327
325
 
328
- function $a62d82478f31e7bc19e59228dca6318$var$Modal(props, ref) {
329
- let {
330
- children,
331
- onClose,
332
- type
333
- } = props,
334
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "onClose", "type"]);
335
-
336
- let domRef = useDOMRef(ref);
337
- let {
338
- styleProps
339
- } = useStyleProps(props);
340
- let {
341
- overlayProps,
342
- underlayProps
343
- } = useOverlay(props, domRef);
344
- return /*#__PURE__*/_react.createElement(Overlay, otherProps, /*#__PURE__*/_react.createElement($c648a952e23df4b2fc75f8a200e83b76$export$Underlay, underlayProps), /*#__PURE__*/_react.createElement($a62d82478f31e7bc19e59228dca6318$var$ModalWrapper, _babelRuntimeHelpersExtends({}, styleProps, {
345
- onClose: onClose,
346
- type: type,
347
- ref: domRef,
348
- overlayProps: overlayProps
349
- }), children));
326
+
327
+ var $42908e91b4c5f428$exports = {};
328
+
329
+ $parcel$export($42908e91b4c5f428$exports, "spectrum-Underlay", () => $42908e91b4c5f428$export$74470528f463af97, (v) => $42908e91b4c5f428$export$74470528f463af97 = v);
330
+ $parcel$export($42908e91b4c5f428$exports, "is-open", () => $42908e91b4c5f428$export$a9781837241c946d, (v) => $42908e91b4c5f428$export$a9781837241c946d = v);
331
+ var $42908e91b4c5f428$export$74470528f463af97;
332
+ var $42908e91b4c5f428$export$a9781837241c946d;
333
+ $42908e91b4c5f428$export$74470528f463af97 = "spectrum-Underlay_eb7615";
334
+ $42908e91b4c5f428$export$a9781837241c946d = "is-open_eb7615";
335
+
336
+
337
+ function $b900e75089bdd9cd$export$f360afc887607b02({ isOpen: isOpen }) {
338
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
339
+ className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($42908e91b4c5f428$exports)), 'spectrum-Underlay', {
340
+ 'is-open': isOpen
341
+ })
342
+ }));
350
343
  }
351
344
 
352
- let $a62d82478f31e7bc19e59228dca6318$var$typeMap = {
353
- fullscreen: 'fullscreen',
354
- fullscreenTakeover: 'fullscreenTakeover'
345
+
346
+
347
+ function $fc75a6aa7a2b905b$var$Modal(props, ref) {
348
+ let { children: children , onClose: onClose , type: type , ...otherProps } = props;
349
+ let domRef = $eLPAa$reactspectrumutils.useDOMRef(ref);
350
+ let { styleProps: styleProps } = $eLPAa$reactspectrumutils.useStyleProps(props);
351
+ let { overlayProps: overlayProps , underlayProps: underlayProps } = $eLPAa$reactariaoverlays.useOverlay(props, domRef);
352
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($2aebdc186fd41e87$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($b900e75089bdd9cd$export$f360afc887607b02, underlayProps), /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($fc75a6aa7a2b905b$var$ModalWrapper, {
353
+ ...styleProps,
354
+ onClose: onClose,
355
+ type: type,
356
+ ref: domRef,
357
+ overlayProps: overlayProps
358
+ }, children)));
359
+ }
360
+ let $fc75a6aa7a2b905b$var$typeMap = {
361
+ fullscreen: 'fullscreen',
362
+ fullscreenTakeover: 'fullscreenTakeover'
355
363
  };
356
- var $b8ac61fc976db2b0e346a0671961$$interop$default = $parcel$interopDefault($b8ac61fc976db2b0e346a0671961$exports);
357
- let $a62d82478f31e7bc19e59228dca6318$var$ModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
358
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
359
- let {
360
- children,
361
- isOpen,
362
- type,
363
- overlayProps
364
- } = props,
365
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "isOpen", "type", "overlayProps"]);
366
-
367
- let typeVariant = $a62d82478f31e7bc19e59228dca6318$var$typeMap[type];
368
- usePreventScroll();
369
- let {
370
- modalProps
371
- } = useModal();
372
- let wrapperClassName = classNames($b8ac61fc976db2b0e346a0671961$$interop$default, 'spectrum-Modal-wrapper', classNames($a434c787f706f7c179fc4f21b517d3a$$interop$default, 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
373
- let modalClassName = classNames($b8ac61fc976db2b0e346a0671961$$interop$default, 'spectrum-Modal', {
374
- 'is-open': isOpen
375
- }, classNames($a434c787f706f7c179fc4f21b517d3a$$interop$default, 'spectrum-Modal', 'react-spectrum-Modal'), {
376
- ["spectrum-Modal--" + typeVariant]: typeVariant
377
- }, otherProps.className);
378
- let viewport = useViewportSize();
379
- let style = {
380
- '--spectrum-visual-viewport-height': viewport.height + 'px'
381
- };
382
- return /*#__PURE__*/_react.createElement("div", {
383
- className: wrapperClassName,
384
- style: style
385
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(otherProps, overlayProps, modalProps), {
386
- ref: ref,
387
- className: modalClassName
388
- }), children));
364
+ let $fc75a6aa7a2b905b$var$ModalWrapper = /*#__PURE__*/ $eLPAa$react.forwardRef(function(props, ref) {
365
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
366
+ let { children: children , isOpen: isOpen , type: type , overlayProps: overlayProps , ...otherProps } = props;
367
+ let typeVariant = $fc75a6aa7a2b905b$var$typeMap[type];
368
+ $eLPAa$reactariaoverlays.usePreventScroll();
369
+ let { modalProps: modalProps } = $eLPAa$reactariaoverlays.useModal();
370
+ let wrapperClassName = $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($86571b803f942ff3$exports)), 'spectrum-Modal-wrapper', $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e9a663ccb19ed1b0$exports)), 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
371
+ let modalClassName = $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($86571b803f942ff3$exports)), 'spectrum-Modal', {
372
+ 'is-open': isOpen
373
+ }, $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e9a663ccb19ed1b0$exports)), 'spectrum-Modal', 'react-spectrum-Modal'), {
374
+ [`spectrum-Modal--${typeVariant}`]: typeVariant
375
+ }, otherProps.className);
376
+ let viewport = $eLPAa$reactariautils.useViewportSize();
377
+ let style = {
378
+ '--spectrum-visual-viewport-height': viewport.height + 'px'
379
+ };
380
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
381
+ className: wrapperClassName,
382
+ style: style
383
+ }, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
384
+ ...$eLPAa$reactariautils.mergeProps(otherProps, overlayProps, modalProps),
385
+ ref: ref,
386
+ className: modalClassName,
387
+ "data-testid": "modal"
388
+ }, children)));
389
389
  });
390
- let Modal = /*#__PURE__*/forwardRef($a62d82478f31e7bc19e59228dca6318$var$Modal);
391
- exports.Modal = Modal;
392
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/tray/vars.css
393
- var $cf6719050fb6ee63a92f86b402a03d3c$exports = {};
394
- $cf6719050fb6ee63a92f86b402a03d3c$exports = {
395
- "spectrum-Tray": "_spectrum-Tray_8bca2",
396
- "is-open": "_is-open_8bca2",
397
- "spectrum-Tray-wrapper": "_spectrum-Tray-wrapper_8bca2",
398
- "spectrum-Tray--fixedHeight": "_spectrum-Tray--fixedHeight_8bca2"
399
- };
390
+ let $fc75a6aa7a2b905b$export$2b77a92f1a5ad772 = /*#__PURE__*/ $eLPAa$react.forwardRef($fc75a6aa7a2b905b$var$Modal);
400
391
 
401
- function $c302f13166ea83bbd2ac9accda46696$var$Tray(props, ref) {
402
- let {
403
- children,
404
- onClose,
405
- isFixedHeight,
406
- isNonModal
407
- } = props,
408
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "onClose", "isFixedHeight", "isNonModal"]);
409
-
410
- let domRef = useDOMRef(ref);
411
- let {
412
- styleProps
413
- } = useStyleProps(props);
414
- let {
415
- overlayProps,
416
- underlayProps
417
- } = useOverlay(_babelRuntimeHelpersExtends({}, props, {
418
- isDismissable: true
419
- }), domRef);
420
- return /*#__PURE__*/_react.createElement(Overlay, otherProps, /*#__PURE__*/_react.createElement($c648a952e23df4b2fc75f8a200e83b76$export$Underlay, underlayProps), /*#__PURE__*/_react.createElement($c302f13166ea83bbd2ac9accda46696$var$TrayWrapper, _babelRuntimeHelpersExtends({}, styleProps, {
421
- onClose: onClose,
422
- ref: domRef,
423
- overlayProps: overlayProps,
424
- isFixedHeight: isFixedHeight,
425
- isNonModal: isNonModal
426
- }), children));
427
- }
428
392
 
429
- var $cf6719050fb6ee63a92f86b402a03d3c$$interop$default = $parcel$interopDefault($cf6719050fb6ee63a92f86b402a03d3c$exports);
430
- let $c302f13166ea83bbd2ac9accda46696$var$TrayWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
431
- let {
432
- children,
433
- isOpen,
434
- isFixedHeight,
435
- isNonModal,
436
- overlayProps
437
- } = props,
438
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "isOpen", "isFixedHeight", "isNonModal", "overlayProps"]);
439
-
440
- usePreventScroll();
441
- let {
442
- modalProps
443
- } = useModal({
444
- isDisabled: isNonModal
445
- }); // We need to measure the window's height in JS rather than using percentages in CSS
446
- // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
447
- // does not work properly because there is nothing to base the percentage on.
448
- // We cannot use vh units because mobile browsers adjust the window height dynamically
449
- // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
450
- // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
451
- // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
452
-
453
- let viewport = useViewportSize();
454
- let [height, setHeight] = useState(viewport.height);
455
- let timeoutRef = useRef();
456
- useEffect(() => {
457
- clearTimeout(timeoutRef.current); // When the height is decreasing, and the keyboard is visible
458
- // (visual viewport smaller than layout viewport), delay setting
459
- // the new max height until after the animation is complete
460
- // so that there isn't an empty space under the tray briefly.
461
-
462
- if (viewport.height < height && viewport.height < window.innerHeight) {
463
- timeoutRef.current = setTimeout(() => {
464
- setHeight(viewport.height);
465
- }, 500);
466
- } else {
467
- setHeight(viewport.height);
468
- }
469
- }, [height, viewport.height]);
470
- let wrapperStyle = {
471
- '--spectrum-visual-viewport-height': height + 'px'
472
- };
473
- let wrapperClassName = classNames($cf6719050fb6ee63a92f86b402a03d3c$$interop$default, 'spectrum-Tray-wrapper');
474
- let className = classNames($cf6719050fb6ee63a92f86b402a03d3c$$interop$default, 'spectrum-Tray', {
475
- 'is-open': isOpen,
476
- 'spectrum-Tray--fixedHeight': isFixedHeight
477
- }, classNames($a434c787f706f7c179fc4f21b517d3a$$interop$default, 'spectrum-Tray', 'react-spectrum-Tray'), otherProps.className);
478
- let domProps = mergeProps(otherProps, overlayProps);
479
- return /*#__PURE__*/_react.createElement("div", {
480
- className: wrapperClassName,
481
- style: wrapperStyle
482
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, domProps, modalProps, {
483
- className: className,
484
- ref: ref
485
- }), children));
393
+ var $6b386deda21be662$exports = {};
394
+
395
+ $parcel$export($6b386deda21be662$exports, "Tray", () => $6b386deda21be662$export$4589ed81930b555c);
396
+
397
+
398
+
399
+
400
+
401
+ var $3ba16c5c57f2a636$exports = {};
402
+
403
+ $parcel$export($3ba16c5c57f2a636$exports, "spectrum-Tray", () => $3ba16c5c57f2a636$export$ce0704cd084c4f0d, (v) => $3ba16c5c57f2a636$export$ce0704cd084c4f0d = v);
404
+ $parcel$export($3ba16c5c57f2a636$exports, "is-open", () => $3ba16c5c57f2a636$export$a9781837241c946d, (v) => $3ba16c5c57f2a636$export$a9781837241c946d = v);
405
+ $parcel$export($3ba16c5c57f2a636$exports, "spectrum-Tray-wrapper", () => $3ba16c5c57f2a636$export$641b9b70c23dce66, (v) => $3ba16c5c57f2a636$export$641b9b70c23dce66 = v);
406
+ $parcel$export($3ba16c5c57f2a636$exports, "spectrum-Tray--fixedHeight", () => $3ba16c5c57f2a636$export$79bfb05e59a300b, (v) => $3ba16c5c57f2a636$export$79bfb05e59a300b = v);
407
+ var $3ba16c5c57f2a636$export$ce0704cd084c4f0d;
408
+ var $3ba16c5c57f2a636$export$a9781837241c946d;
409
+ var $3ba16c5c57f2a636$export$641b9b70c23dce66;
410
+ var $3ba16c5c57f2a636$export$79bfb05e59a300b;
411
+ $3ba16c5c57f2a636$export$ce0704cd084c4f0d = "spectrum-Tray_23bf66";
412
+ $3ba16c5c57f2a636$export$a9781837241c946d = "is-open_23bf66";
413
+ $3ba16c5c57f2a636$export$641b9b70c23dce66 = "spectrum-Tray-wrapper_23bf66";
414
+ $3ba16c5c57f2a636$export$79bfb05e59a300b = "spectrum-Tray--fixedHeight_23bf66";
415
+
416
+
417
+
418
+
419
+ function $6b386deda21be662$var$Tray(props, ref) {
420
+ let { children: children , onClose: onClose , isFixedHeight: isFixedHeight , isNonModal: isNonModal , ...otherProps } = props;
421
+ let domRef = $eLPAa$reactspectrumutils.useDOMRef(ref);
422
+ let { styleProps: styleProps } = $eLPAa$reactspectrumutils.useStyleProps(props);
423
+ let { overlayProps: overlayProps , underlayProps: underlayProps } = $eLPAa$reactariaoverlays.useOverlay({
424
+ ...props,
425
+ isDismissable: true
426
+ }, domRef);
427
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($2aebdc186fd41e87$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($b900e75089bdd9cd$export$f360afc887607b02, underlayProps), /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($6b386deda21be662$var$TrayWrapper, {
428
+ ...styleProps,
429
+ onClose: onClose,
430
+ ref: domRef,
431
+ overlayProps: overlayProps,
432
+ isFixedHeight: isFixedHeight,
433
+ isNonModal: isNonModal
434
+ }, children)));
435
+ }
436
+ let $6b386deda21be662$var$TrayWrapper = /*#__PURE__*/ $eLPAa$react.forwardRef(function(props, ref) {
437
+ let { children: children , isOpen: isOpen , isFixedHeight: isFixedHeight , isNonModal: isNonModal , overlayProps: overlayProps , ...otherProps } = props;
438
+ $eLPAa$reactariaoverlays.usePreventScroll();
439
+ let { modalProps: modalProps } = $eLPAa$reactariaoverlays.useModal({
440
+ isDisabled: isNonModal
441
+ });
442
+ // We need to measure the window's height in JS rather than using percentages in CSS
443
+ // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
444
+ // does not work properly because there is nothing to base the percentage on.
445
+ // We cannot use vh units because mobile browsers adjust the window height dynamically
446
+ // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
447
+ // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
448
+ // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
449
+ let viewport = $eLPAa$reactariautils.useViewportSize();
450
+ let [height, setHeight] = $eLPAa$react.useState(viewport.height);
451
+ let timeoutRef = $eLPAa$react.useRef();
452
+ $eLPAa$react.useEffect(()=>{
453
+ clearTimeout(timeoutRef.current);
454
+ // When the height is decreasing, and the keyboard is visible
455
+ // (visual viewport smaller than layout viewport), delay setting
456
+ // the new max height until after the animation is complete
457
+ // so that there isn't an empty space under the tray briefly.
458
+ if (viewport.height < height && viewport.height < window.innerHeight) timeoutRef.current = setTimeout(()=>{
459
+ setHeight(viewport.height);
460
+ }, 500);
461
+ else setHeight(viewport.height);
462
+ }, [
463
+ height,
464
+ viewport.height
465
+ ]);
466
+ let wrapperStyle = {
467
+ '--spectrum-visual-viewport-height': height + 'px'
468
+ };
469
+ let wrapperClassName = $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3ba16c5c57f2a636$exports)), 'spectrum-Tray-wrapper');
470
+ let className = $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3ba16c5c57f2a636$exports)), 'spectrum-Tray', {
471
+ 'is-open': isOpen,
472
+ 'spectrum-Tray--fixedHeight': isFixedHeight
473
+ }, $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e9a663ccb19ed1b0$exports)), 'spectrum-Tray', 'react-spectrum-Tray'), otherProps.className);
474
+ let domProps = $eLPAa$reactariautils.mergeProps(otherProps, overlayProps);
475
+ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
476
+ className: wrapperClassName,
477
+ style: wrapperStyle
478
+ }, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
479
+ ...domProps,
480
+ ...modalProps,
481
+ className: className,
482
+ ref: ref,
483
+ "data-testid": "tray"
484
+ }, children)));
486
485
  });
487
- let Tray = /*#__PURE__*/forwardRef($c302f13166ea83bbd2ac9accda46696$var$Tray);
488
- exports.Tray = Tray;
486
+ let $6b386deda21be662$export$4589ed81930b555c = /*#__PURE__*/ $eLPAa$react.forwardRef($6b386deda21be662$var$Tray);
487
+
488
+
489
+
490
+ $parcel$exportWildcard(module.exports, $2aebdc186fd41e87$exports);
491
+ $parcel$exportWildcard(module.exports, $f02bba55a62f20dd$exports);
492
+ $parcel$exportWildcard(module.exports, $fc75a6aa7a2b905b$exports);
493
+ $parcel$exportWildcard(module.exports, $6b386deda21be662$exports);
494
+ $parcel$exportWildcard(module.exports, $13f51cdc44d228b9$exports);
495
+
496
+
489
497
  //# sourceMappingURL=main.js.map