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