@react-aria/utils 3.22.0 → 3.23.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/import.mjs +31 -20
- package/dist/main.js +31 -19
- package/dist/main.js.map +1 -1
- package/dist/module.js +31 -20
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +7 -6
- package/dist/types.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/focusWithoutScrolling.ts +5 -5
- package/src/getScrollParent.ts +15 -8
- package/src/index.ts +1 -1
- package/src/mergeRefs.ts +1 -1
- package/src/openLink.tsx +6 -6
- package/src/runAfterTransition.ts +15 -3
- package/src/useDeepMemo.ts +1 -1
- package/src/useDescription.ts +2 -2
- package/src/useEffectEvent.ts +3 -3
- package/src/useEvent.ts +3 -3
- package/src/useObjectRef.ts +3 -3
- package/src/useSyncRef.ts +4 -2
- package/src/useValueEffect.ts +5 -2
- package/src/useViewportSize.ts +2 -2
package/dist/import.mjs
CHANGED
|
@@ -72,7 +72,7 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
|
72
72
|
// @ts-ignore
|
|
73
73
|
return (0, $12uGp$useCallback)((...args)=>{
|
|
74
74
|
const f = ref.current;
|
|
75
|
-
return f(...args);
|
|
75
|
+
return f === null || f === void 0 ? void 0 : f(...args);
|
|
76
76
|
}, []);
|
|
77
77
|
}
|
|
78
78
|
|
|
@@ -83,6 +83,7 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
|
83
83
|
// Store the function in a ref so we can always access the current version
|
|
84
84
|
// which has the proper `value` in scope.
|
|
85
85
|
let nextRef = (0, $8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
|
|
86
|
+
if (!effect.current) return;
|
|
86
87
|
// Run the generator to the next yield.
|
|
87
88
|
let newValue = effect.current.next();
|
|
88
89
|
// If the generator is done, reset the effect.
|
|
@@ -325,7 +326,7 @@ function $7215afc6de606d6b$var$supportsPreventScroll() {
|
|
|
325
326
|
if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {
|
|
326
327
|
$7215afc6de606d6b$var$supportsPreventScrollCached = false;
|
|
327
328
|
try {
|
|
328
|
-
|
|
329
|
+
let focusElem = document.createElement("div");
|
|
329
330
|
focusElem.focus({
|
|
330
331
|
get preventScroll () {
|
|
331
332
|
$7215afc6de606d6b$var$supportsPreventScrollCached = true;
|
|
@@ -339,9 +340,9 @@ function $7215afc6de606d6b$var$supportsPreventScroll() {
|
|
|
339
340
|
return $7215afc6de606d6b$var$supportsPreventScrollCached;
|
|
340
341
|
}
|
|
341
342
|
function $7215afc6de606d6b$var$getScrollableElements(element) {
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
343
|
+
let parent = element.parentNode;
|
|
344
|
+
let scrollableElements = [];
|
|
345
|
+
let rootScrollingElement = document.scrollingElement || document.documentElement;
|
|
345
346
|
while(parent instanceof HTMLElement && parent !== rootScrollingElement){
|
|
346
347
|
if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({
|
|
347
348
|
element: parent,
|
|
@@ -560,7 +561,11 @@ let $bbed8b41f857bcc0$var$transitionsByElement = new Map();
|
|
|
560
561
|
let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
|
|
561
562
|
function $bbed8b41f857bcc0$var$setupGlobalEvents() {
|
|
562
563
|
if (typeof window === "undefined") return;
|
|
564
|
+
function isTransitionEvent(event) {
|
|
565
|
+
return "propertyName" in event;
|
|
566
|
+
}
|
|
563
567
|
let onTransitionStart = (e)=>{
|
|
568
|
+
if (!isTransitionEvent(e) || !e.target) return;
|
|
564
569
|
// Add the transitioning property to the list for this element.
|
|
565
570
|
let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
|
|
566
571
|
if (!transitions) {
|
|
@@ -569,11 +574,14 @@ function $bbed8b41f857bcc0$var$setupGlobalEvents() {
|
|
|
569
574
|
// The transitioncancel event must be registered on the element itself, rather than as a global
|
|
570
575
|
// event. This enables us to handle when the node is deleted from the document while it is transitioning.
|
|
571
576
|
// In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
|
|
572
|
-
e.target.addEventListener("transitioncancel", onTransitionEnd
|
|
577
|
+
e.target.addEventListener("transitioncancel", onTransitionEnd, {
|
|
578
|
+
once: true
|
|
579
|
+
});
|
|
573
580
|
}
|
|
574
581
|
transitions.add(e.propertyName);
|
|
575
582
|
};
|
|
576
583
|
let onTransitionEnd = (e)=>{
|
|
584
|
+
if (!isTransitionEvent(e) || !e.target) return;
|
|
577
585
|
// Remove property from list of transitioning properties.
|
|
578
586
|
let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
|
|
579
587
|
if (!properties) return;
|
|
@@ -837,7 +845,7 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
837
845
|
* governing permissions and limitations under the License.
|
|
838
846
|
*/
|
|
839
847
|
function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
|
|
840
|
-
const objRef = (0, $12uGp$useRef)();
|
|
848
|
+
const objRef = (0, $12uGp$useRef)(null);
|
|
841
849
|
return (0, $12uGp$useMemo)(()=>({
|
|
842
850
|
get current () {
|
|
843
851
|
return objRef.current;
|
|
@@ -930,7 +938,7 @@ function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
|
|
|
930
938
|
if (context && context.ref && ref) {
|
|
931
939
|
context.ref.current = ref.current;
|
|
932
940
|
return ()=>{
|
|
933
|
-
context.ref.current = null;
|
|
941
|
+
if (context.ref) context.ref.current = null;
|
|
934
942
|
};
|
|
935
943
|
}
|
|
936
944
|
});
|
|
@@ -947,14 +955,17 @@ function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
|
|
|
947
955
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
948
956
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
949
957
|
* governing permissions and limitations under the License.
|
|
950
|
-
*/ function $62d8ded9296f3872$export$cfa2225e87938781(node) {
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
958
|
+
*/ function $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {
|
|
959
|
+
let scrollableNode = node;
|
|
960
|
+
if ($62d8ded9296f3872$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
|
|
961
|
+
while(scrollableNode && !$62d8ded9296f3872$export$2bb74740c4e19def(scrollableNode, checkForOverflow))scrollableNode = scrollableNode.parentElement;
|
|
962
|
+
return scrollableNode || document.scrollingElement || document.documentElement;
|
|
954
963
|
}
|
|
955
|
-
function $62d8ded9296f3872$export$2bb74740c4e19def(node) {
|
|
964
|
+
function $62d8ded9296f3872$export$2bb74740c4e19def(node, checkForOverflow) {
|
|
956
965
|
let style = window.getComputedStyle(node);
|
|
957
|
-
|
|
966
|
+
let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
|
|
967
|
+
if (isScrollable && checkForOverflow) isScrollable = node.scrollHeight !== node.clientHeight || node.scrollWidth !== node.clientWidth;
|
|
968
|
+
return isScrollable;
|
|
958
969
|
}
|
|
959
970
|
|
|
960
971
|
|
|
@@ -998,8 +1009,8 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
|
|
|
998
1009
|
}
|
|
999
1010
|
function $5df64b3807dc15ee$var$getViewportSize() {
|
|
1000
1011
|
return {
|
|
1001
|
-
width: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
|
|
1002
|
-
height: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight
|
|
1012
|
+
width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
|
|
1013
|
+
height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight
|
|
1003
1014
|
};
|
|
1004
1015
|
}
|
|
1005
1016
|
|
|
@@ -1019,7 +1030,7 @@ function $5df64b3807dc15ee$var$getViewportSize() {
|
|
|
1019
1030
|
let $ef06256079686ba0$var$descriptionId = 0;
|
|
1020
1031
|
const $ef06256079686ba0$var$descriptionNodes = new Map();
|
|
1021
1032
|
function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
|
|
1022
|
-
let [id, setId] = (0, $12uGp$useState)(
|
|
1033
|
+
let [id, setId] = (0, $12uGp$useState)();
|
|
1023
1034
|
(0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
1024
1035
|
if (!description) return;
|
|
1025
1036
|
let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
|
|
@@ -1039,7 +1050,7 @@ function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
|
|
|
1039
1050
|
} else setId(desc.element.id);
|
|
1040
1051
|
desc.refCount++;
|
|
1041
1052
|
return ()=>{
|
|
1042
|
-
if (--desc.refCount === 0) {
|
|
1053
|
+
if (desc && --desc.refCount === 0) {
|
|
1043
1054
|
desc.element.remove();
|
|
1044
1055
|
$ef06256079686ba0$var$descriptionNodes.delete(description);
|
|
1045
1056
|
}
|
|
@@ -1070,7 +1081,7 @@ function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options)
|
|
|
1070
1081
|
let handleEvent = (0, $8ae05eaa5c114e9c$export$7f54fc3180508a52)(handler);
|
|
1071
1082
|
let isDisabled = handler == null;
|
|
1072
1083
|
(0, $12uGp$useEffect)(()=>{
|
|
1073
|
-
if (isDisabled) return;
|
|
1084
|
+
if (isDisabled || !ref.current) return;
|
|
1074
1085
|
let element = ref.current;
|
|
1075
1086
|
element.addEventListener(event, handleEvent, options);
|
|
1076
1087
|
return ()=>{
|
|
@@ -1264,5 +1275,5 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
1264
1275
|
|
|
1265
1276
|
|
|
1266
1277
|
|
|
1267
|
-
export {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $431fbd86ca7dc216$export$b204af158042fbac as getOwnerDocument, $431fbd86ca7dc216$export$f21a1ffae260145a as getOwnerWindow, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $5dc95899b306f630$export$c9058316764c140e as mergeRefs, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $ea8dcbcb9ea1b556$export$95185d699e05d4d7 as openLink, $ea8dcbcb9ea1b556$export$51437d503373d223 as getSyntheticLinkProps, $ea8dcbcb9ea1b556$export$323e4fc2fa4753fb as RouterProvider, $ea8dcbcb9ea1b556$export$efa8c9099e530235 as shouldClientNavigate, $ea8dcbcb9ea1b556$export$9a302a45f65d0572 as useRouter, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $62d8ded9296f3872$export$2bb74740c4e19def as isScrollable, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView, $2f04cbc44ee30ce0$export$c826860796309d1b as scrollIntoViewport, $4507461a1b870123$re_export$clamp as clamp, $4507461a1b870123$re_export$snapValueToStep as snapValueToStep, $6a7db85432448f7f$export$60278871457622de as isVirtualClick, $6a7db85432448f7f$export$29bf1b5f2c56cf63 as isVirtualPointerEvent, $8ae05eaa5c114e9c$export$7f54fc3180508a52 as useEffectEvent, $5a387cc49350e6db$export$722debc0e56fea39 as useDeepMemo, $99facab73266f662$export$5add1d006293d136 as useFormReset};
|
|
1278
|
+
export {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $431fbd86ca7dc216$export$b204af158042fbac as getOwnerDocument, $431fbd86ca7dc216$export$f21a1ffae260145a as getOwnerWindow, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $5dc95899b306f630$export$c9058316764c140e as mergeRefs, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $ea8dcbcb9ea1b556$export$95185d699e05d4d7 as openLink, $ea8dcbcb9ea1b556$export$51437d503373d223 as getSyntheticLinkProps, $ea8dcbcb9ea1b556$export$323e4fc2fa4753fb as RouterProvider, $ea8dcbcb9ea1b556$export$efa8c9099e530235 as shouldClientNavigate, $ea8dcbcb9ea1b556$export$9a302a45f65d0572 as useRouter, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $62d8ded9296f3872$export$2bb74740c4e19def as isScrollable, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $c87311424ea30a05$export$b7d78993b74f766d as isFirefox, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView, $2f04cbc44ee30ce0$export$c826860796309d1b as scrollIntoViewport, $4507461a1b870123$re_export$clamp as clamp, $4507461a1b870123$re_export$snapValueToStep as snapValueToStep, $6a7db85432448f7f$export$60278871457622de as isVirtualClick, $6a7db85432448f7f$export$29bf1b5f2c56cf63 as isVirtualPointerEvent, $8ae05eaa5c114e9c$export$7f54fc3180508a52 as useEffectEvent, $5a387cc49350e6db$export$722debc0e56fea39 as useDeepMemo, $99facab73266f662$export$5add1d006293d136 as useFormReset};
|
|
1268
1279
|
//# sourceMappingURL=module.js.map
|
package/dist/main.js
CHANGED
|
@@ -49,6 +49,7 @@ $parcel$export(module.exports, "isAppleDevice", () => $9e20cff0af27e8cc$export$e
|
|
|
49
49
|
$parcel$export(module.exports, "isWebKit", () => $9e20cff0af27e8cc$export$78551043582a6a98);
|
|
50
50
|
$parcel$export(module.exports, "isChrome", () => $9e20cff0af27e8cc$export$6446a186d09e379e);
|
|
51
51
|
$parcel$export(module.exports, "isAndroid", () => $9e20cff0af27e8cc$export$a11b0059900ceec8);
|
|
52
|
+
$parcel$export(module.exports, "isFirefox", () => $9e20cff0af27e8cc$export$b7d78993b74f766d);
|
|
52
53
|
$parcel$export(module.exports, "useEvent", () => $2a8c0bb1629926c8$export$90fc3a17d93f704c);
|
|
53
54
|
$parcel$export(module.exports, "useValueEffect", () => $19a2307bfabafaf1$export$14d238f342723f25);
|
|
54
55
|
$parcel$export(module.exports, "scrollIntoView", () => $449412113267a1fe$export$53a0910f038337bd);
|
|
@@ -129,7 +130,7 @@ function $1254e5bb94ac8761$export$7f54fc3180508a52(fn) {
|
|
|
129
130
|
// @ts-ignore
|
|
130
131
|
return (0, $1Yh1N$react.useCallback)((...args)=>{
|
|
131
132
|
const f = ref.current;
|
|
132
|
-
return f(...args);
|
|
133
|
+
return f === null || f === void 0 ? void 0 : f(...args);
|
|
133
134
|
}, []);
|
|
134
135
|
}
|
|
135
136
|
|
|
@@ -140,6 +141,7 @@ function $19a2307bfabafaf1$export$14d238f342723f25(defaultValue) {
|
|
|
140
141
|
// Store the function in a ref so we can always access the current version
|
|
141
142
|
// which has the proper `value` in scope.
|
|
142
143
|
let nextRef = (0, $1254e5bb94ac8761$export$7f54fc3180508a52)(()=>{
|
|
144
|
+
if (!effect.current) return;
|
|
143
145
|
// Run the generator to the next yield.
|
|
144
146
|
let newValue = effect.current.next();
|
|
145
147
|
// If the generator is done, reset the effect.
|
|
@@ -382,7 +384,7 @@ function $1117b6c0d4c4c164$var$supportsPreventScroll() {
|
|
|
382
384
|
if ($1117b6c0d4c4c164$var$supportsPreventScrollCached == null) {
|
|
383
385
|
$1117b6c0d4c4c164$var$supportsPreventScrollCached = false;
|
|
384
386
|
try {
|
|
385
|
-
|
|
387
|
+
let focusElem = document.createElement("div");
|
|
386
388
|
focusElem.focus({
|
|
387
389
|
get preventScroll () {
|
|
388
390
|
$1117b6c0d4c4c164$var$supportsPreventScrollCached = true;
|
|
@@ -396,9 +398,9 @@ function $1117b6c0d4c4c164$var$supportsPreventScroll() {
|
|
|
396
398
|
return $1117b6c0d4c4c164$var$supportsPreventScrollCached;
|
|
397
399
|
}
|
|
398
400
|
function $1117b6c0d4c4c164$var$getScrollableElements(element) {
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
401
|
+
let parent = element.parentNode;
|
|
402
|
+
let scrollableElements = [];
|
|
403
|
+
let rootScrollingElement = document.scrollingElement || document.documentElement;
|
|
402
404
|
while(parent instanceof HTMLElement && parent !== rootScrollingElement){
|
|
403
405
|
if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({
|
|
404
406
|
element: parent,
|
|
@@ -617,7 +619,11 @@ let $e8117ebcab55be6a$var$transitionsByElement = new Map();
|
|
|
617
619
|
let $e8117ebcab55be6a$var$transitionCallbacks = new Set();
|
|
618
620
|
function $e8117ebcab55be6a$var$setupGlobalEvents() {
|
|
619
621
|
if (typeof window === "undefined") return;
|
|
622
|
+
function isTransitionEvent(event) {
|
|
623
|
+
return "propertyName" in event;
|
|
624
|
+
}
|
|
620
625
|
let onTransitionStart = (e)=>{
|
|
626
|
+
if (!isTransitionEvent(e) || !e.target) return;
|
|
621
627
|
// Add the transitioning property to the list for this element.
|
|
622
628
|
let transitions = $e8117ebcab55be6a$var$transitionsByElement.get(e.target);
|
|
623
629
|
if (!transitions) {
|
|
@@ -626,11 +632,14 @@ function $e8117ebcab55be6a$var$setupGlobalEvents() {
|
|
|
626
632
|
// The transitioncancel event must be registered on the element itself, rather than as a global
|
|
627
633
|
// event. This enables us to handle when the node is deleted from the document while it is transitioning.
|
|
628
634
|
// In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
|
|
629
|
-
e.target.addEventListener("transitioncancel", onTransitionEnd
|
|
635
|
+
e.target.addEventListener("transitioncancel", onTransitionEnd, {
|
|
636
|
+
once: true
|
|
637
|
+
});
|
|
630
638
|
}
|
|
631
639
|
transitions.add(e.propertyName);
|
|
632
640
|
};
|
|
633
641
|
let onTransitionEnd = (e)=>{
|
|
642
|
+
if (!isTransitionEvent(e) || !e.target) return;
|
|
634
643
|
// Remove property from list of transitioning properties.
|
|
635
644
|
let properties = $e8117ebcab55be6a$var$transitionsByElement.get(e.target);
|
|
636
645
|
if (!properties) return;
|
|
@@ -894,7 +903,7 @@ function $6ec78bde395c477d$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
894
903
|
* governing permissions and limitations under the License.
|
|
895
904
|
*/
|
|
896
905
|
function $475b35fe72ba49b3$export$4338b53315abf666(forwardedRef) {
|
|
897
|
-
const objRef = (0, $1Yh1N$react.useRef)();
|
|
906
|
+
const objRef = (0, $1Yh1N$react.useRef)(null);
|
|
898
907
|
return (0, $1Yh1N$react.useMemo)(()=>({
|
|
899
908
|
get current () {
|
|
900
909
|
return objRef.current;
|
|
@@ -987,7 +996,7 @@ function $6fc733991a9f977c$export$4debdb1a3f0fa79e(context, ref) {
|
|
|
987
996
|
if (context && context.ref && ref) {
|
|
988
997
|
context.ref.current = ref.current;
|
|
989
998
|
return ()=>{
|
|
990
|
-
context.ref.current = null;
|
|
999
|
+
if (context.ref) context.ref.current = null;
|
|
991
1000
|
};
|
|
992
1001
|
}
|
|
993
1002
|
});
|
|
@@ -1004,14 +1013,17 @@ function $6fc733991a9f977c$export$4debdb1a3f0fa79e(context, ref) {
|
|
|
1004
1013
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1005
1014
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1006
1015
|
* governing permissions and limitations under the License.
|
|
1007
|
-
*/ function $d796e7157ac96470$export$cfa2225e87938781(node) {
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1016
|
+
*/ function $d796e7157ac96470$export$cfa2225e87938781(node, checkForOverflow) {
|
|
1017
|
+
let scrollableNode = node;
|
|
1018
|
+
if ($d796e7157ac96470$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
|
|
1019
|
+
while(scrollableNode && !$d796e7157ac96470$export$2bb74740c4e19def(scrollableNode, checkForOverflow))scrollableNode = scrollableNode.parentElement;
|
|
1020
|
+
return scrollableNode || document.scrollingElement || document.documentElement;
|
|
1011
1021
|
}
|
|
1012
|
-
function $d796e7157ac96470$export$2bb74740c4e19def(node) {
|
|
1022
|
+
function $d796e7157ac96470$export$2bb74740c4e19def(node, checkForOverflow) {
|
|
1013
1023
|
let style = window.getComputedStyle(node);
|
|
1014
|
-
|
|
1024
|
+
let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
|
|
1025
|
+
if (isScrollable && checkForOverflow) isScrollable = node.scrollHeight !== node.clientHeight || node.scrollWidth !== node.clientWidth;
|
|
1026
|
+
return isScrollable;
|
|
1015
1027
|
}
|
|
1016
1028
|
|
|
1017
1029
|
|
|
@@ -1055,8 +1067,8 @@ function $8b24bab62f5c65ad$export$d699905dd57c73ca() {
|
|
|
1055
1067
|
}
|
|
1056
1068
|
function $8b24bab62f5c65ad$var$getViewportSize() {
|
|
1057
1069
|
return {
|
|
1058
|
-
width: ($8b24bab62f5c65ad$var$visualViewport === null || $8b24bab62f5c65ad$var$visualViewport === void 0 ? void 0 : $8b24bab62f5c65ad$var$visualViewport.width) || window.innerWidth,
|
|
1059
|
-
height: ($8b24bab62f5c65ad$var$visualViewport === null || $8b24bab62f5c65ad$var$visualViewport === void 0 ? void 0 : $8b24bab62f5c65ad$var$visualViewport.height) || window.innerHeight
|
|
1070
|
+
width: $8b24bab62f5c65ad$var$visualViewport && ($8b24bab62f5c65ad$var$visualViewport === null || $8b24bab62f5c65ad$var$visualViewport === void 0 ? void 0 : $8b24bab62f5c65ad$var$visualViewport.width) || window.innerWidth,
|
|
1071
|
+
height: $8b24bab62f5c65ad$var$visualViewport && ($8b24bab62f5c65ad$var$visualViewport === null || $8b24bab62f5c65ad$var$visualViewport === void 0 ? void 0 : $8b24bab62f5c65ad$var$visualViewport.height) || window.innerHeight
|
|
1060
1072
|
};
|
|
1061
1073
|
}
|
|
1062
1074
|
|
|
@@ -1076,7 +1088,7 @@ function $8b24bab62f5c65ad$var$getViewportSize() {
|
|
|
1076
1088
|
let $34da4502ea8120db$var$descriptionId = 0;
|
|
1077
1089
|
const $34da4502ea8120db$var$descriptionNodes = new Map();
|
|
1078
1090
|
function $34da4502ea8120db$export$f8aeda7b10753fa1(description) {
|
|
1079
|
-
let [id, setId] = (0, $1Yh1N$react.useState)(
|
|
1091
|
+
let [id, setId] = (0, $1Yh1N$react.useState)();
|
|
1080
1092
|
(0, $78605a5d7424e31b$export$e5c5a5f917a5871c)(()=>{
|
|
1081
1093
|
if (!description) return;
|
|
1082
1094
|
let desc = $34da4502ea8120db$var$descriptionNodes.get(description);
|
|
@@ -1096,7 +1108,7 @@ function $34da4502ea8120db$export$f8aeda7b10753fa1(description) {
|
|
|
1096
1108
|
} else setId(desc.element.id);
|
|
1097
1109
|
desc.refCount++;
|
|
1098
1110
|
return ()=>{
|
|
1099
|
-
if (--desc.refCount === 0) {
|
|
1111
|
+
if (desc && --desc.refCount === 0) {
|
|
1100
1112
|
desc.element.remove();
|
|
1101
1113
|
$34da4502ea8120db$var$descriptionNodes.delete(description);
|
|
1102
1114
|
}
|
|
@@ -1127,7 +1139,7 @@ function $2a8c0bb1629926c8$export$90fc3a17d93f704c(ref, event, handler, options)
|
|
|
1127
1139
|
let handleEvent = (0, $1254e5bb94ac8761$export$7f54fc3180508a52)(handler);
|
|
1128
1140
|
let isDisabled = handler == null;
|
|
1129
1141
|
(0, $1Yh1N$react.useEffect)(()=>{
|
|
1130
|
-
if (isDisabled) return;
|
|
1142
|
+
if (isDisabled || !ref.current) return;
|
|
1131
1143
|
let element = ref.current;
|
|
1132
1144
|
element.addEventListener(event, handleEvent, options);
|
|
1133
1145
|
return ()=>{
|