@tamagui/floating 2.7.6 → 3.0.0-beta.637.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/cjs/Floating.cjs +10 -11
- package/dist/cjs/Floating.native.cjs +37 -0
- package/dist/cjs/Floating.native.js +20 -20
- package/dist/cjs/Floating.native.js.map +1 -1
- package/dist/cjs/index.cjs +45 -46
- package/dist/cjs/index.native.cjs +74 -0
- package/dist/cjs/index.native.js +45 -45
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +36 -39
- package/dist/cjs/interactions/PopupTriggerMap.native.cjs +96 -0
- package/dist/cjs/interactions/PopupTriggerMap.native.js +76 -75
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +36 -39
- package/dist/cjs/interactions/createFloatingEvents.native.cjs +52 -0
- package/dist/cjs/interactions/createFloatingEvents.native.js +39 -41
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/cjs/interactions/safePolygon.cjs +263 -252
- package/dist/cjs/interactions/safePolygon.native.cjs +294 -0
- package/dist/cjs/interactions/safePolygon.native.js +271 -259
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -1
- package/dist/cjs/interactions/types.cjs +10 -11
- package/dist/cjs/interactions/types.native.cjs +19 -0
- package/dist/cjs/interactions/types.native.js +10 -10
- package/dist/cjs/interactions/types.native.js.map +1 -1
- package/dist/cjs/interactions/useClick.cjs +96 -105
- package/dist/cjs/interactions/useClick.native.cjs +122 -0
- package/dist/cjs/interactions/useClick.native.js +101 -109
- package/dist/cjs/interactions/useClick.native.js.map +1 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +86 -91
- package/dist/cjs/interactions/useDelayGroup.native.cjs +119 -0
- package/dist/cjs/interactions/useDelayGroup.native.js +92 -96
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/cjs/interactions/useFocus.cjs +108 -115
- package/dist/cjs/interactions/useFocus.native.cjs +131 -0
- package/dist/cjs/interactions/useFocus.native.js +114 -120
- package/dist/cjs/interactions/useFocus.native.js.map +1 -1
- package/dist/cjs/interactions/useHover.cjs +321 -335
- package/dist/cjs/interactions/useHover.native.cjs +357 -0
- package/dist/cjs/interactions/useHover.native.js +333 -347
- package/dist/cjs/interactions/useHover.native.js.map +1 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +103 -111
- package/dist/cjs/interactions/useInnerOffset.native.cjs +132 -0
- package/dist/cjs/interactions/useInnerOffset.native.js +113 -120
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/cjs/interactions/useInteractions.cjs +85 -90
- package/dist/cjs/interactions/useInteractions.native.cjs +199 -0
- package/dist/cjs/interactions/useInteractions.native.js +180 -195
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -1
- package/dist/cjs/interactions/useListNavigation.cjs +404 -390
- package/dist/cjs/interactions/useListNavigation.native.cjs +446 -0
- package/dist/cjs/interactions/useListNavigation.native.js +416 -401
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -1
- package/dist/cjs/interactions/useRole.cjs +92 -106
- package/dist/cjs/interactions/useRole.native.cjs +121 -0
- package/dist/cjs/interactions/useRole.native.js +103 -116
- package/dist/cjs/interactions/useRole.native.js.map +1 -1
- package/dist/cjs/interactions/useTypeahead.cjs +115 -129
- package/dist/cjs/interactions/useTypeahead.native.cjs +144 -0
- package/dist/cjs/interactions/useTypeahead.native.js +128 -141
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -1
- package/dist/cjs/interactions/utils.cjs +126 -143
- package/dist/cjs/interactions/utils.native.cjs +209 -0
- package/dist/cjs/interactions/utils.native.js +138 -154
- package/dist/cjs/interactions/utils.native.js.map +1 -1
- package/dist/cjs/middleware/inner.cjs +74 -101
- package/dist/cjs/middleware/inner.native.cjs +102 -0
- package/dist/cjs/middleware/inner.native.js +83 -109
- package/dist/cjs/middleware/inner.native.js.map +1 -1
- package/dist/cjs/useFloating.cjs +34 -46
- package/dist/cjs/useFloating.native.cjs +56 -0
- package/dist/cjs/useFloating.native.js +37 -48
- package/dist/cjs/useFloating.native.js.map +1 -1
- package/dist/esm/Floating.mjs +1 -2
- package/dist/esm/Floating.native.js +6 -4
- package/dist/esm/Floating.native.js.map +1 -1
- package/dist/esm/index.js +4 -5
- package/dist/esm/index.mjs +4 -5
- package/dist/esm/index.native.js +4 -5
- package/dist/esm/interactions/PopupTriggerMap.mjs +23 -22
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +62 -58
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +22 -21
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +25 -24
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/esm/interactions/safePolygon.mjs +250 -234
- package/dist/esm/interactions/safePolygon.mjs.map +1 -1
- package/dist/esm/interactions/safePolygon.native.js +258 -242
- package/dist/esm/interactions/safePolygon.native.js.map +1 -1
- package/dist/esm/interactions/types.mjs +0 -2
- package/dist/esm/interactions/types.native.js +0 -2
- package/dist/esm/interactions/useClick.mjs +83 -87
- package/dist/esm/interactions/useClick.mjs.map +1 -1
- package/dist/esm/interactions/useClick.native.js +88 -92
- package/dist/esm/interactions/useClick.native.js.map +1 -1
- package/dist/esm/interactions/useDelayGroup.mjs +68 -65
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -1
- package/dist/esm/interactions/useDelayGroup.native.js +74 -71
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/esm/interactions/useFocus.mjs +95 -97
- package/dist/esm/interactions/useFocus.mjs.map +1 -1
- package/dist/esm/interactions/useFocus.native.js +101 -103
- package/dist/esm/interactions/useFocus.native.js.map +1 -1
- package/dist/esm/interactions/useHover.mjs +304 -310
- package/dist/esm/interactions/useHover.mjs.map +1 -1
- package/dist/esm/interactions/useHover.native.js +316 -323
- package/dist/esm/interactions/useHover.native.js.map +1 -1
- package/dist/esm/interactions/useInnerOffset.mjs +87 -85
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -1
- package/dist/esm/interactions/useInnerOffset.native.js +97 -95
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/esm/interactions/useInteractions.mjs +71 -72
- package/dist/esm/interactions/useInteractions.mjs.map +1 -1
- package/dist/esm/interactions/useInteractions.native.js +166 -178
- package/dist/esm/interactions/useInteractions.native.js.map +1 -1
- package/dist/esm/interactions/useListNavigation.mjs +392 -373
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -1
- package/dist/esm/interactions/useListNavigation.native.js +404 -385
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -1
- package/dist/esm/interactions/useRole.mjs +76 -80
- package/dist/esm/interactions/useRole.mjs.map +1 -1
- package/dist/esm/interactions/useRole.native.js +87 -91
- package/dist/esm/interactions/useRole.native.js.map +1 -1
- package/dist/esm/interactions/useTypeahead.mjs +102 -111
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -1
- package/dist/esm/interactions/useTypeahead.native.js +115 -124
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -1
- package/dist/esm/interactions/utils.mjs +91 -106
- package/dist/esm/interactions/utils.mjs.map +1 -1
- package/dist/esm/interactions/utils.native.js +103 -118
- package/dist/esm/interactions/utils.native.js.map +1 -1
- package/dist/esm/middleware/inner.mjs +58 -75
- package/dist/esm/middleware/inner.mjs.map +1 -1
- package/dist/esm/middleware/inner.native.js +67 -84
- package/dist/esm/middleware/inner.native.js.map +1 -1
- package/dist/esm/useFloating.mjs +17 -21
- package/dist/esm/useFloating.mjs.map +1 -1
- package/dist/esm/useFloating.native.js +19 -23
- package/dist/esm/useFloating.native.js.map +1 -1
- package/package.json +6 -5
- package/types/interactions/PopupTriggerMap.d.ts.map +1 -1
- package/types/interactions/useInteractions.d.ts.map +1 -1
- package/types/middleware/inner.d.ts.map +1 -1
- package/types/useFloating.d.ts.map +1 -1
- package/dist/esm/Floating.mjs.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/interactions/types.mjs.map +0 -1
- package/dist/esm/interactions/types.native.js.map +0 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
|
|
3
4
|
var __create = Object.create;
|
|
4
5
|
var __defProp = Object.defineProperty;
|
|
5
6
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -7,135 +8,127 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
7
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
10
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
for (var name in all) __defProp(target, name, {
|
|
12
|
+
get: all[name],
|
|
13
|
+
enumerable: true
|
|
14
|
+
});
|
|
14
15
|
};
|
|
15
16
|
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
18
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
19
|
+
get: () => from[key],
|
|
20
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return to;
|
|
23
24
|
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
-
value: mod,
|
|
31
|
-
enumerable: true
|
|
25
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: true
|
|
32
28
|
}) : target, mod));
|
|
33
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
-
value: true
|
|
35
|
-
}), mod);
|
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
36
30
|
var useInnerOffset_exports = {};
|
|
37
|
-
__export(useInnerOffset_exports, {
|
|
38
|
-
useInnerOffset: () => useInnerOffset
|
|
39
|
-
});
|
|
31
|
+
__export(useInnerOffset_exports, { useInnerOffset: () => useInnerOffset });
|
|
40
32
|
module.exports = __toCommonJS(useInnerOffset_exports);
|
|
41
33
|
var React = __toESM(require("react"), 1);
|
|
42
34
|
var ReactDOM = __toESM(require("react-dom"), 1);
|
|
43
35
|
var import_use_event = require("@tamagui/use-event");
|
|
44
36
|
function useInnerOffset(context, props) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
37
|
+
var { open, elements } = context;
|
|
38
|
+
var { enabled = true, overflowRef, scrollRef, onChange: unstable_onChange } = props;
|
|
39
|
+
var onChange = (0, import_use_event.useEvent)(unstable_onChange);
|
|
40
|
+
var controlledScrollingRef = React.useRef(false);
|
|
41
|
+
var prevScrollTopRef = React.useRef(null);
|
|
42
|
+
var initialOverflowRef = React.useRef(null);
|
|
43
|
+
React.useEffect(function() {
|
|
44
|
+
if (!enabled) return;
|
|
45
|
+
function onWheel(e) {
|
|
46
|
+
if (e.ctrlKey || !el || overflowRef.current == null) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
var dY = e.deltaY;
|
|
50
|
+
var isAtTop = overflowRef.current.top >= -.5;
|
|
51
|
+
var isAtBottom = overflowRef.current.bottom >= -.5;
|
|
52
|
+
var remainingScroll = el.scrollHeight - el.clientHeight;
|
|
53
|
+
var sign = dY < 0 ? -1 : 1;
|
|
54
|
+
var method = dY < 0 ? "max" : "min";
|
|
55
|
+
if (el.scrollHeight <= el.clientHeight) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {
|
|
59
|
+
e.preventDefault();
|
|
60
|
+
ReactDOM.flushSync(function() {
|
|
61
|
+
onChange(function(d) {
|
|
62
|
+
return d + Math[method](dY, remainingScroll * sign);
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
} else if (/firefox/i.test(navigator.userAgent)) {
|
|
66
|
+
el.scrollTop += dY;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;
|
|
70
|
+
if (open && el) {
|
|
71
|
+
el.addEventListener("wheel", onWheel);
|
|
72
|
+
requestAnimationFrame(function() {
|
|
73
|
+
prevScrollTopRef.current = el.scrollTop;
|
|
74
|
+
if (overflowRef.current != null) {
|
|
75
|
+
initialOverflowRef.current = { ...overflowRef.current };
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
return function() {
|
|
79
|
+
prevScrollTopRef.current = null;
|
|
80
|
+
initialOverflowRef.current = null;
|
|
81
|
+
el.removeEventListener("wheel", onWheel);
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
}, [
|
|
85
|
+
enabled,
|
|
86
|
+
open,
|
|
87
|
+
elements.floating,
|
|
88
|
+
overflowRef,
|
|
89
|
+
scrollRef,
|
|
90
|
+
onChange
|
|
91
|
+
]);
|
|
92
|
+
var floating = React.useMemo(function() {
|
|
93
|
+
return {
|
|
94
|
+
onKeyDown() {
|
|
95
|
+
controlledScrollingRef.current = true;
|
|
96
|
+
},
|
|
97
|
+
onWheel() {
|
|
98
|
+
controlledScrollingRef.current = false;
|
|
99
|
+
},
|
|
100
|
+
onPointerMove() {
|
|
101
|
+
controlledScrollingRef.current = false;
|
|
102
|
+
},
|
|
103
|
+
onScroll() {
|
|
104
|
+
var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;
|
|
105
|
+
if (!overflowRef.current || !el || !controlledScrollingRef.current) {
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
if (prevScrollTopRef.current !== null) {
|
|
109
|
+
var scrollDiff = el.scrollTop - prevScrollTopRef.current;
|
|
110
|
+
if (overflowRef.current.bottom < -.5 && scrollDiff < -1 || overflowRef.current.top < -.5 && scrollDiff > 1) {
|
|
111
|
+
ReactDOM.flushSync(function() {
|
|
112
|
+
return onChange(function(d) {
|
|
113
|
+
return d + scrollDiff;
|
|
114
|
+
});
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
requestAnimationFrame(function() {
|
|
119
|
+
prevScrollTopRef.current = el.scrollTop;
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
}, [
|
|
124
|
+
elements.floating,
|
|
125
|
+
onChange,
|
|
126
|
+
overflowRef,
|
|
127
|
+
scrollRef
|
|
128
|
+
]);
|
|
129
|
+
return React.useMemo(function() {
|
|
130
|
+
return enabled ? { floating } : {};
|
|
131
|
+
}, [enabled, floating]);
|
|
140
132
|
}
|
|
133
|
+
|
|
141
134
|
//# sourceMappingURL=useInnerOffset.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useInnerOffset.native.js","names":[],"sources":["cjs/interactions/useInnerOffset.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useInnerOffset_exports = {};\n__export(useInnerOffset_exports, {\n useInnerOffset: () => useInnerOffset\n});\nmodule.exports = __toCommonJS(useInnerOffset_exports);\nvar React = __toESM(require(\"react\"), 1);\nvar ReactDOM = __toESM(require(\"react-dom\"), 1);\nvar import_use_event = require(\"@tamagui/use-event\");\nfunction useInnerOffset(context, props) {\n var { open, elements } = context;\n var { enabled = true, overflowRef, scrollRef, onChange: unstable_onChange } = props;\n var onChange = (0, import_use_event.useEvent)(unstable_onChange);\n var controlledScrollingRef = React.useRef(false);\n var prevScrollTopRef = React.useRef(null);\n var initialOverflowRef = React.useRef(null);\n React.useEffect(function() {\n if (!enabled) return;\n function onWheel(e) {\n if (e.ctrlKey || !el || overflowRef.current == null) {\n return;\n }\n var dY = e.deltaY;\n var isAtTop = overflowRef.current.top >= -0.5;\n var isAtBottom = overflowRef.current.bottom >= -0.5;\n var remainingScroll = el.scrollHeight - el.clientHeight;\n var sign = dY < 0 ? -1 : 1;\n var method = dY < 0 ? \"max\" : \"min\";\n if (el.scrollHeight <= el.clientHeight) {\n return;\n }\n if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {\n e.preventDefault();\n ReactDOM.flushSync(function() {\n onChange(function(d) {\n return d + Math[method](dY, remainingScroll * sign);\n });\n });\n } else if (/firefox/i.test(navigator.userAgent)) {\n el.scrollTop += dY;\n }\n }\n var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;\n if (open && el) {\n el.addEventListener(\"wheel\", onWheel);\n requestAnimationFrame(function() {\n prevScrollTopRef.current = el.scrollTop;\n if (overflowRef.current != null) {\n initialOverflowRef.current = {\n ...overflowRef.current\n };\n }\n });\n return function() {\n prevScrollTopRef.current = null;\n initialOverflowRef.current = null;\n el.removeEventListener(\"wheel\", onWheel);\n };\n }\n }, [\n enabled,\n open,\n elements.floating,\n overflowRef,\n scrollRef,\n onChange\n ]);\n var floating = React.useMemo(function() {\n return {\n onKeyDown() {\n controlledScrollingRef.current = true;\n },\n onWheel() {\n controlledScrollingRef.current = false;\n },\n onPointerMove() {\n controlledScrollingRef.current = false;\n },\n onScroll() {\n var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;\n if (!overflowRef.current || !el || !controlledScrollingRef.current) {\n return;\n }\n if (prevScrollTopRef.current !== null) {\n var scrollDiff = el.scrollTop - prevScrollTopRef.current;\n if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {\n ReactDOM.flushSync(function() {\n return onChange(function(d) {\n return d + scrollDiff;\n });\n });\n }\n }\n requestAnimationFrame(function() {\n prevScrollTopRef.current = el.scrollTop;\n });\n }\n };\n }, [\n elements.floating,\n onChange,\n overflowRef,\n scrollRef\n ]);\n return React.useMemo(function() {\n return enabled ? {\n floating\n } : {};\n }, [\n enabled,\n floating\n ]);\n}\n//# sourceMappingURL=useInnerOffset.js.map\n"],"mappings":"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"}
|
|
@@ -1,105 +1,100 @@
|
|
|
1
|
+
|
|
1
2
|
var __defProp = Object.defineProperty;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
6
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
for (var name in all) __defProp(target, name, {
|
|
8
|
+
get: all[name],
|
|
9
|
+
enumerable: true
|
|
10
|
+
});
|
|
10
11
|
};
|
|
11
12
|
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
return to;
|
|
19
20
|
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: true
|
|
22
|
-
}), mod);
|
|
21
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
23
22
|
var useInteractions_exports = {};
|
|
24
|
-
__export(useInteractions_exports, {
|
|
25
|
-
useInteractions: () => useInteractions
|
|
26
|
-
});
|
|
23
|
+
__export(useInteractions_exports, { useInteractions: () => useInteractions });
|
|
27
24
|
module.exports = __toCommonJS(useInteractions_exports);
|
|
28
25
|
function useInteractions(propsList) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
26
|
+
const filtered = propsList.filter(Boolean);
|
|
27
|
+
const referenceFns = /* @__PURE__ */ new Map();
|
|
28
|
+
const floatingFns = /* @__PURE__ */ new Map();
|
|
29
|
+
const itemFns = /* @__PURE__ */ new Map();
|
|
30
|
+
const referenceStatic = {};
|
|
31
|
+
const floatingStatic = {};
|
|
32
|
+
for (const props of filtered) {
|
|
33
|
+
if (props.reference) {
|
|
34
|
+
collectProps(props.reference, referenceFns, referenceStatic);
|
|
35
|
+
}
|
|
36
|
+
if (props.floating) {
|
|
37
|
+
collectProps(props.floating, floatingFns, floatingStatic);
|
|
38
|
+
}
|
|
39
|
+
if (props.item && typeof props.item === "object") {
|
|
40
|
+
collectProps(props.item, itemFns, {});
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
return {
|
|
44
|
+
getReferenceProps(userProps) {
|
|
45
|
+
return buildProps(referenceFns, referenceStatic, userProps);
|
|
46
|
+
},
|
|
47
|
+
getFloatingProps(userProps) {
|
|
48
|
+
return buildProps(floatingFns, floatingStatic, userProps);
|
|
49
|
+
},
|
|
50
|
+
getItemProps(userProps) {
|
|
51
|
+
return buildProps(itemFns, {}, userProps);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
57
54
|
}
|
|
58
55
|
function collectProps(props, fnMap, staticMap) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
56
|
+
for (const key of Object.keys(props)) {
|
|
57
|
+
if (typeof props[key] === "function") {
|
|
58
|
+
let arr = fnMap.get(key);
|
|
59
|
+
if (!arr) {
|
|
60
|
+
arr = [];
|
|
61
|
+
fnMap.set(key, arr);
|
|
62
|
+
}
|
|
63
|
+
arr.push(props[key]);
|
|
64
|
+
} else {
|
|
65
|
+
staticMap[key] = props[key];
|
|
66
|
+
}
|
|
67
|
+
}
|
|
71
68
|
}
|
|
72
69
|
function buildProps(fnMap, staticProps, userProps) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
return result;
|
|
105
|
-
}
|
|
70
|
+
const result = { ...staticProps };
|
|
71
|
+
for (const [key, fns] of fnMap) {
|
|
72
|
+
const hookHandler = (...args) => {
|
|
73
|
+
for (const fn of fns) {
|
|
74
|
+
const result2 = fn(...args);
|
|
75
|
+
if (result2 !== void 0) return result2;
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
result[key] = hookHandler;
|
|
79
|
+
}
|
|
80
|
+
if (userProps) {
|
|
81
|
+
for (const key of Object.keys(userProps)) {
|
|
82
|
+
if (key === "style") {
|
|
83
|
+
result.style = {
|
|
84
|
+
...result.style,
|
|
85
|
+
...userProps.style
|
|
86
|
+
};
|
|
87
|
+
} else if (typeof userProps[key] === "function" && result[key]) {
|
|
88
|
+
const hookFn = result[key];
|
|
89
|
+
const userFn = userProps[key];
|
|
90
|
+
result[key] = (...args) => {
|
|
91
|
+
userFn(...args);
|
|
92
|
+
hookFn(...args);
|
|
93
|
+
};
|
|
94
|
+
} else {
|
|
95
|
+
result[key] = userProps[key];
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
return result;
|
|
100
|
+
}
|