@hanzogui/floating 3.0.6 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Floating.cjs +7 -5
- package/dist/cjs/Floating.native.js +18 -16
- package/dist/cjs/Floating.native.js.map +1 -1
- package/dist/cjs/index.cjs +28 -26
- package/dist/cjs/index.native.js +28 -26
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +21 -12
- package/dist/cjs/interactions/PopupTriggerMap.native.js +51 -27
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +21 -12
- package/dist/cjs/interactions/createFloatingEvents.native.js +22 -13
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/cjs/interactions/safePolygon.cjs +213 -131
- package/dist/cjs/interactions/safePolygon.native.js +182 -103
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -1
- package/dist/cjs/interactions/types.cjs +7 -5
- package/dist/cjs/interactions/types.native.js +7 -5
- package/dist/cjs/interactions/types.native.js.map +1 -1
- package/dist/cjs/interactions/useClick.cjs +91 -49
- package/dist/cjs/interactions/useClick.native.js +96 -54
- package/dist/cjs/interactions/useClick.native.js.map +1 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +63 -44
- package/dist/cjs/interactions/useDelayGroup.native.js +74 -58
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/cjs/interactions/useFocus.cjs +73 -44
- package/dist/cjs/interactions/useFocus.native.js +75 -49
- package/dist/cjs/interactions/useFocus.native.js.map +1 -1
- package/dist/cjs/interactions/useHover.cjs +242 -109
- package/dist/cjs/interactions/useHover.native.js +268 -143
- package/dist/cjs/interactions/useHover.native.js.map +1 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +88 -64
- package/dist/cjs/interactions/useInnerOffset.native.js +88 -65
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/cjs/interactions/useInteractions.cjs +60 -31
- package/dist/cjs/interactions/useInteractions.native.js +133 -81
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -1
- package/dist/cjs/interactions/useListNavigation.cjs +346 -181
- package/dist/cjs/interactions/useListNavigation.native.js +350 -214
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -1
- package/dist/cjs/interactions/useRole.cjs +83 -73
- package/dist/cjs/interactions/useRole.native.js +107 -99
- package/dist/cjs/interactions/useRole.native.js.map +1 -1
- package/dist/cjs/interactions/useTypeahead.cjs +115 -65
- package/dist/cjs/interactions/useTypeahead.native.js +122 -77
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -1
- package/dist/cjs/interactions/utils.cjs +68 -38
- package/dist/cjs/interactions/utils.native.js +93 -54
- package/dist/cjs/interactions/utils.native.js.map +1 -1
- package/dist/cjs/middleware/inner.cjs +79 -67
- package/dist/cjs/middleware/inner.native.js +86 -76
- package/dist/cjs/middleware/inner.native.js.map +1 -1
- package/dist/cjs/useFloating.cjs +48 -45
- package/dist/cjs/useFloating.native.js +50 -48
- package/dist/cjs/useFloating.native.js.map +1 -1
- package/dist/esm/Floating.native.js +5 -5
- package/dist/esm/Floating.native.js.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.mjs +9 -2
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +39 -17
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +9 -2
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +10 -3
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/esm/interactions/safePolygon.mjs +201 -121
- package/dist/esm/interactions/safePolygon.mjs.map +1 -1
- package/dist/esm/interactions/safePolygon.native.js +170 -93
- package/dist/esm/interactions/safePolygon.native.js.map +1 -1
- package/dist/esm/interactions/useClick.mjs +79 -39
- package/dist/esm/interactions/useClick.mjs.map +1 -1
- package/dist/esm/interactions/useClick.native.js +82 -42
- package/dist/esm/interactions/useClick.native.js.map +1 -1
- package/dist/esm/interactions/useDelayGroup.mjs +39 -22
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -1
- package/dist/esm/interactions/useDelayGroup.native.js +42 -28
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/esm/interactions/useFocus.mjs +59 -32
- package/dist/esm/interactions/useFocus.mjs.map +1 -1
- package/dist/esm/interactions/useFocus.native.js +61 -37
- package/dist/esm/interactions/useFocus.native.js.map +1 -1
- package/dist/esm/interactions/useHover.mjs +215 -84
- package/dist/esm/interactions/useHover.mjs.map +1 -1
- package/dist/esm/interactions/useHover.native.js +240 -117
- package/dist/esm/interactions/useHover.native.js.map +1 -1
- package/dist/esm/interactions/useInnerOffset.mjs +61 -39
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -1
- package/dist/esm/interactions/useInnerOffset.native.js +61 -40
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/esm/interactions/useInteractions.mjs +48 -21
- package/dist/esm/interactions/useInteractions.mjs.map +1 -1
- package/dist/esm/interactions/useInteractions.native.js +121 -71
- package/dist/esm/interactions/useInteractions.native.js.map +1 -1
- package/dist/esm/interactions/useListNavigation.mjs +331 -168
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -1
- package/dist/esm/interactions/useListNavigation.native.js +335 -201
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -1
- package/dist/esm/interactions/useRole.mjs +59 -51
- package/dist/esm/interactions/useRole.mjs.map +1 -1
- package/dist/esm/interactions/useRole.native.js +82 -76
- package/dist/esm/interactions/useRole.native.js.map +1 -1
- package/dist/esm/interactions/useTypeahead.mjs +100 -52
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -1
- package/dist/esm/interactions/useTypeahead.native.js +107 -64
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -1
- package/dist/esm/interactions/utils.mjs +56 -28
- package/dist/esm/interactions/utils.mjs.map +1 -1
- package/dist/esm/interactions/utils.native.js +81 -44
- package/dist/esm/interactions/utils.native.js.map +1 -1
- package/dist/esm/middleware/inner.mjs +54 -44
- package/dist/esm/middleware/inner.mjs.map +1 -1
- package/dist/esm/middleware/inner.native.js +61 -53
- package/dist/esm/middleware/inner.native.js.map +1 -1
- package/dist/esm/useFloating.mjs +22 -21
- package/dist/esm/useFloating.mjs.map +1 -1
- package/dist/esm/useFloating.native.js +24 -24
- package/dist/esm/useFloating.native.js.map +1 -1
- package/package.json +3 -3
- package/src/middleware/inner.ts +4 -5
- package/types/middleware/inner.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_instanceof","left","right","Symbol","hasInstance","getDocument","node","ownerDocument","document","contains","parent","child","_child_getRootNode","rootNode","getRootNode","call","isShadowRoot","next","parentNode","host","ShadowRoot","getTarget","event","composedPath","target","activeElement","doc","_el_shadowRoot","el","shadowRoot","isHTMLElement","value","HTMLElement","isElement","Element","TYPEABLE_SELECTOR","isTypeableElement","element","matches","isTypeableCombobox","getAttribute","getPlatform","uaData","navigator","userAgentData","platform","getUserAgent","Array","isArray","brands","map","param","brand","version","join","userAgent","isSafari","test","vendor","isMac","toLowerCase","startsWith","maxTouchPoints","isJSDOM","includes","matchesFocusVisible","isMouseLikePointerType","pointerType","strict","values","push","clearTimeoutIfSet","timeoutRef","current","clearTimeout","stopEvent","preventDefault","stopPropagation","isVirtualClick","mozInputSource","isTrusted","isAndroid","type","buttons","detail","isVirtualPointerEvent","width","height","pressure","re","rafId","enqueueFocus","options","arguments","length","preventScroll","cancelPrevious","sync","cancelAnimationFrame","exec","focus","requestAnimationFrame","isListIndexDisabled","listRef","index","disabledIndices","hasAttribute","findNonDisabledListIndex","startingIndex","decrement","amount"
|
|
1
|
+
{"version":3,"names":["_instanceof","left","right","Symbol","hasInstance","getDocument","node","ownerDocument","document","contains","parent","child","_child_getRootNode","rootNode","getRootNode","call","isShadowRoot","next","parentNode","host","ShadowRoot","getTarget","event","composedPath","target","activeElement","doc","_el_shadowRoot","el","shadowRoot","isHTMLElement","value","HTMLElement","isElement","Element","TYPEABLE_SELECTOR","isTypeableElement","element","matches","isTypeableCombobox","getAttribute","getPlatform","uaData","navigator","userAgentData","platform","getUserAgent","Array","isArray","brands","map","param","brand","version","join","userAgent","isSafari","test","vendor","isMac","toLowerCase","startsWith","maxTouchPoints","isJSDOM","includes","matchesFocusVisible","e","isMouseLikePointerType","pointerType","strict","values","push","clearTimeoutIfSet","timeoutRef","current","clearTimeout","stopEvent","preventDefault","stopPropagation","isVirtualClick","mozInputSource","isTrusted","isAndroid","type","buttons","detail","isVirtualPointerEvent","width","height","pressure","re","rafId","enqueueFocus","options","arguments","length","preventScroll","cancelPrevious","sync","cancelAnimationFrame","exec","focus","requestAnimationFrame","isListIndexDisabled","listRef","index","disabledIndices","hasAttribute","findNonDisabledListIndex","startingIndex","decrement","amount"],"sources":["../../../src/interactions/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as ReactDOM from "react-dom";
|
|
2
|
-
import { offset } from "@floating-ui/react-dom";
|
|
2
|
+
import { detectOverflow, offset } from "@floating-ui/react-dom";
|
|
3
3
|
function getArgsWithCustomFloatingHeight(state, height) {
|
|
4
4
|
return {
|
|
5
5
|
...state,
|
|
@@ -17,53 +17,63 @@ const inner = props => ({
|
|
|
17
17
|
options: props,
|
|
18
18
|
async fn(state) {
|
|
19
19
|
const {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
20
|
+
listRef,
|
|
21
|
+
overflowRef,
|
|
22
|
+
onFallbackChange,
|
|
23
|
+
offset: innerOffset = 0,
|
|
24
|
+
index = 0,
|
|
25
|
+
minItemsVisible = 4,
|
|
26
|
+
referenceOverflowThreshold = 0,
|
|
27
|
+
scrollRef,
|
|
28
|
+
padding = 0
|
|
29
|
+
} = props;
|
|
30
|
+
const {
|
|
31
|
+
rects,
|
|
32
|
+
elements: {
|
|
33
|
+
floating
|
|
34
|
+
}
|
|
35
|
+
} = state;
|
|
36
|
+
const item = listRef.current?.[index ?? 0];
|
|
37
|
+
const scrollEl = scrollRef?.current || floating;
|
|
38
|
+
const clientTop = floating.clientTop || scrollEl.clientTop;
|
|
39
|
+
const floatingIsBordered = floating.clientTop !== 0;
|
|
40
|
+
const scrollElIsBordered = scrollEl.clientTop !== 0;
|
|
41
|
+
const floatingIsScrollEl = floating === scrollEl;
|
|
42
|
+
if (!item || index == null) {
|
|
43
|
+
onFallbackChange?.(true);
|
|
44
|
+
return {};
|
|
45
|
+
}
|
|
44
46
|
const nextArgs = {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
47
|
+
...state,
|
|
48
|
+
...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
|
|
49
|
+
};
|
|
50
|
+
const detectOverflowOptions = {
|
|
51
|
+
padding
|
|
52
|
+
};
|
|
53
|
+
const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
54
|
+
const refOverflow = await detectOverflow(nextArgs, {
|
|
55
|
+
...detectOverflowOptions,
|
|
56
|
+
elementContext: "reference"
|
|
57
|
+
});
|
|
58
|
+
const diffY = Math.max(0, overflow.top);
|
|
59
|
+
const nextY = nextArgs.y + diffY;
|
|
60
|
+
const isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
|
|
61
|
+
const rounder = isScrollable ? v => v : Math.round;
|
|
62
|
+
const maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
|
|
63
|
+
scrollEl.style.maxHeight = `${maxHeight}px`;
|
|
64
|
+
scrollEl.scrollTop = diffY;
|
|
65
|
+
if (onFallbackChange) {
|
|
60
66
|
const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current?.length ?? 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
|
|
61
67
|
ReactDOM.flushSync(() => onFallbackChange(shouldFallback));
|
|
62
68
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
69
|
+
if (overflowRef) {
|
|
70
|
+
;
|
|
71
|
+
overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({
|
|
72
|
+
...nextArgs,
|
|
73
|
+
y: nextY
|
|
74
|
+
}, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
75
|
+
}
|
|
76
|
+
return {
|
|
67
77
|
y: nextY
|
|
68
78
|
};
|
|
69
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ReactDOM","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","
|
|
1
|
+
{"version":3,"names":["ReactDOM","detectOverflow","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","elements","item","current","scrollEl","clientTop","floatingIsBordered","scrollElIsBordered","floatingIsScrollEl","nextArgs","offsetTop","reference","offsetHeight","detectOverflowOptions","overflow","scrollHeight","refOverflow","elementContext","diffY","Math","max","top","nextY","y","isScrollable","clientHeight","rounder","v","round","maxHeight","bottom","style","scrollTop","shouldFallback","min","length","flushSync"],"sources":["../../../src/middleware/inner.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as ReactDOM from "react-dom";
|
|
2
|
-
import { offset } from "@floating-ui/react-dom";
|
|
2
|
+
import { detectOverflow, offset } from "@floating-ui/react-dom";
|
|
3
3
|
function getArgsWithCustomFloatingHeight(state, height) {
|
|
4
4
|
return {
|
|
5
5
|
...state,
|
|
@@ -17,63 +17,71 @@ var inner = function (props) {
|
|
|
17
17
|
name: "inner",
|
|
18
18
|
options: props,
|
|
19
19
|
async fn(state) {
|
|
20
|
-
var _listRef_current
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
20
|
+
var _listRef_current;
|
|
21
|
+
var {
|
|
22
|
+
listRef,
|
|
23
|
+
overflowRef,
|
|
24
|
+
onFallbackChange,
|
|
25
|
+
offset: innerOffset = 0,
|
|
26
|
+
index = 0,
|
|
27
|
+
minItemsVisible = 4,
|
|
28
|
+
referenceOverflowThreshold = 0,
|
|
29
|
+
scrollRef,
|
|
30
|
+
padding = 0
|
|
31
|
+
} = props;
|
|
32
|
+
var {
|
|
33
|
+
rects,
|
|
34
|
+
elements: {
|
|
35
|
+
floating
|
|
36
|
+
}
|
|
37
|
+
} = state;
|
|
38
|
+
var item = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current[index !== null && index !== void 0 ? index : 0];
|
|
39
|
+
var scrollEl = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || floating;
|
|
40
|
+
var clientTop = floating.clientTop || scrollEl.clientTop;
|
|
41
|
+
var floatingIsBordered = floating.clientTop !== 0;
|
|
42
|
+
var scrollElIsBordered = scrollEl.clientTop !== 0;
|
|
43
|
+
var floatingIsScrollEl = floating === scrollEl;
|
|
44
|
+
if (!item || index == null) {
|
|
45
|
+
onFallbackChange === null || onFallbackChange === void 0 ? void 0 : onFallbackChange(true);
|
|
46
|
+
return {};
|
|
47
|
+
}
|
|
46
48
|
var nextArgs = {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
49
|
+
...state,
|
|
50
|
+
...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
|
|
51
|
+
};
|
|
52
|
+
var detectOverflowOptions = {
|
|
53
|
+
padding
|
|
54
|
+
};
|
|
55
|
+
var overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
56
|
+
var refOverflow = await detectOverflow(nextArgs, {
|
|
57
|
+
...detectOverflowOptions,
|
|
58
|
+
elementContext: "reference"
|
|
59
|
+
});
|
|
60
|
+
var diffY = Math.max(0, overflow.top);
|
|
61
|
+
var nextY = nextArgs.y + diffY;
|
|
62
|
+
var isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
|
|
63
|
+
var rounder = isScrollable ? function (v) {
|
|
64
|
+
return v;
|
|
65
|
+
} : Math.round;
|
|
66
|
+
var maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
|
|
67
|
+
scrollEl.style.maxHeight = `${maxHeight}px`;
|
|
68
|
+
scrollEl.scrollTop = diffY;
|
|
69
|
+
if (onFallbackChange) {
|
|
70
|
+
var _listRef_current1;
|
|
71
|
+
var _listRef_current_length;
|
|
72
|
+
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;
|
|
69
73
|
ReactDOM.flushSync(function () {
|
|
70
74
|
return onFallbackChange(shouldFallback);
|
|
71
75
|
});
|
|
72
76
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
+
if (overflowRef) {
|
|
78
|
+
;
|
|
79
|
+
overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({
|
|
80
|
+
...nextArgs,
|
|
81
|
+
y: nextY
|
|
82
|
+
}, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
|
|
83
|
+
}
|
|
84
|
+
return {
|
|
77
85
|
y: nextY
|
|
78
86
|
};
|
|
79
87
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ReactDOM","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","_listRef_current","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","
|
|
1
|
+
{"version":3,"names":["ReactDOM","detectOverflow","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","_listRef_current","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","elements","item","current","scrollEl","clientTop","floatingIsBordered","scrollElIsBordered","floatingIsScrollEl","nextArgs","offsetTop","reference","offsetHeight","detectOverflowOptions","overflow","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/esm/useFloating.mjs
CHANGED
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import * as Floating from "./Floating.mjs";
|
|
3
|
-
const FloatingOverrideContext = React.createContext(null)
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
const FloatingOverrideContext = React.createContext(null);
|
|
4
|
+
const useFloating = props => {
|
|
5
|
+
"use no memo";
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
};
|
|
7
|
+
const context = React.useContext(FloatingOverrideContext);
|
|
8
|
+
return (context || Floating.useFloating)?.({
|
|
9
|
+
...props,
|
|
10
|
+
middleware: [
|
|
11
|
+
// @ts-ignore
|
|
12
|
+
...props.middleware, {
|
|
13
|
+
name: `rounded`,
|
|
14
|
+
fn({
|
|
15
|
+
x,
|
|
16
|
+
y
|
|
17
|
+
}) {
|
|
18
|
+
return {
|
|
19
|
+
x: Math.round(x),
|
|
20
|
+
y: Math.round(y)
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
}]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
25
26
|
export { FloatingOverrideContext, useFloating };
|
|
26
27
|
//# sourceMappingURL=useFloating.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","useContext","middleware","name","fn","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,MAAMC,uBAAA,GAA0BF,KAAA,CAAMG,aAAA,CAC3C,IACF;
|
|
1
|
+
{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","context","useContext","middleware","name","fn","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,MAAMC,uBAAA,GAA0BF,KAAA,CAAMG,aAAA,CAC3C,IACF;AAEO,MAAMC,WAAA,GAAeC,KAAA,IAA+C;EACzE;;EAEA,MAAMC,OAAA,GAAUN,KAAA,CAAMO,UAAA,CAAWL,uBAAuB;EACxD,QAAQI,OAAA,IAAWL,QAAA,CAASG,WAAA,IAAe;IACzC,GAAGC,KAAA;IACHG,UAAA,EAAY;IAAA;IAEV,GAAGH,KAAA,CAAMG,UAAA,EACT;MACEC,IAAA,EAAM;MACNC,GAAG;QAAEC,CAAA;QAAGC;MAAE,GAAG;QACX,OAAO;UACLD,CAAA,EAAGE,IAAA,CAAKC,KAAA,CAAMH,CAAC;UACfC,CAAA,EAAGC,IAAA,CAAKC,KAAA,CAAMF,CAAC;QACjB;MACF;IACF;EAEJ,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import * as Floating from "./Floating.native.js";
|
|
3
|
-
var FloatingOverrideContext = /* @__PURE__ */React.createContext(null)
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
var FloatingOverrideContext = /* @__PURE__ */React.createContext(null);
|
|
4
|
+
var useFloating = function (props) {
|
|
5
|
+
"use no memo";
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
7
|
+
var _this;
|
|
8
|
+
var context = React.useContext(FloatingOverrideContext);
|
|
9
|
+
return (_this = context || Floating.useFloating) === null || _this === void 0 ? void 0 : _this({
|
|
10
|
+
...props,
|
|
11
|
+
middleware: [
|
|
12
|
+
// @ts-ignore
|
|
13
|
+
...props.middleware, {
|
|
14
|
+
name: `rounded`,
|
|
15
|
+
fn(param) {
|
|
16
|
+
var {
|
|
17
|
+
x,
|
|
18
|
+
y
|
|
19
|
+
} = param;
|
|
20
|
+
return {
|
|
21
|
+
x: Math.round(x),
|
|
22
|
+
y: Math.round(y)
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
}]
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
28
|
export { FloatingOverrideContext, useFloating };
|
|
29
29
|
//# sourceMappingURL=useFloating.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","_this","context","useContext","middleware","name","fn","param","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,IAAAC,uBAAM,kBAAgCF,KAAA,CAAAG,aAAA;
|
|
1
|
+
{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","_this","context","useContext","middleware","name","fn","param","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,IAAAC,uBAAM,kBAAgCF,KAAA,CAAAG,aAAA;AAAA,IAC3CC,WAAA,YAAAA,CAAAC,KAAA;EACF;;EAEO,IAAMC,KAAA;EACX,IAAAC,OAAA,GAAAP,KAAA,CAAAQ,UAAA,CAAAN,uBAAA;EAEA,OAAM,CAAAI,KAAA,GAAUC,OAAM,IAAAN,QAAW,CAAAG,WAAA,UAAuB,IAAAE,KAAA,uBAAAA,KAAA;IACxD,GAAAD,KAAQ;IACNI,UAAG;IACH;IAAY,GAAAJ,KAAA,CAAAI,UAAA,EAEV;MACAC,IAAA;MACEC,GAAAC,KAAM;QACN,IAAK;UAAGC,CAAA;UAAEC;QAAG,IAAAF,KAAA;QACX,OAAO;UACLC,CAAA,EAAGE,IAAA,CAAKC,KAAA,CAAMH,CAAC;UACfC,CAAA,EAAGC,IAAA,CAAKC,KAAA,CAAMF,CAAC;QACjB;MACF;IACF;EAEJ,CAAC;AACH","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzogui/floating",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.4.0",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@floating-ui/react-dom": "^2.1.6",
|
|
38
38
|
"@floating-ui/react-native": "^0.10.7",
|
|
39
|
-
"@hanzogui/use-event": "
|
|
39
|
+
"@hanzogui/use-event": "4.4.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@hanzogui/build": "
|
|
42
|
+
"@hanzogui/build": "4.4.0",
|
|
43
43
|
"react": ">=19",
|
|
44
44
|
"react-native": "0.83.2"
|
|
45
45
|
},
|
package/src/middleware/inner.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as ReactDOM from 'react-dom'
|
|
2
|
-
import { offset } from '@floating-ui/react-dom'
|
|
2
|
+
import { detectOverflow, offset } from '@floating-ui/react-dom'
|
|
3
3
|
import type { Middleware, MiddlewareState } from '@floating-ui/react-dom'
|
|
4
4
|
|
|
5
5
|
// ported from floating-ui/react/_deprecated-inner.ts
|
|
@@ -48,7 +48,6 @@ export const inner = (props: InnerProps): Middleware => ({
|
|
|
48
48
|
|
|
49
49
|
const {
|
|
50
50
|
rects,
|
|
51
|
-
platform,
|
|
52
51
|
elements: { floating },
|
|
53
52
|
} = state
|
|
54
53
|
|
|
@@ -80,7 +79,7 @@ export const inner = (props: InnerProps): Middleware => ({
|
|
|
80
79
|
|
|
81
80
|
const detectOverflowOptions = { padding }
|
|
82
81
|
|
|
83
|
-
const overflow = await
|
|
82
|
+
const overflow = await detectOverflow(
|
|
84
83
|
getArgsWithCustomFloatingHeight(
|
|
85
84
|
nextArgs,
|
|
86
85
|
scrollEl.scrollHeight + clientTop + floating.clientTop
|
|
@@ -88,7 +87,7 @@ export const inner = (props: InnerProps): Middleware => ({
|
|
|
88
87
|
detectOverflowOptions
|
|
89
88
|
)
|
|
90
89
|
|
|
91
|
-
const refOverflow = await
|
|
90
|
+
const refOverflow = await detectOverflow(nextArgs, {
|
|
92
91
|
...detectOverflowOptions,
|
|
93
92
|
elementContext: 'reference',
|
|
94
93
|
})
|
|
@@ -126,7 +125,7 @@ export const inner = (props: InnerProps): Middleware => ({
|
|
|
126
125
|
}
|
|
127
126
|
|
|
128
127
|
if (overflowRef) {
|
|
129
|
-
;(overflowRef as any).current = await
|
|
128
|
+
;(overflowRef as any).current = await detectOverflow(
|
|
130
129
|
getArgsWithCustomFloatingHeight(
|
|
131
130
|
{ ...nextArgs, y: nextY },
|
|
132
131
|
scrollEl.offsetHeight + clientTop + floating.clientTop
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../src/middleware/inner.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,wBAAwB,CAAA;AAKzE,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;IACjC,gBAAgB,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAChD;AAeD,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,KAAG,
|
|
1
|
+
{"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../src/middleware/inner.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,wBAAwB,CAAA;AAKzE,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;IACjC,gBAAgB,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAChD;AAeD,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,KAAG,UA4GxC,CAAA"}
|