@hanzogui/floating 8.3.0 → 8.3.2
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/cjs/Floating.js +5 -0
- package/dist/cjs/Floating.js.map +1 -0
- package/dist/cjs/index.js +57 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/interactions/PopupTriggerMap.js +33 -0
- package/dist/cjs/interactions/PopupTriggerMap.js.map +1 -0
- package/dist/cjs/interactions/createFloatingEvents.js +31 -0
- package/dist/cjs/interactions/createFloatingEvents.js.map +1 -0
- package/dist/cjs/interactions/safePolygon.js +435 -0
- package/dist/cjs/interactions/safePolygon.js.map +1 -0
- package/dist/cjs/interactions/types.js +3 -0
- package/dist/cjs/interactions/types.js.map +1 -0
- package/dist/cjs/interactions/useClick.js +118 -0
- package/dist/cjs/interactions/useClick.js.map +1 -0
- package/dist/cjs/interactions/useDelayGroup.js +84 -0
- package/dist/cjs/interactions/useDelayGroup.js.map +1 -0
- package/dist/cjs/interactions/useFocus.js +118 -0
- package/dist/cjs/interactions/useFocus.js.map +1 -0
- package/dist/cjs/interactions/useHover.js +357 -0
- package/dist/cjs/interactions/useHover.js.map +1 -0
- package/dist/cjs/interactions/useInnerOffset.js +92 -0
- package/dist/cjs/interactions/useInnerOffset.js.map +1 -0
- package/dist/cjs/interactions/useInteractions.js +88 -0
- package/dist/cjs/interactions/useInteractions.js.map +1 -0
- package/dist/cjs/interactions/useListNavigation.js +447 -0
- package/dist/cjs/interactions/useListNavigation.js.map +1 -0
- package/dist/cjs/interactions/useRole.js +69 -0
- package/dist/cjs/interactions/useRole.js.map +1 -0
- package/dist/cjs/interactions/useTypeahead.js +121 -0
- package/dist/cjs/interactions/useTypeahead.js.map +1 -0
- package/dist/cjs/interactions/utils.js +200 -0
- package/dist/cjs/interactions/utils.js.map +1 -0
- package/dist/cjs/middleware/inner.js +82 -0
- package/dist/cjs/middleware/inner.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/useFloating.js +29 -0
- package/dist/cjs/useFloating.js.map +1 -0
- package/dist/esm/Floating.js +2 -0
- package/dist/esm/Floating.js.map +1 -0
- package/dist/esm/index.js +23 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.js +29 -0
- package/dist/esm/interactions/PopupTriggerMap.js.map +1 -0
- package/dist/esm/interactions/createFloatingEvents.js +28 -0
- package/dist/esm/interactions/createFloatingEvents.js.map +1 -0
- package/dist/esm/interactions/safePolygon.js +432 -0
- package/dist/esm/interactions/safePolygon.js.map +1 -0
- package/dist/esm/interactions/types.js +2 -0
- package/dist/esm/interactions/types.js.map +1 -0
- package/dist/esm/interactions/useClick.js +115 -0
- package/dist/esm/interactions/useClick.js.map +1 -0
- package/dist/esm/interactions/useDelayGroup.js +78 -0
- package/dist/esm/interactions/useDelayGroup.js.map +1 -0
- package/dist/esm/interactions/useFocus.js +115 -0
- package/dist/esm/interactions/useFocus.js.map +1 -0
- package/dist/esm/interactions/useHover.js +352 -0
- package/dist/esm/interactions/useHover.js.map +1 -0
- package/dist/esm/interactions/useInnerOffset.js +88 -0
- package/dist/esm/interactions/useInnerOffset.js.map +1 -0
- package/dist/esm/interactions/useInteractions.js +85 -0
- package/dist/esm/interactions/useInteractions.js.map +1 -0
- package/dist/esm/interactions/useListNavigation.js +444 -0
- package/dist/esm/interactions/useListNavigation.js.map +1 -0
- package/dist/esm/interactions/useRole.js +65 -0
- package/dist/esm/interactions/useRole.js.map +1 -0
- package/dist/esm/interactions/useTypeahead.js +118 -0
- package/dist/esm/interactions/useTypeahead.js.map +1 -0
- package/dist/esm/interactions/utils.js +176 -0
- package/dist/esm/interactions/utils.js.map +1 -0
- package/dist/esm/middleware/inner.js +77 -0
- package/dist/esm/middleware/inner.js.map +1 -0
- package/dist/esm/useFloating.js +24 -0
- package/dist/esm/useFloating.js.map +1 -0
- package/dist/native/Floating.js +5 -0
- package/dist/native/Floating.js.map +1 -0
- package/dist/native/index.js +23 -0
- package/dist/native/index.js.map +1 -0
- package/dist/native/interactions/PopupTriggerMap.js +29 -0
- package/dist/native/interactions/PopupTriggerMap.js.map +1 -0
- package/dist/native/interactions/createFloatingEvents.js +28 -0
- package/dist/native/interactions/createFloatingEvents.js.map +1 -0
- package/dist/native/interactions/safePolygon.js +432 -0
- package/dist/native/interactions/safePolygon.js.map +1 -0
- package/dist/native/interactions/types.js +2 -0
- package/dist/native/interactions/types.js.map +1 -0
- package/dist/native/interactions/useClick.js +115 -0
- package/dist/native/interactions/useClick.js.map +1 -0
- package/dist/native/interactions/useDelayGroup.js +78 -0
- package/dist/native/interactions/useDelayGroup.js.map +1 -0
- package/dist/native/interactions/useFocus.js +115 -0
- package/dist/native/interactions/useFocus.js.map +1 -0
- package/dist/native/interactions/useHover.js +352 -0
- package/dist/native/interactions/useHover.js.map +1 -0
- package/dist/native/interactions/useInnerOffset.js +88 -0
- package/dist/native/interactions/useInnerOffset.js.map +1 -0
- package/dist/native/interactions/useInteractions.js +85 -0
- package/dist/native/interactions/useInteractions.js.map +1 -0
- package/dist/native/interactions/useListNavigation.js +444 -0
- package/dist/native/interactions/useListNavigation.js.map +1 -0
- package/dist/native/interactions/useRole.js +65 -0
- package/dist/native/interactions/useRole.js.map +1 -0
- package/dist/native/interactions/useTypeahead.js +118 -0
- package/dist/native/interactions/useTypeahead.js.map +1 -0
- package/dist/native/interactions/utils.js +176 -0
- package/dist/native/interactions/utils.js.map +1 -0
- package/dist/native/middleware/inner.js +77 -0
- package/dist/native/middleware/inner.js.map +1 -0
- package/dist/native/useFloating.js +24 -0
- package/dist/native/useFloating.js.map +1 -0
- package/package.json +16 -16
- package/src/index.ts +18 -18
- package/src/interactions/safePolygon.ts +2 -2
- package/src/interactions/types.ts +2 -2
- package/src/interactions/useClick.ts +2 -2
- package/src/interactions/useDelayGroup.ts +1 -1
- package/src/interactions/useFocus.ts +2 -2
- package/src/interactions/useHover.ts +2 -2
- package/src/interactions/useInnerOffset.ts +1 -1
- package/src/interactions/useInteractions.ts +1 -1
- package/src/interactions/useListNavigation.ts +2 -2
- package/src/interactions/useRole.ts +1 -1
- package/src/interactions/useTypeahead.ts +6 -2
- package/src/useFloating.tsx +2 -2
- package/types/index.d.ts +18 -18
- package/types/index.d.ts.map +1 -1
- package/types/interactions/PopupTriggerMap.d.ts.map +1 -1
- package/types/interactions/safePolygon.d.ts +1 -1
- package/types/interactions/safePolygon.d.ts.map +1 -1
- package/types/interactions/types.d.ts +2 -2
- package/types/interactions/types.d.ts.map +1 -1
- package/types/interactions/useClick.d.ts +1 -1
- package/types/interactions/useClick.d.ts.map +1 -1
- package/types/interactions/useDelayGroup.d.ts +1 -1
- package/types/interactions/useDelayGroup.d.ts.map +1 -1
- package/types/interactions/useFocus.d.ts +1 -1
- package/types/interactions/useFocus.d.ts.map +1 -1
- package/types/interactions/useHover.d.ts +1 -1
- package/types/interactions/useHover.d.ts.map +1 -1
- package/types/interactions/useInnerOffset.d.ts +1 -1
- package/types/interactions/useInnerOffset.d.ts.map +1 -1
- package/types/interactions/useInteractions.d.ts +1 -1
- package/types/interactions/useInteractions.d.ts.map +1 -1
- package/types/interactions/useListNavigation.d.ts +1 -1
- package/types/interactions/useListNavigation.d.ts.map +1 -1
- package/types/interactions/useRole.d.ts +1 -1
- package/types/interactions/useRole.d.ts.map +1 -1
- package/types/interactions/useTypeahead.d.ts +1 -1
- package/types/interactions/useTypeahead.d.ts.map +1 -1
- package/types/middleware/inner.d.ts.map +1 -1
- package/types/useFloating.d.ts +2 -2
- package/types/useFloating.d.ts.map +1 -1
- package/dist/cjs/Floating.cjs +0 -20
- package/dist/cjs/Floating.native.js +0 -39
- package/dist/cjs/Floating.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -73
- package/dist/cjs/index.native.js +0 -76
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +0 -49
- package/dist/cjs/interactions/PopupTriggerMap.native.js +0 -97
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +0 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +0 -50
- package/dist/cjs/interactions/createFloatingEvents.native.js +0 -56
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +0 -1
- package/dist/cjs/interactions/safePolygon.cjs +0 -273
- package/dist/cjs/interactions/safePolygon.native.js +0 -284
- package/dist/cjs/interactions/safePolygon.native.js.map +0 -1
- package/dist/cjs/interactions/types.cjs +0 -18
- package/dist/cjs/interactions/types.native.js +0 -21
- package/dist/cjs/interactions/types.native.js.map +0 -1
- package/dist/cjs/interactions/useClick.cjs +0 -124
- package/dist/cjs/interactions/useClick.native.js +0 -132
- package/dist/cjs/interactions/useClick.native.js.map +0 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +0 -115
- package/dist/cjs/interactions/useDelayGroup.native.js +0 -125
- package/dist/cjs/interactions/useDelayGroup.native.js.map +0 -1
- package/dist/cjs/interactions/useFocus.cjs +0 -130
- package/dist/cjs/interactions/useFocus.native.js +0 -139
- package/dist/cjs/interactions/useFocus.native.js.map +0 -1
- package/dist/cjs/interactions/useHover.cjs +0 -357
- package/dist/cjs/interactions/useHover.native.js +0 -373
- package/dist/cjs/interactions/useHover.native.js.map +0 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +0 -128
- package/dist/cjs/interactions/useInnerOffset.native.js +0 -141
- package/dist/cjs/interactions/useInnerOffset.native.js.map +0 -1
- package/dist/cjs/interactions/useInteractions.cjs +0 -105
- package/dist/cjs/interactions/useInteractions.native.js +0 -216
- package/dist/cjs/interactions/useInteractions.native.js.map +0 -1
- package/dist/cjs/interactions/useListNavigation.cjs +0 -418
- package/dist/cjs/interactions/useListNavigation.native.js +0 -433
- package/dist/cjs/interactions/useListNavigation.native.js.map +0 -1
- package/dist/cjs/interactions/useRole.cjs +0 -122
- package/dist/cjs/interactions/useRole.native.js +0 -136
- package/dist/cjs/interactions/useRole.native.js.map +0 -1
- package/dist/cjs/interactions/useTypeahead.cjs +0 -143
- package/dist/cjs/interactions/useTypeahead.native.js +0 -159
- package/dist/cjs/interactions/useTypeahead.native.js.map +0 -1
- package/dist/cjs/interactions/utils.cjs +0 -208
- package/dist/cjs/interactions/utils.native.js +0 -227
- package/dist/cjs/interactions/utils.native.js.map +0 -1
- package/dist/cjs/middleware/inner.cjs +0 -118
- package/dist/cjs/middleware/inner.native.js +0 -130
- package/dist/cjs/middleware/inner.native.js.map +0 -1
- package/dist/cjs/useFloating.cjs +0 -64
- package/dist/cjs/useFloating.native.js +0 -69
- package/dist/cjs/useFloating.native.js.map +0 -1
- package/dist/esm/Floating.mjs +0 -2
- package/dist/esm/Floating.mjs.map +0 -1
- package/dist/esm/Floating.native.js +0 -8
- package/dist/esm/Floating.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -18
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -18
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/interactions/PopupTriggerMap.mjs +0 -24
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +0 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +0 -69
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +0 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +0 -25
- package/dist/esm/interactions/createFloatingEvents.mjs.map +0 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +0 -28
- package/dist/esm/interactions/createFloatingEvents.native.js.map +0 -1
- package/dist/esm/interactions/safePolygon.mjs +0 -248
- package/dist/esm/interactions/safePolygon.mjs.map +0 -1
- package/dist/esm/interactions/safePolygon.native.js +0 -256
- package/dist/esm/interactions/safePolygon.native.js.map +0 -1
- package/dist/esm/interactions/types.mjs +0 -2
- package/dist/esm/interactions/types.mjs.map +0 -1
- package/dist/esm/interactions/types.native.js +0 -2
- package/dist/esm/interactions/types.native.js.map +0 -1
- package/dist/esm/interactions/useClick.mjs +0 -99
- package/dist/esm/interactions/useClick.mjs.map +0 -1
- package/dist/esm/interactions/useClick.native.js +0 -104
- package/dist/esm/interactions/useClick.native.js.map +0 -1
- package/dist/esm/interactions/useDelayGroup.mjs +0 -77
- package/dist/esm/interactions/useDelayGroup.mjs.map +0 -1
- package/dist/esm/interactions/useDelayGroup.native.js +0 -84
- package/dist/esm/interactions/useDelayGroup.native.js.map +0 -1
- package/dist/esm/interactions/useFocus.mjs +0 -105
- package/dist/esm/interactions/useFocus.mjs.map +0 -1
- package/dist/esm/interactions/useFocus.native.js +0 -111
- package/dist/esm/interactions/useFocus.native.js.map +0 -1
- package/dist/esm/interactions/useHover.mjs +0 -320
- package/dist/esm/interactions/useHover.mjs.map +0 -1
- package/dist/esm/interactions/useHover.native.js +0 -333
- package/dist/esm/interactions/useHover.native.js.map +0 -1
- package/dist/esm/interactions/useInnerOffset.mjs +0 -92
- package/dist/esm/interactions/useInnerOffset.mjs.map +0 -1
- package/dist/esm/interactions/useInnerOffset.native.js +0 -102
- package/dist/esm/interactions/useInnerOffset.native.js.map +0 -1
- package/dist/esm/interactions/useInteractions.mjs +0 -80
- package/dist/esm/interactions/useInteractions.mjs.map +0 -1
- package/dist/esm/interactions/useInteractions.native.js +0 -188
- package/dist/esm/interactions/useInteractions.native.js.map +0 -1
- package/dist/esm/interactions/useListNavigation.mjs +0 -393
- package/dist/esm/interactions/useListNavigation.mjs.map +0 -1
- package/dist/esm/interactions/useListNavigation.native.js +0 -405
- package/dist/esm/interactions/useListNavigation.native.js.map +0 -1
- package/dist/esm/interactions/useRole.mjs +0 -86
- package/dist/esm/interactions/useRole.mjs.map +0 -1
- package/dist/esm/interactions/useRole.native.js +0 -97
- package/dist/esm/interactions/useRole.native.js.map +0 -1
- package/dist/esm/interactions/useTypeahead.mjs +0 -118
- package/dist/esm/interactions/useTypeahead.mjs.map +0 -1
- package/dist/esm/interactions/useTypeahead.native.js +0 -131
- package/dist/esm/interactions/useTypeahead.native.js.map +0 -1
- package/dist/esm/interactions/utils.mjs +0 -162
- package/dist/esm/interactions/utils.mjs.map +0 -1
- package/dist/esm/interactions/utils.native.js +0 -178
- package/dist/esm/interactions/utils.native.js.map +0 -1
- package/dist/esm/middleware/inner.mjs +0 -82
- package/dist/esm/middleware/inner.mjs.map +0 -1
- package/dist/esm/middleware/inner.native.js +0 -91
- package/dist/esm/middleware/inner.native.js.map +0 -1
- package/dist/esm/useFloating.mjs +0 -27
- package/dist/esm/useFloating.mjs.map +0 -1
- package/dist/esm/useFloating.native.js +0 -29
- package/dist/esm/useFloating.native.js.map +0 -1
|
@@ -1,333 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { useEvent } from "@hanzogui/use-event";
|
|
3
|
-
import { clearTimeoutIfSet, contains, getDocument, isElement, isMouseLikePointerType } from "./utils.native.js";
|
|
4
|
-
var safePolygonIdentifier = "data-floating-ui-safe-polygon";
|
|
5
|
-
function getDelay(value, prop, pointerType) {
|
|
6
|
-
if (pointerType && !isMouseLikePointerType(pointerType)) {
|
|
7
|
-
return 0;
|
|
8
|
-
}
|
|
9
|
-
if (typeof value === "number") {
|
|
10
|
-
return value;
|
|
11
|
-
}
|
|
12
|
-
return value === null || value === void 0 ? void 0 : value[prop];
|
|
13
|
-
}
|
|
14
|
-
function useHover(context) {
|
|
15
|
-
var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
16
|
-
var {
|
|
17
|
-
open,
|
|
18
|
-
onOpenChange,
|
|
19
|
-
dataRef,
|
|
20
|
-
events,
|
|
21
|
-
elements
|
|
22
|
-
} = context;
|
|
23
|
-
var {
|
|
24
|
-
enabled = true,
|
|
25
|
-
delay = 0,
|
|
26
|
-
handleClose = null,
|
|
27
|
-
mouseOnly = false,
|
|
28
|
-
restMs = 0,
|
|
29
|
-
move = true
|
|
30
|
-
} = props;
|
|
31
|
-
var handleCloseRef = React.useRef(handleClose);
|
|
32
|
-
handleCloseRef.current = handleClose;
|
|
33
|
-
var delayRef = React.useRef(delay);
|
|
34
|
-
delayRef.current = delay;
|
|
35
|
-
var openRef = React.useRef(open);
|
|
36
|
-
openRef.current = open;
|
|
37
|
-
var restMsRef = React.useRef(restMs);
|
|
38
|
-
restMsRef.current = restMs;
|
|
39
|
-
var stableOnOpenChange = useEvent(onOpenChange);
|
|
40
|
-
var pointerTypeRef = React.useRef(void 0);
|
|
41
|
-
var timeoutRef = React.useRef(-1);
|
|
42
|
-
var handlerRef = React.useRef(void 0);
|
|
43
|
-
var restTimeoutRef = React.useRef(-1);
|
|
44
|
-
var blockMouseMoveRef = React.useRef(true);
|
|
45
|
-
var performedPointerEventsMutationRef = React.useRef(false);
|
|
46
|
-
var unbindMouseMoveRef = React.useRef(function () {});
|
|
47
|
-
var restTimeoutPendingRef = React.useRef(false);
|
|
48
|
-
var isHoverOpen = useEvent(function () {
|
|
49
|
-
var _dataRef_current_openEvent;
|
|
50
|
-
var type = (_dataRef_current_openEvent = dataRef.current.openEvent) === null || _dataRef_current_openEvent === void 0 ? void 0 : _dataRef_current_openEvent.type;
|
|
51
|
-
return (type === null || type === void 0 ? void 0 : type.includes("mouse")) && type !== "mousedown";
|
|
52
|
-
});
|
|
53
|
-
React.useEffect(function () {
|
|
54
|
-
if (!enabled) return;
|
|
55
|
-
if (!events) return;
|
|
56
|
-
function onOpenChange2(param) {
|
|
57
|
-
var {
|
|
58
|
-
open: open2
|
|
59
|
-
} = param;
|
|
60
|
-
if (!open2) {
|
|
61
|
-
clearTimeoutIfSet(timeoutRef);
|
|
62
|
-
clearTimeoutIfSet(restTimeoutRef);
|
|
63
|
-
blockMouseMoveRef.current = true;
|
|
64
|
-
restTimeoutPendingRef.current = false;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
events.on("openchange", onOpenChange2);
|
|
68
|
-
return function () {
|
|
69
|
-
events.off("openchange", onOpenChange2);
|
|
70
|
-
};
|
|
71
|
-
}, [enabled, events]);
|
|
72
|
-
var closeWithDelay = useEvent(function (event) {
|
|
73
|
-
var runElseBranch = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true,
|
|
74
|
-
reason = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "hover";
|
|
75
|
-
var closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
|
|
76
|
-
if (closeDelay && !handlerRef.current) {
|
|
77
|
-
clearTimeoutIfSet(timeoutRef);
|
|
78
|
-
timeoutRef.current = window.setTimeout(function () {
|
|
79
|
-
return stableOnOpenChange(false, event, reason);
|
|
80
|
-
}, closeDelay);
|
|
81
|
-
} else if (runElseBranch) {
|
|
82
|
-
clearTimeoutIfSet(timeoutRef);
|
|
83
|
-
stableOnOpenChange(false, event, reason);
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
var cleanupMouseMoveHandler = useEvent(function () {
|
|
87
|
-
unbindMouseMoveRef.current();
|
|
88
|
-
handlerRef.current = void 0;
|
|
89
|
-
if (context.handleCloseActiveRef) {
|
|
90
|
-
context.handleCloseActiveRef.current = false;
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
var clearPointerEvents = useEvent(function () {
|
|
94
|
-
if (performedPointerEventsMutationRef.current) {
|
|
95
|
-
var body = getDocument(elements.floating).body;
|
|
96
|
-
body.style.pointerEvents = "";
|
|
97
|
-
body.removeAttribute(safePolygonIdentifier);
|
|
98
|
-
performedPointerEventsMutationRef.current = false;
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
var isClickLikeOpenEvent = useEvent(function () {
|
|
102
|
-
return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
|
|
103
|
-
});
|
|
104
|
-
React.useEffect(function () {
|
|
105
|
-
if (!enabled) return;
|
|
106
|
-
function onReferenceMouseEnter(event) {
|
|
107
|
-
clearTimeoutIfSet(timeoutRef);
|
|
108
|
-
blockMouseMoveRef.current = false;
|
|
109
|
-
if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMsRef.current > 0 && !getDelay(delayRef.current, "open")) {
|
|
110
|
-
return;
|
|
111
|
-
}
|
|
112
|
-
var openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
|
|
113
|
-
if (openDelay) {
|
|
114
|
-
timeoutRef.current = window.setTimeout(function () {
|
|
115
|
-
if (!openRef.current) {
|
|
116
|
-
stableOnOpenChange(true, event, "hover");
|
|
117
|
-
}
|
|
118
|
-
}, openDelay);
|
|
119
|
-
} else if (!open) {
|
|
120
|
-
stableOnOpenChange(true, event, "hover");
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
function onReferenceMouseLeave(event) {
|
|
124
|
-
var _context_triggerElements;
|
|
125
|
-
if (isClickLikeOpenEvent()) {
|
|
126
|
-
clearPointerEvents();
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {
|
|
130
|
-
return;
|
|
131
|
-
}
|
|
132
|
-
unbindMouseMoveRef.current();
|
|
133
|
-
var doc = getDocument(elements.floating);
|
|
134
|
-
clearTimeoutIfSet(restTimeoutRef);
|
|
135
|
-
restTimeoutPendingRef.current = false;
|
|
136
|
-
if (handleCloseRef.current) {
|
|
137
|
-
if (!open) {
|
|
138
|
-
clearTimeoutIfSet(timeoutRef);
|
|
139
|
-
}
|
|
140
|
-
var placement = dataRef.current.placement || "bottom";
|
|
141
|
-
var reference3 = elements.domReference;
|
|
142
|
-
var floating2 = elements.floating;
|
|
143
|
-
if (!reference3 || !floating2) return;
|
|
144
|
-
handlerRef.current = handleCloseRef.current({
|
|
145
|
-
x: event.clientX,
|
|
146
|
-
y: event.clientY,
|
|
147
|
-
placement,
|
|
148
|
-
elements: {
|
|
149
|
-
reference: reference3,
|
|
150
|
-
floating: floating2,
|
|
151
|
-
domReference: reference3
|
|
152
|
-
},
|
|
153
|
-
onClose() {
|
|
154
|
-
if (context.handleCloseActiveRef) {
|
|
155
|
-
context.handleCloseActiveRef.current = false;
|
|
156
|
-
}
|
|
157
|
-
clearPointerEvents();
|
|
158
|
-
cleanupMouseMoveHandler();
|
|
159
|
-
if (!isClickLikeOpenEvent()) {
|
|
160
|
-
closeWithDelay(event, true, "safe-polygon");
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
if (context.handleCloseActiveRef) {
|
|
165
|
-
context.handleCloseActiveRef.current = true;
|
|
166
|
-
}
|
|
167
|
-
var handler = handlerRef.current;
|
|
168
|
-
doc.addEventListener("mousemove", handler);
|
|
169
|
-
unbindMouseMoveRef.current = function () {
|
|
170
|
-
doc.removeEventListener("mousemove", handler);
|
|
171
|
-
};
|
|
172
|
-
return;
|
|
173
|
-
}
|
|
174
|
-
var shouldClose = pointerTypeRef.current === "touch" ? !contains(elements.floating, event.relatedTarget) : true;
|
|
175
|
-
if (shouldClose) {
|
|
176
|
-
closeWithDelay(event);
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
function onScrollMouseLeave(event) {
|
|
180
|
-
var _context_triggerElements, _handleCloseRef_current;
|
|
181
|
-
if (isClickLikeOpenEvent()) return;
|
|
182
|
-
if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {
|
|
183
|
-
return;
|
|
184
|
-
}
|
|
185
|
-
var placement = dataRef.current.placement || "bottom";
|
|
186
|
-
var reference3 = elements.domReference;
|
|
187
|
-
var floating2 = elements.floating;
|
|
188
|
-
if (!reference3 || !floating2) return;
|
|
189
|
-
(_handleCloseRef_current = handleCloseRef.current) === null || _handleCloseRef_current === void 0 ? void 0 : _handleCloseRef_current.call(handleCloseRef, {
|
|
190
|
-
x: event.clientX,
|
|
191
|
-
y: event.clientY,
|
|
192
|
-
placement,
|
|
193
|
-
elements: {
|
|
194
|
-
reference: reference3,
|
|
195
|
-
floating: floating2,
|
|
196
|
-
domReference: reference3
|
|
197
|
-
},
|
|
198
|
-
onClose() {
|
|
199
|
-
clearPointerEvents();
|
|
200
|
-
cleanupMouseMoveHandler();
|
|
201
|
-
if (!isClickLikeOpenEvent()) {
|
|
202
|
-
closeWithDelay(event);
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
})(event);
|
|
206
|
-
}
|
|
207
|
-
function onFloatingMouseEnter() {
|
|
208
|
-
clearTimeoutIfSet(timeoutRef);
|
|
209
|
-
}
|
|
210
|
-
function onFloatingMouseLeave(event) {
|
|
211
|
-
var _context_triggerElements;
|
|
212
|
-
if (isClickLikeOpenEvent()) return;
|
|
213
|
-
if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {
|
|
214
|
-
return;
|
|
215
|
-
}
|
|
216
|
-
closeWithDelay(event, false);
|
|
217
|
-
}
|
|
218
|
-
if (isElement(elements.domReference)) {
|
|
219
|
-
var reference2 = elements.domReference;
|
|
220
|
-
var floating = elements.floating;
|
|
221
|
-
if (open) {
|
|
222
|
-
reference2.addEventListener("mouseleave", onScrollMouseLeave);
|
|
223
|
-
}
|
|
224
|
-
if (move) {
|
|
225
|
-
reference2.addEventListener("mousemove", onReferenceMouseEnter, {
|
|
226
|
-
once: true
|
|
227
|
-
});
|
|
228
|
-
}
|
|
229
|
-
reference2.addEventListener("mouseenter", onReferenceMouseEnter);
|
|
230
|
-
reference2.addEventListener("mouseleave", onReferenceMouseLeave);
|
|
231
|
-
if (floating) {
|
|
232
|
-
floating.addEventListener("mouseleave", onScrollMouseLeave);
|
|
233
|
-
floating.addEventListener("mouseenter", onFloatingMouseEnter);
|
|
234
|
-
floating.addEventListener("mouseleave", onFloatingMouseLeave);
|
|
235
|
-
}
|
|
236
|
-
return function () {
|
|
237
|
-
if (open) {
|
|
238
|
-
reference2.removeEventListener("mouseleave", onScrollMouseLeave);
|
|
239
|
-
}
|
|
240
|
-
if (move) {
|
|
241
|
-
reference2.removeEventListener("mousemove", onReferenceMouseEnter);
|
|
242
|
-
}
|
|
243
|
-
reference2.removeEventListener("mouseenter", onReferenceMouseEnter);
|
|
244
|
-
reference2.removeEventListener("mouseleave", onReferenceMouseLeave);
|
|
245
|
-
if (floating) {
|
|
246
|
-
floating.removeEventListener("mouseleave", onScrollMouseLeave);
|
|
247
|
-
floating.removeEventListener("mouseenter", onFloatingMouseEnter);
|
|
248
|
-
floating.removeEventListener("mouseleave", onFloatingMouseLeave);
|
|
249
|
-
}
|
|
250
|
-
cleanupMouseMoveHandler();
|
|
251
|
-
};
|
|
252
|
-
}
|
|
253
|
-
}, [elements, enabled, context, mouseOnly, move, open, dataRef]);
|
|
254
|
-
React.useLayoutEffect(function () {
|
|
255
|
-
var _handleCloseRef_current___options, _handleCloseRef_current;
|
|
256
|
-
if (!enabled) return;
|
|
257
|
-
if (open && ((_handleCloseRef_current = handleCloseRef.current) === null || _handleCloseRef_current === void 0 ? void 0 : (_handleCloseRef_current___options = _handleCloseRef_current.__options) === null || _handleCloseRef_current___options === void 0 ? void 0 : _handleCloseRef_current___options.blockPointerEvents) && isHoverOpen()) {
|
|
258
|
-
performedPointerEventsMutationRef.current = true;
|
|
259
|
-
var floatingEl = elements.floating;
|
|
260
|
-
if (isElement(elements.domReference) && floatingEl) {
|
|
261
|
-
var body = getDocument(elements.floating).body;
|
|
262
|
-
body.setAttribute(safePolygonIdentifier, "");
|
|
263
|
-
var ref = elements.domReference;
|
|
264
|
-
body.style.pointerEvents = "none";
|
|
265
|
-
ref.style.pointerEvents = "auto";
|
|
266
|
-
floatingEl.style.pointerEvents = "auto";
|
|
267
|
-
return function () {
|
|
268
|
-
body.style.pointerEvents = "";
|
|
269
|
-
ref.style.pointerEvents = "";
|
|
270
|
-
floatingEl.style.pointerEvents = "";
|
|
271
|
-
};
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
}, [enabled, open, elements, isHoverOpen]);
|
|
275
|
-
React.useLayoutEffect(function () {
|
|
276
|
-
if (!open) {
|
|
277
|
-
pointerTypeRef.current = void 0;
|
|
278
|
-
restTimeoutPendingRef.current = false;
|
|
279
|
-
cleanupMouseMoveHandler();
|
|
280
|
-
clearPointerEvents();
|
|
281
|
-
}
|
|
282
|
-
}, [open]);
|
|
283
|
-
React.useEffect(function () {
|
|
284
|
-
return function () {
|
|
285
|
-
cleanupMouseMoveHandler();
|
|
286
|
-
clearTimeoutIfSet(timeoutRef);
|
|
287
|
-
clearTimeoutIfSet(restTimeoutRef);
|
|
288
|
-
clearPointerEvents();
|
|
289
|
-
};
|
|
290
|
-
}, [enabled, elements.domReference]);
|
|
291
|
-
var reference = React.useMemo(function () {
|
|
292
|
-
function setPointerRef(event) {
|
|
293
|
-
pointerTypeRef.current = event.pointerType;
|
|
294
|
-
}
|
|
295
|
-
return {
|
|
296
|
-
onPointerDown: setPointerRef,
|
|
297
|
-
onPointerEnter: setPointerRef,
|
|
298
|
-
onMouseMove(event) {
|
|
299
|
-
var {
|
|
300
|
-
nativeEvent
|
|
301
|
-
} = event;
|
|
302
|
-
function handleMouseMove() {
|
|
303
|
-
if (!blockMouseMoveRef.current && !openRef.current) {
|
|
304
|
-
stableOnOpenChange(true, nativeEvent, "hover");
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {
|
|
308
|
-
return;
|
|
309
|
-
}
|
|
310
|
-
if (open || restMsRef.current === 0) {
|
|
311
|
-
return;
|
|
312
|
-
}
|
|
313
|
-
if (restTimeoutPendingRef.current && Math.pow(event.movementX, 2) + Math.pow(event.movementY, 2) < 2) {
|
|
314
|
-
return;
|
|
315
|
-
}
|
|
316
|
-
clearTimeoutIfSet(restTimeoutRef);
|
|
317
|
-
if (pointerTypeRef.current === "touch") {
|
|
318
|
-
handleMouseMove();
|
|
319
|
-
} else {
|
|
320
|
-
restTimeoutPendingRef.current = true;
|
|
321
|
-
restTimeoutRef.current = window.setTimeout(handleMouseMove, restMsRef.current);
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
};
|
|
325
|
-
}, [mouseOnly, open]);
|
|
326
|
-
return React.useMemo(function () {
|
|
327
|
-
return enabled ? {
|
|
328
|
-
reference
|
|
329
|
-
} : {};
|
|
330
|
-
}, [enabled, reference]);
|
|
331
|
-
}
|
|
332
|
-
export { getDelay, useHover };
|
|
333
|
-
//# sourceMappingURL=useHover.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEvent","clearTimeoutIfSet","contains","getDocument","isElement","isMouseLikePointerType","safePolygonIdentifier","getDelay","value","prop","pointerType","useHover","context","props","arguments","length","open","onOpenChange","dataRef","events","elements","enabled","delay","handleClose","mouseOnly","restMs","move","handleCloseRef","useRef","current","delayRef","openRef","restMsRef","stableOnOpenChange","pointerTypeRef","timeoutRef","handlerRef","restTimeoutRef","blockMouseMoveRef","performedPointerEventsMutationRef","unbindMouseMoveRef","restTimeoutPendingRef","isHoverOpen","_dataRef_current_openEvent","type","openEvent","includes","useEffect","onOpenChange2","param","open2","on","closeWithDelay","event","runElseBranch","reason","closeDelay","window","setTimeout","cleanupMouseMoveHandler","handleCloseActiveRef","clearPointerEvents","body","floating","style","pointerEvents","removeAttribute","isClickLikeOpenEvent","onReferenceMouseEnter","openDelay","onReferenceMouseLeave","_context_triggerElements","triggerElements","hasElement","relatedTarget","doc","placement","reference3","domReference","floating2","x","clientX","y","clientY","reference","onClose","handler","addEventListener","removeEventListener","shouldClose","onScrollMouseLeave","_handleCloseRef_current","call","onFloatingMouseEnter","onFloatingMouseLeave","reference2","once","useLayoutEffect","_handleCloseRef_current___options","__options","blockPointerEvents","floatingEl","setAttribute","ref","useMemo","setPointerRef","onPointerDown","onPointerEnter","onMouseMove","nativeEvent","handleMouseMove","Math","pow","movementX","movementY"],"sources":["../../../src/interactions/useHover.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as ReactDOM from "react-dom";
|
|
3
|
-
import { useEvent } from "@hanzogui/use-event";
|
|
4
|
-
function useInnerOffset(context, props) {
|
|
5
|
-
const {
|
|
6
|
-
open,
|
|
7
|
-
elements
|
|
8
|
-
} = context;
|
|
9
|
-
const {
|
|
10
|
-
enabled = true,
|
|
11
|
-
overflowRef,
|
|
12
|
-
scrollRef,
|
|
13
|
-
onChange: unstable_onChange
|
|
14
|
-
} = props;
|
|
15
|
-
const onChange = useEvent(unstable_onChange);
|
|
16
|
-
const controlledScrollingRef = React.useRef(false);
|
|
17
|
-
const prevScrollTopRef = React.useRef(null);
|
|
18
|
-
const initialOverflowRef = React.useRef(null);
|
|
19
|
-
React.useEffect(() => {
|
|
20
|
-
if (!enabled) return;
|
|
21
|
-
function onWheel(e) {
|
|
22
|
-
if (e.ctrlKey || !el || overflowRef.current == null) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
const dY = e.deltaY;
|
|
26
|
-
const isAtTop = overflowRef.current.top >= -0.5;
|
|
27
|
-
const isAtBottom = overflowRef.current.bottom >= -0.5;
|
|
28
|
-
const remainingScroll = el.scrollHeight - el.clientHeight;
|
|
29
|
-
const sign = dY < 0 ? -1 : 1;
|
|
30
|
-
const method = dY < 0 ? "max" : "min";
|
|
31
|
-
if (el.scrollHeight <= el.clientHeight) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {
|
|
35
|
-
e.preventDefault();
|
|
36
|
-
ReactDOM.flushSync(() => {
|
|
37
|
-
onChange(d => d + Math[method](dY, remainingScroll * sign));
|
|
38
|
-
});
|
|
39
|
-
} else if (/firefox/i.test(navigator.userAgent)) {
|
|
40
|
-
el.scrollTop += dY;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
const el = scrollRef?.current || elements.floating;
|
|
44
|
-
if (open && el) {
|
|
45
|
-
el.addEventListener("wheel", onWheel);
|
|
46
|
-
requestAnimationFrame(() => {
|
|
47
|
-
prevScrollTopRef.current = el.scrollTop;
|
|
48
|
-
if (overflowRef.current != null) {
|
|
49
|
-
initialOverflowRef.current = {
|
|
50
|
-
...overflowRef.current
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
return () => {
|
|
55
|
-
prevScrollTopRef.current = null;
|
|
56
|
-
initialOverflowRef.current = null;
|
|
57
|
-
el.removeEventListener("wheel", onWheel);
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
}, [enabled, open, elements.floating, overflowRef, scrollRef, onChange]);
|
|
61
|
-
const floating = React.useMemo(() => ({
|
|
62
|
-
onKeyDown() {
|
|
63
|
-
controlledScrollingRef.current = true;
|
|
64
|
-
},
|
|
65
|
-
onWheel() {
|
|
66
|
-
controlledScrollingRef.current = false;
|
|
67
|
-
},
|
|
68
|
-
onPointerMove() {
|
|
69
|
-
controlledScrollingRef.current = false;
|
|
70
|
-
},
|
|
71
|
-
onScroll() {
|
|
72
|
-
const el = scrollRef?.current || elements.floating;
|
|
73
|
-
if (!overflowRef.current || !el || !controlledScrollingRef.current) {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
if (prevScrollTopRef.current !== null) {
|
|
77
|
-
const scrollDiff = el.scrollTop - prevScrollTopRef.current;
|
|
78
|
-
if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {
|
|
79
|
-
ReactDOM.flushSync(() => onChange(d => d + scrollDiff));
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
requestAnimationFrame(() => {
|
|
83
|
-
prevScrollTopRef.current = el.scrollTop;
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
}), [elements.floating, onChange, overflowRef, scrollRef]);
|
|
87
|
-
return React.useMemo(() => enabled ? {
|
|
88
|
-
floating
|
|
89
|
-
} : {}, [enabled, floating]);
|
|
90
|
-
}
|
|
91
|
-
export { useInnerOffset };
|
|
92
|
-
//# sourceMappingURL=useInnerOffset.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","ReactDOM","useEvent","useInnerOffset","context","props","open","elements","enabled","overflowRef","scrollRef","onChange","unstable_onChange","controlledScrollingRef","useRef","prevScrollTopRef","initialOverflowRef","useEffect","onWheel","e","ctrlKey","el","current","dY","deltaY","isAtTop","top","isAtBottom","bottom","remainingScroll","scrollHeight","clientHeight","sign","method","preventDefault","flushSync","d","Math","test","navigator","userAgent","scrollTop","floating","addEventListener","requestAnimationFrame","removeEventListener","useMemo","onKeyDown","onPointerMove","onScroll","scrollDiff"],"sources":["../../../src/interactions/useInnerOffset.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as ReactDOM from "react-dom";
|
|
3
|
-
import { useEvent } from "@hanzogui/use-event";
|
|
4
|
-
function useInnerOffset(context, props) {
|
|
5
|
-
var {
|
|
6
|
-
open,
|
|
7
|
-
elements
|
|
8
|
-
} = context;
|
|
9
|
-
var {
|
|
10
|
-
enabled = true,
|
|
11
|
-
overflowRef,
|
|
12
|
-
scrollRef,
|
|
13
|
-
onChange: unstable_onChange
|
|
14
|
-
} = props;
|
|
15
|
-
var onChange = useEvent(unstable_onChange);
|
|
16
|
-
var controlledScrollingRef = React.useRef(false);
|
|
17
|
-
var prevScrollTopRef = React.useRef(null);
|
|
18
|
-
var initialOverflowRef = React.useRef(null);
|
|
19
|
-
React.useEffect(function () {
|
|
20
|
-
if (!enabled) return;
|
|
21
|
-
function onWheel(e) {
|
|
22
|
-
if (e.ctrlKey || !el || overflowRef.current == null) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
var dY = e.deltaY;
|
|
26
|
-
var isAtTop = overflowRef.current.top >= -0.5;
|
|
27
|
-
var isAtBottom = overflowRef.current.bottom >= -0.5;
|
|
28
|
-
var remainingScroll = el.scrollHeight - el.clientHeight;
|
|
29
|
-
var sign = dY < 0 ? -1 : 1;
|
|
30
|
-
var method = dY < 0 ? "max" : "min";
|
|
31
|
-
if (el.scrollHeight <= el.clientHeight) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {
|
|
35
|
-
e.preventDefault();
|
|
36
|
-
ReactDOM.flushSync(function () {
|
|
37
|
-
onChange(function (d) {
|
|
38
|
-
return d + Math[method](dY, remainingScroll * sign);
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
} else if (/firefox/i.test(navigator.userAgent)) {
|
|
42
|
-
el.scrollTop += dY;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;
|
|
46
|
-
if (open && el) {
|
|
47
|
-
el.addEventListener("wheel", onWheel);
|
|
48
|
-
requestAnimationFrame(function () {
|
|
49
|
-
prevScrollTopRef.current = el.scrollTop;
|
|
50
|
-
if (overflowRef.current != null) {
|
|
51
|
-
initialOverflowRef.current = {
|
|
52
|
-
...overflowRef.current
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
return function () {
|
|
57
|
-
prevScrollTopRef.current = null;
|
|
58
|
-
initialOverflowRef.current = null;
|
|
59
|
-
el.removeEventListener("wheel", onWheel);
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
}, [enabled, open, elements.floating, overflowRef, scrollRef, onChange]);
|
|
63
|
-
var floating = React.useMemo(function () {
|
|
64
|
-
return {
|
|
65
|
-
onKeyDown() {
|
|
66
|
-
controlledScrollingRef.current = true;
|
|
67
|
-
},
|
|
68
|
-
onWheel() {
|
|
69
|
-
controlledScrollingRef.current = false;
|
|
70
|
-
},
|
|
71
|
-
onPointerMove() {
|
|
72
|
-
controlledScrollingRef.current = false;
|
|
73
|
-
},
|
|
74
|
-
onScroll() {
|
|
75
|
-
var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;
|
|
76
|
-
if (!overflowRef.current || !el || !controlledScrollingRef.current) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
if (prevScrollTopRef.current !== null) {
|
|
80
|
-
var scrollDiff = el.scrollTop - prevScrollTopRef.current;
|
|
81
|
-
if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {
|
|
82
|
-
ReactDOM.flushSync(function () {
|
|
83
|
-
return onChange(function (d) {
|
|
84
|
-
return d + scrollDiff;
|
|
85
|
-
});
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
requestAnimationFrame(function () {
|
|
90
|
-
prevScrollTopRef.current = el.scrollTop;
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
}, [elements.floating, onChange, overflowRef, scrollRef]);
|
|
95
|
-
return React.useMemo(function () {
|
|
96
|
-
return enabled ? {
|
|
97
|
-
floating
|
|
98
|
-
} : {};
|
|
99
|
-
}, [enabled, floating]);
|
|
100
|
-
}
|
|
101
|
-
export { useInnerOffset };
|
|
102
|
-
//# sourceMappingURL=useInnerOffset.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","ReactDOM","useEvent","useInnerOffset","context","props","open","elements","enabled","overflowRef","scrollRef","onChange","unstable_onChange","controlledScrollingRef","useRef","prevScrollTopRef","initialOverflowRef","useEffect","onWheel","e","ctrlKey","el","current","dY","deltaY","isAtTop","top","isAtBottom","bottom","remainingScroll","scrollHeight","clientHeight","sign","method","preventDefault","flushSync","d","Math","test","navigator","userAgent","scrollTop","floating","addEventListener","requestAnimationFrame","removeEventListener","useMemo","onKeyDown","onPointerMove","onScroll","scrollDiff"],"sources":["../../../src/interactions/useInnerOffset.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
function useInteractions(propsList) {
|
|
2
|
-
const filtered = propsList.filter(Boolean);
|
|
3
|
-
const referenceFns = /* @__PURE__ */new Map();
|
|
4
|
-
const floatingFns = /* @__PURE__ */new Map();
|
|
5
|
-
const itemFns = /* @__PURE__ */new Map();
|
|
6
|
-
const referenceStatic = {};
|
|
7
|
-
const floatingStatic = {};
|
|
8
|
-
for (const props of filtered) {
|
|
9
|
-
if (props.reference) {
|
|
10
|
-
collectProps(props.reference, referenceFns, referenceStatic);
|
|
11
|
-
}
|
|
12
|
-
if (props.floating) {
|
|
13
|
-
collectProps(props.floating, floatingFns, floatingStatic);
|
|
14
|
-
}
|
|
15
|
-
if (props.item && typeof props.item === "object") {
|
|
16
|
-
collectProps(props.item, itemFns, {});
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
return {
|
|
20
|
-
getReferenceProps(userProps) {
|
|
21
|
-
return buildProps(referenceFns, referenceStatic, userProps);
|
|
22
|
-
},
|
|
23
|
-
getFloatingProps(userProps) {
|
|
24
|
-
return buildProps(floatingFns, floatingStatic, userProps);
|
|
25
|
-
},
|
|
26
|
-
getItemProps(userProps) {
|
|
27
|
-
return buildProps(itemFns, {}, userProps);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
function collectProps(props, fnMap, staticMap) {
|
|
32
|
-
for (const key of Object.keys(props)) {
|
|
33
|
-
if (typeof props[key] === "function") {
|
|
34
|
-
let arr = fnMap.get(key);
|
|
35
|
-
if (!arr) {
|
|
36
|
-
arr = [];
|
|
37
|
-
fnMap.set(key, arr);
|
|
38
|
-
}
|
|
39
|
-
arr.push(props[key]);
|
|
40
|
-
} else {
|
|
41
|
-
staticMap[key] = props[key];
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
function buildProps(fnMap, staticProps, userProps) {
|
|
46
|
-
const result = {
|
|
47
|
-
...staticProps
|
|
48
|
-
};
|
|
49
|
-
for (const [key, fns] of fnMap) {
|
|
50
|
-
const hookHandler = (...args) => {
|
|
51
|
-
for (const fn of fns) {
|
|
52
|
-
const result2 = fn(...args);
|
|
53
|
-
if (result2 !== void 0) return result2;
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
result[key] = hookHandler;
|
|
57
|
-
}
|
|
58
|
-
if (userProps) {
|
|
59
|
-
for (const key of Object.keys(userProps)) {
|
|
60
|
-
if (key === "style") {
|
|
61
|
-
result.style = {
|
|
62
|
-
...result.style,
|
|
63
|
-
...userProps.style
|
|
64
|
-
};
|
|
65
|
-
} else if (typeof userProps[key] === "function" && result[key]) {
|
|
66
|
-
const hookFn = result[key];
|
|
67
|
-
const userFn = userProps[key];
|
|
68
|
-
result[key] = (...args) => {
|
|
69
|
-
userFn(...args);
|
|
70
|
-
hookFn(...args);
|
|
71
|
-
};
|
|
72
|
-
} else {
|
|
73
|
-
result[key] = userProps[key];
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
return result;
|
|
78
|
-
}
|
|
79
|
-
export { useInteractions };
|
|
80
|
-
//# sourceMappingURL=useInteractions.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useInteractions","propsList","filtered","filter","Boolean","referenceFns","Map","floatingFns","itemFns","referenceStatic","floatingStatic","props","reference","collectProps","floating","item","getReferenceProps","userProps","buildProps","getFloatingProps","getItemProps","fnMap","staticMap","key","Object","keys","arr","get","set","push","staticProps","result","fns","hookHandler","args","fn","result2","style","hookFn","userFn"],"sources":["../../../src/interactions/useInteractions.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|