@astroapps/aria-base 1.1.1 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.rush/temp/operation/build/state.json +1 -1
- package/.rush/temp/shrinkwrap-deps.json +104 -100
- package/lib/Modal.d.ts +25 -0
- package/lib/Popover.d.ts +3 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +99 -6
- package/lib/index.js.map +1 -1
- package/package.json +5 -4
- package/src/Modal.tsx +130 -0
- package/src/Popover.tsx +12 -0
- package/src/index.ts +1 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"../../../aria-base": "../../../aria-base:
|
|
2
|
+
"../../../aria-base": "../../../aria-base:l3JKkFjpg0mL0yFcJWMeYyTih5CrRqo8FN7VLM//n/4=:",
|
|
3
3
|
"/@ampproject/remapping/2.3.0": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
|
|
4
4
|
"/@babel/code-frame/7.26.0": "sha512-INCKxTtbXtcNbUZ3YXutwMpEleqttcswhAdee7dhuoVrD2cnuc3PqtERBtxkX5nziX9vnBL8WXmSGwv8CuPV6g==",
|
|
5
5
|
"/@babel/compat-data/7.26.0": "sha512-qETICbZSLe7uXv9VE8T/RWOdIE5qqyTucOt4zLYMafj2MRO271VGgLd4RACJMeBO37UPWhXiKMBk7YlJ0fOzQA==",
|
|
@@ -107,10 +107,10 @@
|
|
|
107
107
|
"/@formatjs/icu-messageformat-parser/2.9.1": "sha512-7AYk4tjnLi5wBkxst2w7qFj38JLMJoqzj7BhdEl7oTlsWMlqwgx4p9oMmmvpXWTSDGNwOKBRc1SfwMh5MOHeNg==",
|
|
108
108
|
"/@formatjs/icu-skeleton-parser/1.8.5": "sha512-zRZ/e3B5qY2+JCLs7puTzWS1Jb+t/K+8Jur/gEZpA2EjWeLDE17nsx8thyo9P48Mno7UmafnPupV2NCJXX17Dg==",
|
|
109
109
|
"/@formatjs/intl-localematcher/0.5.6": "sha512-roz1+Ba5e23AHX6KUAWmLEyTRZegM5YDuxuvkHCyK3RJddf/UXB2f+s7pOMm9ktfPGla0g+mQXOn5vsuYirnaA==",
|
|
110
|
-
"/@internationalized/date/3.
|
|
111
|
-
"/@internationalized/message/3.1.
|
|
112
|
-
"/@internationalized/number/3.
|
|
113
|
-
"/@internationalized/string/3.2.
|
|
110
|
+
"/@internationalized/date/3.6.0": "sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==",
|
|
111
|
+
"/@internationalized/message/3.1.6": "sha512-JxbK3iAcTIeNr1p0WIFg/wQJjIzJt9l/2KNY/48vXV7GRGZSv3zMxJsce008fZclk2cDC8y0Ig3odceHO7EfNQ==",
|
|
112
|
+
"/@internationalized/number/3.6.0": "sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==",
|
|
113
|
+
"/@internationalized/string/3.2.5": "sha512-rKs71Zvl2OKOHM+mzAFMIyqR5hI1d1O6BBkMK2/lkfg3fkmVh9Eeg0awcA8W2WqYqDOv6a86DIOlFpggwLtbuw==",
|
|
114
114
|
"/@isaacs/cliui/8.0.2": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
|
|
115
115
|
"/@jridgewell/gen-mapping/0.3.5": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
|
|
116
116
|
"/@jridgewell/resolve-uri/3.1.2": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
|
|
@@ -119,99 +119,103 @@
|
|
|
119
119
|
"/@jridgewell/sourcemap-codec/1.5.0": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
|
|
120
120
|
"/@jridgewell/trace-mapping/0.3.25": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
|
|
121
121
|
"/@pkgjs/parseargs/0.11.0": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
|
|
122
|
-
"/@react-aria/breadcrumbs/3.5.
|
|
123
|
-
"/@react-aria/button/3.
|
|
124
|
-
"/@react-aria/calendar/3.
|
|
125
|
-
"/@react-aria/checkbox/3.
|
|
126
|
-
"/@react-aria/color/3.0.
|
|
127
|
-
"/@react-aria/combobox/3.
|
|
128
|
-
"/@react-aria/datepicker/3.
|
|
129
|
-
"/@react-aria/dialog/3.5.
|
|
130
|
-
"/@react-aria/
|
|
131
|
-
"/@react-aria/
|
|
132
|
-
"/@react-aria/
|
|
133
|
-
"/@react-aria/
|
|
134
|
-
"/@react-aria/
|
|
135
|
-
"/@react-aria/
|
|
136
|
-
"/@react-aria/
|
|
137
|
-
"/@react-aria/
|
|
138
|
-
"/@react-aria/
|
|
139
|
-
"/@react-aria/
|
|
140
|
-
"/@react-aria/
|
|
141
|
-
"/@react-aria/
|
|
142
|
-
"/@react-aria/
|
|
143
|
-
"/@react-aria/
|
|
144
|
-
"/@react-aria/
|
|
145
|
-
"/@react-aria/
|
|
146
|
-
"/@react-aria/
|
|
147
|
-
"/@react-aria/
|
|
148
|
-
"/@react-aria/
|
|
149
|
-
"/@react-aria/
|
|
150
|
-
"/@react-aria/
|
|
151
|
-
"/@react-aria/
|
|
152
|
-
"/@react-aria/
|
|
153
|
-
"/@react-aria/
|
|
154
|
-
"/@react-aria/
|
|
155
|
-
"/@react-aria/
|
|
156
|
-
"/@react-aria/
|
|
157
|
-
"/@react-aria/
|
|
158
|
-
"/@react-aria/
|
|
159
|
-
"/@react-aria/
|
|
160
|
-
"/@react-aria/
|
|
161
|
-
"/@react-aria/
|
|
162
|
-
"/@react-aria/
|
|
163
|
-
"/@react-
|
|
164
|
-
"/@react-
|
|
165
|
-
"/@react-stately/
|
|
166
|
-
"/@react-stately/
|
|
167
|
-
"/@react-stately/
|
|
168
|
-
"/@react-stately/
|
|
169
|
-
"/@react-stately/
|
|
170
|
-
"/@react-stately/
|
|
171
|
-
"/@react-stately/
|
|
172
|
-
"/@react-stately/
|
|
173
|
-
"/@react-stately/
|
|
174
|
-
"/@react-stately/
|
|
175
|
-
"/@react-stately/
|
|
176
|
-
"/@react-stately/
|
|
177
|
-
"/@react-stately/
|
|
178
|
-
"/@react-stately/
|
|
179
|
-
"/@react-stately/
|
|
180
|
-
"/@react-stately/
|
|
181
|
-
"/@react-stately/
|
|
182
|
-
"/@react-stately/
|
|
183
|
-
"/@react-stately/
|
|
184
|
-
"/@react-stately/
|
|
185
|
-
"/@react-stately/
|
|
186
|
-
"/@react-stately/
|
|
187
|
-
"/@react-stately/
|
|
188
|
-
"/@react-stately/
|
|
189
|
-
"/@react-
|
|
190
|
-
"/@react-
|
|
191
|
-
"/@react-
|
|
192
|
-
"/@react-types/
|
|
193
|
-
"/@react-types/
|
|
194
|
-
"/@react-types/
|
|
195
|
-
"/@react-types/
|
|
196
|
-
"/@react-types/
|
|
197
|
-
"/@react-types/
|
|
198
|
-
"/@react-types/
|
|
199
|
-
"/@react-types/
|
|
200
|
-
"/@react-types/
|
|
201
|
-
"/@react-types/
|
|
202
|
-
"/@react-types/
|
|
203
|
-
"/@react-types/
|
|
204
|
-
"/@react-types/
|
|
205
|
-
"/@react-types/
|
|
206
|
-
"/@react-types/
|
|
207
|
-
"/@react-types/
|
|
122
|
+
"/@react-aria/breadcrumbs/3.5.19_react@18.3.1": "sha512-mVngOPFYVVhec89rf/CiYQGTfaLRfHFtX+JQwY7sNYNqSA+gO8p4lNARe3Be6bJPgH+LUQuruIY9/ZDL6LT3HA==",
|
|
123
|
+
"/@react-aria/button/3.11.0_react@18.3.1": "sha512-b37eIV6IW11KmNIAm65F3SEl2/mgj5BrHIysW6smZX3KoKWTGYsYfcQkmtNgY0GOSFfDxMCoolsZ6mxC00nSDA==",
|
|
124
|
+
"/@react-aria/calendar/3.6.0_react@18.3.1": "sha512-tZ3nd5DP8uxckbj83Pt+4RqgcTWDlGi7njzc7QqFOG2ApfnYDUXbIpb/Q4KY6JNlJskG8q33wo0XfOwNy8J+eg==",
|
|
125
|
+
"/@react-aria/checkbox/3.15.0_react@18.3.1": "sha512-z/8xd4em7o0MroBXwkkwv7QRwiJaA1FwqMhRUb7iqtBGP2oSytBEDf0N7L09oci32a1P4ZPz2rMK5GlLh/PD6g==",
|
|
126
|
+
"/@react-aria/color/3.0.2_react@18.3.1": "sha512-dSM5qQRcR1gRGYCBw0IGRmc29gjfoht3cQleKb8MMNcgHYa2oi5VdCs2yKXmYFwwVC6uPtnlNy9S6e0spqdr+w==",
|
|
127
|
+
"/@react-aria/combobox/3.11.0_react@18.3.1": "sha512-s88YMmPkMO1WSoiH1KIyZDLJqUwvM2wHXXakj3cYw1tBHGo4rOUFq+JWQIbM5EDO4HOR4AUUqzIUd0NO7t3zyg==",
|
|
128
|
+
"/@react-aria/datepicker/3.12.0_react@18.3.1": "sha512-VYNXioLfddIHpwQx211+rTYuunDmI7VHWBRetCpH3loIsVFuhFSRchTQpclAzxolO3g0vO7pMVj9VYt7Swp6kg==",
|
|
129
|
+
"/@react-aria/dialog/3.5.20_react@18.3.1": "sha512-l0GZVLgeOd3kL3Yj8xQW7wN3gn9WW3RLd/SGI9t7ciTq+I/FhftjXCWzXLlOCCTLMf+gv7eazecECtmoWUaZWQ==",
|
|
130
|
+
"/@react-aria/disclosure/3.0.0_react@18.3.1": "sha512-xO9QTQSvymujTjCs1iCQ4+dKZvtF/rVVaFZBKlUtqIqwTHMdqeZu4fh5miLEnTyVLNHMGzLrFggsd8Q+niC9Og==",
|
|
131
|
+
"/@react-aria/dnd/3.8.0_react@18.3.1": "sha512-JiqHY3E9fDU5Kb4gN22cuK6QNlpMCGe6ngR/BV+Q8mLEsdoWcoUAYOtYXVNNTRvCdVbEWI87FUU+ThyPpoDhNQ==",
|
|
132
|
+
"/@react-aria/focus/3.19.0_react@18.3.1": "sha512-hPF9EXoUQeQl1Y21/rbV2H4FdUR2v+4/I0/vB+8U3bT1CJ+1AFj1hc/rqx2DqEwDlEwOHN+E4+mRahQmlybq0A==",
|
|
133
|
+
"/@react-aria/form/3.0.11_react@18.3.1": "sha512-oXzjTiwVuuWjZ8muU0hp3BrDH5qjVctLOF50mjPvqUbvXQTHhoDxWweyIXPQjGshaqBd2w4pWaE4A2rG2O/apw==",
|
|
134
|
+
"/@react-aria/grid/3.11.0_react@18.3.1": "sha512-lN5FpQgu2Rq0CzTPWmzRpq6QHcMmzsXYeClsgO3108uVp1/genBNAObYVTxGOKe/jb9q99trz8EtIn05O6KN1g==",
|
|
135
|
+
"/@react-aria/gridlist/3.10.0_react@18.3.1": "sha512-UcblfSZ7kJBrjg9mQ5VbnRevN81UiYB4NuL5PwIpBpridO7tnl4ew6+96PYU7Wj1chHhPS3x0b0zmuSVN7A0LA==",
|
|
136
|
+
"/@react-aria/i18n/3.12.4_react@18.3.1": "sha512-j9+UL3q0Ls8MhXV9gtnKlyozq4aM95YywXqnmJtzT1rYeBx7w28hooqrWkCYLfqr4OIryv1KUnPiCSLwC2OC7w==",
|
|
137
|
+
"/@react-aria/interactions/3.22.5_react@18.3.1": "sha512-kMwiAD9E0TQp+XNnOs13yVJghiy8ET8L0cbkeuTgNI96sOAp/63EJ1FSrDf17iD8sdjt41LafwX/dKXW9nCcLQ==",
|
|
138
|
+
"/@react-aria/label/3.7.13_react@18.3.1": "sha512-brSAXZVTey5RG/Ex6mTrV/9IhGSQFU4Al34qmjEDho+Z2qT4oPwf8k7TRXWWqzOU0ugYxekYbsLd2zlN3XvWcg==",
|
|
139
|
+
"/@react-aria/link/3.7.7_react@18.3.1": "sha512-eVBRcHKhNSsATYWv5wRnZXRqPVcKAWWakyvfrYePIKpC3s4BaHZyTGYdefk8ZwZdEOuQZBqLMnjW80q1uhtkuA==",
|
|
140
|
+
"/@react-aria/listbox/3.13.6_react@18.3.1": "sha512-6hEXEXIZVau9lgBZ4VVjFR3JnGU+fJaPmV3HP0UZ2ucUptfG0MZo24cn+ZQJsWiuaCfNFv5b8qribiv+BcO+Kg==",
|
|
141
|
+
"/@react-aria/live-announcer/3.4.1": "sha512-4X2mcxgqLvvkqxv2l1n00jTzUxxe0kkLiapBGH1LHX/CxA1oQcHDqv8etJ2ZOwmS/MSBBiWnv3DwYHDOF6ubig==",
|
|
142
|
+
"/@react-aria/menu/3.16.0_react@18.3.1": "sha512-TNk+Vd3TbpBPUxEloAdHRTaRxf9JBK7YmkHYiq0Yj5Lc22KS0E2eTyhpPM9xJvEWN2TlC5TEvNfdyui2kYWFFQ==",
|
|
143
|
+
"/@react-aria/meter/3.4.18_react@18.3.1": "sha512-tTX3LLlmDIHqrC42dkdf+upb1c4UbhlpZ52gqB64lZD4OD4HE+vMTwNSe+7MRKMLvcdKPWCRC35PnxIHZ15kfQ==",
|
|
144
|
+
"/@react-aria/numberfield/3.11.9_react@18.3.1": "sha512-3tiGPx2y4zyOV7PmdBASes99ZZsFTZAJTnU45Z+p1CW4131lw7y2ZhbojBl7U6DaXAJvi1z6zY6cq2UE9w5a0Q==",
|
|
145
|
+
"/@react-aria/overlays/3.24.0_react@18.3.1": "sha512-0kAXBsMNTc/a3M07tK9Cdt/ea8CxTAEJ223g8YgqImlmoBBYAL7dl5G01IOj67TM64uWPTmZrOklBchHWgEm3A==",
|
|
146
|
+
"/@react-aria/progress/3.4.18_react@18.3.1": "sha512-FOLgJ9t9i1u3oAAimybJG6r7/soNPBnJfWo4Yr6MmaUv90qVGa1h6kiuM5m9H/bm5JobAebhdfHit9lFlgsCmg==",
|
|
147
|
+
"/@react-aria/radio/3.10.10_react@18.3.1": "sha512-NVdeOVrsrHgSfwL2jWCCXFsWZb+RMRZErj5vthHQW4nkHECGOzeX56VaLWTSvdoCPqi9wdIX8A6K9peeAIgxzA==",
|
|
148
|
+
"/@react-aria/searchfield/3.7.11_react@18.3.1": "sha512-wFf6QxtBFfoxy0ANxI0+ftFEBGynVCY0+ce4H4Y9LpUTQsIKMp3sdc7LoUFORWw5Yee6Eid5cFPQX0Ymnk+ZJg==",
|
|
149
|
+
"/@react-aria/select/3.15.0_react@18.3.1": "sha512-zgBOUNy81aJplfc3NKDJMv8HkXjBGzaFF3XDzNfW8vJ7nD9rcTRUN5SQ1XCEnKMv12B/Euk9zt6kd+tX0wk1vQ==",
|
|
150
|
+
"/@react-aria/selection/3.21.0_react@18.3.1": "sha512-52JJ6hlPcM+gt0VV3DBmz6Kj1YAJr13TfutrKfGWcK36LvNCBm1j0N+TDqbdnlp8Nue6w0+5FIwZq44XPYiBGg==",
|
|
151
|
+
"/@react-aria/separator/3.4.4_react@18.3.1": "sha512-dH+qt0Mdh0nhKXCHW6AR4DF8DKLUBP26QYWaoThPdBwIpypH/JVKowpPtWms1P4b36U6XzHXHnTTEn/ZVoCqNA==",
|
|
152
|
+
"/@react-aria/slider/3.7.14_react@18.3.1": "sha512-7rOiKjLkEZ0j7mPMlwrqivc+K4OSfL14slaQp06GHRiJkhiWXh2/drPe15hgNq55HmBQBpA0umKMkJcqVgmXPA==",
|
|
153
|
+
"/@react-aria/spinbutton/3.6.10_react@18.3.1": "sha512-nhYEYk7xUNOZDaqiQ5w/nHH9ouqjJbabTWXH+KK7UR1oVGfo4z1wG94l8KWF3Z6SGGnBxzLJyTBguZ4g9aYTSg==",
|
|
154
|
+
"/@react-aria/ssr/3.9.7_react@18.3.1": "sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==",
|
|
155
|
+
"/@react-aria/switch/3.6.10_react@18.3.1": "sha512-FtaI9WaEP1tAmra1sYlAkYXg9x75P5UtgY8pSbe9+1WRyWbuE1QZT+RNCTi3IU4fZ7iJQmXH6+VaMyzPlSUagw==",
|
|
156
|
+
"/@react-aria/table/3.16.0_react@18.3.1": "sha512-9xF9S3CJ7XRiiK92hsIKxPedD0kgcQWwqTMtj3IBynpQ4vsnRiW3YNIzrn9C3apjknRZDTSta8O2QPYCUMmw2A==",
|
|
157
|
+
"/@react-aria/tabs/3.9.8_react@18.3.1": "sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==",
|
|
158
|
+
"/@react-aria/tag/3.4.8_react@18.3.1": "sha512-exWl52bsFtJuzaqMYvSnLteUoPqb3Wf+uICru/yRtREJsWVqjJF38NCVlU73Yqd9qMPTctDrboSZFAWAWKDxoA==",
|
|
159
|
+
"/@react-aria/textfield/3.15.0_react@18.3.1": "sha512-V5mg7y1OR6WXYHdhhm4FC7QyGc9TideVRDFij1SdOJrIo5IFB7lvwpOS0GmgwkVbtr71PTRMjZnNbrJUFU6VNA==",
|
|
160
|
+
"/@react-aria/toggle/3.10.10_react@18.3.1": "sha512-QwMT/vTNrbrILxWVHfd9zVQ3mV2NdBwyRu+DphVQiFAXcmc808LEaIX2n0lI6FCsUDC9ZejCyvzd91/YemdZ1Q==",
|
|
161
|
+
"/@react-aria/toolbar/3.0.0-beta.11_react@18.3.1": "sha512-LM3jTRFNDgoEpoL568WaiuqiVM7eynSQLJis1hV0vlVnhTd7M7kzt7zoOjzxVb5Uapz02uCp1Fsm4wQMz09qwQ==",
|
|
162
|
+
"/@react-aria/tooltip/3.7.10_react@18.3.1": "sha512-Udi3XOnrF/SYIz72jw9bgB74MG/yCOzF5pozHj2FH2HiJlchYv/b6rHByV/77IZemdlkmL/uugrv/7raPLSlnw==",
|
|
163
|
+
"/@react-aria/utils/3.26.0_react@18.3.1": "sha512-LkZouGSjjQ0rEqo4XJosS4L3YC/zzQkfRM3KoqK6fUOmUJ9t0jQ09WjiF+uOoG9u+p30AVg3TrZRUWmoTS+koQ==",
|
|
164
|
+
"/@react-aria/visually-hidden/3.8.18_react@18.3.1": "sha512-l/0igp+uub/salP35SsNWq5mGmg3G5F5QMS1gDZ8p28n7CgjvzyiGhJbbca7Oxvaw1HRFzVl9ev+89I7moNnFQ==",
|
|
165
|
+
"/@react-stately/calendar/3.6.0_react@18.3.1": "sha512-GqUtOtGnwWjtNrJud8nY/ywI4VBP5byToNVRTnxbMl+gYO1Qe/uc5NG7zjwMxhb2kqSBHZFdkF0DXVqG2Ul+BA==",
|
|
166
|
+
"/@react-stately/checkbox/3.6.10_react@18.3.1": "sha512-LHm7i4YI8A/RdgWAuADrnSAYIaYYpQeZqsp1a03Og0pJHAlZL0ymN3y2IFwbZueY0rnfM+yF+kWNXjJqbKrFEQ==",
|
|
167
|
+
"/@react-stately/collections/3.12.0_react@18.3.1": "sha512-MfR9hwCxe5oXv4qrLUnjidwM50U35EFmInUeFf8i9mskYwWlRYS0O1/9PZ0oF1M0cKambaRHKEy98jczgb9ycA==",
|
|
168
|
+
"/@react-stately/color/3.8.1_react@18.3.1": "sha512-7eN7K+KJRu+rxK351eGrzoq2cG+yipr90i5b1cUu4lioYmcH4WdsfjmM5Ku6gypbafH+kTDfflvO6hiY1NZH+A==",
|
|
169
|
+
"/@react-stately/combobox/3.10.1_react@18.3.1": "sha512-Rso+H+ZEDGFAhpKWbnRxRR/r7YNmYVtt+Rn0eNDNIUp3bYaxIBCdCySyAtALs4I8RZXZQ9zoUznP7YeVwG3cLg==",
|
|
170
|
+
"/@react-stately/data/3.12.0_react@18.3.1": "sha512-6PiW2oA56lcH1CVjDcajutzsv91w/PER8K61/OGxtNFFUWaIZH80RWmK4kjU/Lf0vygzXCxout3kEb388lUk0w==",
|
|
171
|
+
"/@react-stately/datepicker/3.11.0_react@18.3.1": "sha512-d9MJF34A0VrhL5y5S8mAISA8uwfNCQKmR2k4KoQJm3De1J8SQeNzSjLviAwh1faDow6FXGlA6tVbTrHyDcBgBg==",
|
|
172
|
+
"/@react-stately/disclosure/3.0.0_react@18.3.1": "sha512-Z9+fi0/41ZXHjGopORQza7mk4lFEFslKhy65ehEo6O6j2GuIV0659ExIVDsmJoJSFjXCfGh0sX8oTSOlXi9gqg==",
|
|
173
|
+
"/@react-stately/dnd/3.5.0_react@18.3.1": "sha512-ZcWFw1npEDnATiy3TEdzA1skQ3UEIyfbNA6VhPNO8yiSVLxoxBOaEaq8VVS72fRGAtxud6dgOy8BnsP9JwDClQ==",
|
|
174
|
+
"/@react-stately/flags/3.0.5": "sha512-6wks4csxUwPCp23LgJSnkBRhrWpd9jGd64DjcCTNB2AHIFu7Ab1W59pJpUL6TW7uAxVxdNKjgn6D1hlBy8qWsA==",
|
|
175
|
+
"/@react-stately/form/3.1.0_react@18.3.1": "sha512-E2wxNQ0QaTyDHD0nJFtTSnEH9A3bpJurwxhS4vgcUmESHgjFEMLlC9irUSZKgvOgb42GAq+fHoWBsgKeTp9Big==",
|
|
176
|
+
"/@react-stately/grid/3.10.0_react@18.3.1": "sha512-ii+DdsOBvCnHMgL0JvUfFwO1kiAPP19Bpdpl6zn/oOltk6F5TmnoyNrzyz+2///1hCiySI3FE1O7ujsAQs7a6Q==",
|
|
177
|
+
"/@react-stately/list/3.11.1_react@18.3.1": "sha512-UCOpIvqBOjwLtk7zVTYWuKU1m1Oe61Q5lNar/GwHaV1nAiSQ8/yYlhr40NkBEs9X3plEfsV28UIpzOrYnu1tPg==",
|
|
178
|
+
"/@react-stately/menu/3.9.0_react@18.3.1": "sha512-++sm0fzZeUs9GvtRbj5RwrP+KL9KPANp9f4SvtI3s+MP+Y/X3X7LNNePeeccGeyikB5fzMsuyvd82bRRW9IhDQ==",
|
|
179
|
+
"/@react-stately/numberfield/3.9.8_react@18.3.1": "sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==",
|
|
180
|
+
"/@react-stately/overlays/3.6.12_react@18.3.1": "sha512-QinvZhwZgj8obUyPIcyURSCjTZlqZYRRCS60TF8jH8ZpT0tEAuDb3wvhhSXuYA3Xo9EHLwvLjEf3tQKKdAQArw==",
|
|
181
|
+
"/@react-stately/radio/3.10.9_react@18.3.1": "sha512-kUQ7VdqFke8SDRCatw2jW3rgzMWbvw+n2imN2THETynI47NmNLzNP11dlGO2OllRtTrsLhmBNlYHa3W62pFpAw==",
|
|
182
|
+
"/@react-stately/searchfield/3.5.8_react@18.3.1": "sha512-jtquvGadx1DmtQqPKaVO6Qg/xpBjNxsOd59ciig9xRxpxV+90i996EX1E2R6R+tGJdSM1pD++7PVOO4yE++HOg==",
|
|
183
|
+
"/@react-stately/select/3.6.9_react@18.3.1": "sha512-vASUDv7FhEYQURzM+JIwcusPv7/x/l3zHc/oKJPvoCl3aa9pwS8hZwS82SC00o2iFnrDscfDJju4IE/cd4hucg==",
|
|
184
|
+
"/@react-stately/selection/3.18.0_react@18.3.1": "sha512-6EaNNP3exxBhW2LkcRR4a3pg+3oDguZlBSqIVVR7lyahv/D8xXHRC4dX+m0mgGHJpsgjs7664Xx6c8v193TFxg==",
|
|
185
|
+
"/@react-stately/slider/3.6.0_react@18.3.1": "sha512-w5vJxVh267pmD1X+Ppd9S3ZzV1hcg0cV8q5P4Egr160b9WMcWlUspZPtsthwUlN7qQe/C8y5IAhtde4s29eNag==",
|
|
186
|
+
"/@react-stately/table/3.13.0_react@18.3.1": "sha512-mRbNYrwQIE7xzVs09Lk3kPteEVFVyOc20vA8ph6EP54PiUf/RllJpxZe/WUYLf4eom9lUkRYej5sffuUBpxjCA==",
|
|
187
|
+
"/@react-stately/tabs/3.7.0_react@18.3.1": "sha512-ox4hTkfZCoR4Oyr3Op3rBlWNq2Wxie04vhEYpTZQ2hobR3l4fYaOkd7CPClILktJ3TC104j8wcb0knWxIBRx9w==",
|
|
188
|
+
"/@react-stately/toggle/3.8.0_react@18.3.1": "sha512-pyt/k/J8BwE/2g6LL6Z6sMSWRx9HEJB83Sm/MtovXnI66sxJ2EfQ1OaXB7Su5PEL9OMdoQF6Mb+N1RcW3zAoPw==",
|
|
189
|
+
"/@react-stately/tooltip/3.5.0_react@18.3.1": "sha512-+xzPNztJDd2XJD0X3DgWKlrgOhMqZpSzsIssXeJgO7uCnP8/Z513ESaipJhJCFC8fxj5caO/DK4Uu8hEtlB8cQ==",
|
|
190
|
+
"/@react-stately/tree/3.8.6_react@18.3.1": "sha512-lblUaxf1uAuIz5jm6PYtcJ+rXNNVkqyFWTIMx6g6gW/mYvm8GNx1G/0MLZE7E6CuDGaO9dkLSY2bB1uqyKHidA==",
|
|
191
|
+
"/@react-stately/utils/3.10.5_react@18.3.1": "sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==",
|
|
192
|
+
"/@react-types/breadcrumbs/3.7.9_react@18.3.1": "sha512-eARYJo8J+VfNV8vP4uw3L2Qliba9wLV2bx9YQCYf5Lc/OE5B/y4gaTLz+Y2P3Rtn6gBPLXY447zCs5i7gf+ICg==",
|
|
193
|
+
"/@react-types/button/3.10.1_react@18.3.1": "sha512-XTtap8o04+4QjPNAshFWOOAusUTxQlBjU2ai0BTVLShQEjHhRVDBIWsI2B2FKJ4KXT6AZ25llaxhNrreWGonmA==",
|
|
194
|
+
"/@react-types/calendar/3.5.0_react@18.3.1": "sha512-O3IRE7AGwAWYnvJIJ80cOy7WwoJ0m8GtX/qSmvXQAjC4qx00n+b5aFNBYAQtcyc3RM5QpW6obs9BfwGetFiI8w==",
|
|
195
|
+
"/@react-types/checkbox/3.9.0_react@18.3.1": "sha512-9hbHx0Oo2Hp5a8nV8Q75LQR0DHtvOIJbFaeqESSopqmV9EZoYjtY/h0NS7cZetgahQgnqYWQi44XGooMDCsmxA==",
|
|
196
|
+
"/@react-types/color/3.0.1_react@18.3.1": "sha512-KemFziO3GbmT3HEKrgOGdqNA6Gsmy9xrwFO3f8qXSG7gVz6M27Ic4R9HVQv4iAjap5uti6W13/pk2bc/jLVcEA==",
|
|
197
|
+
"/@react-types/combobox/3.13.1_react@18.3.1": "sha512-7xr+HknfhReN4QPqKff5tbKTe2kGZvH+DGzPYskAtb51FAAiZsKo+WvnNAvLwg3kRoC9Rkn4TAiVBp/HgymRDw==",
|
|
198
|
+
"/@react-types/datepicker/3.9.0_react@18.3.1": "sha512-dbKL5Qsm2MQwOTtVQdOcKrrphcXAqDD80WLlSQrBLg+waDuuQ7H+TrvOT0thLKloNBlFUGnZZfXGRHINpih/0g==",
|
|
199
|
+
"/@react-types/dialog/3.5.14_react@18.3.1": "sha512-OXWMjrALwrlgw8aHD8SeRm/s3tbAssdaEh2h73KUSeFau3fU3n5mfKv+WnFqsEaOtN261o48l7hTlS6615H9AA==",
|
|
200
|
+
"/@react-types/grid/3.2.10_react@18.3.1": "sha512-Z5cG0ITwqjUE4kWyU5/7VqiPl4wqMJ7kG/ZP7poAnLmwRsR8Ai0ceVn+qzp5nTA19cgURi8t3LsXn3Ar1FBoog==",
|
|
201
|
+
"/@react-types/link/3.5.9_react@18.3.1": "sha512-JcKDiDMqrq/5Vpn+BdWQEuXit4KN4HR/EgIi3yKnNbYkLzxBoeQZpQgvTaC7NEQeZnSqkyXQo3/vMUeX/ZNIKw==",
|
|
202
|
+
"/@react-types/listbox/3.5.3_react@18.3.1": "sha512-v1QXd9/XU3CCKr2Vgs7WLcTr6VMBur7CrxHhWZQQFExsf9bgJ/3wbUdjy4aThY/GsYHiaS38EKucCZFr1QAfqA==",
|
|
203
|
+
"/@react-types/menu/3.9.13_react@18.3.1": "sha512-7SuX6E2tDsqQ+HQdSvIda1ji/+ujmR86dtS9CUu5yWX91P25ufRjZ72EvLRqClWNQsj1Xl4+2zBDLWlceznAjw==",
|
|
204
|
+
"/@react-types/meter/3.4.5_react@18.3.1": "sha512-04w1lEtvP/c3Ep8ND8hhH2rwjz2MtQ8o8SNLhahen3u0rX3jKOgD4BvHujsyvXXTMjj1Djp74sGzNawb4Ppi9w==",
|
|
205
|
+
"/@react-types/numberfield/3.8.7_react@18.3.1": "sha512-KccMPi39cLoVkB2T0V7HW6nsxQVAwt89WWCltPZJVGzsebv/k0xTQlPVAgrUake4kDLoE687e3Fr/Oe3+1bDhw==",
|
|
206
|
+
"/@react-types/overlays/3.8.11_react@18.3.1": "sha512-aw7T0rwVI3EuyG5AOaEIk8j7dZJQ9m34XAztXJVZ/W2+4pDDkLDbJ/EAPnuo2xGYRGhowuNDn4tDju01eHYi+w==",
|
|
207
|
+
"/@react-types/progress/3.5.8_react@18.3.1": "sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==",
|
|
208
|
+
"/@react-types/radio/3.8.5_react@18.3.1": "sha512-gSImTPid6rsbJmwCkTliBIU/npYgJHOFaI3PNJo7Y0QTAnFelCtYeFtBiWrFodSArSv7ASqpLLUEj9hZu/rxIg==",
|
|
209
|
+
"/@react-types/searchfield/3.5.10_react@18.3.1": "sha512-7wW4pJzbReawoGPu8a4l+CODTCDN088EN/ysUzl622ewim57PjArjix+lpO4+aEtJqS9HKpq8UEbjwo9axpcUA==",
|
|
210
|
+
"/@react-types/select/3.9.8_react@18.3.1": "sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==",
|
|
208
211
|
"/@react-types/shared/3.25.0_react@18.3.1": "sha512-OZSyhzU6vTdW3eV/mz5i6hQwQUhkRs7xwY2d1aqPvTdMe0+2cY7Fwp45PAiwYLEj73i9ro2FxF9qC4DvHGSCgQ==",
|
|
209
|
-
"/@react-types/
|
|
210
|
-
"/@react-types/
|
|
211
|
-
"/@react-types/
|
|
212
|
-
"/@react-types/
|
|
213
|
-
"/@react-types/
|
|
214
|
-
"/@react-types/
|
|
212
|
+
"/@react-types/shared/3.26.0_react@18.3.1": "sha512-6FuPqvhmjjlpEDLTiYx29IJCbCNWPlsyO+ZUmCUXzhUv2ttShOXfw8CmeHWHftT/b2KweAWuzqSlfeXPR76jpw==",
|
|
213
|
+
"/@react-types/slider/3.7.7_react@18.3.1": "sha512-lYTR9zXQV2fSEm/G3gwDENWiki1IXd/oorsgf0zu1DBi2SQDbOsLsGUXiwvD24Xy6OkUuhAqjLPPexezo7+u9g==",
|
|
214
|
+
"/@react-types/switch/3.5.7_react@18.3.1": "sha512-1IKiq510rPTHumEZuhxuazuXBa2Cuxz6wBIlwf3NCVmgWEvU+uk1ETG0sH2yymjwCqhtJDKXi+qi9HSgPEDwAg==",
|
|
215
|
+
"/@react-types/table/3.10.3_react@18.3.1": "sha512-Ac+W+m/zgRzlTU8Z2GEg26HkuJFswF9S6w26r+R3MHwr8z2duGPvv37XRtE1yf3dbpRBgHEAO141xqS2TqGwNg==",
|
|
216
|
+
"/@react-types/tabs/3.3.11_react@18.3.1": "sha512-BjF2TqBhZaIcC4lc82R5pDJd1F7kstj1K0Nokhz99AGYn8C0ITdp6lR+DPVY9JZRxKgP9R2EKfWGI90Lo7NQdA==",
|
|
217
|
+
"/@react-types/textfield/3.10.0_react@18.3.1": "sha512-ShU3d6kLJGQjPXccVFjM3KOXdj3uyhYROqH9YgSIEVxgA9W6LRflvk/IVBamD9pJYTPbwmVzuP0wQkTDupfZ1w==",
|
|
218
|
+
"/@react-types/tooltip/3.4.13_react@18.3.1": "sha512-KPekFC17RTT8kZlk7ZYubueZnfsGTDOpLw7itzolKOXGddTXsrJGBzSB4Bb060PBVllaDO0MOrhPap8OmrIl1Q==",
|
|
215
219
|
"/@rollup/plugin-alias/3.1.9_rollup@2.79.2": "sha512-QI5fsEvm9bDzt32k39wpOwZhVzRcL5ydcffUHMyLVaVaLeC70I8TJZ17F1z1eMoLu4E/UOcH9BWVkKpIKdrfiw==",
|
|
216
220
|
"/@rollup/plugin-babel/5.3.1_jv6xoz77vs757ecddpkzporema": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==",
|
|
217
221
|
"/@rollup/plugin-commonjs/17.1.0_rollup@2.79.2": "sha512-PoMdXCw0ZyvjpCMT5aV4nkL0QywxP29sODQsSGeDpr/oI49Qq9tRtAsb/LbYbDzFlOydVEqHmmZWFtXJEAX9ew==",
|
|
@@ -226,7 +230,7 @@
|
|
|
226
230
|
"/@types/estree/1.0.6": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
|
|
227
231
|
"/@types/node/20.17.2": "sha512-OOHK4sjXqkL7yQ7VEEHcf6+0jSvKjWqwnaCtY7AKD/VLEvRHMsxxu7eI8ErnjxHS8VwmekD4PeVCpu4qZEZSxg==",
|
|
228
232
|
"/@types/parse-json/4.0.2": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
|
|
229
|
-
"/@types/prop-types/15.7.
|
|
233
|
+
"/@types/prop-types/15.7.14": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==",
|
|
230
234
|
"/@types/react/18.3.12": "sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==",
|
|
231
235
|
"/@types/resolve/1.17.1": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
|
|
232
236
|
"/acorn/8.14.0": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
|
|
@@ -497,8 +501,8 @@
|
|
|
497
501
|
"/pretty-bytes/5.6.0": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
|
|
498
502
|
"/promise.series/0.2.0": "sha512-VWQJyU2bcDTgZw8kpfBpB/ejZASlCrzwz5f2hjb/zlujOEB4oeiAhHygAWq8ubsX2GVkD4kCU5V2dwOTaCY5EQ==",
|
|
499
503
|
"/randombytes/2.1.0": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
|
|
500
|
-
"/react-aria/3.
|
|
501
|
-
"/react-stately/3.
|
|
504
|
+
"/react-aria/3.36.0_react@18.3.1": "sha512-AK5XyIhAN+e5HDlwlF+YwFrOrVI7RYmZ6kg/o7ZprQjkYqYKapXeUpWscmNm/3H2kDboE5Z4ymUnK6ZhobLqOw==",
|
|
505
|
+
"/react-stately/3.34.0_react@18.3.1": "sha512-0N9tZ8qQ/CxpJH7ao0O6gr+8955e7VrOskg9N+TIxkFknPetwOCtgppMYhnTfteBV8WfM/vv4OC1NbkgYTqXJA==",
|
|
502
506
|
"/react/18.3.1": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
|
|
503
507
|
"/regenerate-unicode-properties/10.2.0": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
|
|
504
508
|
"/regenerate/1.4.2": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
|
package/lib/Modal.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AriaModalOverlayProps } from "react-aria";
|
|
3
|
+
import { OverlayTriggerProps, OverlayTriggerState } from "react-stately";
|
|
4
|
+
import { DialogProps, DialogClasses } from "./Dialog";
|
|
5
|
+
export interface ModalClasses {
|
|
6
|
+
underlayClass?: string;
|
|
7
|
+
containerClass?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface ModalDialogClasses extends DialogClasses, ModalClasses {
|
|
10
|
+
}
|
|
11
|
+
export declare const DefaultModalDialogClasses: ModalDialogClasses;
|
|
12
|
+
export interface ModalProps extends AriaModalOverlayProps, ModalClasses {
|
|
13
|
+
state: OverlayTriggerState;
|
|
14
|
+
children: React.ReactElement;
|
|
15
|
+
}
|
|
16
|
+
export interface ModalDialogTriggerProps extends OverlayTriggerProps, AriaModalOverlayProps {
|
|
17
|
+
trigger: React.ReactElement;
|
|
18
|
+
children: React.ReactElement;
|
|
19
|
+
}
|
|
20
|
+
export interface ModalDialogProps extends ModalDialogTriggerProps, Omit<DialogProps, "children">, ModalDialogClasses {
|
|
21
|
+
footer?: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare function Modal({ state, children, isDismissable, isKeyboardDismissDisabled, shouldCloseOnInteractOutside, ...props }: ModalProps): React.JSX.Element;
|
|
24
|
+
export declare function ModalTrigger({ trigger, children, ...props }: ModalDialogTriggerProps): React.JSX.Element;
|
|
25
|
+
export declare function ModalDialog({ children, footer, defaultOpen, isDismissable, titleClass, ...props }: ModalDialogProps): React.JSX.Element;
|
package/lib/Popover.d.ts
CHANGED
|
@@ -17,3 +17,6 @@ export declare const DefaultPopoverClasses: {
|
|
|
17
17
|
popoverClass: string;
|
|
18
18
|
};
|
|
19
19
|
export declare function Popover({ children, state, renderArrow, portalContainer, ...props }: PopoverProps): React.JSX.Element;
|
|
20
|
+
export declare function createOverlayState(ref: {
|
|
21
|
+
value: boolean;
|
|
22
|
+
}): OverlayTriggerState;
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
var reactAria = require('react-aria');
|
|
2
2
|
var React = require('react');
|
|
3
|
+
var reactStately = require('react-stately');
|
|
3
4
|
|
|
4
5
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
5
6
|
|
|
@@ -24,11 +25,11 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
24
25
|
return t;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
|
-
var _excluded$
|
|
28
|
+
var _excluded$3 = ["children", "className"];
|
|
28
29
|
function Button(_ref) {
|
|
29
30
|
var children = _ref.children,
|
|
30
31
|
className = _ref.className,
|
|
31
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
32
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
32
33
|
var ref = React.useRef(null);
|
|
33
34
|
var _useButton = reactAria.useButton(props, ref),
|
|
34
35
|
buttonProps = _useButton.buttonProps;
|
|
@@ -38,12 +39,12 @@ function Button(_ref) {
|
|
|
38
39
|
}));
|
|
39
40
|
}
|
|
40
41
|
|
|
41
|
-
var _excluded$
|
|
42
|
+
var _excluded$2 = ["title", "children"];
|
|
42
43
|
var DefaultDialogClasses = {};
|
|
43
44
|
function Dialog(_ref) {
|
|
44
45
|
var title = _ref.title,
|
|
45
46
|
children = _ref.children,
|
|
46
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
47
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
47
48
|
var ref = React.useRef(null);
|
|
48
49
|
var _DefaultDialogClasses = _extends({}, DefaultDialogClasses, props),
|
|
49
50
|
className = _DefaultDialogClasses.className,
|
|
@@ -59,7 +60,7 @@ function Dialog(_ref) {
|
|
|
59
60
|
}), title), children);
|
|
60
61
|
}
|
|
61
62
|
|
|
62
|
-
var _excluded = ["children", "state", "renderArrow", "portalContainer"];
|
|
63
|
+
var _excluded$1 = ["children", "state", "renderArrow", "portalContainer"];
|
|
63
64
|
var DefaultPopoverClasses = {
|
|
64
65
|
underlayClass: "fixed inset-0",
|
|
65
66
|
popoverClass: "bg-white"
|
|
@@ -69,7 +70,7 @@ function Popover(_ref) {
|
|
|
69
70
|
state = _ref.state,
|
|
70
71
|
renderArrow = _ref.renderArrow,
|
|
71
72
|
portalContainer = _ref.portalContainer,
|
|
72
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
73
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
73
74
|
var popoverRef = React.useRef(null);
|
|
74
75
|
var _DefaultPopoverClasse = _extends({}, DefaultPopoverClasses, props),
|
|
75
76
|
popoverClass = _DefaultPopoverClasse.popoverClass,
|
|
@@ -94,10 +95,102 @@ function Popover(_ref) {
|
|
|
94
95
|
onDismiss: state.close
|
|
95
96
|
})));
|
|
96
97
|
}
|
|
98
|
+
function createOverlayState(ref) {
|
|
99
|
+
return {
|
|
100
|
+
isOpen: ref.value,
|
|
101
|
+
setOpen: function setOpen(o) {
|
|
102
|
+
return ref.value = o;
|
|
103
|
+
},
|
|
104
|
+
open: function open() {
|
|
105
|
+
return ref.value = true;
|
|
106
|
+
},
|
|
107
|
+
close: function close() {
|
|
108
|
+
return ref.value = false;
|
|
109
|
+
},
|
|
110
|
+
toggle: function toggle() {
|
|
111
|
+
return ref.value = !ref.value;
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
var _excluded = ["state", "children", "isDismissable", "isKeyboardDismissDisabled", "shouldCloseOnInteractOutside"],
|
|
117
|
+
_excluded2 = ["trigger", "children"],
|
|
118
|
+
_excluded3 = ["onPress"],
|
|
119
|
+
_excluded4 = ["children", "footer", "defaultOpen", "isDismissable", "titleClass"];
|
|
120
|
+
var DefaultModalDialogClasses = {
|
|
121
|
+
underlayClass: "fixed z-[100] inset-0 bg-black bg-opacity-50 flex items-center justify-center backdrop-blur-[2px]",
|
|
122
|
+
containerClass: "relative m-4 p-4 w-3/5 min-w-[400px] max-w-[80%] rounded-lg bg-white shadow-sm",
|
|
123
|
+
className: "w-full h-full min-h-[100px] flex flex-col gap-2 focus-visible:outline-none gap-2"
|
|
124
|
+
};
|
|
125
|
+
function Modal(_ref) {
|
|
126
|
+
var state = _ref.state,
|
|
127
|
+
children = _ref.children,
|
|
128
|
+
isDismissable = _ref.isDismissable,
|
|
129
|
+
isKeyboardDismissDisabled = _ref.isKeyboardDismissDisabled,
|
|
130
|
+
shouldCloseOnInteractOutside = _ref.shouldCloseOnInteractOutside,
|
|
131
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
132
|
+
var ref = React__default["default"].useRef(null);
|
|
133
|
+
var _useModalOverlay = reactAria.useModalOverlay({
|
|
134
|
+
isDismissable: isDismissable,
|
|
135
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
136
|
+
shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
|
|
137
|
+
}, state, ref),
|
|
138
|
+
modalProps = _useModalOverlay.modalProps,
|
|
139
|
+
underlayProps = _useModalOverlay.underlayProps;
|
|
140
|
+
var _DefaultModalDialogCl = _extends({}, DefaultModalDialogClasses, props),
|
|
141
|
+
underlayClass = _DefaultModalDialogCl.underlayClass,
|
|
142
|
+
containerClass = _DefaultModalDialogCl.containerClass;
|
|
143
|
+
return /*#__PURE__*/React__default["default"].createElement(reactAria.Overlay, null, /*#__PURE__*/React__default["default"].createElement("div", _extends({
|
|
144
|
+
className: underlayClass
|
|
145
|
+
}, underlayProps), /*#__PURE__*/React__default["default"].createElement("div", _extends({}, modalProps, {
|
|
146
|
+
ref: ref,
|
|
147
|
+
className: containerClass
|
|
148
|
+
}), children)));
|
|
149
|
+
}
|
|
150
|
+
function ModalTrigger(_ref2) {
|
|
151
|
+
var trigger = _ref2.trigger,
|
|
152
|
+
children = _ref2.children,
|
|
153
|
+
props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
154
|
+
var state = reactStately.useOverlayTriggerState(_extends({}, props));
|
|
155
|
+
var _useOverlayTrigger = reactAria.useOverlayTrigger({
|
|
156
|
+
type: "dialog"
|
|
157
|
+
}, state),
|
|
158
|
+
triggerProps = _useOverlayTrigger.triggerProps,
|
|
159
|
+
overlayProps = _useOverlayTrigger.overlayProps;
|
|
160
|
+
var onPress = triggerProps.onPress,
|
|
161
|
+
otherTriggerProps = _objectWithoutPropertiesLoose(triggerProps, _excluded3);
|
|
162
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].cloneElement(trigger, _extends({}, otherTriggerProps, {
|
|
163
|
+
onClick: onPress
|
|
164
|
+
})), state.isOpen && /*#__PURE__*/React__default["default"].createElement(Modal, _extends({
|
|
165
|
+
state: state
|
|
166
|
+
}, props), React__default["default"].cloneElement(children, overlayProps)));
|
|
167
|
+
}
|
|
168
|
+
function ModalDialog(_ref3) {
|
|
169
|
+
var children = _ref3.children,
|
|
170
|
+
footer = _ref3.footer,
|
|
171
|
+
_ref3$defaultOpen = _ref3.defaultOpen,
|
|
172
|
+
defaultOpen = _ref3$defaultOpen === void 0 ? false : _ref3$defaultOpen,
|
|
173
|
+
_ref3$isDismissable = _ref3.isDismissable,
|
|
174
|
+
isDismissable = _ref3$isDismissable === void 0 ? true : _ref3$isDismissable,
|
|
175
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded4);
|
|
176
|
+
var _DefaultModalDialogCl2 = _extends({}, DefaultModalDialogClasses, props),
|
|
177
|
+
className = _DefaultModalDialogCl2.className;
|
|
178
|
+
return /*#__PURE__*/React__default["default"].createElement(ModalTrigger, _extends({
|
|
179
|
+
defaultOpen: defaultOpen,
|
|
180
|
+
isDismissable: isDismissable
|
|
181
|
+
}, props), /*#__PURE__*/React__default["default"].createElement(Dialog, _extends({
|
|
182
|
+
className: className
|
|
183
|
+
}, props), children, footer));
|
|
184
|
+
}
|
|
97
185
|
|
|
98
186
|
exports.Button = Button;
|
|
99
187
|
exports.DefaultDialogClasses = DefaultDialogClasses;
|
|
188
|
+
exports.DefaultModalDialogClasses = DefaultModalDialogClasses;
|
|
100
189
|
exports.DefaultPopoverClasses = DefaultPopoverClasses;
|
|
101
190
|
exports.Dialog = Dialog;
|
|
191
|
+
exports.Modal = Modal;
|
|
192
|
+
exports.ModalDialog = ModalDialog;
|
|
193
|
+
exports.ModalTrigger = ModalTrigger;
|
|
102
194
|
exports.Popover = Popover;
|
|
195
|
+
exports.createOverlayState = createOverlayState;
|
|
103
196
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/Button.tsx","../src/Dialog.tsx","../src/Popover.tsx"],"sourcesContent":["import { AriaButtonProps, useButton } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport function Button({\n children,\n className,\n ...props\n}: AriaButtonProps<\"button\"> & { className?: string }) {\n const ref = useRef(null);\n const { buttonProps } = useButton(props, ref);\n return <button {...buttonProps} className={className} children={children} />;\n}\n","import type { AriaDialogProps } from \"react-aria\";\nimport { useDialog } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport interface DialogClasses {\n className?: string;\n titleClass?: string;\n}\nexport interface DialogProps extends AriaDialogProps, DialogClasses {\n title?: React.ReactNode;\n children: React.ReactNode;\n}\n\nexport const DefaultDialogClasses: DialogClasses = {};\nexport function Dialog({ title, children, ...props }: DialogProps) {\n let ref = useRef(null);\n const { className, titleClass } = {\n ...DefaultDialogClasses,\n ...props,\n };\n let { dialogProps, titleProps } = useDialog(props, ref);\n\n return (\n <div {...dialogProps} ref={ref} className={className}>\n {title && (\n <h3 {...titleProps} className={titleClass}>\n {title}\n </h3>\n )}\n {children}\n </div>\n );\n}\n","import type { AriaPopoverProps } from \"react-aria\";\nimport { DismissButton, Overlay, usePopover } from \"react-aria\";\nimport type { OverlayTriggerState } from \"react-stately\";\nimport React, { ReactNode, useRef } from \"react\";\nimport { DOMAttributes } from \"@react-types/shared\";\n\nexport interface PopoverClasses {\n underlayClass?: string;\n popoverClass?: string;\n}\nexport interface PopoverProps\n extends Omit<AriaPopoverProps, \"popoverRef\">,\n PopoverClasses {\n children: React.ReactNode;\n state: OverlayTriggerState;\n portalContainer?: Element;\n renderArrow?: (props: DOMAttributes) => ReactNode;\n}\n\nexport const DefaultPopoverClasses = {\n underlayClass: \"fixed inset-0\",\n popoverClass: \"bg-white\",\n};\n\nexport function Popover({\n children,\n state,\n renderArrow,\n portalContainer,\n ...props\n}: PopoverProps) {\n let popoverRef = useRef(null);\n const { popoverClass, underlayClass } = {\n ...DefaultPopoverClasses,\n ...props,\n };\n let { popoverProps, underlayProps, arrowProps } = usePopover(\n {\n ...props,\n popoverRef,\n },\n state,\n );\n\n return (\n <Overlay portalContainer={portalContainer}>\n <div {...underlayProps} className={underlayClass} />\n <div\n {...popoverProps}\n ref={popoverRef}\n className={popoverClass}\n style={popoverProps.style}\n >\n {renderArrow?.(arrowProps)}\n <DismissButton onDismiss={state.close} />\n {children}\n <DismissButton onDismiss={state.close} />\n </div>\n </Overlay>\n );\n}\n"],"names":["Button","_ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","ref","useRef","_useButton","useButton","buttonProps","React","createElement","_extends","DefaultDialogClasses","Dialog","title","_DefaultDialogClasses","titleClass","_useDialog","useDialog","dialogProps","titleProps","DefaultPopoverClasses","underlayClass","popoverClass","Popover","state","renderArrow","portalContainer","popoverRef","_DefaultPopoverClasse","_usePopover","usePopover","popoverProps","underlayProps","arrowProps","Overlay","style","DismissButton","onDismiss","close"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/Button.tsx","../src/Dialog.tsx","../src/Popover.tsx","../src/Modal.tsx"],"sourcesContent":["import { AriaButtonProps, useButton } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport function Button({\n children,\n className,\n ...props\n}: AriaButtonProps<\"button\"> & { className?: string }) {\n const ref = useRef(null);\n const { buttonProps } = useButton(props, ref);\n return <button {...buttonProps} className={className} children={children} />;\n}\n","import type { AriaDialogProps } from \"react-aria\";\nimport { useDialog } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport interface DialogClasses {\n className?: string;\n titleClass?: string;\n}\nexport interface DialogProps extends AriaDialogProps, DialogClasses {\n title?: React.ReactNode;\n children: React.ReactNode;\n}\n\nexport const DefaultDialogClasses: DialogClasses = {};\nexport function Dialog({ title, children, ...props }: DialogProps) {\n let ref = useRef(null);\n const { className, titleClass } = {\n ...DefaultDialogClasses,\n ...props,\n };\n let { dialogProps, titleProps } = useDialog(props, ref);\n\n return (\n <div {...dialogProps} ref={ref} className={className}>\n {title && (\n <h3 {...titleProps} className={titleClass}>\n {title}\n </h3>\n )}\n {children}\n </div>\n );\n}\n","import type { AriaPopoverProps } from \"react-aria\";\nimport { DismissButton, Overlay, usePopover } from \"react-aria\";\nimport type { OverlayTriggerState } from \"react-stately\";\nimport React, { ReactNode, useRef } from \"react\";\nimport { DOMAttributes } from \"@react-types/shared\";\n\nexport interface PopoverClasses {\n underlayClass?: string;\n popoverClass?: string;\n}\nexport interface PopoverProps\n extends Omit<AriaPopoverProps, \"popoverRef\">,\n PopoverClasses {\n children: React.ReactNode;\n state: OverlayTriggerState;\n portalContainer?: Element;\n renderArrow?: (props: DOMAttributes) => ReactNode;\n}\n\nexport const DefaultPopoverClasses = {\n underlayClass: \"fixed inset-0\",\n popoverClass: \"bg-white\",\n};\n\nexport function Popover({\n children,\n state,\n renderArrow,\n portalContainer,\n ...props\n}: PopoverProps) {\n let popoverRef = useRef(null);\n const { popoverClass, underlayClass } = {\n ...DefaultPopoverClasses,\n ...props,\n };\n let { popoverProps, underlayProps, arrowProps } = usePopover(\n {\n ...props,\n popoverRef,\n },\n state,\n );\n\n return (\n <Overlay portalContainer={portalContainer}>\n <div {...underlayProps} className={underlayClass} />\n <div\n {...popoverProps}\n ref={popoverRef}\n className={popoverClass}\n style={popoverProps.style}\n >\n {renderArrow?.(arrowProps)}\n <DismissButton onDismiss={state.close} />\n {children}\n <DismissButton onDismiss={state.close} />\n </div>\n </Overlay>\n );\n}\n\nexport function createOverlayState(ref: {\n value: boolean;\n}): OverlayTriggerState {\n return {\n isOpen: ref.value,\n setOpen: (o) => (ref.value = o),\n open: () => (ref.value = true),\n close: () => (ref.value = false),\n toggle: () => (ref.value = !ref.value),\n };\n}\n","import React from \"react\";\nimport {\n AriaModalOverlayProps,\n Overlay,\n useModalOverlay,\n useOverlayTrigger,\n} from \"react-aria\";\nimport {\n OverlayTriggerProps,\n OverlayTriggerState,\n useOverlayTriggerState,\n} from \"react-stately\";\nimport { Dialog, DialogProps, DialogClasses } from \"./Dialog\";\n\nexport interface ModalClasses {\n underlayClass?: string;\n containerClass?: string;\n}\n\nexport interface ModalDialogClasses extends DialogClasses, ModalClasses {}\n\nexport const DefaultModalDialogClasses: ModalDialogClasses = {\n underlayClass:\n \"fixed z-[100] inset-0 bg-black bg-opacity-50 flex items-center justify-center backdrop-blur-[2px]\",\n containerClass:\n \"relative m-4 p-4 w-3/5 min-w-[400px] max-w-[80%] rounded-lg bg-white shadow-sm\",\n className:\n \"w-full h-full min-h-[100px] flex flex-col gap-2 focus-visible:outline-none gap-2\",\n};\n\nexport interface ModalProps extends AriaModalOverlayProps, ModalClasses {\n state: OverlayTriggerState;\n children: React.ReactElement;\n}\n\nexport interface ModalDialogTriggerProps\n extends OverlayTriggerProps,\n AriaModalOverlayProps {\n trigger: React.ReactElement;\n children: React.ReactElement;\n}\n\nexport interface ModalDialogProps\n extends ModalDialogTriggerProps,\n Omit<DialogProps, \"children\">,\n ModalDialogClasses {\n footer?: React.ReactNode;\n}\n\nexport function Modal({\n state,\n children,\n isDismissable,\n isKeyboardDismissDisabled,\n shouldCloseOnInteractOutside,\n ...props\n}: ModalProps) {\n let ref = React.useRef(null);\n let { modalProps, underlayProps } = useModalOverlay(\n { isDismissable, isKeyboardDismissDisabled, shouldCloseOnInteractOutside },\n state,\n ref,\n );\n\n const { underlayClass, containerClass } = {\n ...DefaultModalDialogClasses,\n ...props,\n };\n\n return (\n <Overlay>\n <div className={underlayClass} {...underlayProps}>\n <div {...modalProps} ref={ref} className={containerClass}>\n {children}\n </div>\n </div>\n </Overlay>\n );\n}\n\nexport function ModalTrigger({\n trigger,\n children,\n ...props\n}: ModalDialogTriggerProps) {\n let state = useOverlayTriggerState({ ...props });\n let { triggerProps, overlayProps } = useOverlayTrigger(\n { type: \"dialog\" },\n state,\n );\n\n const { onPress, ...otherTriggerProps } = triggerProps;\n return (\n <>\n {React.cloneElement(trigger, { ...otherTriggerProps, onClick: onPress })}\n {state.isOpen && (\n <Modal state={state} {...props}>\n {React.cloneElement(children, overlayProps)}\n </Modal>\n )}\n </>\n );\n}\n\nexport function ModalDialog({\n children,\n footer,\n defaultOpen = false,\n isDismissable = true,\n titleClass = \"text-2xl font-bold\",\n ...props\n}: ModalDialogProps) {\n const { className } = {\n ...DefaultModalDialogClasses,\n ...props,\n };\n\n return (\n <ModalTrigger\n defaultOpen={defaultOpen}\n isDismissable={isDismissable}\n {...props}\n >\n <Dialog className={className} {...props}>\n {children}\n {footer}\n </Dialog>\n </ModalTrigger>\n );\n}\n"],"names":["Button","_ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","ref","useRef","_useButton","useButton","buttonProps","React","createElement","_extends","DefaultDialogClasses","Dialog","title","_DefaultDialogClasses","titleClass","_useDialog","useDialog","dialogProps","titleProps","DefaultPopoverClasses","underlayClass","popoverClass","Popover","state","renderArrow","portalContainer","popoverRef","_DefaultPopoverClasse","_usePopover","usePopover","popoverProps","underlayProps","arrowProps","Overlay","style","DismissButton","onDismiss","close","createOverlayState","isOpen","value","setOpen","o","open","toggle","DefaultModalDialogClasses","containerClass","Modal","isDismissable","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","_useModalOverlay","useModalOverlay","modalProps","_DefaultModalDialogCl","ModalTrigger","_ref2","trigger","_excluded2","useOverlayTriggerState","_useOverlayTrigger","useOverlayTrigger","type","triggerProps","overlayProps","onPress","otherTriggerProps","_excluded3","Fragment","cloneElement","onClick","ModalDialog","_ref3","footer","_ref3$defaultOpen","defaultOpen","_ref3$isDismissable","_excluded4","_DefaultModalDialogCl2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,SAAUA,MAAMA,CAAAC,IAAA,EAI+B;AAAA,EAAA,IAHnDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;AACNC,IAAAA,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAER,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;AACxB,EAAA,IAAAC,UAAA,GAAwBC,mBAAS,CAACN,KAAK,EAAEG,GAAG,CAAC;IAArCI,WAAW,GAAAF,UAAA,CAAXE,WAAW,CAAA;AACnB,EAAA,oBAAOC,yBAAA,CAAAC,aAAA,CAAAC,QAAAA,EAAAA,QAAA,KAAYH,WAAW,EAAA;AAAER,IAAAA,SAAS,EAAEA,SAAU;AAACD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAAG,CAAA;AAC9E;;;ACEaa,IAAAA,oBAAoB,GAAkB,GAAE;AAC/C,SAAUC,MAAMA,CAAAf,IAAA,EAA2C;AAAA,EAAA,IAAxCgB,KAAK,GAAAhB,IAAA,CAALgB,KAAK;IAAEf,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKE,IAAAA,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAChD,EAAA,IAAIC,GAAG,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;AACtB,EAAA,IAAAU,qBAAA,GAAAJ,QAAA,CACKC,EAAAA,EAAAA,oBAAoB,EACpBX,KAAK,CAAA;IAFFD,SAAS,GAAAe,qBAAA,CAATf,SAAS;IAAEgB,UAAU,GAAAD,qBAAA,CAAVC,UAAU,CAAA;AAI7B,EAAA,IAAAC,UAAA,GAAkCC,mBAAS,CAACjB,KAAK,EAAEG,GAAG,CAAC;IAAjDe,WAAW,GAAAF,UAAA,CAAXE,WAAW;IAAEC,UAAU,GAAAH,UAAA,CAAVG,UAAU,CAAA;AAE7B,EAAA,oBACEX,yBAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,QAAA,KAASQ,WAAW,EAAA;AAAEf,IAAAA,GAAG,EAAEA,GAAI;AAACJ,IAAAA,SAAS,EAAEA,SAAAA;GACxCc,CAAAA,EAAAA,KAAK,iBACJL,yBAAA,CAAAC,aAAA,CAAAC,IAAAA,EAAAA,QAAA,KAAQS,UAAU,EAAA;AAAEpB,IAAAA,SAAS,EAAEgB,UAAAA;AAAW,GAAA,CAAA,EACvCF,KACC,CACL,EACAf,QACE,CAAC,CAAA;AAEV;;;ACbO,IAAMsB,qBAAqB,GAAG;AACnCC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,YAAY,EAAE,UAAA;EACf;AAEe,SAAAC,OAAOA,CAAA1B,IAAA,EAMR;AAAA,EAAA,IALbC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACR0B,KAAK,GAAA3B,IAAA,CAAL2B,KAAK;IACLC,WAAW,GAAA5B,IAAA,CAAX4B,WAAW;IACXC,eAAe,GAAA7B,IAAA,CAAf6B,eAAe;AACZ1B,IAAAA,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAER,EAAA,IAAIyB,UAAU,GAAGvB,YAAM,CAAC,IAAI,CAAC,CAAA;AAC7B,EAAA,IAAAwB,qBAAA,GAAAlB,QAAA,CACKU,EAAAA,EAAAA,qBAAqB,EACrBpB,KAAK,CAAA;IAFFsB,YAAY,GAAAM,qBAAA,CAAZN,YAAY;IAAED,aAAa,GAAAO,qBAAA,CAAbP,aAAa,CAAA;AAInC,EAAA,IAAAQ,WAAA,GAAkDC,oBAAU,CAAApB,QAAA,KAErDV,KAAK,EAAA;AACR2B,MAAAA,UAAU,EAAVA,UAAAA;AAAU,KAAA,CAAA,EAEZH,KAAK,CACN;IANKO,YAAY,GAAAF,WAAA,CAAZE,YAAY;IAAEC,aAAa,GAAAH,WAAA,CAAbG,aAAa;IAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU,CAAA;AAQ7C,EAAA,oBACEzB,yBAAA,CAAAC,aAAA,CAACyB,iBAAO,EAAA;AAACR,IAAAA,eAAe,EAAEA,eAAAA;AAAgB,GAAA,eACxClB,yBAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,QAAA,KAASsB,aAAa,EAAA;AAAEjC,IAAAA,SAAS,EAAEsB,aAAAA;GACnC,CAAA,CAAA,eAAAb,yBAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,QAAA,KACMqB,YAAY,EAAA;AAChB5B,IAAAA,GAAG,EAAEwB,UAAW;AAChB5B,IAAAA,SAAS,EAAEuB,YAAa;IACxBa,KAAK,EAAEJ,YAAY,CAACI,KAAAA;GAEnBV,CAAAA,EAAAA,WAAW,IAAXA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAGQ,UAAU,CAAC,eAC1BzB,yBAAA,CAAAC,aAAA,CAAC2B,uBAAa,EAAA;IAACC,SAAS,EAAEb,KAAK,CAACc,KAAAA;GAChC,CAAA,EAACxC,QAAQ,eACTU,yBAAA,CAAAC,aAAA,CAAC2B,uBAAa,EAAA;IAACC,SAAS,EAAEb,KAAK,CAACc,KAAAA;GAClC,CAAK,CACE,CAAC,CAAA;AAEd,CAAA;AAEM,SAAUC,kBAAkBA,CAACpC,GAElC,EAAA;EACC,OAAO;IACLqC,MAAM,EAAErC,GAAG,CAACsC,KAAK;AACjBC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGC,CAAC,EAAA;AAAA,MAAA,OAAMxC,GAAG,CAACsC,KAAK,GAAGE,CAAC,CAAA;KAAC;IAC/BC,IAAI,EAAE,SAANA,IAAIA,GAAA;AAAA,MAAA,OAASzC,GAAG,CAACsC,KAAK,GAAG,IAAI,CAAA;KAAC;IAC9BH,KAAK,EAAE,SAAPA,KAAKA,GAAA;AAAA,MAAA,OAASnC,GAAG,CAACsC,KAAK,GAAG,KAAK,CAAA;KAAC;IAChCI,MAAM,EAAE,SAARA,MAAMA,GAAA;AAAA,MAAA,OAAS1C,GAAG,CAACsC,KAAK,GAAG,CAACtC,GAAG,CAACsC,KAAK,CAAA;AAAA,KAAA;GACtC,CAAA;AACH;;;;;;ACnDO,IAAMK,yBAAyB,GAAuB;AAC3DzB,EAAAA,aAAa,EACX,mGAAmG;AACrG0B,EAAAA,cAAc,EACZ,gFAAgF;AAClFhD,EAAAA,SAAS,EACP,kFAAA;EACH;SAqBeiD,KAAKA,CAAAnD,IAAA,EAOR;AAAA,EAAA,IANX2B,KAAK,GAAA3B,IAAA,CAAL2B,KAAK;IACL1B,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRmD,aAAa,GAAApD,IAAA,CAAboD,aAAa;IACbC,yBAAyB,GAAArD,IAAA,CAAzBqD,yBAAyB;IACzBC,4BAA4B,GAAAtD,IAAA,CAA5BsD,4BAA4B;AACzBnD,IAAAA,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAER,EAAA,IAAIC,GAAG,GAAGK,yBAAK,CAACJ,MAAM,CAAC,IAAI,CAAC,CAAA;EAC5B,IAAAgD,gBAAA,GAAoCC,yBAAe,CACjD;AAAEJ,MAAAA,aAAa,EAAbA,aAAa;AAAEC,MAAAA,yBAAyB,EAAzBA,yBAAyB;AAAEC,MAAAA,4BAA4B,EAA5BA,4BAAAA;AAA8B,KAAA,EAC1E3B,KAAK,EACLrB,GAAG,CACJ;IAJKmD,UAAU,GAAAF,gBAAA,CAAVE,UAAU;IAAEtB,aAAa,GAAAoB,gBAAA,CAAbpB,aAAa,CAAA;AAM/B,EAAA,IAAAuB,qBAAA,GAAA7C,QAAA,CACKoC,EAAAA,EAAAA,yBAAyB,EACzB9C,KAAK,CAAA;IAFFqB,aAAa,GAAAkC,qBAAA,CAAblC,aAAa;IAAE0B,cAAc,GAAAQ,qBAAA,CAAdR,cAAc,CAAA;EAKrC,oBACEvC,yBAAA,CAAAC,aAAA,CAACyB,iBAAO,qBACN1B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKX,IAAAA,SAAS,EAAEsB,aAAAA;GAAmBW,EAAAA,aAAa,gBAC9CxB,yBAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,QAAA,KAAS4C,UAAU,EAAA;AAAEnD,IAAAA,GAAG,EAAEA,GAAI;AAACJ,IAAAA,SAAS,EAAEgD,cAAAA;GACvCjD,CAAAA,EAAAA,QACE,CACF,CACE,CAAC,CAAA;AAEd,CAAA;AAEM,SAAU0D,YAAYA,CAAAC,KAAA,EAIF;AAAA,EAAA,IAHxBC,OAAO,GAAAD,KAAA,CAAPC,OAAO;IACP5D,QAAQ,GAAA2D,KAAA,CAAR3D,QAAQ;AACLE,IAAAA,KAAK,GAAAC,6BAAA,CAAAwD,KAAA,EAAAE,UAAA,CAAA,CAAA;EAER,IAAInC,KAAK,GAAGoC,mCAAsB,CAAAlD,QAAA,CAAMV,EAAAA,EAAAA,KAAK,CAAE,CAAC,CAAA;EAChD,IAAA6D,kBAAA,GAAqCC,2BAAiB,CACpD;AAAEC,MAAAA,IAAI,EAAE,QAAA;KAAU,EAClBvC,KAAK,CACN;IAHKwC,YAAY,GAAAH,kBAAA,CAAZG,YAAY;IAAEC,YAAY,GAAAJ,kBAAA,CAAZI,YAAY,CAAA;AAKhC,EAAA,IAAQC,OAAO,GAA2BF,YAAY,CAA9CE,OAAO;AAAKC,IAAAA,iBAAiB,GAAAlE,6BAAA,CAAK+D,YAAY,EAAAI,UAAA,CAAA,CAAA;AACtD,EAAA,oBACE5D,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAA6D,QAAA,EAAA,IAAA,EACG7D,yBAAK,CAAC8D,YAAY,CAACZ,OAAO,EAAAhD,QAAA,KAAOyD,iBAAiB,EAAA;AAAEI,IAAAA,OAAO,EAAEL,OAAAA;AAAO,GAAA,CAAE,CAAC,EACvE1C,KAAK,CAACgB,MAAM,iBACXhC,yBAAA,CAAAC,aAAA,CAACuC,KAAK,EAAAtC,QAAA,CAAA;AAACc,IAAAA,KAAK,EAAEA,KAAAA;GAAWxB,EAAAA,KAAK,CAC3BQ,EAAAA,yBAAK,CAAC8D,YAAY,CAACxE,QAAQ,EAAEmE,YAAY,CACrC,CAEX,CAAG,CAAA;AAEP,CAAA;AAEM,SAAUO,WAAWA,CAAAC,KAAA,EAOR;AAAA,EAAA,IANjB3E,QAAQ,GAAA2E,KAAA,CAAR3E,QAAQ,CAAA;IACR4E,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;IAAAC,iBAAA,GAAAF,KAAA,CACNG,WAAW,CAAA;AAAXA,IAAAA,WAAW,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA,CAAA;IAAAE,mBAAA,GAAAJ,KAAA,CACnBxB,aAAa,CAAA;AAAbA,IAAAA,aAAa,GAAA4B,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA,CAAA;IAEjB7E,KAAK,GAAAC,6BAAA,CAAAwE,KAAA,EAAAK,UAAA,EAAA;AAER,EAAA,IAAAC,sBAAA,GAAArE,QAAA,CACKoC,EAAAA,EAAAA,yBAAyB,EACzB9C,KAAK,CAAA;IAFFD,SAAS,GAAAgF,sBAAA,CAAThF,SAAS,CAAA;AAKjB,EAAA,oBACES,yBAAA,CAAAC,aAAA,CAAC+C,YAAY,EAAA9C,QAAA,CAAA;AACXkE,IAAAA,WAAW,EAAEA,WAAY;AACzB3B,IAAAA,aAAa,EAAEA,aAAAA;GACXjD,EAAAA,KAAK,gBAETQ,yBAAA,CAAAC,aAAA,CAACG,MAAM,EAAAF,QAAA,CAAA;AAACX,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAAKC,KAAK,CACpCF,EAAAA,QAAQ,EACR4E,MACK,CACI,CAAC,CAAA;AAEnB;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astroapps/aria-base",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
@@ -14,11 +14,12 @@
|
|
|
14
14
|
"access": "public"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"react": "^18.2.0"
|
|
17
|
+
"react": "^18.2.0",
|
|
18
|
+
"react-dom": "^18.0.0"
|
|
18
19
|
},
|
|
19
20
|
"dependencies": {
|
|
20
|
-
"react-stately": "^3.
|
|
21
|
-
"react-aria": "^3.
|
|
21
|
+
"react-stately": "^3.34.0",
|
|
22
|
+
"react-aria": "^3.36.0",
|
|
22
23
|
"clsx": "^2"
|
|
23
24
|
},
|
|
24
25
|
"devDependencies": {
|
package/src/Modal.tsx
ADDED
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import {
|
|
3
|
+
AriaModalOverlayProps,
|
|
4
|
+
Overlay,
|
|
5
|
+
useModalOverlay,
|
|
6
|
+
useOverlayTrigger,
|
|
7
|
+
} from "react-aria";
|
|
8
|
+
import {
|
|
9
|
+
OverlayTriggerProps,
|
|
10
|
+
OverlayTriggerState,
|
|
11
|
+
useOverlayTriggerState,
|
|
12
|
+
} from "react-stately";
|
|
13
|
+
import { Dialog, DialogProps, DialogClasses } from "./Dialog";
|
|
14
|
+
|
|
15
|
+
export interface ModalClasses {
|
|
16
|
+
underlayClass?: string;
|
|
17
|
+
containerClass?: string;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export interface ModalDialogClasses extends DialogClasses, ModalClasses {}
|
|
21
|
+
|
|
22
|
+
export const DefaultModalDialogClasses: ModalDialogClasses = {
|
|
23
|
+
underlayClass:
|
|
24
|
+
"fixed z-[100] inset-0 bg-black bg-opacity-50 flex items-center justify-center backdrop-blur-[2px]",
|
|
25
|
+
containerClass:
|
|
26
|
+
"relative m-4 p-4 w-3/5 min-w-[400px] max-w-[80%] rounded-lg bg-white shadow-sm",
|
|
27
|
+
className:
|
|
28
|
+
"w-full h-full min-h-[100px] flex flex-col gap-2 focus-visible:outline-none gap-2",
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export interface ModalProps extends AriaModalOverlayProps, ModalClasses {
|
|
32
|
+
state: OverlayTriggerState;
|
|
33
|
+
children: React.ReactElement;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export interface ModalDialogTriggerProps
|
|
37
|
+
extends OverlayTriggerProps,
|
|
38
|
+
AriaModalOverlayProps {
|
|
39
|
+
trigger: React.ReactElement;
|
|
40
|
+
children: React.ReactElement;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export interface ModalDialogProps
|
|
44
|
+
extends ModalDialogTriggerProps,
|
|
45
|
+
Omit<DialogProps, "children">,
|
|
46
|
+
ModalDialogClasses {
|
|
47
|
+
footer?: React.ReactNode;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export function Modal({
|
|
51
|
+
state,
|
|
52
|
+
children,
|
|
53
|
+
isDismissable,
|
|
54
|
+
isKeyboardDismissDisabled,
|
|
55
|
+
shouldCloseOnInteractOutside,
|
|
56
|
+
...props
|
|
57
|
+
}: ModalProps) {
|
|
58
|
+
let ref = React.useRef(null);
|
|
59
|
+
let { modalProps, underlayProps } = useModalOverlay(
|
|
60
|
+
{ isDismissable, isKeyboardDismissDisabled, shouldCloseOnInteractOutside },
|
|
61
|
+
state,
|
|
62
|
+
ref,
|
|
63
|
+
);
|
|
64
|
+
|
|
65
|
+
const { underlayClass, containerClass } = {
|
|
66
|
+
...DefaultModalDialogClasses,
|
|
67
|
+
...props,
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
return (
|
|
71
|
+
<Overlay>
|
|
72
|
+
<div className={underlayClass} {...underlayProps}>
|
|
73
|
+
<div {...modalProps} ref={ref} className={containerClass}>
|
|
74
|
+
{children}
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</Overlay>
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
export function ModalTrigger({
|
|
82
|
+
trigger,
|
|
83
|
+
children,
|
|
84
|
+
...props
|
|
85
|
+
}: ModalDialogTriggerProps) {
|
|
86
|
+
let state = useOverlayTriggerState({ ...props });
|
|
87
|
+
let { triggerProps, overlayProps } = useOverlayTrigger(
|
|
88
|
+
{ type: "dialog" },
|
|
89
|
+
state,
|
|
90
|
+
);
|
|
91
|
+
|
|
92
|
+
const { onPress, ...otherTriggerProps } = triggerProps;
|
|
93
|
+
return (
|
|
94
|
+
<>
|
|
95
|
+
{React.cloneElement(trigger, { ...otherTriggerProps, onClick: onPress })}
|
|
96
|
+
{state.isOpen && (
|
|
97
|
+
<Modal state={state} {...props}>
|
|
98
|
+
{React.cloneElement(children, overlayProps)}
|
|
99
|
+
</Modal>
|
|
100
|
+
)}
|
|
101
|
+
</>
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
export function ModalDialog({
|
|
106
|
+
children,
|
|
107
|
+
footer,
|
|
108
|
+
defaultOpen = false,
|
|
109
|
+
isDismissable = true,
|
|
110
|
+
titleClass = "text-2xl font-bold",
|
|
111
|
+
...props
|
|
112
|
+
}: ModalDialogProps) {
|
|
113
|
+
const { className } = {
|
|
114
|
+
...DefaultModalDialogClasses,
|
|
115
|
+
...props,
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
return (
|
|
119
|
+
<ModalTrigger
|
|
120
|
+
defaultOpen={defaultOpen}
|
|
121
|
+
isDismissable={isDismissable}
|
|
122
|
+
{...props}
|
|
123
|
+
>
|
|
124
|
+
<Dialog className={className} {...props}>
|
|
125
|
+
{children}
|
|
126
|
+
{footer}
|
|
127
|
+
</Dialog>
|
|
128
|
+
</ModalTrigger>
|
|
129
|
+
);
|
|
130
|
+
}
|
package/src/Popover.tsx
CHANGED
|
@@ -59,3 +59,15 @@ export function Popover({
|
|
|
59
59
|
</Overlay>
|
|
60
60
|
);
|
|
61
61
|
}
|
|
62
|
+
|
|
63
|
+
export function createOverlayState(ref: {
|
|
64
|
+
value: boolean;
|
|
65
|
+
}): OverlayTriggerState {
|
|
66
|
+
return {
|
|
67
|
+
isOpen: ref.value,
|
|
68
|
+
setOpen: (o) => (ref.value = o),
|
|
69
|
+
open: () => (ref.value = true),
|
|
70
|
+
close: () => (ref.value = false),
|
|
71
|
+
toggle: () => (ref.value = !ref.value),
|
|
72
|
+
};
|
|
73
|
+
}
|
package/src/index.ts
CHANGED