@tamagui/floating 2.0.0-rc.4 → 2.0.0-rc.40
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 +7 -5
- package/dist/cjs/Floating.native.js +19 -13
- package/dist/cjs/Floating.native.js.map +1 -1
- package/dist/cjs/index.cjs +46 -13
- package/dist/cjs/index.native.js +46 -13
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +49 -0
- package/dist/cjs/interactions/PopupTriggerMap.native.js +97 -0
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -0
- package/dist/cjs/interactions/createFloatingEvents.cjs +50 -0
- package/dist/cjs/interactions/createFloatingEvents.native.js +56 -0
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -0
- package/dist/cjs/interactions/safePolygon.cjs +273 -0
- package/dist/cjs/interactions/safePolygon.native.js +284 -0
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -0
- package/dist/cjs/interactions/types.cjs +18 -0
- package/dist/cjs/interactions/types.native.js +21 -0
- package/dist/cjs/interactions/types.native.js.map +1 -0
- package/dist/cjs/interactions/useClick.cjs +124 -0
- package/dist/cjs/interactions/useClick.native.js +132 -0
- package/dist/cjs/interactions/useClick.native.js.map +1 -0
- package/dist/cjs/interactions/useDelayGroup.cjs +115 -0
- package/dist/cjs/interactions/useDelayGroup.native.js +125 -0
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -0
- package/dist/cjs/interactions/useFocus.cjs +130 -0
- package/dist/cjs/interactions/useFocus.native.js +139 -0
- package/dist/cjs/interactions/useFocus.native.js.map +1 -0
- package/dist/cjs/interactions/useHover.cjs +357 -0
- package/dist/cjs/interactions/useHover.native.js +373 -0
- package/dist/cjs/interactions/useHover.native.js.map +1 -0
- package/dist/cjs/interactions/useInnerOffset.cjs +128 -0
- package/dist/cjs/interactions/useInnerOffset.native.js +141 -0
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -0
- package/dist/cjs/interactions/useInteractions.cjs +105 -0
- package/dist/cjs/interactions/useInteractions.native.js +216 -0
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -0
- package/dist/cjs/interactions/useListNavigation.cjs +418 -0
- package/dist/cjs/interactions/useListNavigation.native.js +433 -0
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -0
- package/dist/cjs/interactions/useRole.cjs +122 -0
- package/dist/cjs/interactions/useRole.native.js +136 -0
- package/dist/cjs/interactions/useRole.native.js.map +1 -0
- package/dist/cjs/interactions/useTypeahead.cjs +143 -0
- package/dist/cjs/interactions/useTypeahead.native.js +159 -0
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -0
- package/dist/cjs/interactions/utils.cjs +208 -0
- package/dist/cjs/interactions/utils.native.js +227 -0
- package/dist/cjs/interactions/utils.native.js.map +1 -0
- package/dist/cjs/middleware/inner.cjs +118 -0
- package/dist/cjs/middleware/inner.native.js +130 -0
- package/dist/cjs/middleware/inner.native.js.map +1 -0
- package/dist/cjs/useFloating.cjs +35 -28
- package/dist/cjs/useFloating.native.js +51 -47
- package/dist/cjs/useFloating.native.js.map +1 -1
- package/dist/esm/Floating.native.js +6 -3
- package/dist/esm/Floating.native.js.map +1 -1
- package/dist/esm/index.js +17 -34
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/index.mjs +16 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +16 -2
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.mjs +24 -0
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -0
- package/dist/esm/interactions/PopupTriggerMap.native.js +69 -0
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -0
- package/dist/esm/interactions/createFloatingEvents.mjs +25 -0
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -0
- package/dist/esm/interactions/createFloatingEvents.native.js +28 -0
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -0
- package/dist/esm/interactions/safePolygon.mjs +248 -0
- package/dist/esm/interactions/safePolygon.mjs.map +1 -0
- package/dist/esm/interactions/safePolygon.native.js +256 -0
- package/dist/esm/interactions/safePolygon.native.js.map +1 -0
- package/dist/esm/interactions/types.mjs +2 -0
- package/dist/esm/interactions/types.mjs.map +1 -0
- package/dist/esm/interactions/types.native.js +2 -0
- package/dist/esm/interactions/types.native.js.map +1 -0
- package/dist/esm/interactions/useClick.mjs +99 -0
- package/dist/esm/interactions/useClick.mjs.map +1 -0
- package/dist/esm/interactions/useClick.native.js +104 -0
- package/dist/esm/interactions/useClick.native.js.map +1 -0
- package/dist/esm/interactions/useDelayGroup.mjs +77 -0
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -0
- package/dist/esm/interactions/useDelayGroup.native.js +84 -0
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -0
- package/dist/esm/interactions/useFocus.mjs +105 -0
- package/dist/esm/interactions/useFocus.mjs.map +1 -0
- package/dist/esm/interactions/useFocus.native.js +111 -0
- package/dist/esm/interactions/useFocus.native.js.map +1 -0
- package/dist/esm/interactions/useHover.mjs +320 -0
- package/dist/esm/interactions/useHover.mjs.map +1 -0
- package/dist/esm/interactions/useHover.native.js +333 -0
- package/dist/esm/interactions/useHover.native.js.map +1 -0
- package/dist/esm/interactions/useInnerOffset.mjs +92 -0
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -0
- package/dist/esm/interactions/useInnerOffset.native.js +102 -0
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -0
- package/dist/esm/interactions/useInteractions.mjs +80 -0
- package/dist/esm/interactions/useInteractions.mjs.map +1 -0
- package/dist/esm/interactions/useInteractions.native.js +188 -0
- package/dist/esm/interactions/useInteractions.native.js.map +1 -0
- package/dist/esm/interactions/useListNavigation.mjs +393 -0
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -0
- package/dist/esm/interactions/useListNavigation.native.js +405 -0
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -0
- package/dist/esm/interactions/useRole.mjs +86 -0
- package/dist/esm/interactions/useRole.mjs.map +1 -0
- package/dist/esm/interactions/useRole.native.js +97 -0
- package/dist/esm/interactions/useRole.native.js.map +1 -0
- package/dist/esm/interactions/useTypeahead.mjs +118 -0
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -0
- package/dist/esm/interactions/useTypeahead.native.js +131 -0
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -0
- package/dist/esm/interactions/utils.mjs +162 -0
- package/dist/esm/interactions/utils.mjs.map +1 -0
- package/dist/esm/interactions/utils.native.js +178 -0
- package/dist/esm/interactions/utils.native.js.map +1 -0
- package/dist/esm/middleware/inner.mjs +82 -0
- package/dist/esm/middleware/inner.mjs.map +1 -0
- package/dist/esm/middleware/inner.native.js +91 -0
- package/dist/esm/middleware/inner.native.js.map +1 -0
- package/dist/esm/useFloating.mjs +8 -3
- package/dist/esm/useFloating.mjs.map +1 -1
- package/dist/esm/useFloating.native.js +25 -23
- package/dist/esm/useFloating.native.js.map +1 -1
- package/package.json +8 -10
- package/src/Floating.native.tsx +1 -0
- package/src/index.ts +49 -0
- package/src/interactions/PopupTriggerMap.ts +30 -0
- package/src/interactions/createFloatingEvents.ts +34 -0
- package/src/interactions/safePolygon.ts +500 -0
- package/src/interactions/types.ts +165 -0
- package/src/interactions/useClick.ts +148 -0
- package/src/interactions/useDelayGroup.ts +114 -0
- package/src/interactions/useFocus.ts +164 -0
- package/src/interactions/useHover.ts +453 -0
- package/src/interactions/useInnerOffset.ts +116 -0
- package/src/interactions/useInteractions.ts +101 -0
- package/src/interactions/useListNavigation.ts +578 -0
- package/src/interactions/useRole.ts +103 -0
- package/src/interactions/useTypeahead.ts +173 -0
- package/src/interactions/utils.ts +234 -0
- package/src/middleware/inner.ts +141 -0
- package/src/useFloating.tsx +13 -1
- package/types/Floating.native.d.ts +1 -0
- package/types/Floating.native.d.ts.map +1 -1
- package/types/index.d.ts +17 -2
- package/types/index.d.ts.map +1 -1
- package/types/interactions/PopupTriggerMap.d.ts +8 -0
- package/types/interactions/PopupTriggerMap.d.ts.map +1 -0
- package/types/interactions/createFloatingEvents.d.ts +7 -0
- package/types/interactions/createFloatingEvents.d.ts.map +1 -0
- package/types/interactions/safePolygon.d.ts +4 -0
- package/types/interactions/safePolygon.d.ts.map +1 -0
- package/types/interactions/types.d.ts +123 -0
- package/types/interactions/types.d.ts.map +1 -0
- package/types/interactions/useClick.d.ts +3 -0
- package/types/interactions/useClick.d.ts.map +1 -0
- package/types/interactions/useDelayGroup.d.ts +23 -0
- package/types/interactions/useDelayGroup.d.ts.map +1 -0
- package/types/interactions/useFocus.d.ts +3 -0
- package/types/interactions/useFocus.d.ts.map +1 -0
- package/types/interactions/useHover.d.ts +6 -0
- package/types/interactions/useHover.d.ts.map +1 -0
- package/types/interactions/useInnerOffset.d.ts +3 -0
- package/types/interactions/useInnerOffset.d.ts.map +1 -0
- package/types/interactions/useInteractions.d.ts +8 -0
- package/types/interactions/useInteractions.d.ts.map +1 -0
- package/types/interactions/useListNavigation.d.ts +3 -0
- package/types/interactions/useListNavigation.d.ts.map +1 -0
- package/types/interactions/useRole.d.ts +3 -0
- package/types/interactions/useRole.d.ts.map +1 -0
- package/types/interactions/useTypeahead.d.ts +3 -0
- package/types/interactions/useTypeahead.d.ts.map +1 -0
- package/types/interactions/utils.d.ts +46 -0
- package/types/interactions/utils.d.ts.map +1 -0
- package/types/middleware/inner.d.ts +14 -0
- package/types/middleware/inner.d.ts.map +1 -0
- package/types/useFloating.d.ts +7 -1
- package/types/useFloating.d.ts.map +1 -1
- package/dist/cjs/Floating.js +0 -15
- package/dist/cjs/Floating.js.map +0 -6
- package/dist/cjs/index.js +0 -34
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/useFloating.js +0 -46
- package/dist/cjs/useFloating.js.map +0 -6
- package/dist/esm/Floating.js +0 -2
- package/dist/esm/Floating.js.map +0 -6
- package/dist/esm/useFloating.js +0 -23
- package/dist/esm/useFloating.js.map +0 -6
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var utils_exports = {};
|
|
26
|
+
__export(utils_exports, {
|
|
27
|
+
activeElement: () => activeElement,
|
|
28
|
+
clearTimeoutIfSet: () => clearTimeoutIfSet,
|
|
29
|
+
contains: () => contains,
|
|
30
|
+
enqueueFocus: () => enqueueFocus,
|
|
31
|
+
findNonDisabledListIndex: () => findNonDisabledListIndex,
|
|
32
|
+
getDocument: () => getDocument,
|
|
33
|
+
getMaxListIndex: () => getMaxListIndex,
|
|
34
|
+
getMinListIndex: () => getMinListIndex,
|
|
35
|
+
getTarget: () => getTarget,
|
|
36
|
+
isElement: () => isElement,
|
|
37
|
+
isHTMLElement: () => isHTMLElement,
|
|
38
|
+
isIndexOutOfListBounds: () => isIndexOutOfListBounds,
|
|
39
|
+
isListIndexDisabled: () => isListIndexDisabled,
|
|
40
|
+
isMac: () => isMac,
|
|
41
|
+
isMouseLikePointerType: () => isMouseLikePointerType,
|
|
42
|
+
isSafari: () => isSafari,
|
|
43
|
+
isTypeableCombobox: () => isTypeableCombobox,
|
|
44
|
+
isTypeableElement: () => isTypeableElement,
|
|
45
|
+
isVirtualClick: () => isVirtualClick,
|
|
46
|
+
isVirtualPointerEvent: () => isVirtualPointerEvent,
|
|
47
|
+
matchesFocusVisible: () => matchesFocusVisible,
|
|
48
|
+
stopEvent: () => stopEvent
|
|
49
|
+
});
|
|
50
|
+
module.exports = __toCommonJS(utils_exports);
|
|
51
|
+
function _instanceof(left, right) {
|
|
52
|
+
if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
|
|
53
|
+
return !!right[Symbol.hasInstance](left);
|
|
54
|
+
} else {
|
|
55
|
+
return left instanceof right;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
function getDocument(node) {
|
|
59
|
+
return (node === null || node === void 0 ? void 0 : node.ownerDocument) || document;
|
|
60
|
+
}
|
|
61
|
+
function contains(parent, child) {
|
|
62
|
+
var _child_getRootNode;
|
|
63
|
+
if (!parent || !child) return false;
|
|
64
|
+
var rootNode = (_child_getRootNode = child.getRootNode) === null || _child_getRootNode === void 0 ? void 0 : _child_getRootNode.call(child);
|
|
65
|
+
if (parent.contains(child)) return true;
|
|
66
|
+
if (rootNode && isShadowRoot(rootNode)) {
|
|
67
|
+
var next = child;
|
|
68
|
+
while (next) {
|
|
69
|
+
if (parent === next) return true;
|
|
70
|
+
next = next.parentNode || next.host;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
return false;
|
|
74
|
+
}
|
|
75
|
+
function isShadowRoot(node) {
|
|
76
|
+
return _instanceof(node, ShadowRoot);
|
|
77
|
+
}
|
|
78
|
+
function getTarget(event) {
|
|
79
|
+
if ("composedPath" in event) {
|
|
80
|
+
return event.composedPath()[0];
|
|
81
|
+
}
|
|
82
|
+
return event.target;
|
|
83
|
+
}
|
|
84
|
+
function activeElement(doc) {
|
|
85
|
+
var _el_shadowRoot;
|
|
86
|
+
var el = doc.activeElement;
|
|
87
|
+
while ((el === null || el === void 0 ? void 0 : (_el_shadowRoot = el.shadowRoot) === null || _el_shadowRoot === void 0 ? void 0 : _el_shadowRoot.activeElement) != null) {
|
|
88
|
+
el = el.shadowRoot.activeElement;
|
|
89
|
+
}
|
|
90
|
+
return el;
|
|
91
|
+
}
|
|
92
|
+
function isHTMLElement(value) {
|
|
93
|
+
return _instanceof(value, HTMLElement);
|
|
94
|
+
}
|
|
95
|
+
function isElement(value) {
|
|
96
|
+
return _instanceof(value, Element);
|
|
97
|
+
}
|
|
98
|
+
var TYPEABLE_SELECTOR = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";
|
|
99
|
+
function isTypeableElement(element) {
|
|
100
|
+
return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);
|
|
101
|
+
}
|
|
102
|
+
function isTypeableCombobox(element) {
|
|
103
|
+
if (!element) return false;
|
|
104
|
+
return element.getAttribute("role") === "combobox" && isTypeableElement(element);
|
|
105
|
+
}
|
|
106
|
+
function getPlatform() {
|
|
107
|
+
var uaData = navigator.userAgentData;
|
|
108
|
+
if (uaData === null || uaData === void 0 ? void 0 : uaData.platform) return uaData.platform;
|
|
109
|
+
return navigator.platform;
|
|
110
|
+
}
|
|
111
|
+
function getUserAgent() {
|
|
112
|
+
var uaData = navigator.userAgentData;
|
|
113
|
+
if (uaData && Array.isArray(uaData.brands)) {
|
|
114
|
+
return uaData.brands.map(function (param) {
|
|
115
|
+
var {
|
|
116
|
+
brand,
|
|
117
|
+
version
|
|
118
|
+
} = param;
|
|
119
|
+
return `${brand}/${version}`;
|
|
120
|
+
}).join(" ");
|
|
121
|
+
}
|
|
122
|
+
return navigator.userAgent;
|
|
123
|
+
}
|
|
124
|
+
function isSafari() {
|
|
125
|
+
return /apple/i.test(navigator.vendor);
|
|
126
|
+
}
|
|
127
|
+
function isMac() {
|
|
128
|
+
return getPlatform().toLowerCase().startsWith("mac") && !navigator.maxTouchPoints;
|
|
129
|
+
}
|
|
130
|
+
function isJSDOM() {
|
|
131
|
+
return getUserAgent().includes("jsdom/");
|
|
132
|
+
}
|
|
133
|
+
function matchesFocusVisible(element) {
|
|
134
|
+
if (!element || isJSDOM()) return true;
|
|
135
|
+
try {
|
|
136
|
+
return element.matches(":focus-visible");
|
|
137
|
+
} catch (e) {
|
|
138
|
+
return true;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
function isMouseLikePointerType(pointerType, strict) {
|
|
142
|
+
var values = ["mouse", "pen"];
|
|
143
|
+
if (!strict) {
|
|
144
|
+
values.push("", void 0);
|
|
145
|
+
}
|
|
146
|
+
return values.includes(pointerType);
|
|
147
|
+
}
|
|
148
|
+
function clearTimeoutIfSet(timeoutRef) {
|
|
149
|
+
if (timeoutRef.current !== -1) {
|
|
150
|
+
clearTimeout(timeoutRef.current);
|
|
151
|
+
timeoutRef.current = -1;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
function stopEvent(event) {
|
|
155
|
+
event.preventDefault();
|
|
156
|
+
event.stopPropagation();
|
|
157
|
+
}
|
|
158
|
+
function isVirtualClick(event) {
|
|
159
|
+
if (event.mozInputSource === 0 && event.isTrusted) return true;
|
|
160
|
+
if (isAndroid() && event.pointerType) {
|
|
161
|
+
return event.type === "click" && event.buttons === 1;
|
|
162
|
+
}
|
|
163
|
+
return event.detail === 0 && !event.pointerType;
|
|
164
|
+
}
|
|
165
|
+
function isVirtualPointerEvent(event) {
|
|
166
|
+
if (isJSDOM()) return false;
|
|
167
|
+
return !isAndroid() && event.width === 0 && event.height === 0 || isAndroid() && event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse" || event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "touch";
|
|
168
|
+
}
|
|
169
|
+
function isAndroid() {
|
|
170
|
+
var re = /android/i;
|
|
171
|
+
return re.test(getPlatform()) || re.test(getUserAgent());
|
|
172
|
+
}
|
|
173
|
+
var rafId = 0;
|
|
174
|
+
function enqueueFocus(el) {
|
|
175
|
+
var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
176
|
+
var {
|
|
177
|
+
preventScroll = false,
|
|
178
|
+
cancelPrevious = true,
|
|
179
|
+
sync = false
|
|
180
|
+
} = options;
|
|
181
|
+
cancelPrevious && cancelAnimationFrame(rafId);
|
|
182
|
+
var exec = function () {
|
|
183
|
+
return el === null || el === void 0 ? void 0 : el.focus({
|
|
184
|
+
preventScroll
|
|
185
|
+
});
|
|
186
|
+
};
|
|
187
|
+
if (sync) {
|
|
188
|
+
exec();
|
|
189
|
+
} else {
|
|
190
|
+
rafId = requestAnimationFrame(exec);
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
function isListIndexDisabled(listRef, index, disabledIndices) {
|
|
194
|
+
if (typeof disabledIndices === "function") return disabledIndices(index);
|
|
195
|
+
if (disabledIndices) return disabledIndices.includes(index);
|
|
196
|
+
var element = listRef.current[index];
|
|
197
|
+
return element == null || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true";
|
|
198
|
+
}
|
|
199
|
+
function findNonDisabledListIndex(listRef) {
|
|
200
|
+
var {
|
|
201
|
+
startingIndex = -1,
|
|
202
|
+
decrement = false,
|
|
203
|
+
disabledIndices,
|
|
204
|
+
amount = 1
|
|
205
|
+
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
206
|
+
var index = startingIndex;
|
|
207
|
+
do {
|
|
208
|
+
index += decrement ? -amount : amount;
|
|
209
|
+
} while (index >= 0 && index <= listRef.current.length - 1 && isListIndexDisabled(listRef, index, disabledIndices));
|
|
210
|
+
return index;
|
|
211
|
+
}
|
|
212
|
+
function getMinListIndex(listRef, disabledIndices) {
|
|
213
|
+
return findNonDisabledListIndex(listRef, {
|
|
214
|
+
disabledIndices
|
|
215
|
+
});
|
|
216
|
+
}
|
|
217
|
+
function getMaxListIndex(listRef, disabledIndices) {
|
|
218
|
+
return findNonDisabledListIndex(listRef, {
|
|
219
|
+
decrement: true,
|
|
220
|
+
startingIndex: listRef.current.length,
|
|
221
|
+
disabledIndices
|
|
222
|
+
});
|
|
223
|
+
}
|
|
224
|
+
function isIndexOutOfListBounds(listRef, index) {
|
|
225
|
+
return index < 0 || index >= listRef.current.length;
|
|
226
|
+
}
|
|
227
|
+
//# sourceMappingURL=utils.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","utils_exports","__export","activeElement","clearTimeoutIfSet","contains","enqueueFocus","findNonDisabledListIndex","getDocument","getMaxListIndex","getMinListIndex","getTarget","isElement","isHTMLElement","isIndexOutOfListBounds","isListIndexDisabled","isMac","isMouseLikePointerType","isSafari","isTypeableCombobox","isTypeableElement","isVirtualClick","isVirtualPointerEvent","matchesFocusVisible","stopEvent","module","exports","_instanceof","left","right","Symbol","hasInstance","node","ownerDocument","document","parent","child","_child_getRootNode","rootNode","getRootNode","call","isShadowRoot","next","parentNode","host","ShadowRoot","event","composedPath","target","doc","_el_shadowRoot","el","shadowRoot","HTMLElement","Element","TYPEABLE_SELECTOR","element","matches","getAttribute","getPlatform","uaData","navigator","userAgentData","platform","getUserAgent","Array","isArray","brands","map","param","brand","version","join","userAgent","test","vendor","toLowerCase","startsWith","maxTouchPoints","isJSDOM","includes","e","pointerType","strict","values","push","timeoutRef","current","clearTimeout","preventDefault","stopPropagation","mozInputSource","isTrusted","isAndroid","type","buttons","detail","width","height","pressure","re","rafId","options","arguments","length","preventScroll","cancelPrevious","sync","cancelAnimationFrame","exec","focus","requestAnimationFrame","listRef","index","disabledIndices","hasAttribute","startingIndex","decrement","amount"],"sources":["../../../src/interactions/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
34
|
+
var inner_exports = {};
|
|
35
|
+
__export(inner_exports, {
|
|
36
|
+
inner: () => inner
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(inner_exports);
|
|
39
|
+
var ReactDOM = __toESM(require("react-dom"), 1);
|
|
40
|
+
var import_react_dom = require("@floating-ui/react-dom");
|
|
41
|
+
function getArgsWithCustomFloatingHeight(state, height) {
|
|
42
|
+
return {
|
|
43
|
+
...state,
|
|
44
|
+
rects: {
|
|
45
|
+
...state.rects,
|
|
46
|
+
floating: {
|
|
47
|
+
...state.rects.floating,
|
|
48
|
+
height
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
const inner = props => ({
|
|
54
|
+
name: "inner",
|
|
55
|
+
options: props,
|
|
56
|
+
async fn(state) {
|
|
57
|
+
const {
|
|
58
|
+
listRef,
|
|
59
|
+
overflowRef,
|
|
60
|
+
onFallbackChange,
|
|
61
|
+
offset: innerOffset = 0,
|
|
62
|
+
index = 0,
|
|
63
|
+
minItemsVisible = 4,
|
|
64
|
+
referenceOverflowThreshold = 0,
|
|
65
|
+
scrollRef,
|
|
66
|
+
padding = 0
|
|
67
|
+
} = props;
|
|
68
|
+
const {
|
|
69
|
+
rects,
|
|
70
|
+
elements: {
|
|
71
|
+
floating
|
|
72
|
+
}
|
|
73
|
+
} = state;
|
|
74
|
+
const item = listRef.current?.[index ?? 0];
|
|
75
|
+
const scrollEl = scrollRef?.current || floating;
|
|
76
|
+
const clientTop = floating.clientTop || scrollEl.clientTop;
|
|
77
|
+
const floatingIsBordered = floating.clientTop !== 0;
|
|
78
|
+
const scrollElIsBordered = scrollEl.clientTop !== 0;
|
|
79
|
+
const floatingIsScrollEl = floating === scrollEl;
|
|
80
|
+
if (!item || index == null) {
|
|
81
|
+
onFallbackChange?.(true);
|
|
82
|
+
return {};
|
|
83
|
+
}
|
|
84
|
+
const nextArgs = {
|
|
85
|
+
...state,
|
|
86
|
+
...(await (0, import_react_dom.offset)(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
|
|
87
|
+
};
|
|
88
|
+
const detectOverflowOptions = {
|
|
89
|
+
padding
|
|
90
|
+
};
|
|
91
|
+
const overflow = await (0, import_react_dom.detectOverflow)(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
92
|
+
const refOverflow = await (0, import_react_dom.detectOverflow)(nextArgs, {
|
|
93
|
+
...detectOverflowOptions,
|
|
94
|
+
elementContext: "reference"
|
|
95
|
+
});
|
|
96
|
+
const diffY = Math.max(0, overflow.top);
|
|
97
|
+
const nextY = nextArgs.y + diffY;
|
|
98
|
+
const isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
|
|
99
|
+
const rounder = isScrollable ? v => v : Math.round;
|
|
100
|
+
const maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
|
|
101
|
+
scrollEl.style.maxHeight = `${maxHeight}px`;
|
|
102
|
+
scrollEl.scrollTop = diffY;
|
|
103
|
+
if (onFallbackChange) {
|
|
104
|
+
const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current?.length ?? 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
|
|
105
|
+
ReactDOM.flushSync(() => onFallbackChange(shouldFallback));
|
|
106
|
+
}
|
|
107
|
+
if (overflowRef) {
|
|
108
|
+
;
|
|
109
|
+
overflowRef.current = await (0, import_react_dom.detectOverflow)(getArgsWithCustomFloatingHeight({
|
|
110
|
+
...nextArgs,
|
|
111
|
+
y: nextY
|
|
112
|
+
}, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
113
|
+
}
|
|
114
|
+
return {
|
|
115
|
+
y: nextY
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
});
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __export = (target, all) => {
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
+
get: () => from[key],
|
|
19
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
24
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
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
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
36
|
+
var inner_exports = {};
|
|
37
|
+
__export(inner_exports, {
|
|
38
|
+
inner: () => inner
|
|
39
|
+
});
|
|
40
|
+
module.exports = __toCommonJS(inner_exports);
|
|
41
|
+
var ReactDOM = __toESM(require("react-dom"), 1);
|
|
42
|
+
var import_react_dom = require("@floating-ui/react-dom");
|
|
43
|
+
function getArgsWithCustomFloatingHeight(state, height) {
|
|
44
|
+
return {
|
|
45
|
+
...state,
|
|
46
|
+
rects: {
|
|
47
|
+
...state.rects,
|
|
48
|
+
floating: {
|
|
49
|
+
...state.rects.floating,
|
|
50
|
+
height
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
var inner = function (props) {
|
|
56
|
+
return {
|
|
57
|
+
name: "inner",
|
|
58
|
+
options: props,
|
|
59
|
+
async fn(state) {
|
|
60
|
+
var _listRef_current;
|
|
61
|
+
var {
|
|
62
|
+
listRef,
|
|
63
|
+
overflowRef,
|
|
64
|
+
onFallbackChange,
|
|
65
|
+
offset: innerOffset = 0,
|
|
66
|
+
index = 0,
|
|
67
|
+
minItemsVisible = 4,
|
|
68
|
+
referenceOverflowThreshold = 0,
|
|
69
|
+
scrollRef,
|
|
70
|
+
padding = 0
|
|
71
|
+
} = props;
|
|
72
|
+
var {
|
|
73
|
+
rects,
|
|
74
|
+
elements: {
|
|
75
|
+
floating
|
|
76
|
+
}
|
|
77
|
+
} = state;
|
|
78
|
+
var item = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current[index !== null && index !== void 0 ? index : 0];
|
|
79
|
+
var scrollEl = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || floating;
|
|
80
|
+
var clientTop = floating.clientTop || scrollEl.clientTop;
|
|
81
|
+
var floatingIsBordered = floating.clientTop !== 0;
|
|
82
|
+
var scrollElIsBordered = scrollEl.clientTop !== 0;
|
|
83
|
+
var floatingIsScrollEl = floating === scrollEl;
|
|
84
|
+
if (!item || index == null) {
|
|
85
|
+
onFallbackChange === null || onFallbackChange === void 0 ? void 0 : onFallbackChange(true);
|
|
86
|
+
return {};
|
|
87
|
+
}
|
|
88
|
+
var nextArgs = {
|
|
89
|
+
...state,
|
|
90
|
+
...(await (0, import_react_dom.offset)(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
|
|
91
|
+
};
|
|
92
|
+
var detectOverflowOptions = {
|
|
93
|
+
padding
|
|
94
|
+
};
|
|
95
|
+
var overflow = await (0, import_react_dom.detectOverflow)(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
96
|
+
var refOverflow = await (0, import_react_dom.detectOverflow)(nextArgs, {
|
|
97
|
+
...detectOverflowOptions,
|
|
98
|
+
elementContext: "reference"
|
|
99
|
+
});
|
|
100
|
+
var diffY = Math.max(0, overflow.top);
|
|
101
|
+
var nextY = nextArgs.y + diffY;
|
|
102
|
+
var isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
|
|
103
|
+
var rounder = isScrollable ? function (v) {
|
|
104
|
+
return v;
|
|
105
|
+
} : Math.round;
|
|
106
|
+
var maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
|
|
107
|
+
scrollEl.style.maxHeight = `${maxHeight}px`;
|
|
108
|
+
scrollEl.scrollTop = diffY;
|
|
109
|
+
if (onFallbackChange) {
|
|
110
|
+
var _listRef_current1;
|
|
111
|
+
var _listRef_current_length;
|
|
112
|
+
var shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, (_listRef_current_length = (_listRef_current1 = listRef.current) === null || _listRef_current1 === void 0 ? void 0 : _listRef_current1.length) !== null && _listRef_current_length !== void 0 ? _listRef_current_length : 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
|
|
113
|
+
ReactDOM.flushSync(function () {
|
|
114
|
+
return onFallbackChange(shouldFallback);
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
if (overflowRef) {
|
|
118
|
+
;
|
|
119
|
+
overflowRef.current = await (0, import_react_dom.detectOverflow)(getArgsWithCustomFloatingHeight({
|
|
120
|
+
...nextArgs,
|
|
121
|
+
y: nextY
|
|
122
|
+
}, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
123
|
+
}
|
|
124
|
+
return {
|
|
125
|
+
y: nextY
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
};
|
|
130
|
+
//# sourceMappingURL=inner.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","inner_exports","__export","inner","module","exports","ReactDOM","__toESM","require","import_react_dom","getArgsWithCustomFloatingHeight","state","height","rects","floating","props","name","options","fn","_listRef_current","listRef","overflowRef","onFallbackChange","offset","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","elements","item","current","scrollEl","clientTop","floatingIsBordered","scrollElIsBordered","floatingIsScrollEl","nextArgs","offsetTop","reference","offsetHeight","detectOverflowOptions","overflow","detectOverflow","scrollHeight","refOverflow","elementContext","diffY","Math","max","top","nextY","y","isScrollable","clientHeight","rounder","v","round","maxHeight","bottom","style","scrollTop","_listRef_current1","_listRef_current_length","shouldFallback","min","length","flushSync"],"sources":["../../../src/middleware/inner.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/useFloating.cjs
CHANGED
|
@@ -2,48 +2,54 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var useFloating_exports = {};
|
|
33
35
|
__export(useFloating_exports, {
|
|
34
36
|
FloatingOverrideContext: () => FloatingOverrideContext,
|
|
35
37
|
useFloating: () => useFloating
|
|
36
38
|
});
|
|
37
39
|
module.exports = __toCommonJS(useFloating_exports);
|
|
38
|
-
var import_react = __toESM(require("react"), 1)
|
|
39
|
-
|
|
40
|
-
const FloatingOverrideContext = import_react.default.createContext(null)
|
|
41
|
-
|
|
40
|
+
var import_react = __toESM(require("react"), 1);
|
|
41
|
+
var Floating = __toESM(require("./Floating.cjs"), 1);
|
|
42
|
+
const FloatingOverrideContext = import_react.default.createContext(null);
|
|
43
|
+
const useFloating = props => {
|
|
44
|
+
"use no memo";
|
|
45
|
+
|
|
46
|
+
const context = import_react.default.useContext(FloatingOverrideContext);
|
|
47
|
+
return (context || Floating.useFloating)?.({
|
|
42
48
|
...props,
|
|
43
49
|
middleware: [
|
|
44
50
|
// @ts-ignore
|
|
45
51
|
...props.middleware, {
|
|
46
|
-
name:
|
|
52
|
+
name: `rounded`,
|
|
47
53
|
fn({
|
|
48
54
|
x,
|
|
49
55
|
y
|
|
@@ -54,4 +60,5 @@ const FloatingOverrideContext = import_react.default.createContext(null),
|
|
|
54
60
|
};
|
|
55
61
|
}
|
|
56
62
|
}]
|
|
57
|
-
});
|
|
63
|
+
});
|
|
64
|
+
};
|