@react-spectrum/overlays 5.5.4 → 5.6.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.
Files changed (75) hide show
  1. package/dist/Modal.main.js +93 -0
  2. package/dist/Modal.main.js.map +1 -0
  3. package/dist/Modal.mjs +88 -0
  4. package/dist/Modal.module.js +88 -0
  5. package/dist/Modal.module.js.map +1 -0
  6. package/dist/OpenTransition.main.js +44 -0
  7. package/dist/OpenTransition.main.js.map +1 -0
  8. package/dist/OpenTransition.mjs +35 -0
  9. package/dist/OpenTransition.module.js +35 -0
  10. package/dist/OpenTransition.module.js.map +1 -0
  11. package/dist/Overlay.main.js +75 -0
  12. package/dist/Overlay.main.js.map +1 -0
  13. package/dist/Overlay.mjs +66 -0
  14. package/dist/Overlay.module.js +66 -0
  15. package/dist/Overlay.module.js.map +1 -0
  16. package/dist/Popover.main.js +206 -0
  17. package/dist/Popover.main.js.map +1 -0
  18. package/dist/Popover.mjs +201 -0
  19. package/dist/Popover.module.js +201 -0
  20. package/dist/Popover.module.js.map +1 -0
  21. package/dist/Tray.main.js +101 -0
  22. package/dist/Tray.main.js.map +1 -0
  23. package/dist/Tray.mjs +96 -0
  24. package/dist/Tray.module.js +96 -0
  25. package/dist/Tray.module.js.map +1 -0
  26. package/dist/Underlay.main.js +41 -0
  27. package/dist/Underlay.main.js.map +1 -0
  28. package/dist/Underlay.mjs +36 -0
  29. package/dist/Underlay.module.js +36 -0
  30. package/dist/Underlay.module.js.map +1 -0
  31. package/dist/import.mjs +5 -712
  32. package/dist/main.js +10 -713
  33. package/dist/main.js.map +1 -1
  34. package/dist/modal_vars_css.main.js +59 -0
  35. package/dist/modal_vars_css.main.js.map +1 -0
  36. package/dist/modal_vars_css.mjs +61 -0
  37. package/dist/modal_vars_css.module.js +61 -0
  38. package/dist/modal_vars_css.module.js.map +1 -0
  39. package/dist/module.js +5 -712
  40. package/dist/module.js.map +1 -1
  41. package/dist/overlays.ac5ba32f.css +12 -0
  42. package/dist/overlays.ac5ba32f.css.map +1 -0
  43. package/dist/overlays_css.main.js +35 -0
  44. package/dist/overlays_css.main.js.map +1 -0
  45. package/dist/overlays_css.mjs +37 -0
  46. package/dist/overlays_css.module.js +37 -0
  47. package/dist/overlays_css.module.js.map +1 -0
  48. package/dist/popover_vars_css.main.js +83 -0
  49. package/dist/popover_vars_css.main.js.map +1 -0
  50. package/dist/popover_vars_css.mjs +85 -0
  51. package/dist/popover_vars_css.module.js +85 -0
  52. package/dist/popover_vars_css.module.js.map +1 -0
  53. package/dist/tray_vars_css.main.js +53 -0
  54. package/dist/tray_vars_css.main.js.map +1 -0
  55. package/dist/tray_vars_css.mjs +55 -0
  56. package/dist/tray_vars_css.module.js +55 -0
  57. package/dist/tray_vars_css.module.js.map +1 -0
  58. package/dist/types.d.ts +5 -5
  59. package/dist/types.d.ts.map +1 -1
  60. package/dist/underlay_vars_css.main.js +50 -0
  61. package/dist/underlay_vars_css.main.js.map +1 -0
  62. package/dist/underlay_vars_css.mjs +52 -0
  63. package/dist/underlay_vars_css.module.js +52 -0
  64. package/dist/underlay_vars_css.module.js.map +1 -0
  65. package/dist/vars.28c6b2d1.css +131 -0
  66. package/dist/vars.28c6b2d1.css.map +1 -0
  67. package/dist/vars.32d8c84b.css +197 -0
  68. package/dist/vars.32d8c84b.css.map +1 -0
  69. package/dist/vars.aa9f4ef9.css +183 -0
  70. package/dist/vars.aa9f4ef9.css.map +1 -0
  71. package/dist/vars.e9dc412f.css +210 -0
  72. package/dist/vars.e9dc412f.css.map +1 -0
  73. package/package.json +9 -9
  74. package/src/Overlay.tsx +1 -0
  75. package/dist/main.css +0 -1
package/dist/module.js CHANGED
@@ -1,20 +1,9 @@
1
- import "./main.css";
2
- import {Provider as $fQOb3$Provider} from "@react-spectrum/provider";
3
- import $fQOb3$react, {useState as $fQOb3$useState, useCallback as $fQOb3$useCallback, useRef as $fQOb3$useRef, forwardRef as $fQOb3$forwardRef} from "react";
4
- import {Overlay as $fQOb3$Overlay, usePopover as $fQOb3$usePopover, DismissButton as $fQOb3$DismissButton, useModalOverlay as $fQOb3$useModalOverlay} from "@react-aria/overlays";
5
- import {Transition as $fQOb3$Transition} from "react-transition-group";
6
- import {useDOMRef as $fQOb3$useDOMRef, useStyleProps as $fQOb3$useStyleProps, classNames as $fQOb3$classNames} from "@react-spectrum/utils";
7
- import {useFocusWithin as $fQOb3$useFocusWithin} from "@react-aria/interactions";
8
- import {mergeProps as $fQOb3$mergeProps, useLayoutEffect as $fQOb3$useLayoutEffect, useViewportSize as $fQOb3$useViewportSize} from "@react-aria/utils";
1
+ import {Overlay as $70305dc5fb729c3b$export$c6fdb837b070b4ff} from "./Overlay.module.js";
2
+ import {Popover as $17b503f7de08fecc$export$5b6b19405a83ff9d} from "./Popover.module.js";
3
+ import {Modal as $842084dfa182af65$export$2b77a92f1a5ad772} from "./Modal.module.js";
4
+ import {Tray as $1afc87f3d16a5a1c$export$4589ed81930b555c} from "./Tray.module.js";
5
+ import {OpenTransition as $bc765a7a041310da$export$b847a40ee92eff38} from "./OpenTransition.module.js";
9
6
 
10
-
11
- function $parcel$interopDefault(a) {
12
- return a && a.__esModule ? a.default : a;
13
- }
14
-
15
- function $parcel$export(e, n, v, s) {
16
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
17
- }
18
7
  /*
19
8
  * Copyright 2020 Adobe. All rights reserved.
20
9
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -26,704 +15,8 @@ function $parcel$export(e, n, v, s) {
26
15
  * OF ANY KIND, either express or implied. See the License for the specific language
27
16
  * governing permissions and limitations under the License.
28
17
  */ /// <reference types="css-module-types" />
29
- /*
30
- * Copyright 2020 Adobe. All rights reserved.
31
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
32
- * you may not use this file except in compliance with the License. You may obtain a copy
33
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
34
- *
35
- * Unless required by applicable law or agreed to in writing, software distributed under
36
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
37
- * OF ANY KIND, either express or implied. See the License for the specific language
38
- * governing permissions and limitations under the License.
39
- */ /*
40
- * Copyright 2020 Adobe. All rights reserved.
41
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
42
- * you may not use this file except in compliance with the License. You may obtain a copy
43
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
44
- *
45
- * Unless required by applicable law or agreed to in writing, software distributed under
46
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
47
- * OF ANY KIND, either express or implied. See the License for the specific language
48
- * governing permissions and limitations under the License.
49
- */
50
-
51
- const $bc765a7a041310da$var$OPEN_STATES = {
52
- entering: false,
53
- entered: true
54
- };
55
- function $bc765a7a041310da$export$b847a40ee92eff38(props) {
56
- var child;
57
- return /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $fQOb3$Transition), {
58
- timeout: {
59
- enter: 0,
60
- exit: 350
61
- },
62
- ...props
63
- }, (state)=>(0, $fQOb3$react).Children.map(props.children, (child)=>child && /*#__PURE__*/ (0, $fQOb3$react).cloneElement(child, {
64
- isOpen: !!$bc765a7a041310da$var$OPEN_STATES[state]
65
- })));
66
- }
67
-
68
-
69
-
70
-
71
-
72
- function $70305dc5fb729c3b$var$Overlay(props, ref) {
73
- let { children: children, isOpen: isOpen, disableFocusManagement: disableFocusManagement, container: container, onEnter: onEnter, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, nodeRef: nodeRef } = props;
74
- let [exited, setExited] = (0, $fQOb3$useState)(!isOpen);
75
- let handleEntered = (0, $fQOb3$useCallback)(()=>{
76
- setExited(false);
77
- if (onEntered) onEntered();
78
- }, [
79
- onEntered
80
- ]);
81
- let handleExited = (0, $fQOb3$useCallback)(()=>{
82
- setExited(true);
83
- if (onExited) onExited();
84
- }, [
85
- onExited
86
- ]);
87
- // Don't un-render the overlay while it's transitioning out.
88
- let mountOverlay = isOpen || !exited;
89
- if (!mountOverlay) // Don't bother showing anything if we don't have to.
90
- return null;
91
- return /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $fQOb3$Overlay), {
92
- portalContainer: container,
93
- disableFocusManagement: disableFocusManagement,
94
- isExiting: !isOpen
95
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $fQOb3$Provider), {
96
- ref: ref,
97
- UNSAFE_style: {
98
- background: "transparent",
99
- isolation: "isolate"
100
- },
101
- isDisabled: false
102
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $bc765a7a041310da$export$b847a40ee92eff38), {
103
- in: isOpen,
104
- appear: true,
105
- onExit: onExit,
106
- onExiting: onExiting,
107
- onExited: handleExited,
108
- onEnter: onEnter,
109
- onEntering: onEntering,
110
- onEntered: handleEntered,
111
- nodeRef: nodeRef
112
- }, children)));
113
- }
114
- let $70305dc5fb729c3b$export$c6fdb837b070b4ff = /*#__PURE__*/ (0, $fQOb3$react).forwardRef($70305dc5fb729c3b$var$Overlay);
115
-
116
-
117
- /*
118
- * Copyright 2020 Adobe. All rights reserved.
119
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
120
- * you may not use this file except in compliance with the License. You may obtain a copy
121
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
122
- *
123
- * Unless required by applicable law or agreed to in writing, software distributed under
124
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
125
- * OF ANY KIND, either express or implied. See the License for the specific language
126
- * governing permissions and limitations under the License.
127
- */
128
-
129
-
130
-
131
-
132
- var $853e19557ad8790f$exports = {};
133
-
134
- $parcel$export($853e19557ad8790f$exports, "react-spectrum-Modal", () => $853e19557ad8790f$export$f8edeb62d7fed8c1, (v) => $853e19557ad8790f$export$f8edeb62d7fed8c1 = v);
135
- $parcel$export($853e19557ad8790f$exports, "react-spectrum-Modal-wrapper", () => $853e19557ad8790f$export$e088717c213c31d7, (v) => $853e19557ad8790f$export$e088717c213c31d7 = v);
136
- $parcel$export($853e19557ad8790f$exports, "react-spectrum-Popover", () => $853e19557ad8790f$export$884f6b5065bdc41a, (v) => $853e19557ad8790f$export$884f6b5065bdc41a = v);
137
- $parcel$export($853e19557ad8790f$exports, "react-spectrum-Tray", () => $853e19557ad8790f$export$69dafa24343974dd, (v) => $853e19557ad8790f$export$69dafa24343974dd = v);
138
- $parcel$export($853e19557ad8790f$exports, "spectrum-Dialog-content", () => $853e19557ad8790f$export$cb8eccd0f3639238, (v) => $853e19557ad8790f$export$cb8eccd0f3639238 = v);
139
- $parcel$export($853e19557ad8790f$exports, "spectrum-Modal", () => $853e19557ad8790f$export$4c0b1e44c3834c85, (v) => $853e19557ad8790f$export$4c0b1e44c3834c85 = v);
140
- $parcel$export($853e19557ad8790f$exports, "spectrum-Modal-wrapper", () => $853e19557ad8790f$export$35bea187ff802494, (v) => $853e19557ad8790f$export$35bea187ff802494 = v);
141
- $parcel$export($853e19557ad8790f$exports, "spectrum-Popover", () => $853e19557ad8790f$export$a62dc1b6ab23a7bb, (v) => $853e19557ad8790f$export$a62dc1b6ab23a7bb = v);
142
- $parcel$export($853e19557ad8790f$exports, "spectrum-Tray", () => $853e19557ad8790f$export$ce0704cd084c4f0d, (v) => $853e19557ad8790f$export$ce0704cd084c4f0d = v);
143
- var $853e19557ad8790f$export$f8edeb62d7fed8c1;
144
- var $853e19557ad8790f$export$e088717c213c31d7;
145
- var $853e19557ad8790f$export$884f6b5065bdc41a;
146
- var $853e19557ad8790f$export$69dafa24343974dd;
147
- var $853e19557ad8790f$export$cb8eccd0f3639238;
148
- var $853e19557ad8790f$export$4c0b1e44c3834c85;
149
- var $853e19557ad8790f$export$35bea187ff802494;
150
- var $853e19557ad8790f$export$a62dc1b6ab23a7bb;
151
- var $853e19557ad8790f$export$ce0704cd084c4f0d;
152
- $853e19557ad8790f$export$f8edeb62d7fed8c1 = `OhnpTq_react-spectrum-Modal`;
153
- $853e19557ad8790f$export$e088717c213c31d7 = `OhnpTq_react-spectrum-Modal-wrapper`;
154
- $853e19557ad8790f$export$884f6b5065bdc41a = `OhnpTq_react-spectrum-Popover`;
155
- $853e19557ad8790f$export$69dafa24343974dd = `OhnpTq_react-spectrum-Tray`;
156
- $853e19557ad8790f$export$cb8eccd0f3639238 = `OhnpTq_spectrum-Dialog-content`;
157
- $853e19557ad8790f$export$4c0b1e44c3834c85 = `OhnpTq_spectrum-Modal`;
158
- $853e19557ad8790f$export$35bea187ff802494 = `OhnpTq_spectrum-Modal-wrapper`;
159
- $853e19557ad8790f$export$a62dc1b6ab23a7bb = `OhnpTq_spectrum-Popover`;
160
- $853e19557ad8790f$export$ce0704cd084c4f0d = `OhnpTq_spectrum-Tray`;
161
-
162
-
163
-
164
- var $645594d913f34a2a$exports = {};
165
-
166
- $parcel$export($645594d913f34a2a$exports, "focus-ring", () => $645594d913f34a2a$export$f39a09f249340e2a, (v) => $645594d913f34a2a$export$f39a09f249340e2a = v);
167
- $parcel$export($645594d913f34a2a$exports, "i18nFontFamily", () => $645594d913f34a2a$export$8c4ee2c50c22c514, (v) => $645594d913f34a2a$export$8c4ee2c50c22c514 = v);
168
- $parcel$export($645594d913f34a2a$exports, "spectrum-overlay--open", () => $645594d913f34a2a$export$a397eb58038aa381, (v) => $645594d913f34a2a$export$a397eb58038aa381 = v);
169
- $parcel$export($645594d913f34a2a$exports, "is-open", () => $645594d913f34a2a$export$a9781837241c946d, (v) => $645594d913f34a2a$export$a9781837241c946d = v);
170
- $parcel$export($645594d913f34a2a$exports, "spectrum-overlay--bottom--open", () => $645594d913f34a2a$export$a96755f239de61ee, (v) => $645594d913f34a2a$export$a96755f239de61ee = v);
171
- $parcel$export($645594d913f34a2a$exports, "is-open--bottom", () => $645594d913f34a2a$export$1f160596ffe52357, (v) => $645594d913f34a2a$export$1f160596ffe52357 = v);
172
- $parcel$export($645594d913f34a2a$exports, "spectrum-overlay--left--open", () => $645594d913f34a2a$export$a85c0c6b6cf8598c, (v) => $645594d913f34a2a$export$a85c0c6b6cf8598c = v);
173
- $parcel$export($645594d913f34a2a$exports, "is-open--left", () => $645594d913f34a2a$export$d6106cb3acaf56ae, (v) => $645594d913f34a2a$export$d6106cb3acaf56ae = v);
174
- $parcel$export($645594d913f34a2a$exports, "spectrum-overlay--right--open", () => $645594d913f34a2a$export$85aaa87e65e040bf, (v) => $645594d913f34a2a$export$85aaa87e65e040bf = v);
175
- $parcel$export($645594d913f34a2a$exports, "is-open--right", () => $645594d913f34a2a$export$8935d072812c3169, (v) => $645594d913f34a2a$export$8935d072812c3169 = v);
176
- $parcel$export($645594d913f34a2a$exports, "spectrum-overlay--top--open", () => $645594d913f34a2a$export$b9768db7ffc1bc2, (v) => $645594d913f34a2a$export$b9768db7ffc1bc2 = v);
177
- $parcel$export($645594d913f34a2a$exports, "is-open--top", () => $645594d913f34a2a$export$cd4bf1e07ae86214, (v) => $645594d913f34a2a$export$cd4bf1e07ae86214 = v);
178
- $parcel$export($645594d913f34a2a$exports, "spectrum-FocusRing-ring", () => $645594d913f34a2a$export$4109102f950813a6, (v) => $645594d913f34a2a$export$4109102f950813a6 = v);
179
- $parcel$export($645594d913f34a2a$exports, "spectrum-FocusRing", () => $645594d913f34a2a$export$24c7f46a6e3605dd, (v) => $645594d913f34a2a$export$24c7f46a6e3605dd = v);
180
- $parcel$export($645594d913f34a2a$exports, "spectrum-FocusRing--quiet", () => $645594d913f34a2a$export$2927016961429360, (v) => $645594d913f34a2a$export$2927016961429360 = v);
181
- $parcel$export($645594d913f34a2a$exports, "spectrum-overlay", () => $645594d913f34a2a$export$39eed38e2296a1d6, (v) => $645594d913f34a2a$export$39eed38e2296a1d6 = v);
182
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover", () => $645594d913f34a2a$export$a62dc1b6ab23a7bb, (v) => $645594d913f34a2a$export$a62dc1b6ab23a7bb = v);
183
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--bottom", () => $645594d913f34a2a$export$6a19b19b14780d4a, (v) => $645594d913f34a2a$export$6a19b19b14780d4a = v);
184
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--dialog", () => $645594d913f34a2a$export$cf634262e726cd19, (v) => $645594d913f34a2a$export$cf634262e726cd19 = v);
185
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--left", () => $645594d913f34a2a$export$79cc55906ac5b00, (v) => $645594d913f34a2a$export$79cc55906ac5b00 = v);
186
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--right", () => $645594d913f34a2a$export$5fc8b429396c9f58, (v) => $645594d913f34a2a$export$5fc8b429396c9f58 = v);
187
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--top", () => $645594d913f34a2a$export$f30becfb1df0cae4, (v) => $645594d913f34a2a$export$f30becfb1df0cae4 = v);
188
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--withTip", () => $645594d913f34a2a$export$d8b16c5377728262, (v) => $645594d913f34a2a$export$d8b16c5377728262 = v);
189
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover-tip", () => $645594d913f34a2a$export$3100ec4dc1668df1, (v) => $645594d913f34a2a$export$3100ec4dc1668df1 = v);
190
- $parcel$export($645594d913f34a2a$exports, "spectrum-Popover-tip-triangle", () => $645594d913f34a2a$export$ed733fa6cf19ab80, (v) => $645594d913f34a2a$export$ed733fa6cf19ab80 = v);
191
- var $645594d913f34a2a$export$f39a09f249340e2a;
192
- var $645594d913f34a2a$export$8c4ee2c50c22c514;
193
- var $645594d913f34a2a$export$a397eb58038aa381;
194
- var $645594d913f34a2a$export$a9781837241c946d;
195
- var $645594d913f34a2a$export$a96755f239de61ee;
196
- var $645594d913f34a2a$export$1f160596ffe52357;
197
- var $645594d913f34a2a$export$a85c0c6b6cf8598c;
198
- var $645594d913f34a2a$export$d6106cb3acaf56ae;
199
- var $645594d913f34a2a$export$85aaa87e65e040bf;
200
- var $645594d913f34a2a$export$8935d072812c3169;
201
- var $645594d913f34a2a$export$b9768db7ffc1bc2;
202
- var $645594d913f34a2a$export$cd4bf1e07ae86214;
203
- var $645594d913f34a2a$export$4109102f950813a6;
204
- var $645594d913f34a2a$export$24c7f46a6e3605dd;
205
- var $645594d913f34a2a$export$2927016961429360;
206
- var $645594d913f34a2a$export$39eed38e2296a1d6;
207
- var $645594d913f34a2a$export$a62dc1b6ab23a7bb;
208
- var $645594d913f34a2a$export$6a19b19b14780d4a;
209
- var $645594d913f34a2a$export$cf634262e726cd19;
210
- var $645594d913f34a2a$export$79cc55906ac5b00;
211
- var $645594d913f34a2a$export$5fc8b429396c9f58;
212
- var $645594d913f34a2a$export$f30becfb1df0cae4;
213
- var $645594d913f34a2a$export$d8b16c5377728262;
214
- var $645594d913f34a2a$export$3100ec4dc1668df1;
215
- var $645594d913f34a2a$export$ed733fa6cf19ab80;
216
- $645594d913f34a2a$export$f39a09f249340e2a = `cH0MeW_focus-ring`;
217
- $645594d913f34a2a$export$8c4ee2c50c22c514 = `cH0MeW_i18nFontFamily`;
218
- $645594d913f34a2a$export$a397eb58038aa381 = `cH0MeW_spectrum-overlay--open`;
219
- $645594d913f34a2a$export$a9781837241c946d = `cH0MeW_is-open ${$645594d913f34a2a$export$a397eb58038aa381}`;
220
- $645594d913f34a2a$export$a96755f239de61ee = `cH0MeW_spectrum-overlay--bottom--open`;
221
- $645594d913f34a2a$export$1f160596ffe52357 = `cH0MeW_is-open--bottom ${$645594d913f34a2a$export$a96755f239de61ee}`;
222
- $645594d913f34a2a$export$a85c0c6b6cf8598c = `cH0MeW_spectrum-overlay--left--open`;
223
- $645594d913f34a2a$export$d6106cb3acaf56ae = `cH0MeW_is-open--left ${$645594d913f34a2a$export$a85c0c6b6cf8598c}`;
224
- $645594d913f34a2a$export$85aaa87e65e040bf = `cH0MeW_spectrum-overlay--right--open`;
225
- $645594d913f34a2a$export$8935d072812c3169 = `cH0MeW_is-open--right ${$645594d913f34a2a$export$85aaa87e65e040bf}`;
226
- $645594d913f34a2a$export$b9768db7ffc1bc2 = `cH0MeW_spectrum-overlay--top--open`;
227
- $645594d913f34a2a$export$cd4bf1e07ae86214 = `cH0MeW_is-open--top ${$645594d913f34a2a$export$b9768db7ffc1bc2}`;
228
- $645594d913f34a2a$export$4109102f950813a6 = `cH0MeW_spectrum-FocusRing-ring`;
229
- $645594d913f34a2a$export$24c7f46a6e3605dd = `cH0MeW_spectrum-FocusRing ${$645594d913f34a2a$export$4109102f950813a6}`;
230
- $645594d913f34a2a$export$2927016961429360 = `cH0MeW_spectrum-FocusRing--quiet`;
231
- $645594d913f34a2a$export$39eed38e2296a1d6 = `cH0MeW_spectrum-overlay`;
232
- $645594d913f34a2a$export$a62dc1b6ab23a7bb = `cH0MeW_spectrum-Popover ${$645594d913f34a2a$export$39eed38e2296a1d6}`;
233
- $645594d913f34a2a$export$6a19b19b14780d4a = `cH0MeW_spectrum-Popover--bottom`;
234
- $645594d913f34a2a$export$cf634262e726cd19 = `cH0MeW_spectrum-Popover--dialog`;
235
- $645594d913f34a2a$export$79cc55906ac5b00 = `cH0MeW_spectrum-Popover--left`;
236
- $645594d913f34a2a$export$5fc8b429396c9f58 = `cH0MeW_spectrum-Popover--right`;
237
- $645594d913f34a2a$export$f30becfb1df0cae4 = `cH0MeW_spectrum-Popover--top`;
238
- $645594d913f34a2a$export$d8b16c5377728262 = `cH0MeW_spectrum-Popover--withTip`;
239
- $645594d913f34a2a$export$3100ec4dc1668df1 = `cH0MeW_spectrum-Popover-tip`;
240
- $645594d913f34a2a$export$ed733fa6cf19ab80 = `cH0MeW_spectrum-Popover-tip-triangle`;
241
-
242
-
243
- /*
244
- * Copyright 2020 Adobe. All rights reserved.
245
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
246
- * you may not use this file except in compliance with the License. You may obtain a copy
247
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
248
- *
249
- * Unless required by applicable law or agreed to in writing, software distributed under
250
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
251
- * OF ANY KIND, either express or implied. See the License for the specific language
252
- * governing permissions and limitations under the License.
253
- */
254
-
255
- var $c77d7b73b2bbd0fb$exports = {};
256
-
257
- $parcel$export($c77d7b73b2bbd0fb$exports, "focus-ring", () => $c77d7b73b2bbd0fb$export$f39a09f249340e2a, (v) => $c77d7b73b2bbd0fb$export$f39a09f249340e2a = v);
258
- $parcel$export($c77d7b73b2bbd0fb$exports, "i18nFontFamily", () => $c77d7b73b2bbd0fb$export$8c4ee2c50c22c514, (v) => $c77d7b73b2bbd0fb$export$8c4ee2c50c22c514 = v);
259
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-overlay--open", () => $c77d7b73b2bbd0fb$export$a397eb58038aa381, (v) => $c77d7b73b2bbd0fb$export$a397eb58038aa381 = v);
260
- $parcel$export($c77d7b73b2bbd0fb$exports, "is-open", () => $c77d7b73b2bbd0fb$export$a9781837241c946d, (v) => $c77d7b73b2bbd0fb$export$a9781837241c946d = v);
261
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-FocusRing-ring", () => $c77d7b73b2bbd0fb$export$4109102f950813a6, (v) => $c77d7b73b2bbd0fb$export$4109102f950813a6 = v);
262
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-FocusRing", () => $c77d7b73b2bbd0fb$export$24c7f46a6e3605dd, (v) => $c77d7b73b2bbd0fb$export$24c7f46a6e3605dd = v);
263
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-FocusRing--quiet", () => $c77d7b73b2bbd0fb$export$2927016961429360, (v) => $c77d7b73b2bbd0fb$export$2927016961429360 = v);
264
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-overlay", () => $c77d7b73b2bbd0fb$export$39eed38e2296a1d6, (v) => $c77d7b73b2bbd0fb$export$39eed38e2296a1d6 = v);
265
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-Underlay", () => $c77d7b73b2bbd0fb$export$74470528f463af97, (v) => $c77d7b73b2bbd0fb$export$74470528f463af97 = v);
266
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-Underlay--transparent", () => $c77d7b73b2bbd0fb$export$8eb3860104039b44, (v) => $c77d7b73b2bbd0fb$export$8eb3860104039b44 = v);
267
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-overlay--bottom--open", () => $c77d7b73b2bbd0fb$export$a96755f239de61ee, (v) => $c77d7b73b2bbd0fb$export$a96755f239de61ee = v);
268
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-overlay--left--open", () => $c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c, (v) => $c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c = v);
269
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-overlay--right--open", () => $c77d7b73b2bbd0fb$export$85aaa87e65e040bf, (v) => $c77d7b73b2bbd0fb$export$85aaa87e65e040bf = v);
270
- $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-overlay--top--open", () => $c77d7b73b2bbd0fb$export$b9768db7ffc1bc2, (v) => $c77d7b73b2bbd0fb$export$b9768db7ffc1bc2 = v);
271
- var $c77d7b73b2bbd0fb$export$f39a09f249340e2a;
272
- var $c77d7b73b2bbd0fb$export$8c4ee2c50c22c514;
273
- var $c77d7b73b2bbd0fb$export$a397eb58038aa381;
274
- var $c77d7b73b2bbd0fb$export$a9781837241c946d;
275
- var $c77d7b73b2bbd0fb$export$4109102f950813a6;
276
- var $c77d7b73b2bbd0fb$export$24c7f46a6e3605dd;
277
- var $c77d7b73b2bbd0fb$export$2927016961429360;
278
- var $c77d7b73b2bbd0fb$export$39eed38e2296a1d6;
279
- var $c77d7b73b2bbd0fb$export$74470528f463af97;
280
- var $c77d7b73b2bbd0fb$export$8eb3860104039b44;
281
- var $c77d7b73b2bbd0fb$export$a96755f239de61ee;
282
- var $c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c;
283
- var $c77d7b73b2bbd0fb$export$85aaa87e65e040bf;
284
- var $c77d7b73b2bbd0fb$export$b9768db7ffc1bc2;
285
- $c77d7b73b2bbd0fb$export$f39a09f249340e2a = `F-oYUa_focus-ring`;
286
- $c77d7b73b2bbd0fb$export$8c4ee2c50c22c514 = `F-oYUa_i18nFontFamily`;
287
- $c77d7b73b2bbd0fb$export$a397eb58038aa381 = `F-oYUa_spectrum-overlay--open`;
288
- $c77d7b73b2bbd0fb$export$a9781837241c946d = `F-oYUa_is-open ${$c77d7b73b2bbd0fb$export$a397eb58038aa381}`;
289
- $c77d7b73b2bbd0fb$export$4109102f950813a6 = `F-oYUa_spectrum-FocusRing-ring`;
290
- $c77d7b73b2bbd0fb$export$24c7f46a6e3605dd = `F-oYUa_spectrum-FocusRing ${$c77d7b73b2bbd0fb$export$4109102f950813a6}`;
291
- $c77d7b73b2bbd0fb$export$2927016961429360 = `F-oYUa_spectrum-FocusRing--quiet`;
292
- $c77d7b73b2bbd0fb$export$39eed38e2296a1d6 = `F-oYUa_spectrum-overlay`;
293
- $c77d7b73b2bbd0fb$export$74470528f463af97 = `F-oYUa_spectrum-Underlay ${$c77d7b73b2bbd0fb$export$39eed38e2296a1d6}`;
294
- $c77d7b73b2bbd0fb$export$8eb3860104039b44 = `F-oYUa_spectrum-Underlay--transparent`;
295
- $c77d7b73b2bbd0fb$export$a96755f239de61ee = `F-oYUa_spectrum-overlay--bottom--open`;
296
- $c77d7b73b2bbd0fb$export$a85c0c6b6cf8598c = `F-oYUa_spectrum-overlay--left--open`;
297
- $c77d7b73b2bbd0fb$export$85aaa87e65e040bf = `F-oYUa_spectrum-overlay--right--open`;
298
- $c77d7b73b2bbd0fb$export$b9768db7ffc1bc2 = `F-oYUa_spectrum-overlay--top--open`;
299
-
300
-
301
- function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen, isTransparent: isTransparent, ...otherProps }) {
302
- return /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
303
- "data-testid": "underlay",
304
- ...otherProps,
305
- className: (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c77d7b73b2bbd0fb$exports))), "spectrum-Underlay", {
306
- "is-open": isOpen,
307
- "spectrum-Underlay--transparent": isTransparent
308
- })
309
- });
310
- }
311
-
312
-
313
- /**
314
- * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the
315
- * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and
316
- * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
317
- * the path always starts at 0 so that it perfectly overlaps the popover's border.
318
- * See bottom of file for more explanation.
319
- */ let $17b503f7de08fecc$var$arrowPlacement = {
320
- left: "right",
321
- right: "right",
322
- top: "bottom",
323
- bottom: "bottom"
324
- };
325
- function $17b503f7de08fecc$var$Popover(props, ref) {
326
- let { children: children, state: state, ...otherProps } = props;
327
- let domRef = (0, $fQOb3$useDOMRef)(ref);
328
- let wrapperRef = (0, $fQOb3$useRef)(null);
329
- return /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $70305dc5fb729c3b$export$c6fdb837b070b4ff), {
330
- ...otherProps,
331
- isOpen: state.isOpen,
332
- nodeRef: wrapperRef
333
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement($17b503f7de08fecc$var$PopoverWrapper, {
334
- ref: domRef,
335
- ...props,
336
- wrapperRef: wrapperRef
337
- }, children));
338
- }
339
- const $17b503f7de08fecc$var$PopoverWrapper = /*#__PURE__*/ (0, $fQOb3$forwardRef)((props, ref)=>{
340
- let { children: children, isOpen: isOpen, hideArrow: hideArrow, isNonModal: isNonModal, enableBothDismissButtons: enableBothDismissButtons, state: state, wrapperRef: wrapperRef, onDismissButtonPress: onDismissButtonPress = ()=>state.close() } = props;
341
- let { styleProps: styleProps } = (0, $fQOb3$useStyleProps)(props);
342
- let { size: size, borderWidth: borderWidth, arrowRef: arrowRef } = $17b503f7de08fecc$var$useArrowSize();
343
- const borderRadius = $17b503f7de08fecc$var$usePopoverBorderRadius(ref);
344
- let borderDiagonal = borderWidth * Math.SQRT2;
345
- let primary = size + borderDiagonal;
346
- let secondary = primary * 2;
347
- let { popoverProps: popoverProps, arrowProps: arrowProps, underlayProps: underlayProps, placement: placement } = (0, $fQOb3$usePopover)({
348
- ...props,
349
- popoverRef: ref,
350
- maxHeight: null,
351
- arrowSize: hideArrow ? 0 : secondary,
352
- arrowBoundaryOffset: borderRadius
353
- }, state);
354
- let { focusWithinProps: focusWithinProps } = (0, $fQOb3$useFocusWithin)(props);
355
- // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
356
- return /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
357
- ref: wrapperRef
358
- }, !isNonModal && /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $76a452f4e3df11be$export$f360afc887607b02), {
359
- isTransparent: true,
360
- ...(0, $fQOb3$mergeProps)(underlayProps),
361
- isOpen: isOpen
362
- }), /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
363
- ...styleProps,
364
- ...(0, $fQOb3$mergeProps)(popoverProps, focusWithinProps),
365
- style: {
366
- ...styleProps.style,
367
- ...popoverProps.style
368
- },
369
- ref: ref,
370
- className: (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($645594d913f34a2a$exports))), "spectrum-Popover", `spectrum-Popover--${placement}`, {
371
- "spectrum-Popover--withTip": !hideArrow,
372
- "is-open": isOpen,
373
- [`is-open--${placement}`]: isOpen
374
- }, (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports))), "spectrum-Popover", "react-spectrum-Popover"), styleProps.className),
375
- role: "presentation",
376
- "data-testid": "popover"
377
- }, (!isNonModal || enableBothDismissButtons) && /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $fQOb3$DismissButton), {
378
- onDismiss: onDismissButtonPress
379
- }), children, hideArrow ? null : /*#__PURE__*/ (0, $fQOb3$react).createElement($17b503f7de08fecc$var$Arrow, {
380
- arrowProps: arrowProps,
381
- isLandscape: $17b503f7de08fecc$var$arrowPlacement[placement] === "bottom",
382
- arrowRef: arrowRef,
383
- primary: primary,
384
- secondary: secondary,
385
- borderDiagonal: borderDiagonal
386
- }), /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $fQOb3$DismissButton), {
387
- onDismiss: onDismissButtonPress
388
- })));
389
- });
390
- function $17b503f7de08fecc$var$usePopoverBorderRadius(popoverRef) {
391
- let [borderRadius, setBorderRadius] = (0, $fQOb3$useState)(0);
392
- (0, $fQOb3$useLayoutEffect)(()=>{
393
- if (popoverRef.current) {
394
- let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;
395
- if (spectrumBorderRadius !== "") setBorderRadius(parseInt(spectrumBorderRadius, 10));
396
- }
397
- }, [
398
- popoverRef
399
- ]);
400
- return borderRadius;
401
- }
402
- function $17b503f7de08fecc$var$useArrowSize() {
403
- let [size, setSize] = (0, $fQOb3$useState)(20);
404
- let [borderWidth, setBorderWidth] = (0, $fQOb3$useState)(1);
405
- let arrowRef = (0, $fQOb3$useRef)(null);
406
- // get the css value for the tip size and divide it by 2 for this arrow implementation
407
- (0, $fQOb3$useLayoutEffect)(()=>{
408
- if (arrowRef.current) {
409
- let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue("--spectrum-popover-tip-size");
410
- if (spectrumTipWidth !== "") setSize(parseInt(spectrumTipWidth, 10) / 2);
411
- let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue("--spectrum-popover-tip-borderWidth");
412
- if (spectrumBorderWidth !== "") setBorderWidth(parseInt(spectrumBorderWidth, 10));
413
- }
414
- }, []);
415
- return {
416
- size: size,
417
- borderWidth: borderWidth,
418
- arrowRef: arrowRef
419
- };
420
- }
421
- function $17b503f7de08fecc$var$Arrow(props) {
422
- let { primary: primary, secondary: secondary, isLandscape: isLandscape, arrowProps: arrowProps, borderDiagonal: borderDiagonal, arrowRef: arrowRef } = props;
423
- let halfBorderDiagonal = borderDiagonal / 2;
424
- let primaryStart = 0;
425
- let primaryEnd = primary - halfBorderDiagonal;
426
- let secondaryStart = halfBorderDiagonal;
427
- let secondaryMiddle = secondary / 2;
428
- let secondaryEnd = secondary - halfBorderDiagonal;
429
- let pathData = isLandscape ? [
430
- "M",
431
- secondaryStart,
432
- primaryStart,
433
- "L",
434
- secondaryMiddle,
435
- primaryEnd,
436
- "L",
437
- secondaryEnd,
438
- primaryStart
439
- ] : [
440
- "M",
441
- primaryStart,
442
- secondaryStart,
443
- "L",
444
- primaryEnd,
445
- secondaryMiddle,
446
- "L",
447
- primaryStart,
448
- secondaryEnd
449
- ];
450
- /* use ceil because the svg needs to always accommodate the path inside it */ return /*#__PURE__*/ (0, $fQOb3$react).createElement("svg", {
451
- xmlns: "http://www.w3.org/svg/2000",
452
- width: Math.ceil(isLandscape ? secondary : primary),
453
- height: Math.ceil(isLandscape ? primary : secondary),
454
- className: (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($645594d913f34a2a$exports))), "spectrum-Popover-tip"),
455
- ref: arrowRef,
456
- ...arrowProps
457
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement("path", {
458
- className: (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($645594d913f34a2a$exports))), "spectrum-Popover-tip-triangle"),
459
- d: pathData.join(" ")
460
- }));
461
- }
462
- let $17b503f7de08fecc$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $fQOb3$forwardRef)($17b503f7de08fecc$var$Popover);
463
- /**
464
- * More explanation on popover tips.
465
- * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.
466
- * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.
467
- * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.
468
- * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.
469
- * - I tried getting the client bounding box and setting the svg to that partial pixel value
470
- * This didn't work because again the issue was inside the svg
471
- * - I didn't try drawing the svg backwards
472
- * This could still be tried
473
- * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded
474
- * This seems to have done the trick.
475
- */
476
-
477
- /*
478
- * Copyright 2020 Adobe. All rights reserved.
479
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
480
- * you may not use this file except in compliance with the License. You may obtain a copy
481
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
482
- *
483
- * Unless required by applicable law or agreed to in writing, software distributed under
484
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
485
- * OF ANY KIND, either express or implied. See the License for the specific language
486
- * governing permissions and limitations under the License.
487
- */
488
-
489
- var $f7ed9f5201273840$exports = {};
490
-
491
- $parcel$export($f7ed9f5201273840$exports, "focus-ring", () => $f7ed9f5201273840$export$f39a09f249340e2a, (v) => $f7ed9f5201273840$export$f39a09f249340e2a = v);
492
- $parcel$export($f7ed9f5201273840$exports, "i18nFontFamily", () => $f7ed9f5201273840$export$8c4ee2c50c22c514, (v) => $f7ed9f5201273840$export$8c4ee2c50c22c514 = v);
493
- $parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--open", () => $f7ed9f5201273840$export$a397eb58038aa381, (v) => $f7ed9f5201273840$export$a397eb58038aa381 = v);
494
- $parcel$export($f7ed9f5201273840$exports, "is-open", () => $f7ed9f5201273840$export$a9781837241c946d, (v) => $f7ed9f5201273840$export$a9781837241c946d = v);
495
- $parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing-ring", () => $f7ed9f5201273840$export$4109102f950813a6, (v) => $f7ed9f5201273840$export$4109102f950813a6 = v);
496
- $parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing", () => $f7ed9f5201273840$export$24c7f46a6e3605dd, (v) => $f7ed9f5201273840$export$24c7f46a6e3605dd = v);
497
- $parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing--quiet", () => $f7ed9f5201273840$export$2927016961429360, (v) => $f7ed9f5201273840$export$2927016961429360 = v);
498
- $parcel$export($f7ed9f5201273840$exports, "spectrum-overlay", () => $f7ed9f5201273840$export$39eed38e2296a1d6, (v) => $f7ed9f5201273840$export$39eed38e2296a1d6 = v);
499
- $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal", () => $f7ed9f5201273840$export$4c0b1e44c3834c85, (v) => $f7ed9f5201273840$export$4c0b1e44c3834c85 = v);
500
- $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreen", () => $f7ed9f5201273840$export$a4423fa77727431a, (v) => $f7ed9f5201273840$export$a4423fa77727431a = v);
501
- $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreenTakeover", () => $f7ed9f5201273840$export$175dd699720b5fb7, (v) => $f7ed9f5201273840$export$175dd699720b5fb7 = v);
502
- $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--responsive", () => $f7ed9f5201273840$export$fd1e42aa8ea02a1, (v) => $f7ed9f5201273840$export$fd1e42aa8ea02a1 = v);
503
- $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal-wrapper", () => $f7ed9f5201273840$export$35bea187ff802494, (v) => $f7ed9f5201273840$export$35bea187ff802494 = v);
504
- $parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--bottom--open", () => $f7ed9f5201273840$export$a96755f239de61ee, (v) => $f7ed9f5201273840$export$a96755f239de61ee = v);
505
- $parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--left--open", () => $f7ed9f5201273840$export$a85c0c6b6cf8598c, (v) => $f7ed9f5201273840$export$a85c0c6b6cf8598c = v);
506
- $parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--right--open", () => $f7ed9f5201273840$export$85aaa87e65e040bf, (v) => $f7ed9f5201273840$export$85aaa87e65e040bf = v);
507
- $parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--top--open", () => $f7ed9f5201273840$export$b9768db7ffc1bc2, (v) => $f7ed9f5201273840$export$b9768db7ffc1bc2 = v);
508
- var $f7ed9f5201273840$export$f39a09f249340e2a;
509
- var $f7ed9f5201273840$export$8c4ee2c50c22c514;
510
- var $f7ed9f5201273840$export$a397eb58038aa381;
511
- var $f7ed9f5201273840$export$a9781837241c946d;
512
- var $f7ed9f5201273840$export$4109102f950813a6;
513
- var $f7ed9f5201273840$export$24c7f46a6e3605dd;
514
- var $f7ed9f5201273840$export$2927016961429360;
515
- var $f7ed9f5201273840$export$39eed38e2296a1d6;
516
- var $f7ed9f5201273840$export$4c0b1e44c3834c85;
517
- var $f7ed9f5201273840$export$a4423fa77727431a;
518
- var $f7ed9f5201273840$export$175dd699720b5fb7;
519
- var $f7ed9f5201273840$export$fd1e42aa8ea02a1;
520
- var $f7ed9f5201273840$export$35bea187ff802494;
521
- var $f7ed9f5201273840$export$a96755f239de61ee;
522
- var $f7ed9f5201273840$export$a85c0c6b6cf8598c;
523
- var $f7ed9f5201273840$export$85aaa87e65e040bf;
524
- var $f7ed9f5201273840$export$b9768db7ffc1bc2;
525
- $f7ed9f5201273840$export$f39a09f249340e2a = `_0YML2q_focus-ring`;
526
- $f7ed9f5201273840$export$8c4ee2c50c22c514 = `_0YML2q_i18nFontFamily`;
527
- $f7ed9f5201273840$export$a397eb58038aa381 = `_0YML2q_spectrum-overlay--open`;
528
- $f7ed9f5201273840$export$a9781837241c946d = `_0YML2q_is-open ${$f7ed9f5201273840$export$a397eb58038aa381}`;
529
- $f7ed9f5201273840$export$4109102f950813a6 = `_0YML2q_spectrum-FocusRing-ring`;
530
- $f7ed9f5201273840$export$24c7f46a6e3605dd = `_0YML2q_spectrum-FocusRing ${$f7ed9f5201273840$export$4109102f950813a6}`;
531
- $f7ed9f5201273840$export$2927016961429360 = `_0YML2q_spectrum-FocusRing--quiet`;
532
- $f7ed9f5201273840$export$39eed38e2296a1d6 = `_0YML2q_spectrum-overlay`;
533
- $f7ed9f5201273840$export$4c0b1e44c3834c85 = `_0YML2q_spectrum-Modal ${$f7ed9f5201273840$export$39eed38e2296a1d6}`;
534
- $f7ed9f5201273840$export$a4423fa77727431a = `_0YML2q_spectrum-Modal--fullscreen`;
535
- $f7ed9f5201273840$export$175dd699720b5fb7 = `_0YML2q_spectrum-Modal--fullscreenTakeover`;
536
- $f7ed9f5201273840$export$fd1e42aa8ea02a1 = `_0YML2q_spectrum-Modal--responsive`;
537
- $f7ed9f5201273840$export$35bea187ff802494 = `_0YML2q_spectrum-Modal-wrapper`;
538
- $f7ed9f5201273840$export$a96755f239de61ee = `_0YML2q_spectrum-overlay--bottom--open`;
539
- $f7ed9f5201273840$export$a85c0c6b6cf8598c = `_0YML2q_spectrum-overlay--left--open`;
540
- $f7ed9f5201273840$export$85aaa87e65e040bf = `_0YML2q_spectrum-overlay--right--open`;
541
- $f7ed9f5201273840$export$b9768db7ffc1bc2 = `_0YML2q_spectrum-overlay--top--open`;
542
-
543
-
544
-
545
-
546
-
547
-
548
-
549
- function $842084dfa182af65$var$Modal(props, ref) {
550
- let { children: children, state: state, ...otherProps } = props;
551
- let domRef = (0, $fQOb3$useDOMRef)(ref);
552
- let wrapperRef = (0, $fQOb3$useRef)(null);
553
- return /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $70305dc5fb729c3b$export$c6fdb837b070b4ff), {
554
- ...otherProps,
555
- isOpen: state.isOpen,
556
- nodeRef: wrapperRef
557
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement($842084dfa182af65$var$ModalWrapper, {
558
- ...props,
559
- wrapperRef: wrapperRef,
560
- ref: domRef
561
- }, children));
562
- }
563
- let $842084dfa182af65$var$typeMap = {
564
- fullscreen: "fullscreen",
565
- fullscreenTakeover: "fullscreenTakeover"
566
- };
567
- let $842084dfa182af65$var$ModalWrapper = /*#__PURE__*/ (0, $fQOb3$forwardRef)(function(props, ref) {
568
- let { type: type, children: children, state: state, isOpen: isOpen, wrapperRef: wrapperRef } = props;
569
- let typeVariant = $842084dfa182af65$var$typeMap[type];
570
- let { styleProps: styleProps } = (0, $fQOb3$useStyleProps)(props);
571
- let { modalProps: modalProps, underlayProps: underlayProps } = (0, $fQOb3$useModalOverlay)(props, state, ref);
572
- let wrapperClassName = (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f7ed9f5201273840$exports))), "spectrum-Modal-wrapper", (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports))), "spectrum-Modal-wrapper", "react-spectrum-Modal-wrapper"));
573
- let modalClassName = (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f7ed9f5201273840$exports))), "spectrum-Modal", {
574
- "is-open": isOpen
575
- }, (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports))), "spectrum-Modal", "react-spectrum-Modal"), {
576
- [`spectrum-Modal--${typeVariant}`]: typeVariant
577
- }, styleProps.className);
578
- let viewport = (0, $fQOb3$useViewportSize)();
579
- let style = {
580
- "--spectrum-visual-viewport-height": viewport.height + "px"
581
- };
582
- // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
583
- return /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
584
- ref: wrapperRef
585
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $76a452f4e3df11be$export$f360afc887607b02), {
586
- ...underlayProps,
587
- isOpen: isOpen
588
- }), /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
589
- className: wrapperClassName,
590
- style: style
591
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
592
- ...styleProps,
593
- ...modalProps,
594
- ref: ref,
595
- className: modalClassName,
596
- "data-testid": "modal"
597
- }, children)));
598
- });
599
- let $842084dfa182af65$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $fQOb3$forwardRef)($842084dfa182af65$var$Modal);
600
-
601
-
602
- /*
603
- * Copyright 2020 Adobe. All rights reserved.
604
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
605
- * you may not use this file except in compliance with the License. You may obtain a copy
606
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
607
- *
608
- * Unless required by applicable law or agreed to in writing, software distributed under
609
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
610
- * OF ANY KIND, either express or implied. See the License for the specific language
611
- * governing permissions and limitations under the License.
612
- */
613
-
614
-
615
-
616
-
617
- var $930b2f4095bb11d1$exports = {};
618
-
619
- $parcel$export($930b2f4095bb11d1$exports, "focus-ring", () => $930b2f4095bb11d1$export$f39a09f249340e2a, (v) => $930b2f4095bb11d1$export$f39a09f249340e2a = v);
620
- $parcel$export($930b2f4095bb11d1$exports, "i18nFontFamily", () => $930b2f4095bb11d1$export$8c4ee2c50c22c514, (v) => $930b2f4095bb11d1$export$8c4ee2c50c22c514 = v);
621
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-overlay--open", () => $930b2f4095bb11d1$export$a397eb58038aa381, (v) => $930b2f4095bb11d1$export$a397eb58038aa381 = v);
622
- $parcel$export($930b2f4095bb11d1$exports, "is-open", () => $930b2f4095bb11d1$export$a9781837241c946d, (v) => $930b2f4095bb11d1$export$a9781837241c946d = v);
623
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-FocusRing-ring", () => $930b2f4095bb11d1$export$4109102f950813a6, (v) => $930b2f4095bb11d1$export$4109102f950813a6 = v);
624
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-FocusRing", () => $930b2f4095bb11d1$export$24c7f46a6e3605dd, (v) => $930b2f4095bb11d1$export$24c7f46a6e3605dd = v);
625
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-FocusRing--quiet", () => $930b2f4095bb11d1$export$2927016961429360, (v) => $930b2f4095bb11d1$export$2927016961429360 = v);
626
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-overlay", () => $930b2f4095bb11d1$export$39eed38e2296a1d6, (v) => $930b2f4095bb11d1$export$39eed38e2296a1d6 = v);
627
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-Tray", () => $930b2f4095bb11d1$export$ce0704cd084c4f0d, (v) => $930b2f4095bb11d1$export$ce0704cd084c4f0d = v);
628
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-Tray--fixedHeight", () => $930b2f4095bb11d1$export$79bfb05e59a300b, (v) => $930b2f4095bb11d1$export$79bfb05e59a300b = v);
629
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-Tray-wrapper", () => $930b2f4095bb11d1$export$641b9b70c23dce66, (v) => $930b2f4095bb11d1$export$641b9b70c23dce66 = v);
630
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-overlay--bottom--open", () => $930b2f4095bb11d1$export$a96755f239de61ee, (v) => $930b2f4095bb11d1$export$a96755f239de61ee = v);
631
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-overlay--left--open", () => $930b2f4095bb11d1$export$a85c0c6b6cf8598c, (v) => $930b2f4095bb11d1$export$a85c0c6b6cf8598c = v);
632
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-overlay--right--open", () => $930b2f4095bb11d1$export$85aaa87e65e040bf, (v) => $930b2f4095bb11d1$export$85aaa87e65e040bf = v);
633
- $parcel$export($930b2f4095bb11d1$exports, "spectrum-overlay--top--open", () => $930b2f4095bb11d1$export$b9768db7ffc1bc2, (v) => $930b2f4095bb11d1$export$b9768db7ffc1bc2 = v);
634
- var $930b2f4095bb11d1$export$f39a09f249340e2a;
635
- var $930b2f4095bb11d1$export$8c4ee2c50c22c514;
636
- var $930b2f4095bb11d1$export$a397eb58038aa381;
637
- var $930b2f4095bb11d1$export$a9781837241c946d;
638
- var $930b2f4095bb11d1$export$4109102f950813a6;
639
- var $930b2f4095bb11d1$export$24c7f46a6e3605dd;
640
- var $930b2f4095bb11d1$export$2927016961429360;
641
- var $930b2f4095bb11d1$export$39eed38e2296a1d6;
642
- var $930b2f4095bb11d1$export$ce0704cd084c4f0d;
643
- var $930b2f4095bb11d1$export$79bfb05e59a300b;
644
- var $930b2f4095bb11d1$export$641b9b70c23dce66;
645
- var $930b2f4095bb11d1$export$a96755f239de61ee;
646
- var $930b2f4095bb11d1$export$a85c0c6b6cf8598c;
647
- var $930b2f4095bb11d1$export$85aaa87e65e040bf;
648
- var $930b2f4095bb11d1$export$b9768db7ffc1bc2;
649
- $930b2f4095bb11d1$export$f39a09f249340e2a = `UuxJvG_focus-ring`;
650
- $930b2f4095bb11d1$export$8c4ee2c50c22c514 = `UuxJvG_i18nFontFamily`;
651
- $930b2f4095bb11d1$export$a397eb58038aa381 = `UuxJvG_spectrum-overlay--open`;
652
- $930b2f4095bb11d1$export$a9781837241c946d = `UuxJvG_is-open ${$930b2f4095bb11d1$export$a397eb58038aa381}`;
653
- $930b2f4095bb11d1$export$4109102f950813a6 = `UuxJvG_spectrum-FocusRing-ring`;
654
- $930b2f4095bb11d1$export$24c7f46a6e3605dd = `UuxJvG_spectrum-FocusRing ${$930b2f4095bb11d1$export$4109102f950813a6}`;
655
- $930b2f4095bb11d1$export$2927016961429360 = `UuxJvG_spectrum-FocusRing--quiet`;
656
- $930b2f4095bb11d1$export$39eed38e2296a1d6 = `UuxJvG_spectrum-overlay`;
657
- $930b2f4095bb11d1$export$ce0704cd084c4f0d = `UuxJvG_spectrum-Tray ${$930b2f4095bb11d1$export$39eed38e2296a1d6}`;
658
- $930b2f4095bb11d1$export$79bfb05e59a300b = `UuxJvG_spectrum-Tray--fixedHeight`;
659
- $930b2f4095bb11d1$export$641b9b70c23dce66 = `UuxJvG_spectrum-Tray-wrapper`;
660
- $930b2f4095bb11d1$export$a96755f239de61ee = `UuxJvG_spectrum-overlay--bottom--open`;
661
- $930b2f4095bb11d1$export$a85c0c6b6cf8598c = `UuxJvG_spectrum-overlay--left--open`;
662
- $930b2f4095bb11d1$export$85aaa87e65e040bf = `UuxJvG_spectrum-overlay--right--open`;
663
- $930b2f4095bb11d1$export$b9768db7ffc1bc2 = `UuxJvG_spectrum-overlay--top--open`;
664
-
665
-
666
18
 
667
19
 
668
- function $1afc87f3d16a5a1c$var$Tray(props, ref) {
669
- let { children: children, state: state, ...otherProps } = props;
670
- let domRef = (0, $fQOb3$useDOMRef)(ref);
671
- let wrapperRef = (0, $fQOb3$useRef)(null);
672
- return /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $70305dc5fb729c3b$export$c6fdb837b070b4ff), {
673
- ...otherProps,
674
- isOpen: state.isOpen,
675
- nodeRef: wrapperRef
676
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement($1afc87f3d16a5a1c$var$TrayWrapper, {
677
- ...props,
678
- wrapperRef: wrapperRef,
679
- ref: domRef
680
- }, children));
681
- }
682
- let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ (0, $fQOb3$forwardRef)(function(props, ref) {
683
- let { children: children, isOpen: isOpen, isFixedHeight: isFixedHeight, state: state, wrapperRef: wrapperRef } = props;
684
- let { styleProps: styleProps } = (0, $fQOb3$useStyleProps)(props);
685
- let { modalProps: modalProps, underlayProps: underlayProps } = (0, $fQOb3$useModalOverlay)({
686
- ...props,
687
- isDismissable: true
688
- }, state, ref);
689
- // We need to measure the window's height in JS rather than using percentages in CSS
690
- // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
691
- // does not work properly because there is nothing to base the percentage on.
692
- // We cannot use vh units because mobile browsers adjust the window height dynamically
693
- // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
694
- // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
695
- // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
696
- let viewport = (0, $fQOb3$useViewportSize)();
697
- let wrapperStyle = {
698
- "--spectrum-visual-viewport-height": viewport.height + "px"
699
- };
700
- let wrapperClassName = (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($930b2f4095bb11d1$exports))), "spectrum-Tray-wrapper");
701
- let className = (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($930b2f4095bb11d1$exports))), "spectrum-Tray", {
702
- "is-open": isOpen,
703
- "spectrum-Tray--fixedHeight": isFixedHeight
704
- }, (0, $fQOb3$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports))), "spectrum-Tray", "react-spectrum-Tray"), styleProps.className);
705
- // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
706
- return /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
707
- ref: wrapperRef
708
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $76a452f4e3df11be$export$f360afc887607b02), {
709
- ...underlayProps,
710
- isOpen: isOpen
711
- }), /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
712
- className: wrapperClassName,
713
- style: wrapperStyle
714
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement("div", {
715
- ...styleProps,
716
- ...modalProps,
717
- className: className,
718
- ref: ref,
719
- "data-testid": "tray"
720
- }, /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $fQOb3$DismissButton), {
721
- onDismiss: state.close
722
- }), children, /*#__PURE__*/ (0, $fQOb3$react).createElement((0, $fQOb3$DismissButton), {
723
- onDismiss: state.close
724
- }))));
725
- });
726
- let $1afc87f3d16a5a1c$export$4589ed81930b555c = /*#__PURE__*/ (0, $fQOb3$forwardRef)($1afc87f3d16a5a1c$var$Tray);
727
20
 
728
21
 
729
22