@hanzogui/floating 8.3.0 → 8.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Floating.js +5 -0
- package/dist/cjs/Floating.js.map +1 -0
- package/dist/cjs/index.js +57 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/interactions/PopupTriggerMap.js +33 -0
- package/dist/cjs/interactions/PopupTriggerMap.js.map +1 -0
- package/dist/cjs/interactions/createFloatingEvents.js +31 -0
- package/dist/cjs/interactions/createFloatingEvents.js.map +1 -0
- package/dist/cjs/interactions/safePolygon.js +435 -0
- package/dist/cjs/interactions/safePolygon.js.map +1 -0
- package/dist/cjs/interactions/types.js +3 -0
- package/dist/cjs/interactions/types.js.map +1 -0
- package/dist/cjs/interactions/useClick.js +118 -0
- package/dist/cjs/interactions/useClick.js.map +1 -0
- package/dist/cjs/interactions/useDelayGroup.js +84 -0
- package/dist/cjs/interactions/useDelayGroup.js.map +1 -0
- package/dist/cjs/interactions/useFocus.js +118 -0
- package/dist/cjs/interactions/useFocus.js.map +1 -0
- package/dist/cjs/interactions/useHover.js +357 -0
- package/dist/cjs/interactions/useHover.js.map +1 -0
- package/dist/cjs/interactions/useInnerOffset.js +92 -0
- package/dist/cjs/interactions/useInnerOffset.js.map +1 -0
- package/dist/cjs/interactions/useInteractions.js +88 -0
- package/dist/cjs/interactions/useInteractions.js.map +1 -0
- package/dist/cjs/interactions/useListNavigation.js +447 -0
- package/dist/cjs/interactions/useListNavigation.js.map +1 -0
- package/dist/cjs/interactions/useRole.js +69 -0
- package/dist/cjs/interactions/useRole.js.map +1 -0
- package/dist/cjs/interactions/useTypeahead.js +121 -0
- package/dist/cjs/interactions/useTypeahead.js.map +1 -0
- package/dist/cjs/interactions/utils.js +200 -0
- package/dist/cjs/interactions/utils.js.map +1 -0
- package/dist/cjs/middleware/inner.js +82 -0
- package/dist/cjs/middleware/inner.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/useFloating.js +29 -0
- package/dist/cjs/useFloating.js.map +1 -0
- package/dist/esm/Floating.js +2 -0
- package/dist/esm/Floating.js.map +1 -0
- package/dist/esm/index.js +23 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.js +29 -0
- package/dist/esm/interactions/PopupTriggerMap.js.map +1 -0
- package/dist/esm/interactions/createFloatingEvents.js +28 -0
- package/dist/esm/interactions/createFloatingEvents.js.map +1 -0
- package/dist/esm/interactions/safePolygon.js +432 -0
- package/dist/esm/interactions/safePolygon.js.map +1 -0
- package/dist/esm/interactions/types.js +2 -0
- package/dist/esm/interactions/types.js.map +1 -0
- package/dist/esm/interactions/useClick.js +115 -0
- package/dist/esm/interactions/useClick.js.map +1 -0
- package/dist/esm/interactions/useDelayGroup.js +78 -0
- package/dist/esm/interactions/useDelayGroup.js.map +1 -0
- package/dist/esm/interactions/useFocus.js +115 -0
- package/dist/esm/interactions/useFocus.js.map +1 -0
- package/dist/esm/interactions/useHover.js +352 -0
- package/dist/esm/interactions/useHover.js.map +1 -0
- package/dist/esm/interactions/useInnerOffset.js +88 -0
- package/dist/esm/interactions/useInnerOffset.js.map +1 -0
- package/dist/esm/interactions/useInteractions.js +85 -0
- package/dist/esm/interactions/useInteractions.js.map +1 -0
- package/dist/esm/interactions/useListNavigation.js +444 -0
- package/dist/esm/interactions/useListNavigation.js.map +1 -0
- package/dist/esm/interactions/useRole.js +65 -0
- package/dist/esm/interactions/useRole.js.map +1 -0
- package/dist/esm/interactions/useTypeahead.js +118 -0
- package/dist/esm/interactions/useTypeahead.js.map +1 -0
- package/dist/esm/interactions/utils.js +176 -0
- package/dist/esm/interactions/utils.js.map +1 -0
- package/dist/esm/middleware/inner.js +77 -0
- package/dist/esm/middleware/inner.js.map +1 -0
- package/dist/esm/useFloating.js +24 -0
- package/dist/esm/useFloating.js.map +1 -0
- package/dist/native/Floating.js +5 -0
- package/dist/native/Floating.js.map +1 -0
- package/dist/native/index.js +23 -0
- package/dist/native/index.js.map +1 -0
- package/dist/native/interactions/PopupTriggerMap.js +29 -0
- package/dist/native/interactions/PopupTriggerMap.js.map +1 -0
- package/dist/native/interactions/createFloatingEvents.js +28 -0
- package/dist/native/interactions/createFloatingEvents.js.map +1 -0
- package/dist/native/interactions/safePolygon.js +432 -0
- package/dist/native/interactions/safePolygon.js.map +1 -0
- package/dist/native/interactions/types.js +2 -0
- package/dist/native/interactions/types.js.map +1 -0
- package/dist/native/interactions/useClick.js +115 -0
- package/dist/native/interactions/useClick.js.map +1 -0
- package/dist/native/interactions/useDelayGroup.js +78 -0
- package/dist/native/interactions/useDelayGroup.js.map +1 -0
- package/dist/native/interactions/useFocus.js +115 -0
- package/dist/native/interactions/useFocus.js.map +1 -0
- package/dist/native/interactions/useHover.js +352 -0
- package/dist/native/interactions/useHover.js.map +1 -0
- package/dist/native/interactions/useInnerOffset.js +88 -0
- package/dist/native/interactions/useInnerOffset.js.map +1 -0
- package/dist/native/interactions/useInteractions.js +85 -0
- package/dist/native/interactions/useInteractions.js.map +1 -0
- package/dist/native/interactions/useListNavigation.js +444 -0
- package/dist/native/interactions/useListNavigation.js.map +1 -0
- package/dist/native/interactions/useRole.js +65 -0
- package/dist/native/interactions/useRole.js.map +1 -0
- package/dist/native/interactions/useTypeahead.js +118 -0
- package/dist/native/interactions/useTypeahead.js.map +1 -0
- package/dist/native/interactions/utils.js +176 -0
- package/dist/native/interactions/utils.js.map +1 -0
- package/dist/native/middleware/inner.js +77 -0
- package/dist/native/middleware/inner.js.map +1 -0
- package/dist/native/useFloating.js +24 -0
- package/dist/native/useFloating.js.map +1 -0
- package/package.json +16 -16
- package/src/index.ts +18 -18
- package/src/interactions/safePolygon.ts +2 -2
- package/src/interactions/types.ts +2 -2
- package/src/interactions/useClick.ts +2 -2
- package/src/interactions/useDelayGroup.ts +1 -1
- package/src/interactions/useFocus.ts +2 -2
- package/src/interactions/useHover.ts +2 -2
- package/src/interactions/useInnerOffset.ts +1 -1
- package/src/interactions/useInteractions.ts +1 -1
- package/src/interactions/useListNavigation.ts +2 -2
- package/src/interactions/useRole.ts +1 -1
- package/src/interactions/useTypeahead.ts +6 -2
- package/src/useFloating.tsx +2 -2
- package/types/index.d.ts +18 -18
- package/types/index.d.ts.map +1 -1
- package/types/interactions/PopupTriggerMap.d.ts.map +1 -1
- package/types/interactions/safePolygon.d.ts +1 -1
- package/types/interactions/safePolygon.d.ts.map +1 -1
- package/types/interactions/types.d.ts +2 -2
- package/types/interactions/types.d.ts.map +1 -1
- package/types/interactions/useClick.d.ts +1 -1
- package/types/interactions/useClick.d.ts.map +1 -1
- package/types/interactions/useDelayGroup.d.ts +1 -1
- package/types/interactions/useDelayGroup.d.ts.map +1 -1
- package/types/interactions/useFocus.d.ts +1 -1
- package/types/interactions/useFocus.d.ts.map +1 -1
- package/types/interactions/useHover.d.ts +1 -1
- package/types/interactions/useHover.d.ts.map +1 -1
- package/types/interactions/useInnerOffset.d.ts +1 -1
- package/types/interactions/useInnerOffset.d.ts.map +1 -1
- package/types/interactions/useInteractions.d.ts +1 -1
- package/types/interactions/useInteractions.d.ts.map +1 -1
- package/types/interactions/useListNavigation.d.ts +1 -1
- package/types/interactions/useListNavigation.d.ts.map +1 -1
- package/types/interactions/useRole.d.ts +1 -1
- package/types/interactions/useRole.d.ts.map +1 -1
- package/types/interactions/useTypeahead.d.ts +1 -1
- package/types/interactions/useTypeahead.d.ts.map +1 -1
- package/types/middleware/inner.d.ts.map +1 -1
- package/types/useFloating.d.ts +2 -2
- package/types/useFloating.d.ts.map +1 -1
- package/dist/cjs/Floating.cjs +0 -20
- package/dist/cjs/Floating.native.js +0 -39
- package/dist/cjs/Floating.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -73
- package/dist/cjs/index.native.js +0 -76
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +0 -49
- package/dist/cjs/interactions/PopupTriggerMap.native.js +0 -97
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +0 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +0 -50
- package/dist/cjs/interactions/createFloatingEvents.native.js +0 -56
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +0 -1
- package/dist/cjs/interactions/safePolygon.cjs +0 -273
- package/dist/cjs/interactions/safePolygon.native.js +0 -284
- package/dist/cjs/interactions/safePolygon.native.js.map +0 -1
- package/dist/cjs/interactions/types.cjs +0 -18
- package/dist/cjs/interactions/types.native.js +0 -21
- package/dist/cjs/interactions/types.native.js.map +0 -1
- package/dist/cjs/interactions/useClick.cjs +0 -124
- package/dist/cjs/interactions/useClick.native.js +0 -132
- package/dist/cjs/interactions/useClick.native.js.map +0 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +0 -115
- package/dist/cjs/interactions/useDelayGroup.native.js +0 -125
- package/dist/cjs/interactions/useDelayGroup.native.js.map +0 -1
- package/dist/cjs/interactions/useFocus.cjs +0 -130
- package/dist/cjs/interactions/useFocus.native.js +0 -139
- package/dist/cjs/interactions/useFocus.native.js.map +0 -1
- package/dist/cjs/interactions/useHover.cjs +0 -357
- package/dist/cjs/interactions/useHover.native.js +0 -373
- package/dist/cjs/interactions/useHover.native.js.map +0 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +0 -128
- package/dist/cjs/interactions/useInnerOffset.native.js +0 -141
- package/dist/cjs/interactions/useInnerOffset.native.js.map +0 -1
- package/dist/cjs/interactions/useInteractions.cjs +0 -105
- package/dist/cjs/interactions/useInteractions.native.js +0 -216
- package/dist/cjs/interactions/useInteractions.native.js.map +0 -1
- package/dist/cjs/interactions/useListNavigation.cjs +0 -418
- package/dist/cjs/interactions/useListNavigation.native.js +0 -433
- package/dist/cjs/interactions/useListNavigation.native.js.map +0 -1
- package/dist/cjs/interactions/useRole.cjs +0 -122
- package/dist/cjs/interactions/useRole.native.js +0 -136
- package/dist/cjs/interactions/useRole.native.js.map +0 -1
- package/dist/cjs/interactions/useTypeahead.cjs +0 -143
- package/dist/cjs/interactions/useTypeahead.native.js +0 -159
- package/dist/cjs/interactions/useTypeahead.native.js.map +0 -1
- package/dist/cjs/interactions/utils.cjs +0 -208
- package/dist/cjs/interactions/utils.native.js +0 -227
- package/dist/cjs/interactions/utils.native.js.map +0 -1
- package/dist/cjs/middleware/inner.cjs +0 -118
- package/dist/cjs/middleware/inner.native.js +0 -130
- package/dist/cjs/middleware/inner.native.js.map +0 -1
- package/dist/cjs/useFloating.cjs +0 -64
- package/dist/cjs/useFloating.native.js +0 -69
- package/dist/cjs/useFloating.native.js.map +0 -1
- package/dist/esm/Floating.mjs +0 -2
- package/dist/esm/Floating.mjs.map +0 -1
- package/dist/esm/Floating.native.js +0 -8
- package/dist/esm/Floating.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -18
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -18
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/interactions/PopupTriggerMap.mjs +0 -24
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +0 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +0 -69
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +0 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +0 -25
- package/dist/esm/interactions/createFloatingEvents.mjs.map +0 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +0 -28
- package/dist/esm/interactions/createFloatingEvents.native.js.map +0 -1
- package/dist/esm/interactions/safePolygon.mjs +0 -248
- package/dist/esm/interactions/safePolygon.mjs.map +0 -1
- package/dist/esm/interactions/safePolygon.native.js +0 -256
- package/dist/esm/interactions/safePolygon.native.js.map +0 -1
- package/dist/esm/interactions/types.mjs +0 -2
- package/dist/esm/interactions/types.mjs.map +0 -1
- package/dist/esm/interactions/types.native.js +0 -2
- package/dist/esm/interactions/types.native.js.map +0 -1
- package/dist/esm/interactions/useClick.mjs +0 -99
- package/dist/esm/interactions/useClick.mjs.map +0 -1
- package/dist/esm/interactions/useClick.native.js +0 -104
- package/dist/esm/interactions/useClick.native.js.map +0 -1
- package/dist/esm/interactions/useDelayGroup.mjs +0 -77
- package/dist/esm/interactions/useDelayGroup.mjs.map +0 -1
- package/dist/esm/interactions/useDelayGroup.native.js +0 -84
- package/dist/esm/interactions/useDelayGroup.native.js.map +0 -1
- package/dist/esm/interactions/useFocus.mjs +0 -105
- package/dist/esm/interactions/useFocus.mjs.map +0 -1
- package/dist/esm/interactions/useFocus.native.js +0 -111
- package/dist/esm/interactions/useFocus.native.js.map +0 -1
- package/dist/esm/interactions/useHover.mjs +0 -320
- package/dist/esm/interactions/useHover.mjs.map +0 -1
- package/dist/esm/interactions/useHover.native.js +0 -333
- package/dist/esm/interactions/useHover.native.js.map +0 -1
- package/dist/esm/interactions/useInnerOffset.mjs +0 -92
- package/dist/esm/interactions/useInnerOffset.mjs.map +0 -1
- package/dist/esm/interactions/useInnerOffset.native.js +0 -102
- package/dist/esm/interactions/useInnerOffset.native.js.map +0 -1
- package/dist/esm/interactions/useInteractions.mjs +0 -80
- package/dist/esm/interactions/useInteractions.mjs.map +0 -1
- package/dist/esm/interactions/useInteractions.native.js +0 -188
- package/dist/esm/interactions/useInteractions.native.js.map +0 -1
- package/dist/esm/interactions/useListNavigation.mjs +0 -393
- package/dist/esm/interactions/useListNavigation.mjs.map +0 -1
- package/dist/esm/interactions/useListNavigation.native.js +0 -405
- package/dist/esm/interactions/useListNavigation.native.js.map +0 -1
- package/dist/esm/interactions/useRole.mjs +0 -86
- package/dist/esm/interactions/useRole.mjs.map +0 -1
- package/dist/esm/interactions/useRole.native.js +0 -97
- package/dist/esm/interactions/useRole.native.js.map +0 -1
- package/dist/esm/interactions/useTypeahead.mjs +0 -118
- package/dist/esm/interactions/useTypeahead.mjs.map +0 -1
- package/dist/esm/interactions/useTypeahead.native.js +0 -131
- package/dist/esm/interactions/useTypeahead.native.js.map +0 -1
- package/dist/esm/interactions/utils.mjs +0 -162
- package/dist/esm/interactions/utils.mjs.map +0 -1
- package/dist/esm/interactions/utils.native.js +0 -178
- package/dist/esm/interactions/utils.native.js.map +0 -1
- package/dist/esm/middleware/inner.mjs +0 -82
- package/dist/esm/middleware/inner.mjs.map +0 -1
- package/dist/esm/middleware/inner.native.js +0 -91
- package/dist/esm/middleware/inner.native.js.map +0 -1
- package/dist/esm/useFloating.mjs +0 -27
- package/dist/esm/useFloating.mjs.map +0 -1
- package/dist/esm/useFloating.native.js +0 -29
- package/dist/esm/useFloating.native.js.map +0 -1
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import * as ReactDOM from "react-dom";
|
|
2
|
-
import { detectOverflow, offset } from "@floating-ui/react-dom";
|
|
3
|
-
function getArgsWithCustomFloatingHeight(state, height) {
|
|
4
|
-
return {
|
|
5
|
-
...state,
|
|
6
|
-
rects: {
|
|
7
|
-
...state.rects,
|
|
8
|
-
floating: {
|
|
9
|
-
...state.rects.floating,
|
|
10
|
-
height
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
const inner = props => ({
|
|
16
|
-
name: "inner",
|
|
17
|
-
options: props,
|
|
18
|
-
async fn(state) {
|
|
19
|
-
const {
|
|
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
|
-
}
|
|
46
|
-
const nextArgs = {
|
|
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) {
|
|
66
|
-
const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current?.length ?? 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
|
|
67
|
-
ReactDOM.flushSync(() => onFallbackChange(shouldFallback));
|
|
68
|
-
}
|
|
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 {
|
|
77
|
-
y: nextY
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
export { inner };
|
|
82
|
-
//# sourceMappingURL=inner.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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,91 +0,0 @@
|
|
|
1
|
-
import * as ReactDOM from "react-dom";
|
|
2
|
-
import { detectOverflow, offset } from "@floating-ui/react-dom";
|
|
3
|
-
function getArgsWithCustomFloatingHeight(state, height) {
|
|
4
|
-
return {
|
|
5
|
-
...state,
|
|
6
|
-
rects: {
|
|
7
|
-
...state.rects,
|
|
8
|
-
floating: {
|
|
9
|
-
...state.rects.floating,
|
|
10
|
-
height
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
var inner = function (props) {
|
|
16
|
-
return {
|
|
17
|
-
name: "inner",
|
|
18
|
-
options: props,
|
|
19
|
-
async fn(state) {
|
|
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
|
-
}
|
|
48
|
-
var nextArgs = {
|
|
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;
|
|
73
|
-
ReactDOM.flushSync(function () {
|
|
74
|
-
return onFallbackChange(shouldFallback);
|
|
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 {
|
|
85
|
-
y: nextY
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
export { inner };
|
|
91
|
-
//# sourceMappingURL=inner.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import * as Floating from "./Floating.mjs";
|
|
3
|
-
const FloatingOverrideContext = React.createContext(null);
|
|
4
|
-
const useFloating = props => {
|
|
5
|
-
"use no memo";
|
|
6
|
-
|
|
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
|
-
};
|
|
26
|
-
export { FloatingOverrideContext, useFloating };
|
|
27
|
-
//# sourceMappingURL=useFloating.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import * as Floating from "./Floating.native.js";
|
|
3
|
-
var FloatingOverrideContext = /* @__PURE__ */React.createContext(null);
|
|
4
|
-
var useFloating = function (props) {
|
|
5
|
-
"use no memo";
|
|
6
|
-
|
|
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
|
-
export { FloatingOverrideContext, useFloating };
|
|
29
|
-
//# sourceMappingURL=useFloating.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|