@react-spectrum/overlays 3.4.6 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -1
- package/dist/main.js +209 -224
- package/dist/main.js.map +1 -1
- package/dist/module.js +205 -220
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +8 -8
- package/src/OpenTransition.tsx +5 -0
- package/src/Tray.tsx +2 -21
package/dist/main.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
6
|
-
var $
|
|
7
|
-
var $
|
|
8
|
-
var $
|
|
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
9
|
|
|
10
10
|
function $parcel$exportWildcard(dest, source) {
|
|
11
11
|
Object.keys(source).forEach(function(key) {
|
|
@@ -29,27 +29,28 @@ function $parcel$interopDefault(a) {
|
|
|
29
29
|
function $parcel$export(e, n, v, s) {
|
|
30
30
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
31
31
|
}
|
|
32
|
-
var $
|
|
32
|
+
var $2aebdc186fd41e87$exports = {};
|
|
33
33
|
|
|
34
|
-
$parcel$export($
|
|
35
|
-
var $
|
|
34
|
+
$parcel$export($2aebdc186fd41e87$exports, "Overlay", () => $2aebdc186fd41e87$export$c6fdb837b070b4ff);
|
|
35
|
+
var $13f51cdc44d228b9$exports = {};
|
|
36
36
|
|
|
37
|
-
$parcel$export($
|
|
37
|
+
$parcel$export($13f51cdc44d228b9$exports, "OpenTransition", () => $13f51cdc44d228b9$export$b847a40ee92eff38);
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
const $
|
|
40
|
+
const $13f51cdc44d228b9$var$OPEN_STATES = {
|
|
41
41
|
entering: false,
|
|
42
42
|
entered: true
|
|
43
43
|
};
|
|
44
|
-
function $
|
|
45
|
-
|
|
44
|
+
function $13f51cdc44d228b9$export$b847a40ee92eff38(props) {
|
|
45
|
+
var child1;
|
|
46
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement(($parcel$interopDefault($eLPAa$reacttransitiongroupTransition)), {
|
|
46
47
|
timeout: {
|
|
47
48
|
enter: 0,
|
|
48
49
|
exit: 350
|
|
49
50
|
},
|
|
50
51
|
...props
|
|
51
|
-
}, (state)=>($parcel$interopDefault($
|
|
52
|
-
isOpen: !!$
|
|
52
|
+
}, (state)=>($parcel$interopDefault($eLPAa$react)).Children.map(props.children, (child)=>child && /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).cloneElement(child, {
|
|
53
|
+
isOpen: !!$13f51cdc44d228b9$var$OPEN_STATES[state]
|
|
53
54
|
})
|
|
54
55
|
)
|
|
55
56
|
));
|
|
@@ -59,16 +60,16 @@ function $ac0466425dbf7f76$export$b847a40ee92eff38(props) {
|
|
|
59
60
|
|
|
60
61
|
|
|
61
62
|
|
|
62
|
-
function $
|
|
63
|
+
function $2aebdc186fd41e87$var$Overlay(props, ref) {
|
|
63
64
|
let { children: children , isOpen: isOpen , container: container , onEnter: onEnter , onEntering: onEntering , onEntered: onEntered , onExit: onExit , onExiting: onExiting , onExited: onExited } = props;
|
|
64
|
-
let [exited, setExited] = $
|
|
65
|
-
let handleEntered = $
|
|
65
|
+
let [exited, setExited] = $eLPAa$react.useState(!isOpen);
|
|
66
|
+
let handleEntered = $eLPAa$react.useCallback(()=>{
|
|
66
67
|
setExited(false);
|
|
67
68
|
if (onEntered) onEntered();
|
|
68
69
|
}, [
|
|
69
70
|
onEntered
|
|
70
71
|
]);
|
|
71
|
-
let handleExited = $
|
|
72
|
+
let handleExited = $eLPAa$react.useCallback(()=>{
|
|
72
73
|
setExited(true);
|
|
73
74
|
if (onExited) onExited();
|
|
74
75
|
}, [
|
|
@@ -78,13 +79,13 @@ function $9827034998823bc2$var$Overlay(props, ref) {
|
|
|
78
79
|
let mountOverlay = isOpen || !exited;
|
|
79
80
|
if (!mountOverlay) // Don't bother showing anything if we don't have to.
|
|
80
81
|
return null;
|
|
81
|
-
let contents = /*#__PURE__*/ ($parcel$interopDefault($
|
|
82
|
+
let contents = /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($eLPAa$reactspectrumprovider.Provider, {
|
|
82
83
|
ref: ref,
|
|
83
84
|
UNSAFE_style: {
|
|
84
85
|
background: 'transparent',
|
|
85
86
|
isolation: 'isolate'
|
|
86
87
|
}
|
|
87
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
88
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($13f51cdc44d228b9$export$b847a40ee92eff38, {
|
|
88
89
|
in: isOpen,
|
|
89
90
|
appear: true,
|
|
90
91
|
onExit: onExit,
|
|
@@ -94,81 +95,81 @@ function $9827034998823bc2$var$Overlay(props, ref) {
|
|
|
94
95
|
onEntering: onEntering,
|
|
95
96
|
onEntered: handleEntered
|
|
96
97
|
}, children));
|
|
97
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
98
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$reactdom)).createPortal(contents, container || document.body));
|
|
98
99
|
}
|
|
99
|
-
let $
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
var $
|
|
103
|
-
|
|
104
|
-
$parcel$export($
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
var $
|
|
109
|
-
|
|
110
|
-
$parcel$export($
|
|
111
|
-
$parcel$export($
|
|
112
|
-
$parcel$export($
|
|
113
|
-
$parcel$export($
|
|
114
|
-
$parcel$export($
|
|
115
|
-
$parcel$export($
|
|
116
|
-
$parcel$export($
|
|
117
|
-
$parcel$export($
|
|
118
|
-
$parcel$export($
|
|
119
|
-
var $
|
|
120
|
-
var $
|
|
121
|
-
var $
|
|
122
|
-
var $
|
|
123
|
-
var $
|
|
124
|
-
var $
|
|
125
|
-
var $
|
|
126
|
-
var $
|
|
127
|
-
var $
|
|
128
|
-
$
|
|
129
|
-
$
|
|
130
|
-
$
|
|
131
|
-
$
|
|
132
|
-
$
|
|
133
|
-
$
|
|
134
|
-
$
|
|
135
|
-
$
|
|
136
|
-
$
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
var $
|
|
141
|
-
|
|
142
|
-
$parcel$export($
|
|
143
|
-
$parcel$export($
|
|
144
|
-
$parcel$export($
|
|
145
|
-
$parcel$export($
|
|
146
|
-
$parcel$export($
|
|
147
|
-
$parcel$export($
|
|
148
|
-
$parcel$export($
|
|
149
|
-
$parcel$export($
|
|
150
|
-
$parcel$export($
|
|
151
|
-
$parcel$export($
|
|
152
|
-
var $
|
|
153
|
-
var $
|
|
154
|
-
var $
|
|
155
|
-
var $
|
|
156
|
-
var $
|
|
157
|
-
var $
|
|
158
|
-
var $
|
|
159
|
-
var $
|
|
160
|
-
var $
|
|
161
|
-
var $
|
|
162
|
-
$
|
|
163
|
-
$
|
|
164
|
-
$
|
|
165
|
-
$
|
|
166
|
-
$
|
|
167
|
-
$
|
|
168
|
-
$
|
|
169
|
-
$
|
|
170
|
-
$
|
|
171
|
-
$
|
|
100
|
+
let $2aebdc186fd41e87$export$c6fdb837b070b4ff = /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).forwardRef($2aebdc186fd41e87$var$Overlay);
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
var $f02bba55a62f20dd$exports = {};
|
|
104
|
+
|
|
105
|
+
$parcel$export($f02bba55a62f20dd$exports, "Popover", () => $f02bba55a62f20dd$export$5b6b19405a83ff9d);
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
var $e9a663ccb19ed1b0$exports = {};
|
|
110
|
+
|
|
111
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Popover", () => $e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb, (v) => $e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb = v);
|
|
112
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Popover", () => $e9a663ccb19ed1b0$export$884f6b5065bdc41a, (v) => $e9a663ccb19ed1b0$export$884f6b5065bdc41a = v);
|
|
113
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Dialog-content", () => $e9a663ccb19ed1b0$export$cb8eccd0f3639238, (v) => $e9a663ccb19ed1b0$export$cb8eccd0f3639238 = v);
|
|
114
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Modal-wrapper", () => $e9a663ccb19ed1b0$export$35bea187ff802494, (v) => $e9a663ccb19ed1b0$export$35bea187ff802494 = v);
|
|
115
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Modal-wrapper", () => $e9a663ccb19ed1b0$export$e088717c213c31d7, (v) => $e9a663ccb19ed1b0$export$e088717c213c31d7 = v);
|
|
116
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Modal", () => $e9a663ccb19ed1b0$export$4c0b1e44c3834c85, (v) => $e9a663ccb19ed1b0$export$4c0b1e44c3834c85 = v);
|
|
117
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Modal", () => $e9a663ccb19ed1b0$export$f8edeb62d7fed8c1, (v) => $e9a663ccb19ed1b0$export$f8edeb62d7fed8c1 = v);
|
|
118
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "spectrum-Tray", () => $e9a663ccb19ed1b0$export$ce0704cd084c4f0d, (v) => $e9a663ccb19ed1b0$export$ce0704cd084c4f0d = v);
|
|
119
|
+
$parcel$export($e9a663ccb19ed1b0$exports, "react-spectrum-Tray", () => $e9a663ccb19ed1b0$export$69dafa24343974dd, (v) => $e9a663ccb19ed1b0$export$69dafa24343974dd = v);
|
|
120
|
+
var $e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb;
|
|
121
|
+
var $e9a663ccb19ed1b0$export$884f6b5065bdc41a;
|
|
122
|
+
var $e9a663ccb19ed1b0$export$cb8eccd0f3639238;
|
|
123
|
+
var $e9a663ccb19ed1b0$export$35bea187ff802494;
|
|
124
|
+
var $e9a663ccb19ed1b0$export$e088717c213c31d7;
|
|
125
|
+
var $e9a663ccb19ed1b0$export$4c0b1e44c3834c85;
|
|
126
|
+
var $e9a663ccb19ed1b0$export$f8edeb62d7fed8c1;
|
|
127
|
+
var $e9a663ccb19ed1b0$export$ce0704cd084c4f0d;
|
|
128
|
+
var $e9a663ccb19ed1b0$export$69dafa24343974dd;
|
|
129
|
+
$e9a663ccb19ed1b0$export$a62dc1b6ab23a7bb = "spectrum-Popover_38efea";
|
|
130
|
+
$e9a663ccb19ed1b0$export$884f6b5065bdc41a = "react-spectrum-Popover_38efea";
|
|
131
|
+
$e9a663ccb19ed1b0$export$cb8eccd0f3639238 = "spectrum-Dialog-content_38efea";
|
|
132
|
+
$e9a663ccb19ed1b0$export$35bea187ff802494 = "spectrum-Modal-wrapper_38efea";
|
|
133
|
+
$e9a663ccb19ed1b0$export$e088717c213c31d7 = "react-spectrum-Modal-wrapper_38efea";
|
|
134
|
+
$e9a663ccb19ed1b0$export$4c0b1e44c3834c85 = "spectrum-Modal_38efea";
|
|
135
|
+
$e9a663ccb19ed1b0$export$f8edeb62d7fed8c1 = "react-spectrum-Modal_38efea";
|
|
136
|
+
$e9a663ccb19ed1b0$export$ce0704cd084c4f0d = "spectrum-Tray_38efea";
|
|
137
|
+
$e9a663ccb19ed1b0$export$69dafa24343974dd = "react-spectrum-Tray_38efea";
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
var $16e1dca4664d0b1c$exports = {};
|
|
142
|
+
|
|
143
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover", () => $16e1dca4664d0b1c$export$a62dc1b6ab23a7bb, (v) => $16e1dca4664d0b1c$export$a62dc1b6ab23a7bb = v);
|
|
144
|
+
$parcel$export($16e1dca4664d0b1c$exports, "is-open", () => $16e1dca4664d0b1c$export$a9781837241c946d, (v) => $16e1dca4664d0b1c$export$a9781837241c946d = v);
|
|
145
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--bottom", () => $16e1dca4664d0b1c$export$6a19b19b14780d4a, (v) => $16e1dca4664d0b1c$export$6a19b19b14780d4a = v);
|
|
146
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--top", () => $16e1dca4664d0b1c$export$f30becfb1df0cae4, (v) => $16e1dca4664d0b1c$export$f30becfb1df0cae4 = v);
|
|
147
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--right", () => $16e1dca4664d0b1c$export$5fc8b429396c9f58, (v) => $16e1dca4664d0b1c$export$5fc8b429396c9f58 = v);
|
|
148
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--left", () => $16e1dca4664d0b1c$export$79cc55906ac5b00, (v) => $16e1dca4664d0b1c$export$79cc55906ac5b00 = v);
|
|
149
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover-tip", () => $16e1dca4664d0b1c$export$3100ec4dc1668df1, (v) => $16e1dca4664d0b1c$export$3100ec4dc1668df1 = v);
|
|
150
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover-tip-triangle", () => $16e1dca4664d0b1c$export$ed733fa6cf19ab80, (v) => $16e1dca4664d0b1c$export$ed733fa6cf19ab80 = v);
|
|
151
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--dialog", () => $16e1dca4664d0b1c$export$cf634262e726cd19, (v) => $16e1dca4664d0b1c$export$cf634262e726cd19 = v);
|
|
152
|
+
$parcel$export($16e1dca4664d0b1c$exports, "spectrum-Popover--withTip", () => $16e1dca4664d0b1c$export$d8b16c5377728262, (v) => $16e1dca4664d0b1c$export$d8b16c5377728262 = v);
|
|
153
|
+
var $16e1dca4664d0b1c$export$a62dc1b6ab23a7bb;
|
|
154
|
+
var $16e1dca4664d0b1c$export$a9781837241c946d;
|
|
155
|
+
var $16e1dca4664d0b1c$export$6a19b19b14780d4a;
|
|
156
|
+
var $16e1dca4664d0b1c$export$f30becfb1df0cae4;
|
|
157
|
+
var $16e1dca4664d0b1c$export$5fc8b429396c9f58;
|
|
158
|
+
var $16e1dca4664d0b1c$export$79cc55906ac5b00;
|
|
159
|
+
var $16e1dca4664d0b1c$export$3100ec4dc1668df1;
|
|
160
|
+
var $16e1dca4664d0b1c$export$ed733fa6cf19ab80;
|
|
161
|
+
var $16e1dca4664d0b1c$export$cf634262e726cd19;
|
|
162
|
+
var $16e1dca4664d0b1c$export$d8b16c5377728262;
|
|
163
|
+
$16e1dca4664d0b1c$export$a62dc1b6ab23a7bb = "spectrum-Popover_6115b8";
|
|
164
|
+
$16e1dca4664d0b1c$export$a9781837241c946d = "is-open_6115b8";
|
|
165
|
+
$16e1dca4664d0b1c$export$6a19b19b14780d4a = "spectrum-Popover--bottom_6115b8";
|
|
166
|
+
$16e1dca4664d0b1c$export$f30becfb1df0cae4 = "spectrum-Popover--top_6115b8";
|
|
167
|
+
$16e1dca4664d0b1c$export$5fc8b429396c9f58 = "spectrum-Popover--right_6115b8";
|
|
168
|
+
$16e1dca4664d0b1c$export$79cc55906ac5b00 = "spectrum-Popover--left_6115b8";
|
|
169
|
+
$16e1dca4664d0b1c$export$3100ec4dc1668df1 = "spectrum-Popover-tip_6115b8";
|
|
170
|
+
$16e1dca4664d0b1c$export$ed733fa6cf19ab80 = "spectrum-Popover-tip-triangle_6115b8";
|
|
171
|
+
$16e1dca4664d0b1c$export$cf634262e726cd19 = "spectrum-Popover--dialog_6115b8";
|
|
172
|
+
$16e1dca4664d0b1c$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
|
|
172
173
|
|
|
173
174
|
|
|
174
175
|
|
|
@@ -178,17 +179,17 @@ $712eff1af44443cd$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
|
|
|
178
179
|
* between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
|
|
179
180
|
* the path always starts at 0 so that it perfectly overlaps the popover's border.
|
|
180
181
|
* See bottom of file for more explanation.
|
|
181
|
-
*/ let $
|
|
182
|
+
*/ let $f02bba55a62f20dd$var$arrowPlacement = {
|
|
182
183
|
left: 'right',
|
|
183
184
|
right: 'right',
|
|
184
185
|
top: 'bottom',
|
|
185
186
|
bottom: 'bottom'
|
|
186
187
|
};
|
|
187
|
-
function $
|
|
188
|
+
function $f02bba55a62f20dd$var$Popover(props, ref) {
|
|
188
189
|
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 = $
|
|
190
|
-
let { styleProps: styleProps } = $
|
|
191
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
190
|
+
let domRef = $eLPAa$reactspectrumutils.useDOMRef(ref);
|
|
191
|
+
let { styleProps: styleProps } = $eLPAa$reactspectrumutils.useStyleProps(props);
|
|
192
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($2aebdc186fd41e87$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($f02bba55a62f20dd$var$PopoverWrapper, {
|
|
192
193
|
...styleProps,
|
|
193
194
|
ref: domRef,
|
|
194
195
|
placement: placement,
|
|
@@ -201,39 +202,39 @@ function $f4e3e1a9e3fff0e3$var$Popover(props, ref) {
|
|
|
201
202
|
isDismissable: isDismissable
|
|
202
203
|
}, children)));
|
|
203
204
|
}
|
|
204
|
-
const $
|
|
205
|
+
const $f02bba55a62f20dd$var$PopoverWrapper = /*#__PURE__*/ $eLPAa$react.forwardRef((props, ref)=>{
|
|
205
206
|
let { children: children , placement: placement = 'bottom' , arrowProps: arrowProps , isOpen: isOpen , hideArrow: hideArrow , shouldCloseOnBlur: // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
206
207
|
shouldCloseOnBlur , isKeyboardDismissDisabled: // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
207
208
|
isKeyboardDismissDisabled , isNonModal: isNonModal , isDismissable: // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
208
209
|
isDismissable , ...otherProps } = props;
|
|
209
|
-
let { overlayProps: overlayProps } = $
|
|
210
|
+
let { overlayProps: overlayProps } = $eLPAa$reactariaoverlays.useOverlay({
|
|
210
211
|
...props,
|
|
211
212
|
isDismissable: isDismissable && isOpen
|
|
212
213
|
}, ref);
|
|
213
|
-
let { modalProps: modalProps } = $
|
|
214
|
+
let { modalProps: modalProps } = $eLPAa$reactariaoverlays.useModal({
|
|
214
215
|
isDisabled: isNonModal
|
|
215
216
|
});
|
|
216
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
217
|
-
...$
|
|
217
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
|
|
218
|
+
...$eLPAa$reactariautils.mergeProps(otherProps, overlayProps, modalProps),
|
|
218
219
|
ref: ref,
|
|
219
|
-
className: $
|
|
220
|
+
className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($16e1dca4664d0b1c$exports)), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
|
|
220
221
|
'spectrum-Popover--withTip': !hideArrow,
|
|
221
222
|
'is-open': isOpen
|
|
222
|
-
}, $
|
|
223
|
+
}, $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e9a663ccb19ed1b0$exports)), 'spectrum-Popover', 'react-spectrum-Popover'), otherProps.className),
|
|
223
224
|
role: "presentation",
|
|
224
225
|
"data-testid": "popover"
|
|
225
|
-
}, children, hideArrow ? null : /*#__PURE__*/ ($parcel$interopDefault($
|
|
226
|
+
}, children, hideArrow ? null : /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement($f02bba55a62f20dd$var$Arrow, {
|
|
226
227
|
arrowProps: arrowProps,
|
|
227
|
-
direction: $
|
|
228
|
+
direction: $f02bba55a62f20dd$var$arrowPlacement[placement]
|
|
228
229
|
})));
|
|
229
230
|
});
|
|
230
|
-
let $
|
|
231
|
-
function $
|
|
232
|
-
let [size, setSize] = $
|
|
233
|
-
let [borderWidth, setBorderWidth] = $
|
|
234
|
-
let ref = $
|
|
231
|
+
let $f02bba55a62f20dd$var$ROOT_2 = Math.sqrt(2);
|
|
232
|
+
function $f02bba55a62f20dd$var$Arrow(props) {
|
|
233
|
+
let [size, setSize] = $eLPAa$react.useState(20);
|
|
234
|
+
let [borderWidth, setBorderWidth] = $eLPAa$react.useState(1);
|
|
235
|
+
let ref = $eLPAa$react.useRef();
|
|
235
236
|
// get the css value for the tip size and divide it by 2 for this arrow implementation
|
|
236
|
-
$
|
|
237
|
+
$eLPAa$reactariautils.useLayoutEffect(()=>{
|
|
237
238
|
if (ref.current) {
|
|
238
239
|
let spectrumTipWidth = window.getComputedStyle(ref.current).getPropertyValue('--spectrum-popover-tip-size');
|
|
239
240
|
if (spectrumTipWidth !== '') setSize(parseInt(spectrumTipWidth, 10) / 2);
|
|
@@ -245,7 +246,7 @@ function $f4e3e1a9e3fff0e3$var$Arrow(props) {
|
|
|
245
246
|
]);
|
|
246
247
|
let landscape = props.direction === 'top' || props.direction === 'bottom';
|
|
247
248
|
let mirror = props.direction === 'left' || props.direction === 'top';
|
|
248
|
-
let borderDiagonal = borderWidth * $
|
|
249
|
+
let borderDiagonal = borderWidth * $f02bba55a62f20dd$var$ROOT_2;
|
|
249
250
|
let halfBorderDiagonal = borderDiagonal / 2;
|
|
250
251
|
let secondary = 2 * size + 2 * borderDiagonal;
|
|
251
252
|
let primary = size + borderDiagonal;
|
|
@@ -276,47 +277,47 @@ function $f4e3e1a9e3fff0e3$var$Arrow(props) {
|
|
|
276
277
|
secondaryEnd
|
|
277
278
|
];
|
|
278
279
|
let arrowProps = props.arrowProps;
|
|
279
|
-
/* use ceil because the svg needs to always accomodate the path inside it */ return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
280
|
+
/* use ceil because the svg needs to always accomodate the path inside it */ return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("svg", {
|
|
280
281
|
xmlns: "http://www.w3.org/svg/2000",
|
|
281
282
|
width: Math.ceil(landscape ? secondary : primary),
|
|
282
283
|
height: Math.ceil(landscape ? primary : secondary),
|
|
283
284
|
style: props.style,
|
|
284
|
-
className: $
|
|
285
|
+
className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($16e1dca4664d0b1c$exports)), 'spectrum-Popover-tip'),
|
|
285
286
|
ref: ref,
|
|
286
287
|
...arrowProps
|
|
287
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
288
|
-
className: $
|
|
288
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("path", {
|
|
289
|
+
className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($16e1dca4664d0b1c$exports)), 'spectrum-Popover-tip-triangle'),
|
|
289
290
|
d: pathData.join(' ')
|
|
290
291
|
})));
|
|
291
292
|
}
|
|
292
|
-
let $
|
|
293
|
+
let $f02bba55a62f20dd$export$5b6b19405a83ff9d = /*#__PURE__*/ $eLPAa$react.forwardRef($f02bba55a62f20dd$var$Popover);
|
|
293
294
|
|
|
294
295
|
|
|
295
|
-
var $
|
|
296
|
+
var $fc75a6aa7a2b905b$exports = {};
|
|
296
297
|
|
|
297
|
-
$parcel$export($
|
|
298
|
+
$parcel$export($fc75a6aa7a2b905b$exports, "Modal", () => $fc75a6aa7a2b905b$export$2b77a92f1a5ad772);
|
|
298
299
|
|
|
299
300
|
|
|
300
|
-
var $
|
|
301
|
+
var $86571b803f942ff3$exports = {};
|
|
301
302
|
|
|
302
|
-
$parcel$export($
|
|
303
|
-
$parcel$export($
|
|
304
|
-
$parcel$export($
|
|
305
|
-
$parcel$export($
|
|
306
|
-
$parcel$export($
|
|
307
|
-
$parcel$export($
|
|
308
|
-
var $
|
|
309
|
-
var $
|
|
310
|
-
var $
|
|
311
|
-
var $
|
|
312
|
-
var $
|
|
313
|
-
var $
|
|
314
|
-
$
|
|
315
|
-
$
|
|
316
|
-
$
|
|
317
|
-
$
|
|
318
|
-
$
|
|
319
|
-
$
|
|
303
|
+
$parcel$export($86571b803f942ff3$exports, "spectrum-Modal", () => $86571b803f942ff3$export$4c0b1e44c3834c85, (v) => $86571b803f942ff3$export$4c0b1e44c3834c85 = v);
|
|
304
|
+
$parcel$export($86571b803f942ff3$exports, "is-open", () => $86571b803f942ff3$export$a9781837241c946d, (v) => $86571b803f942ff3$export$a9781837241c946d = v);
|
|
305
|
+
$parcel$export($86571b803f942ff3$exports, "spectrum-Modal-wrapper", () => $86571b803f942ff3$export$35bea187ff802494, (v) => $86571b803f942ff3$export$35bea187ff802494 = v);
|
|
306
|
+
$parcel$export($86571b803f942ff3$exports, "spectrum-Modal--responsive", () => $86571b803f942ff3$export$fd1e42aa8ea02a1, (v) => $86571b803f942ff3$export$fd1e42aa8ea02a1 = v);
|
|
307
|
+
$parcel$export($86571b803f942ff3$exports, "spectrum-Modal--fullscreen", () => $86571b803f942ff3$export$a4423fa77727431a, (v) => $86571b803f942ff3$export$a4423fa77727431a = v);
|
|
308
|
+
$parcel$export($86571b803f942ff3$exports, "spectrum-Modal--fullscreenTakeover", () => $86571b803f942ff3$export$175dd699720b5fb7, (v) => $86571b803f942ff3$export$175dd699720b5fb7 = v);
|
|
309
|
+
var $86571b803f942ff3$export$4c0b1e44c3834c85;
|
|
310
|
+
var $86571b803f942ff3$export$a9781837241c946d;
|
|
311
|
+
var $86571b803f942ff3$export$35bea187ff802494;
|
|
312
|
+
var $86571b803f942ff3$export$fd1e42aa8ea02a1;
|
|
313
|
+
var $86571b803f942ff3$export$a4423fa77727431a;
|
|
314
|
+
var $86571b803f942ff3$export$175dd699720b5fb7;
|
|
315
|
+
$86571b803f942ff3$export$4c0b1e44c3834c85 = "spectrum-Modal_f81956";
|
|
316
|
+
$86571b803f942ff3$export$a9781837241c946d = "is-open_f81956";
|
|
317
|
+
$86571b803f942ff3$export$35bea187ff802494 = "spectrum-Modal-wrapper_f81956";
|
|
318
|
+
$86571b803f942ff3$export$fd1e42aa8ea02a1 = "spectrum-Modal--responsive_f81956";
|
|
319
|
+
$86571b803f942ff3$export$a4423fa77727431a = "spectrum-Modal--fullscreen_f81956";
|
|
320
|
+
$86571b803f942ff3$export$175dd699720b5fb7 = "spectrum-Modal--fullscreenTakeover_f81956";
|
|
320
321
|
|
|
321
322
|
|
|
322
323
|
|
|
@@ -324,19 +325,19 @@ $b2cb6d428c05324b$export$175dd699720b5fb7 = "spectrum-Modal--fullscreenTakeover_
|
|
|
324
325
|
|
|
325
326
|
|
|
326
327
|
|
|
327
|
-
var $
|
|
328
|
+
var $42908e91b4c5f428$exports = {};
|
|
328
329
|
|
|
329
|
-
$parcel$export($
|
|
330
|
-
$parcel$export($
|
|
331
|
-
var $
|
|
332
|
-
var $
|
|
333
|
-
$
|
|
334
|
-
$
|
|
330
|
+
$parcel$export($42908e91b4c5f428$exports, "spectrum-Underlay", () => $42908e91b4c5f428$export$74470528f463af97, (v) => $42908e91b4c5f428$export$74470528f463af97 = v);
|
|
331
|
+
$parcel$export($42908e91b4c5f428$exports, "is-open", () => $42908e91b4c5f428$export$a9781837241c946d, (v) => $42908e91b4c5f428$export$a9781837241c946d = v);
|
|
332
|
+
var $42908e91b4c5f428$export$74470528f463af97;
|
|
333
|
+
var $42908e91b4c5f428$export$a9781837241c946d;
|
|
334
|
+
$42908e91b4c5f428$export$74470528f463af97 = "spectrum-Underlay_eb7615";
|
|
335
|
+
$42908e91b4c5f428$export$a9781837241c946d = "is-open_eb7615";
|
|
335
336
|
|
|
336
337
|
|
|
337
|
-
function $
|
|
338
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
339
|
-
className: $
|
|
338
|
+
function $b900e75089bdd9cd$export$f360afc887607b02({ isOpen: isOpen }) {
|
|
339
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
|
|
340
|
+
className: $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($42908e91b4c5f428$exports)), 'spectrum-Underlay', {
|
|
340
341
|
'is-open': isOpen
|
|
341
342
|
})
|
|
342
343
|
}));
|
|
@@ -344,12 +345,12 @@ function $edec6ef6d7d4c7ce$export$f360afc887607b02({ isOpen: isOpen }) {
|
|
|
344
345
|
|
|
345
346
|
|
|
346
347
|
|
|
347
|
-
function $
|
|
348
|
+
function $fc75a6aa7a2b905b$var$Modal(props, ref) {
|
|
348
349
|
let { children: children , onClose: onClose , type: type , ...otherProps } = props;
|
|
349
|
-
let domRef = $
|
|
350
|
-
let { styleProps: styleProps } = $
|
|
351
|
-
let { overlayProps: overlayProps , underlayProps: underlayProps } = $
|
|
352
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
350
|
+
let domRef = $eLPAa$reactspectrumutils.useDOMRef(ref);
|
|
351
|
+
let { styleProps: styleProps } = $eLPAa$reactspectrumutils.useStyleProps(props);
|
|
352
|
+
let { overlayProps: overlayProps , underlayProps: underlayProps } = $eLPAa$reactariaoverlays.useOverlay(props, domRef);
|
|
353
|
+
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
354
|
...styleProps,
|
|
354
355
|
onClose: onClose,
|
|
355
356
|
type: type,
|
|
@@ -357,74 +358,74 @@ function $d399df4a2ef8c1fb$var$Modal(props, ref) {
|
|
|
357
358
|
overlayProps: overlayProps
|
|
358
359
|
}, children)));
|
|
359
360
|
}
|
|
360
|
-
let $
|
|
361
|
+
let $fc75a6aa7a2b905b$var$typeMap = {
|
|
361
362
|
fullscreen: 'fullscreen',
|
|
362
363
|
fullscreenTakeover: 'fullscreenTakeover'
|
|
363
364
|
};
|
|
364
|
-
let $
|
|
365
|
+
let $fc75a6aa7a2b905b$var$ModalWrapper = /*#__PURE__*/ $eLPAa$react.forwardRef(function(props, ref) {
|
|
365
366
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
366
367
|
let { children: children , isOpen: isOpen , type: type , overlayProps: overlayProps , ...otherProps } = props;
|
|
367
|
-
let typeVariant = $
|
|
368
|
-
$
|
|
369
|
-
let { modalProps: modalProps } = $
|
|
370
|
-
let wrapperClassName = $
|
|
371
|
-
let modalClassName = $
|
|
368
|
+
let typeVariant = $fc75a6aa7a2b905b$var$typeMap[type];
|
|
369
|
+
$eLPAa$reactariaoverlays.usePreventScroll();
|
|
370
|
+
let { modalProps: modalProps } = $eLPAa$reactariaoverlays.useModal();
|
|
371
|
+
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'));
|
|
372
|
+
let modalClassName = $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($86571b803f942ff3$exports)), 'spectrum-Modal', {
|
|
372
373
|
'is-open': isOpen
|
|
373
|
-
}, $
|
|
374
|
+
}, $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e9a663ccb19ed1b0$exports)), 'spectrum-Modal', 'react-spectrum-Modal'), {
|
|
374
375
|
[`spectrum-Modal--${typeVariant}`]: typeVariant
|
|
375
376
|
}, otherProps.className);
|
|
376
|
-
let viewport = $
|
|
377
|
+
let viewport = $eLPAa$reactariautils.useViewportSize();
|
|
377
378
|
let style = {
|
|
378
379
|
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
379
380
|
};
|
|
380
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
381
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
|
|
381
382
|
className: wrapperClassName,
|
|
382
383
|
style: style
|
|
383
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
384
|
-
...$
|
|
384
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
|
|
385
|
+
...$eLPAa$reactariautils.mergeProps(otherProps, overlayProps, modalProps),
|
|
385
386
|
ref: ref,
|
|
386
387
|
className: modalClassName,
|
|
387
388
|
"data-testid": "modal"
|
|
388
389
|
}, children)));
|
|
389
390
|
});
|
|
390
|
-
let $
|
|
391
|
+
let $fc75a6aa7a2b905b$export$2b77a92f1a5ad772 = /*#__PURE__*/ $eLPAa$react.forwardRef($fc75a6aa7a2b905b$var$Modal);
|
|
391
392
|
|
|
392
393
|
|
|
393
|
-
var $
|
|
394
|
+
var $6b386deda21be662$exports = {};
|
|
394
395
|
|
|
395
|
-
$parcel$export($
|
|
396
|
+
$parcel$export($6b386deda21be662$exports, "Tray", () => $6b386deda21be662$export$4589ed81930b555c);
|
|
396
397
|
|
|
397
398
|
|
|
398
399
|
|
|
399
400
|
|
|
400
401
|
|
|
401
|
-
var $
|
|
402
|
+
var $3ba16c5c57f2a636$exports = {};
|
|
402
403
|
|
|
403
|
-
$parcel$export($
|
|
404
|
-
$parcel$export($
|
|
405
|
-
$parcel$export($
|
|
406
|
-
$parcel$export($
|
|
407
|
-
var $
|
|
408
|
-
var $
|
|
409
|
-
var $
|
|
410
|
-
var $
|
|
411
|
-
$
|
|
412
|
-
$
|
|
413
|
-
$
|
|
414
|
-
$
|
|
404
|
+
$parcel$export($3ba16c5c57f2a636$exports, "spectrum-Tray", () => $3ba16c5c57f2a636$export$ce0704cd084c4f0d, (v) => $3ba16c5c57f2a636$export$ce0704cd084c4f0d = v);
|
|
405
|
+
$parcel$export($3ba16c5c57f2a636$exports, "is-open", () => $3ba16c5c57f2a636$export$a9781837241c946d, (v) => $3ba16c5c57f2a636$export$a9781837241c946d = v);
|
|
406
|
+
$parcel$export($3ba16c5c57f2a636$exports, "spectrum-Tray-wrapper", () => $3ba16c5c57f2a636$export$641b9b70c23dce66, (v) => $3ba16c5c57f2a636$export$641b9b70c23dce66 = v);
|
|
407
|
+
$parcel$export($3ba16c5c57f2a636$exports, "spectrum-Tray--fixedHeight", () => $3ba16c5c57f2a636$export$79bfb05e59a300b, (v) => $3ba16c5c57f2a636$export$79bfb05e59a300b = v);
|
|
408
|
+
var $3ba16c5c57f2a636$export$ce0704cd084c4f0d;
|
|
409
|
+
var $3ba16c5c57f2a636$export$a9781837241c946d;
|
|
410
|
+
var $3ba16c5c57f2a636$export$641b9b70c23dce66;
|
|
411
|
+
var $3ba16c5c57f2a636$export$79bfb05e59a300b;
|
|
412
|
+
$3ba16c5c57f2a636$export$ce0704cd084c4f0d = "spectrum-Tray_23bf66";
|
|
413
|
+
$3ba16c5c57f2a636$export$a9781837241c946d = "is-open_23bf66";
|
|
414
|
+
$3ba16c5c57f2a636$export$641b9b70c23dce66 = "spectrum-Tray-wrapper_23bf66";
|
|
415
|
+
$3ba16c5c57f2a636$export$79bfb05e59a300b = "spectrum-Tray--fixedHeight_23bf66";
|
|
415
416
|
|
|
416
417
|
|
|
417
418
|
|
|
418
419
|
|
|
419
|
-
function $
|
|
420
|
+
function $6b386deda21be662$var$Tray(props, ref) {
|
|
420
421
|
let { children: children , onClose: onClose , isFixedHeight: isFixedHeight , isNonModal: isNonModal , ...otherProps } = props;
|
|
421
|
-
let domRef = $
|
|
422
|
-
let { styleProps: styleProps } = $
|
|
423
|
-
let { overlayProps: overlayProps , underlayProps: underlayProps } = $
|
|
422
|
+
let domRef = $eLPAa$reactspectrumutils.useDOMRef(ref);
|
|
423
|
+
let { styleProps: styleProps } = $eLPAa$reactspectrumutils.useStyleProps(props);
|
|
424
|
+
let { overlayProps: overlayProps , underlayProps: underlayProps } = $eLPAa$reactariaoverlays.useOverlay({
|
|
424
425
|
...props,
|
|
425
426
|
isDismissable: true
|
|
426
427
|
}, domRef);
|
|
427
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
428
|
+
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
429
|
...styleProps,
|
|
429
430
|
onClose: onClose,
|
|
430
431
|
ref: domRef,
|
|
@@ -433,10 +434,10 @@ function $ce4be73fc3209851$var$Tray(props, ref) {
|
|
|
433
434
|
isNonModal: isNonModal
|
|
434
435
|
}, children)));
|
|
435
436
|
}
|
|
436
|
-
let $
|
|
437
|
+
let $6b386deda21be662$var$TrayWrapper = /*#__PURE__*/ $eLPAa$react.forwardRef(function(props, ref) {
|
|
437
438
|
let { children: children , isOpen: isOpen , isFixedHeight: isFixedHeight , isNonModal: isNonModal , overlayProps: overlayProps , ...otherProps } = props;
|
|
438
|
-
$
|
|
439
|
-
let { modalProps: modalProps } = $
|
|
439
|
+
$eLPAa$reactariaoverlays.usePreventScroll();
|
|
440
|
+
let { modalProps: modalProps } = $eLPAa$reactariaoverlays.useModal({
|
|
440
441
|
isDisabled: isNonModal
|
|
441
442
|
});
|
|
442
443
|
// We need to measure the window's height in JS rather than using percentages in CSS
|
|
@@ -446,36 +447,20 @@ let $ce4be73fc3209851$var$TrayWrapper = /*#__PURE__*/ $g65uJ$react.forwardRef(fu
|
|
|
446
447
|
// when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
|
|
447
448
|
// Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
|
|
448
449
|
// is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
|
|
449
|
-
let viewport = $
|
|
450
|
-
let [height, setHeight] = $g65uJ$react.useState(viewport.height);
|
|
451
|
-
let timeoutRef = $g65uJ$react.useRef();
|
|
452
|
-
$g65uJ$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
|
-
]);
|
|
450
|
+
let viewport = $eLPAa$reactariautils.useViewportSize();
|
|
466
451
|
let wrapperStyle = {
|
|
467
|
-
'--spectrum-visual-viewport-height': height + 'px'
|
|
452
|
+
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
468
453
|
};
|
|
469
|
-
let wrapperClassName = $
|
|
470
|
-
let className = $
|
|
454
|
+
let wrapperClassName = $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3ba16c5c57f2a636$exports)), 'spectrum-Tray-wrapper');
|
|
455
|
+
let className = $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3ba16c5c57f2a636$exports)), 'spectrum-Tray', {
|
|
471
456
|
'is-open': isOpen,
|
|
472
457
|
'spectrum-Tray--fixedHeight': isFixedHeight
|
|
473
|
-
}, $
|
|
474
|
-
let domProps = $
|
|
475
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
458
|
+
}, $eLPAa$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e9a663ccb19ed1b0$exports)), 'spectrum-Tray', 'react-spectrum-Tray'), otherProps.className);
|
|
459
|
+
let domProps = $eLPAa$reactariautils.mergeProps(otherProps, overlayProps);
|
|
460
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
|
|
476
461
|
className: wrapperClassName,
|
|
477
462
|
style: wrapperStyle
|
|
478
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
463
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($eLPAa$react)).createElement("div", {
|
|
479
464
|
...domProps,
|
|
480
465
|
...modalProps,
|
|
481
466
|
className: className,
|
|
@@ -483,15 +468,15 @@ let $ce4be73fc3209851$var$TrayWrapper = /*#__PURE__*/ $g65uJ$react.forwardRef(fu
|
|
|
483
468
|
"data-testid": "tray"
|
|
484
469
|
}, children)));
|
|
485
470
|
});
|
|
486
|
-
let $
|
|
471
|
+
let $6b386deda21be662$export$4589ed81930b555c = /*#__PURE__*/ $eLPAa$react.forwardRef($6b386deda21be662$var$Tray);
|
|
487
472
|
|
|
488
473
|
|
|
489
474
|
|
|
490
|
-
$parcel$exportWildcard(module.exports, $
|
|
491
|
-
$parcel$exportWildcard(module.exports, $
|
|
492
|
-
$parcel$exportWildcard(module.exports, $
|
|
493
|
-
$parcel$exportWildcard(module.exports, $
|
|
494
|
-
$parcel$exportWildcard(module.exports, $
|
|
475
|
+
$parcel$exportWildcard(module.exports, $2aebdc186fd41e87$exports);
|
|
476
|
+
$parcel$exportWildcard(module.exports, $f02bba55a62f20dd$exports);
|
|
477
|
+
$parcel$exportWildcard(module.exports, $fc75a6aa7a2b905b$exports);
|
|
478
|
+
$parcel$exportWildcard(module.exports, $6b386deda21be662$exports);
|
|
479
|
+
$parcel$exportWildcard(module.exports, $13f51cdc44d228b9$exports);
|
|
495
480
|
|
|
496
481
|
|
|
497
482
|
//# sourceMappingURL=main.js.map
|