@tamagui/popper 1.88.12 → 1.89.0-1706308641099
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/LICENSE +21 -0
- package/dist/cjs/Popper.js +8 -13
- package/dist/cjs/Popper.js.map +1 -1
- package/dist/cjs/Popper.native.js +8 -13
- package/dist/cjs/Popper.native.js.map +1 -1
- package/dist/esm/Popper.js +9 -13
- package/dist/esm/Popper.js.map +1 -1
- package/dist/esm/Popper.mjs +284 -0
- package/dist/esm/Popper.native.js +8 -13
- package/dist/esm/Popper.native.js.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/jsx/Popper.js +9 -13
- package/dist/jsx/Popper.js.map +1 -1
- package/dist/jsx/Popper.mjs +284 -0
- package/dist/jsx/Popper.native.js +8 -13
- package/dist/jsx/Popper.native.js.map +1 -1
- package/dist/jsx/index.mjs +1 -0
- package/package.json +9 -9
- package/src/Popper.tsx +8 -20
- package/types/Popper.d.ts +0 -1
- package/types/Popper.d.ts.map +1 -1
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2020 Nate Wienert
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/cjs/Popper.js
CHANGED
|
@@ -44,11 +44,7 @@ function Popper(props) {
|
|
|
44
44
|
allowFlip,
|
|
45
45
|
offset,
|
|
46
46
|
__scopePopper
|
|
47
|
-
} = props,
|
|
48
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
49
|
-
setIsMounted(!0);
|
|
50
|
-
}, []);
|
|
51
|
-
const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
47
|
+
} = props, isMounted = (0, import_core.useDidFinishSSR)(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
52
48
|
strategy,
|
|
53
49
|
placement,
|
|
54
50
|
sameScrollView: !1,
|
|
@@ -65,9 +61,7 @@ function Popper(props) {
|
|
|
65
61
|
// @ts-expect-error this comes from Tooltip for example
|
|
66
62
|
open
|
|
67
63
|
} = floating;
|
|
68
|
-
if (
|
|
69
|
-
floating.refs.setReference(anchorRef);
|
|
70
|
-
}, [anchorRef]), import_constants.isWeb)
|
|
64
|
+
if (import_constants.isWeb)
|
|
71
65
|
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
72
66
|
if (open && refs.reference.current && refs.floating.current)
|
|
73
67
|
return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
|
|
@@ -88,7 +82,6 @@ function Popper(props) {
|
|
|
88
82
|
}, [dimensions, keyboardOpen]);
|
|
89
83
|
}
|
|
90
84
|
const popperContext = {
|
|
91
|
-
anchorRef: setAnchorRef,
|
|
92
85
|
size,
|
|
93
86
|
arrowRef: setArrow,
|
|
94
87
|
arrowStyle: middlewareData.arrow,
|
|
@@ -102,10 +95,12 @@ function Popper(props) {
|
|
|
102
95
|
const PopperAnchor = import_stacks.YStack.extractable(
|
|
103
96
|
React.forwardRef(
|
|
104
97
|
function(props, forwardedRef) {
|
|
105
|
-
const { virtualRef, __scopePopper, ...anchorProps } = props, {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
98
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
|
|
99
|
+
forwardedRef,
|
|
100
|
+
ref,
|
|
101
|
+
virtualRef ?? refs.setReference
|
|
102
|
+
);
|
|
103
|
+
if (virtualRef)
|
|
109
104
|
return null;
|
|
110
105
|
const stackProps = {
|
|
111
106
|
ref: composedRefs,
|
package/dist/cjs/Popper.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Popper.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAgC,kCAChC,mBAAiD,+BAEjD,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["offsetFn", "TamaguiView"]
|
|
6
6
|
}
|
|
@@ -45,11 +45,7 @@ function Popper(props) {
|
|
|
45
45
|
allowFlip,
|
|
46
46
|
offset,
|
|
47
47
|
__scopePopper
|
|
48
|
-
} = props,
|
|
49
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
50
|
-
setIsMounted(!0);
|
|
51
|
-
}, []);
|
|
52
|
-
const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
48
|
+
} = props, isMounted = (0, import_core.useDidFinishSSR)(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
53
49
|
strategy,
|
|
54
50
|
placement,
|
|
55
51
|
sameScrollView: !1,
|
|
@@ -66,9 +62,7 @@ function Popper(props) {
|
|
|
66
62
|
// @ts-expect-error this comes from Tooltip for example
|
|
67
63
|
open
|
|
68
64
|
} = floating;
|
|
69
|
-
if (
|
|
70
|
-
floating.refs.setReference(anchorRef);
|
|
71
|
-
}, [anchorRef]), import_constants.isWeb)
|
|
65
|
+
if (import_constants.isWeb)
|
|
72
66
|
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
73
67
|
if (open && refs.reference.current && refs.floating.current)
|
|
74
68
|
return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
|
|
@@ -89,7 +83,6 @@ function Popper(props) {
|
|
|
89
83
|
}, [dimensions, keyboardOpen]);
|
|
90
84
|
}
|
|
91
85
|
const popperContext = {
|
|
92
|
-
anchorRef: setAnchorRef,
|
|
93
86
|
size,
|
|
94
87
|
arrowRef: setArrow,
|
|
95
88
|
arrowStyle: middlewareData.arrow,
|
|
@@ -103,10 +96,12 @@ function Popper(props) {
|
|
|
103
96
|
const PopperAnchor = import_stacks.YStack.extractable(
|
|
104
97
|
React.forwardRef(
|
|
105
98
|
function(props, forwardedRef) {
|
|
106
|
-
const { virtualRef, __scopePopper, ...anchorProps } = props, {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
99
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
|
|
100
|
+
forwardedRef,
|
|
101
|
+
ref,
|
|
102
|
+
virtualRef ?? refs.setReference
|
|
103
|
+
);
|
|
104
|
+
if (virtualRef)
|
|
110
105
|
return null;
|
|
111
106
|
const stackProps = {
|
|
112
107
|
ref: composedRefs,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Popper.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAgC,kCAChC,mBAAiD,+BAEjD,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["offsetFn", "TamaguiView", "_a"]
|
|
6
6
|
}
|
package/dist/esm/Popper.js
CHANGED
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
createStyledContext,
|
|
7
7
|
getVariableValue,
|
|
8
8
|
styled,
|
|
9
|
+
useDidFinishSSR,
|
|
9
10
|
useProps
|
|
10
11
|
} from "@tamagui/core";
|
|
11
12
|
import {
|
|
@@ -32,11 +33,7 @@ function Popper(props) {
|
|
|
32
33
|
allowFlip,
|
|
33
34
|
offset,
|
|
34
35
|
__scopePopper
|
|
35
|
-
} = props,
|
|
36
|
-
useIsomorphicLayoutEffect(() => {
|
|
37
|
-
setIsMounted(!0);
|
|
38
|
-
}, []);
|
|
39
|
-
const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = useFloating({
|
|
36
|
+
} = props, isMounted = useDidFinishSSR(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = useFloating({
|
|
40
37
|
strategy,
|
|
41
38
|
placement,
|
|
42
39
|
sameScrollView: !1,
|
|
@@ -53,9 +50,7 @@ function Popper(props) {
|
|
|
53
50
|
// @ts-expect-error this comes from Tooltip for example
|
|
54
51
|
open
|
|
55
52
|
} = floating;
|
|
56
|
-
if (
|
|
57
|
-
floating.refs.setReference(anchorRef);
|
|
58
|
-
}, [anchorRef]), isWeb)
|
|
53
|
+
if (isWeb)
|
|
59
54
|
useIsomorphicLayoutEffect(() => {
|
|
60
55
|
if (open && refs.reference.current && refs.floating.current)
|
|
61
56
|
return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
|
|
@@ -76,7 +71,6 @@ function Popper(props) {
|
|
|
76
71
|
}, [dimensions, keyboardOpen]);
|
|
77
72
|
}
|
|
78
73
|
const popperContext = {
|
|
79
|
-
anchorRef: setAnchorRef,
|
|
80
74
|
size,
|
|
81
75
|
arrowRef: setArrow,
|
|
82
76
|
arrowStyle: middlewareData.arrow,
|
|
@@ -90,10 +84,12 @@ function Popper(props) {
|
|
|
90
84
|
const PopperAnchor = YStack.extractable(
|
|
91
85
|
React.forwardRef(
|
|
92
86
|
function(props, forwardedRef) {
|
|
93
|
-
const { virtualRef, __scopePopper, ...anchorProps } = props, {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
87
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = useComposedRefs(
|
|
88
|
+
forwardedRef,
|
|
89
|
+
ref,
|
|
90
|
+
virtualRef ?? refs.setReference
|
|
91
|
+
);
|
|
92
|
+
if (virtualRef)
|
|
97
93
|
return null;
|
|
98
94
|
const stackProps = {
|
|
99
95
|
ref: composedRefs,
|
package/dist/esm/Popper.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Popper.tsx"],
|
|
4
|
-
"mappings": "AAEA,SAAS,uBAAuB;AAChC,SAAS,OAAO,iCAAiC;AAEjD;AAAA,EAEE;AAAA,EAEA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAME;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAA4B,gBAAgB,cAA2B;AACvE,YAAY,WAAW;AACvB,SAAS,UAAgB,2BAA2B;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
3
|
+
import { Stack, View as TamaguiView, createStyledContext, getVariableValue, styled, useDidFinishSSR, useProps } from "@tamagui/core";
|
|
4
|
+
import { arrow, autoUpdate, flip, offset as offsetFn, shift, useFloating } from "@tamagui/floating";
|
|
5
|
+
import { getSpace } from "@tamagui/get-token";
|
|
6
|
+
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import { Keyboard, useWindowDimensions } from "react-native-web";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
const PopperContext = createStyledContext({}),
|
|
11
|
+
{
|
|
12
|
+
useStyledContext: usePopperContext,
|
|
13
|
+
Provider: PopperProvider
|
|
14
|
+
} = PopperContext;
|
|
15
|
+
function Popper(props) {
|
|
16
|
+
const {
|
|
17
|
+
children,
|
|
18
|
+
size,
|
|
19
|
+
strategy = "absolute",
|
|
20
|
+
placement = "bottom",
|
|
21
|
+
stayInFrame,
|
|
22
|
+
allowFlip,
|
|
23
|
+
offset,
|
|
24
|
+
__scopePopper
|
|
25
|
+
} = props,
|
|
26
|
+
isMounted = useDidFinishSSR(),
|
|
27
|
+
[arrowEl, setArrow] = React.useState(null),
|
|
28
|
+
[arrowSize, setArrowSize] = React.useState(0),
|
|
29
|
+
offsetOptions = offset ?? arrowSize,
|
|
30
|
+
floating = useFloating({
|
|
31
|
+
strategy,
|
|
32
|
+
placement,
|
|
33
|
+
sameScrollView: !1,
|
|
34
|
+
// this only takes effect on native
|
|
35
|
+
middleware: [stayInFrame ? shift(typeof stayInFrame == "boolean" ? {} : stayInFrame) : null, allowFlip ? flip(typeof allowFlip == "boolean" ? {} : allowFlip) : null, arrowEl ? arrow({
|
|
36
|
+
element: arrowEl
|
|
37
|
+
}) : null, typeof offsetOptions < "u" ? offsetFn(offsetOptions) : null].filter(Boolean)
|
|
38
|
+
}),
|
|
39
|
+
{
|
|
40
|
+
refs,
|
|
41
|
+
middlewareData,
|
|
42
|
+
// @ts-expect-error this comes from Tooltip for example
|
|
43
|
+
open
|
|
44
|
+
} = floating;
|
|
45
|
+
if (isWeb) useIsomorphicLayoutEffect(() => {
|
|
46
|
+
if (open && refs.reference.current && refs.floating.current) return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
|
|
47
|
+
}, [open, floating.update, refs.floating, refs.reference]);else {
|
|
48
|
+
const dimensions = useWindowDimensions(),
|
|
49
|
+
[keyboardOpen, setKeyboardOpen] = React.useState(!1);
|
|
50
|
+
React.useEffect(() => {
|
|
51
|
+
const showSubscription = Keyboard.addListener("keyboardDidShow", () => {
|
|
52
|
+
setKeyboardOpen(!0);
|
|
53
|
+
}),
|
|
54
|
+
hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
|
|
55
|
+
setKeyboardOpen(!1);
|
|
56
|
+
});
|
|
57
|
+
return () => {
|
|
58
|
+
showSubscription.remove(), hideSubscription.remove();
|
|
59
|
+
};
|
|
60
|
+
}, []), useIsomorphicLayoutEffect(() => {
|
|
61
|
+
floating.update();
|
|
62
|
+
}, [dimensions, keyboardOpen]);
|
|
63
|
+
}
|
|
64
|
+
const popperContext = {
|
|
65
|
+
size,
|
|
66
|
+
arrowRef: setArrow,
|
|
67
|
+
arrowStyle: middlewareData.arrow,
|
|
68
|
+
onArrowSize: setArrowSize,
|
|
69
|
+
isMounted,
|
|
70
|
+
scope: __scopePopper,
|
|
71
|
+
...floating
|
|
72
|
+
};
|
|
73
|
+
return /* @__PURE__ */jsx(PopperProvider, {
|
|
74
|
+
...popperContext,
|
|
75
|
+
children
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
const PopperAnchor = YStack.extractable(React.forwardRef(function (props, forwardedRef) {
|
|
79
|
+
const {
|
|
80
|
+
virtualRef,
|
|
81
|
+
__scopePopper,
|
|
82
|
+
...anchorProps
|
|
83
|
+
} = props,
|
|
84
|
+
{
|
|
85
|
+
getReferenceProps,
|
|
86
|
+
refs
|
|
87
|
+
} = usePopperContext(__scopePopper),
|
|
88
|
+
ref = React.useRef(null),
|
|
89
|
+
composedRefs = useComposedRefs(forwardedRef, ref, virtualRef ?? refs.setReference);
|
|
90
|
+
if (virtualRef) return null;
|
|
91
|
+
const stackProps = {
|
|
92
|
+
ref: composedRefs,
|
|
93
|
+
...anchorProps
|
|
94
|
+
};
|
|
95
|
+
return /* @__PURE__ */jsx(TamaguiView, {
|
|
96
|
+
...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)
|
|
97
|
+
});
|
|
98
|
+
})),
|
|
99
|
+
PopperContentFrame = styled(ThemeableStack, {
|
|
100
|
+
name: "PopperContent",
|
|
101
|
+
variants: {
|
|
102
|
+
unstyled: {
|
|
103
|
+
false: {
|
|
104
|
+
size: "$true",
|
|
105
|
+
backgroundColor: "$background",
|
|
106
|
+
alignItems: "center",
|
|
107
|
+
radiused: !0
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
size: {
|
|
111
|
+
"...size": (val, {
|
|
112
|
+
tokens
|
|
113
|
+
}) => ({
|
|
114
|
+
padding: tokens.space[val],
|
|
115
|
+
borderRadius: tokens.radius[val]
|
|
116
|
+
})
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
defaultVariants: {
|
|
120
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
121
|
+
}
|
|
122
|
+
}),
|
|
123
|
+
PopperContent = React.forwardRef(function (props, forwardedRef) {
|
|
124
|
+
const {
|
|
125
|
+
__scopePopper,
|
|
126
|
+
enableAnimationForPositionChange,
|
|
127
|
+
...rest
|
|
128
|
+
} = props,
|
|
129
|
+
{
|
|
130
|
+
strategy,
|
|
131
|
+
placement,
|
|
132
|
+
refs,
|
|
133
|
+
x,
|
|
134
|
+
y,
|
|
135
|
+
getFloatingProps,
|
|
136
|
+
size,
|
|
137
|
+
isMounted,
|
|
138
|
+
update
|
|
139
|
+
} = usePopperContext(__scopePopper),
|
|
140
|
+
contentRefs = useComposedRefs(refs.setFloating, forwardedRef),
|
|
141
|
+
contents = React.useMemo(() => /* @__PURE__ */jsx(PopperContentFrame, {
|
|
142
|
+
"data-placement": placement,
|
|
143
|
+
"data-strategy": strategy,
|
|
144
|
+
contain: "layout",
|
|
145
|
+
size,
|
|
146
|
+
...rest
|
|
147
|
+
}, "popper-content-frame"), [placement, strategy, props]),
|
|
148
|
+
[hasInitialPosition, setHasInitialPosition] = React.useState(!0);
|
|
149
|
+
if (React.useEffect(() => {
|
|
150
|
+
(x || y) && setHasInitialPosition(!1);
|
|
151
|
+
}, [x, y]), useIsomorphicLayoutEffect(() => {
|
|
152
|
+
isMounted && update();
|
|
153
|
+
}, [isMounted]), !isMounted) return null;
|
|
154
|
+
const frameProps = {
|
|
155
|
+
ref: contentRefs,
|
|
156
|
+
x: x || 0,
|
|
157
|
+
y: y || 0,
|
|
158
|
+
top: 0,
|
|
159
|
+
left: 0,
|
|
160
|
+
position: strategy,
|
|
161
|
+
...(enableAnimationForPositionChange && {
|
|
162
|
+
// apply animation but disable it on initial render to avoid animating from 0 to the first position
|
|
163
|
+
animation: rest.animation,
|
|
164
|
+
animateOnly: ["none"]
|
|
165
|
+
}),
|
|
166
|
+
...(enableAnimationForPositionChange && !hasInitialPosition && {
|
|
167
|
+
animation: rest.animation,
|
|
168
|
+
animateOnly: rest.animateOnly
|
|
169
|
+
})
|
|
170
|
+
};
|
|
171
|
+
return /* @__PURE__ */jsx(Stack, {
|
|
172
|
+
...(getFloatingProps ? getFloatingProps(frameProps) : frameProps),
|
|
173
|
+
children: contents
|
|
174
|
+
});
|
|
175
|
+
}),
|
|
176
|
+
PopperArrowFrame = styled(YStack, {
|
|
177
|
+
name: "PopperArrow",
|
|
178
|
+
variants: {
|
|
179
|
+
unstyled: {
|
|
180
|
+
false: {
|
|
181
|
+
borderColor: "$borderColor",
|
|
182
|
+
backgroundColor: "$background",
|
|
183
|
+
position: "relative"
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
},
|
|
187
|
+
defaultVariants: {
|
|
188
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
189
|
+
}
|
|
190
|
+
}),
|
|
191
|
+
PopperArrowOuterFrame = styled(YStack, {
|
|
192
|
+
name: "PopperArrowOuter",
|
|
193
|
+
variants: {
|
|
194
|
+
unstyled: {
|
|
195
|
+
false: {
|
|
196
|
+
position: "absolute",
|
|
197
|
+
zIndex: 1e6,
|
|
198
|
+
pointerEvents: "none",
|
|
199
|
+
overflow: "hidden",
|
|
200
|
+
alignItems: "center",
|
|
201
|
+
justifyContent: "center"
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
defaultVariants: {
|
|
206
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
207
|
+
}
|
|
208
|
+
}),
|
|
209
|
+
opposites = {
|
|
210
|
+
top: "bottom",
|
|
211
|
+
right: "left",
|
|
212
|
+
bottom: "top",
|
|
213
|
+
left: "right"
|
|
214
|
+
},
|
|
215
|
+
PopperArrow = PopperArrowFrame.styleable(function (propsIn, forwardedRef) {
|
|
216
|
+
const {
|
|
217
|
+
__scopePopper,
|
|
218
|
+
...rest
|
|
219
|
+
} = propsIn,
|
|
220
|
+
props = useProps(rest),
|
|
221
|
+
{
|
|
222
|
+
offset,
|
|
223
|
+
size: sizeProp,
|
|
224
|
+
borderWidth = 0,
|
|
225
|
+
...arrowProps
|
|
226
|
+
} = props,
|
|
227
|
+
context = usePopperContext(__scopePopper),
|
|
228
|
+
sizeVal = sizeProp ?? context.size,
|
|
229
|
+
sizeValResolved = getVariableValue(getSpace(sizeVal, {
|
|
230
|
+
shift: -2,
|
|
231
|
+
bounds: [2]
|
|
232
|
+
})),
|
|
233
|
+
size = Math.max(0, +sizeValResolved),
|
|
234
|
+
{
|
|
235
|
+
placement
|
|
236
|
+
} = context,
|
|
237
|
+
refs = useComposedRefs(context.arrowRef, forwardedRef),
|
|
238
|
+
x = context.arrowStyle?.x || 0,
|
|
239
|
+
y = context.arrowStyle?.y || 0,
|
|
240
|
+
primaryPlacement = placement ? placement.split("-")[0] : "top",
|
|
241
|
+
arrowStyle = {
|
|
242
|
+
x,
|
|
243
|
+
y,
|
|
244
|
+
width: size,
|
|
245
|
+
height: size
|
|
246
|
+
},
|
|
247
|
+
innerArrowStyle = {},
|
|
248
|
+
isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
|
|
249
|
+
if (primaryPlacement) {
|
|
250
|
+
arrowStyle[isVertical ? "width" : "height"] = size * 2;
|
|
251
|
+
const oppSide = opposites[primaryPlacement];
|
|
252
|
+
oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), oppSide === "bottom" && (arrowStyle[oppSide] += 1), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), useIsomorphicLayoutEffect(() => {
|
|
253
|
+
context.onArrowSize?.(size);
|
|
254
|
+
}, [size, context.onArrowSize]);
|
|
255
|
+
}
|
|
256
|
+
return /* @__PURE__ */jsx(PopperArrowOuterFrame, {
|
|
257
|
+
ref: refs,
|
|
258
|
+
...arrowStyle,
|
|
259
|
+
children: /* @__PURE__ */jsx(PopperArrowFrame, {
|
|
260
|
+
width: size,
|
|
261
|
+
height: size,
|
|
262
|
+
...arrowProps,
|
|
263
|
+
...innerArrowStyle,
|
|
264
|
+
rotate: "45deg",
|
|
265
|
+
...(primaryPlacement === "bottom" && {
|
|
266
|
+
borderLeftWidth: borderWidth,
|
|
267
|
+
borderTopWidth: borderWidth
|
|
268
|
+
}),
|
|
269
|
+
...(primaryPlacement === "top" && {
|
|
270
|
+
borderBottomWidth: borderWidth,
|
|
271
|
+
borderRightWidth: borderWidth
|
|
272
|
+
}),
|
|
273
|
+
...(primaryPlacement === "right" && {
|
|
274
|
+
borderLeftWidth: borderWidth,
|
|
275
|
+
borderBottomWidth: borderWidth
|
|
276
|
+
}),
|
|
277
|
+
...(primaryPlacement === "left" && {
|
|
278
|
+
borderTopWidth: borderWidth,
|
|
279
|
+
borderRightWidth: borderWidth
|
|
280
|
+
})
|
|
281
|
+
})
|
|
282
|
+
});
|
|
283
|
+
});
|
|
284
|
+
export { Popper, PopperAnchor, PopperArrow, PopperContent, PopperContentFrame, PopperContext, PopperProvider, usePopperContext };
|
|
@@ -45,11 +45,7 @@ function Popper(props) {
|
|
|
45
45
|
allowFlip,
|
|
46
46
|
offset,
|
|
47
47
|
__scopePopper
|
|
48
|
-
} = props,
|
|
49
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
50
|
-
setIsMounted(!0);
|
|
51
|
-
}, []);
|
|
52
|
-
const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
48
|
+
} = props, isMounted = (0, import_core.useDidFinishSSR)(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
53
49
|
strategy,
|
|
54
50
|
placement,
|
|
55
51
|
sameScrollView: !1,
|
|
@@ -66,9 +62,7 @@ function Popper(props) {
|
|
|
66
62
|
// @ts-expect-error this comes from Tooltip for example
|
|
67
63
|
open
|
|
68
64
|
} = floating;
|
|
69
|
-
if (
|
|
70
|
-
floating.refs.setReference(anchorRef);
|
|
71
|
-
}, [anchorRef]), import_constants.isWeb)
|
|
65
|
+
if (import_constants.isWeb)
|
|
72
66
|
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
73
67
|
if (open && refs.reference.current && refs.floating.current)
|
|
74
68
|
return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
|
|
@@ -89,7 +83,6 @@ function Popper(props) {
|
|
|
89
83
|
}, [dimensions, keyboardOpen]);
|
|
90
84
|
}
|
|
91
85
|
const popperContext = {
|
|
92
|
-
anchorRef: setAnchorRef,
|
|
93
86
|
size,
|
|
94
87
|
arrowRef: setArrow,
|
|
95
88
|
arrowStyle: middlewareData.arrow,
|
|
@@ -103,10 +96,12 @@ function Popper(props) {
|
|
|
103
96
|
const PopperAnchor = import_stacks.YStack.extractable(
|
|
104
97
|
React.forwardRef(
|
|
105
98
|
function(props, forwardedRef) {
|
|
106
|
-
const { virtualRef, __scopePopper, ...anchorProps } = props, {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
99
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
|
|
100
|
+
forwardedRef,
|
|
101
|
+
ref,
|
|
102
|
+
virtualRef ?? refs.setReference
|
|
103
|
+
);
|
|
104
|
+
if (virtualRef)
|
|
110
105
|
return null;
|
|
111
106
|
const stackProps = {
|
|
112
107
|
ref: composedRefs,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Popper.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAgC,kCAChC,mBAAiD,+BAEjD,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["offsetFn", "TamaguiView", "_a"]
|
|
6
6
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Popper.mjs";
|
package/dist/jsx/Popper.js
CHANGED
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
createStyledContext,
|
|
7
7
|
getVariableValue,
|
|
8
8
|
styled,
|
|
9
|
+
useDidFinishSSR,
|
|
9
10
|
useProps
|
|
10
11
|
} from "@tamagui/core";
|
|
11
12
|
import {
|
|
@@ -32,11 +33,7 @@ function Popper(props) {
|
|
|
32
33
|
allowFlip,
|
|
33
34
|
offset,
|
|
34
35
|
__scopePopper
|
|
35
|
-
} = props,
|
|
36
|
-
useIsomorphicLayoutEffect(() => {
|
|
37
|
-
setIsMounted(!0);
|
|
38
|
-
}, []);
|
|
39
|
-
const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = useFloating({
|
|
36
|
+
} = props, isMounted = useDidFinishSSR(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = useFloating({
|
|
40
37
|
strategy,
|
|
41
38
|
placement,
|
|
42
39
|
sameScrollView: !1,
|
|
@@ -53,9 +50,7 @@ function Popper(props) {
|
|
|
53
50
|
// @ts-expect-error this comes from Tooltip for example
|
|
54
51
|
open
|
|
55
52
|
} = floating;
|
|
56
|
-
if (
|
|
57
|
-
floating.refs.setReference(anchorRef);
|
|
58
|
-
}, [anchorRef]), isWeb)
|
|
53
|
+
if (isWeb)
|
|
59
54
|
useIsomorphicLayoutEffect(() => {
|
|
60
55
|
if (open && refs.reference.current && refs.floating.current)
|
|
61
56
|
return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
|
|
@@ -76,7 +71,6 @@ function Popper(props) {
|
|
|
76
71
|
}, [dimensions, keyboardOpen]);
|
|
77
72
|
}
|
|
78
73
|
const popperContext = {
|
|
79
|
-
anchorRef: setAnchorRef,
|
|
80
74
|
size,
|
|
81
75
|
arrowRef: setArrow,
|
|
82
76
|
arrowStyle: middlewareData.arrow,
|
|
@@ -90,10 +84,12 @@ function Popper(props) {
|
|
|
90
84
|
const PopperAnchor = YStack.extractable(
|
|
91
85
|
React.forwardRef(
|
|
92
86
|
function(props, forwardedRef) {
|
|
93
|
-
const { virtualRef, __scopePopper, ...anchorProps } = props, {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
87
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = useComposedRefs(
|
|
88
|
+
forwardedRef,
|
|
89
|
+
ref,
|
|
90
|
+
virtualRef ?? refs.setReference
|
|
91
|
+
);
|
|
92
|
+
if (virtualRef)
|
|
97
93
|
return null;
|
|
98
94
|
const stackProps = {
|
|
99
95
|
ref: composedRefs,
|
package/dist/jsx/Popper.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Popper.tsx"],
|
|
4
|
-
"mappings": "AAEA,SAAS,uBAAuB;AAChC,SAAS,OAAO,iCAAiC;AAEjD;AAAA,EAEE;AAAA,EAEA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAME;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAA4B,gBAAgB,cAA2B;AACvE,YAAY,WAAW;AACvB,SAAS,UAAgB,2BAA2B;
|
|
4
|
+
"mappings": "AAEA,SAAS,uBAAuB;AAChC,SAAS,OAAO,iCAAiC;AAEjD;AAAA,EAEE;AAAA,EAEA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAME;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAA4B,gBAAgB,cAA2B;AACvE,YAAY,WAAW;AACvB,SAAS,UAAgB,2BAA2B;AAyH3C;AArGF,MAAM,gBAAgB,oBAAwC,CAAC,CAAQ,GAEjE,EAAE,kBAAkB,kBAAkB,UAAU,eAAe,IAC1E;AAcK,SAAS,OAAO,OAAuC;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,OAEE,YAAY,gBAAgB,GAC5B,CAAC,SAAS,QAAQ,IAAI,MAAM,SAAc,IAAI,GAC9C,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,CAAC,GAC5C,gBAAgB,UAAU,WAE1B,WAAW,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA;AAAA,IAChB,YAAY;AAAA,MACV,cACI,MAAM,OAAO,eAAgB,YAAY,CAAC,IAAI,WAAW,IACxD;AAAA,MACL,YAAY,KAAK,OAAO,aAAc,YAAY,CAAC,IAAI,SAAS,IAAK;AAAA,MACrE,UAAU,MAAM,EAAE,SAAS,QAAQ,CAAC,IAAK;AAAA,MACzC,OAAO,gBAAkB,MAAc,SAAS,aAAa,IAAK;AAAA,IACpE,EAAE,OAAO,OAAO;AAAA,EAClB,CAAC,GAEK;AAAA,IACJ;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EACF,IAAI;AAEJ,MAAI;AACF,8BAA0B,MAAM;AAC9B,UAAK,QACC,KAAK,UAAU,WAAW,KAAK,SAAS;AAI9C,eAAO,WAAW,KAAK,UAAU,SAAS,KAAK,SAAS,SAAS,SAAS,MAAM;AAAA,IAClF,GAAG,CAAC,MAAM,SAAS,QAAQ,KAAK,UAAU,KAAK,SAAS,CAAC;AAAA,OACpD;AAIL,UAAM,aAAa,oBAAoB,GAGjC,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAK;AAC5D,UAAM,UAAU,MAAM;AACpB,YAAM,mBAAmB,SAAS,YAAY,mBAAmB,MAAM;AACrE,wBAAgB,EAAI;AAAA,MACtB,CAAC,GACK,mBAAmB,SAAS,YAAY,mBAAmB,MAAM;AACrE,wBAAgB,EAAK;AAAA,MACvB,CAAC;AAED,aAAO,MAAM;AACX,yBAAiB,OAAO,GACxB,iBAAiB,OAAO;AAAA,MAC1B;AAAA,IACF,GAAG,CAAC,CAAC,GAEL,0BAA0B,MAAM;AAC9B,eAAS,OAAO;AAAA,IAClB,GAAG,CAAC,YAAY,YAAY,CAAC;AAAA,EAC/B;AAEA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,UAAU;AAAA,IACV,YAAY,eAAe;AAAA,IAC3B,aAAa;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL;AAEA,SAAO,oBAAC,kBAAgB,GAAG,eAAgB,UAAS;AACtD;AAYO,MAAM,eAAe,OAAO;AAAA,EACjC,MAAM;AAAA,IACJ,SAAsB,OAA6C,cAAc;AAC/E,YAAM,EAAE,YAAY,eAAe,GAAG,YAAY,IAAI,OAChD,EAAE,mBAAmB,KAAK,IAAI,iBAAiB,aAAa,GAC5D,MAAM,MAAM,OAAwB,IAAI,GACxC,eAAe;AAAA,QACnB;AAAA,QACA;AAAA,QACA,cAAe,KAAK;AAAA,MACtB;AAEA,UAAI;AACF,eAAO;AAET,YAAM,aAAa;AAAA,QACjB,KAAK;AAAA,QACL,GAAG;AAAA,MACL;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAI,oBAAoB,kBAAkB,UAAU,IAAI;AAAA;AAAA,MAC3D;AAAA,IAEJ;AAAA,EACF;AACF,GAYa,qBAAqB,OAAO,gBAAgB;AAAA,EACvD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,OACjB;AAAA,QACL,SAAS,OAAO,MAAM,GAAG;AAAA,QACzB,cAAc,OAAO,OAAO,GAAG;AAAA,MACjC;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEY,gBAAgB,MAAM,WAGjC,SAAuB,OAA8C,cAAc;AACnF,QAAM,EAAE,eAAe,kCAAkC,GAAG,KAAK,IAAI,OAC/D,EAAE,UAAU,WAAW,MAAM,GAAG,GAAG,kBAAkB,MAAM,WAAW,OAAO,IACjF,iBAAiB,aAAa,GAC1B,cAAc,gBAAqB,KAAK,aAAa,YAAY,GAEjE,WAAW,MAAM,QAAQ,MAE3B;AAAA,IAAC;AAAA;AAAA,MAEC,kBAAgB;AAAA,MAChB,iBAAe;AAAA,MACf,SAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,IALA;AAAA,EAMN,GAED,CAAC,WAAW,UAAU,KAAK,CAAC,GAEzB,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,EAAI;AAevE,MAbA,MAAM,UAAU,MAAM;AACpB,KAAI,KAAK,MACP,sBAAsB,EAAK;AAAA,EAE/B,GAAG,CAAC,GAAG,CAAC,CAAC,GAET,0BAA0B,MAAM;AAC9B,IAAI,aACF,OAAO;AAAA,EAEX,GAAG,CAAC,SAAS,CAAC,GAGV,CAAC;AACH,WAAO;AAGT,QAAM,aAAa;AAAA,IACjB,KAAK;AAAA,IACL,GAAG,KAAK;AAAA,IACR,GAAG,KAAK;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,GAAI,oCAAoC;AAAA;AAAA,MAEtC,WAAW,KAAK;AAAA,MAChB,aAAa,CAAC,MAAM;AAAA,IACtB;AAAA,IACA,GAAI,oCACF,CAAC,sBAAsB;AAAA,MACrB,WAAW,KAAK;AAAA,MAChB,aAAa,KAAK;AAAA,IACpB;AAAA,EACJ;AAGA,SACE,oBAAC,SAAO,GAAI,mBAAmB,iBAAiB,UAAU,IAAI,YAC3D,oBACH;AAEJ,CAAC,GAcK,mBAAmB,OAAO,QAAQ;AAAA,EACtC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,wBAAwB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,YAAY;AAAA,EAChB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,GAIa,cAAc,iBAAiB;AAAA,EAC1C,SAAqB,SAA8C,cAAc;AAC/E,UAAM,EAAE,eAAe,GAAG,KAAK,IAAI,SAC7B,QAAQ,SAAS,IAAI,GACrB,EAAE,QAAQ,MAAM,UAAU,cAAc,GAAG,GAAG,WAAW,IAAI,OAE7D,UAAU,iBAAiB,aAAa,GACxC,UAAU,YAAY,QAAQ,MAC9B,kBAAkB;AAAA,MACtB,SAAS,SAAS;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,IACH,GACM,OAAO,KAAK,IAAI,GAAG,CAAC,eAAe,GAEnC,EAAE,UAAU,IAAI,SAChB,OAAO,gBAAgB,QAAQ,UAAU,YAAY,GAIrD,IAAK,QAAQ,YAAY,KAAgB,GACzC,IAAK,QAAQ,YAAY,KAAgB,GAEzC,mBAAoB,YAAY,UAAU,MAAM,GAAG,EAAE,CAAC,IAAI,OAE1D,aAAyB,EAAE,GAAG,GAAG,OAAO,MAAM,QAAQ,KAAK,GAE3D,kBAA8B,CAAC,GAC/B,aAAa,qBAAqB,YAAY,qBAAqB;AAEzE,QAAI,kBAAkB;AAEpB,iBAAW,aAAa,UAAU,QAAQ,IAAI,OAAO;AACrD,YAAM,UAAU,UAAU,gBAAgB;AAC1C,MAAI,YACF,WAAW,OAAO,IAAI,CAAC,MACvB,gBAAgB,OAAO,IAAI,OAAO,IAEhC,YAAY,aAGd,WAAW,OAAO,KAAK,KAErB,YAAY,SAAS,YAAY,cACnC,WAAW,OAAO,KAEhB,YAAY,UAAU,YAAY,aACpC,WAAW,MAAM,IAInB,0BAA0B,MAAM;AAC9B,gBAAQ,cAAc,IAAI;AAAA,MAC5B,GAAG,CAAC,MAAM,QAAQ,WAAW,CAAC;AAAA,IAChC;AAGA,WACE,oBAAC,yBAAsB,KAAK,MAAO,GAAG,YACpC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,QAAO;AAAA,QACN,GAAI,qBAAqB,YAAY;AAAA,UACpC,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,QACC,GAAI,qBAAqB,SAAS;AAAA,UACjC,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,QACpB;AAAA,QACC,GAAI,qBAAqB,WAAW;AAAA,UACnC,iBAAiB;AAAA,UACjB,mBAAmB;AAAA,QACrB;AAAA,QACC,GAAI,qBAAqB,UAAU;AAAA,UAClC,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QACpB;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
3
|
+
import { Stack, View as TamaguiView, createStyledContext, getVariableValue, styled, useDidFinishSSR, useProps } from "@tamagui/core";
|
|
4
|
+
import { arrow, autoUpdate, flip, offset as offsetFn, shift, useFloating } from "@tamagui/floating";
|
|
5
|
+
import { getSpace } from "@tamagui/get-token";
|
|
6
|
+
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import { Keyboard, useWindowDimensions } from "react-native-web";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
const PopperContext = createStyledContext({}),
|
|
11
|
+
{
|
|
12
|
+
useStyledContext: usePopperContext,
|
|
13
|
+
Provider: PopperProvider
|
|
14
|
+
} = PopperContext;
|
|
15
|
+
function Popper(props) {
|
|
16
|
+
const {
|
|
17
|
+
children,
|
|
18
|
+
size,
|
|
19
|
+
strategy = "absolute",
|
|
20
|
+
placement = "bottom",
|
|
21
|
+
stayInFrame,
|
|
22
|
+
allowFlip,
|
|
23
|
+
offset,
|
|
24
|
+
__scopePopper
|
|
25
|
+
} = props,
|
|
26
|
+
isMounted = useDidFinishSSR(),
|
|
27
|
+
[arrowEl, setArrow] = React.useState(null),
|
|
28
|
+
[arrowSize, setArrowSize] = React.useState(0),
|
|
29
|
+
offsetOptions = offset ?? arrowSize,
|
|
30
|
+
floating = useFloating({
|
|
31
|
+
strategy,
|
|
32
|
+
placement,
|
|
33
|
+
sameScrollView: !1,
|
|
34
|
+
// this only takes effect on native
|
|
35
|
+
middleware: [stayInFrame ? shift(typeof stayInFrame == "boolean" ? {} : stayInFrame) : null, allowFlip ? flip(typeof allowFlip == "boolean" ? {} : allowFlip) : null, arrowEl ? arrow({
|
|
36
|
+
element: arrowEl
|
|
37
|
+
}) : null, typeof offsetOptions < "u" ? offsetFn(offsetOptions) : null].filter(Boolean)
|
|
38
|
+
}),
|
|
39
|
+
{
|
|
40
|
+
refs,
|
|
41
|
+
middlewareData,
|
|
42
|
+
// @ts-expect-error this comes from Tooltip for example
|
|
43
|
+
open
|
|
44
|
+
} = floating;
|
|
45
|
+
if (isWeb) useIsomorphicLayoutEffect(() => {
|
|
46
|
+
if (open && refs.reference.current && refs.floating.current) return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
|
|
47
|
+
}, [open, floating.update, refs.floating, refs.reference]);else {
|
|
48
|
+
const dimensions = useWindowDimensions(),
|
|
49
|
+
[keyboardOpen, setKeyboardOpen] = React.useState(!1);
|
|
50
|
+
React.useEffect(() => {
|
|
51
|
+
const showSubscription = Keyboard.addListener("keyboardDidShow", () => {
|
|
52
|
+
setKeyboardOpen(!0);
|
|
53
|
+
}),
|
|
54
|
+
hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
|
|
55
|
+
setKeyboardOpen(!1);
|
|
56
|
+
});
|
|
57
|
+
return () => {
|
|
58
|
+
showSubscription.remove(), hideSubscription.remove();
|
|
59
|
+
};
|
|
60
|
+
}, []), useIsomorphicLayoutEffect(() => {
|
|
61
|
+
floating.update();
|
|
62
|
+
}, [dimensions, keyboardOpen]);
|
|
63
|
+
}
|
|
64
|
+
const popperContext = {
|
|
65
|
+
size,
|
|
66
|
+
arrowRef: setArrow,
|
|
67
|
+
arrowStyle: middlewareData.arrow,
|
|
68
|
+
onArrowSize: setArrowSize,
|
|
69
|
+
isMounted,
|
|
70
|
+
scope: __scopePopper,
|
|
71
|
+
...floating
|
|
72
|
+
};
|
|
73
|
+
return /* @__PURE__ */jsx(PopperProvider, {
|
|
74
|
+
...popperContext,
|
|
75
|
+
children
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
const PopperAnchor = YStack.extractable(React.forwardRef(function (props, forwardedRef) {
|
|
79
|
+
const {
|
|
80
|
+
virtualRef,
|
|
81
|
+
__scopePopper,
|
|
82
|
+
...anchorProps
|
|
83
|
+
} = props,
|
|
84
|
+
{
|
|
85
|
+
getReferenceProps,
|
|
86
|
+
refs
|
|
87
|
+
} = usePopperContext(__scopePopper),
|
|
88
|
+
ref = React.useRef(null),
|
|
89
|
+
composedRefs = useComposedRefs(forwardedRef, ref, virtualRef ?? refs.setReference);
|
|
90
|
+
if (virtualRef) return null;
|
|
91
|
+
const stackProps = {
|
|
92
|
+
ref: composedRefs,
|
|
93
|
+
...anchorProps
|
|
94
|
+
};
|
|
95
|
+
return /* @__PURE__ */jsx(TamaguiView, {
|
|
96
|
+
...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)
|
|
97
|
+
});
|
|
98
|
+
})),
|
|
99
|
+
PopperContentFrame = styled(ThemeableStack, {
|
|
100
|
+
name: "PopperContent",
|
|
101
|
+
variants: {
|
|
102
|
+
unstyled: {
|
|
103
|
+
false: {
|
|
104
|
+
size: "$true",
|
|
105
|
+
backgroundColor: "$background",
|
|
106
|
+
alignItems: "center",
|
|
107
|
+
radiused: !0
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
size: {
|
|
111
|
+
"...size": (val, {
|
|
112
|
+
tokens
|
|
113
|
+
}) => ({
|
|
114
|
+
padding: tokens.space[val],
|
|
115
|
+
borderRadius: tokens.radius[val]
|
|
116
|
+
})
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
defaultVariants: {
|
|
120
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
121
|
+
}
|
|
122
|
+
}),
|
|
123
|
+
PopperContent = React.forwardRef(function (props, forwardedRef) {
|
|
124
|
+
const {
|
|
125
|
+
__scopePopper,
|
|
126
|
+
enableAnimationForPositionChange,
|
|
127
|
+
...rest
|
|
128
|
+
} = props,
|
|
129
|
+
{
|
|
130
|
+
strategy,
|
|
131
|
+
placement,
|
|
132
|
+
refs,
|
|
133
|
+
x,
|
|
134
|
+
y,
|
|
135
|
+
getFloatingProps,
|
|
136
|
+
size,
|
|
137
|
+
isMounted,
|
|
138
|
+
update
|
|
139
|
+
} = usePopperContext(__scopePopper),
|
|
140
|
+
contentRefs = useComposedRefs(refs.setFloating, forwardedRef),
|
|
141
|
+
contents = React.useMemo(() => /* @__PURE__ */jsx(PopperContentFrame, {
|
|
142
|
+
"data-placement": placement,
|
|
143
|
+
"data-strategy": strategy,
|
|
144
|
+
contain: "layout",
|
|
145
|
+
size,
|
|
146
|
+
...rest
|
|
147
|
+
}, "popper-content-frame"), [placement, strategy, props]),
|
|
148
|
+
[hasInitialPosition, setHasInitialPosition] = React.useState(!0);
|
|
149
|
+
if (React.useEffect(() => {
|
|
150
|
+
(x || y) && setHasInitialPosition(!1);
|
|
151
|
+
}, [x, y]), useIsomorphicLayoutEffect(() => {
|
|
152
|
+
isMounted && update();
|
|
153
|
+
}, [isMounted]), !isMounted) return null;
|
|
154
|
+
const frameProps = {
|
|
155
|
+
ref: contentRefs,
|
|
156
|
+
x: x || 0,
|
|
157
|
+
y: y || 0,
|
|
158
|
+
top: 0,
|
|
159
|
+
left: 0,
|
|
160
|
+
position: strategy,
|
|
161
|
+
...(enableAnimationForPositionChange && {
|
|
162
|
+
// apply animation but disable it on initial render to avoid animating from 0 to the first position
|
|
163
|
+
animation: rest.animation,
|
|
164
|
+
animateOnly: ["none"]
|
|
165
|
+
}),
|
|
166
|
+
...(enableAnimationForPositionChange && !hasInitialPosition && {
|
|
167
|
+
animation: rest.animation,
|
|
168
|
+
animateOnly: rest.animateOnly
|
|
169
|
+
})
|
|
170
|
+
};
|
|
171
|
+
return /* @__PURE__ */jsx(Stack, {
|
|
172
|
+
...(getFloatingProps ? getFloatingProps(frameProps) : frameProps),
|
|
173
|
+
children: contents
|
|
174
|
+
});
|
|
175
|
+
}),
|
|
176
|
+
PopperArrowFrame = styled(YStack, {
|
|
177
|
+
name: "PopperArrow",
|
|
178
|
+
variants: {
|
|
179
|
+
unstyled: {
|
|
180
|
+
false: {
|
|
181
|
+
borderColor: "$borderColor",
|
|
182
|
+
backgroundColor: "$background",
|
|
183
|
+
position: "relative"
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
},
|
|
187
|
+
defaultVariants: {
|
|
188
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
189
|
+
}
|
|
190
|
+
}),
|
|
191
|
+
PopperArrowOuterFrame = styled(YStack, {
|
|
192
|
+
name: "PopperArrowOuter",
|
|
193
|
+
variants: {
|
|
194
|
+
unstyled: {
|
|
195
|
+
false: {
|
|
196
|
+
position: "absolute",
|
|
197
|
+
zIndex: 1e6,
|
|
198
|
+
pointerEvents: "none",
|
|
199
|
+
overflow: "hidden",
|
|
200
|
+
alignItems: "center",
|
|
201
|
+
justifyContent: "center"
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
defaultVariants: {
|
|
206
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
207
|
+
}
|
|
208
|
+
}),
|
|
209
|
+
opposites = {
|
|
210
|
+
top: "bottom",
|
|
211
|
+
right: "left",
|
|
212
|
+
bottom: "top",
|
|
213
|
+
left: "right"
|
|
214
|
+
},
|
|
215
|
+
PopperArrow = PopperArrowFrame.styleable(function (propsIn, forwardedRef) {
|
|
216
|
+
const {
|
|
217
|
+
__scopePopper,
|
|
218
|
+
...rest
|
|
219
|
+
} = propsIn,
|
|
220
|
+
props = useProps(rest),
|
|
221
|
+
{
|
|
222
|
+
offset,
|
|
223
|
+
size: sizeProp,
|
|
224
|
+
borderWidth = 0,
|
|
225
|
+
...arrowProps
|
|
226
|
+
} = props,
|
|
227
|
+
context = usePopperContext(__scopePopper),
|
|
228
|
+
sizeVal = sizeProp ?? context.size,
|
|
229
|
+
sizeValResolved = getVariableValue(getSpace(sizeVal, {
|
|
230
|
+
shift: -2,
|
|
231
|
+
bounds: [2]
|
|
232
|
+
})),
|
|
233
|
+
size = Math.max(0, +sizeValResolved),
|
|
234
|
+
{
|
|
235
|
+
placement
|
|
236
|
+
} = context,
|
|
237
|
+
refs = useComposedRefs(context.arrowRef, forwardedRef),
|
|
238
|
+
x = context.arrowStyle?.x || 0,
|
|
239
|
+
y = context.arrowStyle?.y || 0,
|
|
240
|
+
primaryPlacement = placement ? placement.split("-")[0] : "top",
|
|
241
|
+
arrowStyle = {
|
|
242
|
+
x,
|
|
243
|
+
y,
|
|
244
|
+
width: size,
|
|
245
|
+
height: size
|
|
246
|
+
},
|
|
247
|
+
innerArrowStyle = {},
|
|
248
|
+
isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
|
|
249
|
+
if (primaryPlacement) {
|
|
250
|
+
arrowStyle[isVertical ? "width" : "height"] = size * 2;
|
|
251
|
+
const oppSide = opposites[primaryPlacement];
|
|
252
|
+
oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), oppSide === "bottom" && (arrowStyle[oppSide] += 1), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), useIsomorphicLayoutEffect(() => {
|
|
253
|
+
context.onArrowSize?.(size);
|
|
254
|
+
}, [size, context.onArrowSize]);
|
|
255
|
+
}
|
|
256
|
+
return /* @__PURE__ */jsx(PopperArrowOuterFrame, {
|
|
257
|
+
ref: refs,
|
|
258
|
+
...arrowStyle,
|
|
259
|
+
children: /* @__PURE__ */jsx(PopperArrowFrame, {
|
|
260
|
+
width: size,
|
|
261
|
+
height: size,
|
|
262
|
+
...arrowProps,
|
|
263
|
+
...innerArrowStyle,
|
|
264
|
+
rotate: "45deg",
|
|
265
|
+
...(primaryPlacement === "bottom" && {
|
|
266
|
+
borderLeftWidth: borderWidth,
|
|
267
|
+
borderTopWidth: borderWidth
|
|
268
|
+
}),
|
|
269
|
+
...(primaryPlacement === "top" && {
|
|
270
|
+
borderBottomWidth: borderWidth,
|
|
271
|
+
borderRightWidth: borderWidth
|
|
272
|
+
}),
|
|
273
|
+
...(primaryPlacement === "right" && {
|
|
274
|
+
borderLeftWidth: borderWidth,
|
|
275
|
+
borderBottomWidth: borderWidth
|
|
276
|
+
}),
|
|
277
|
+
...(primaryPlacement === "left" && {
|
|
278
|
+
borderTopWidth: borderWidth,
|
|
279
|
+
borderRightWidth: borderWidth
|
|
280
|
+
})
|
|
281
|
+
})
|
|
282
|
+
});
|
|
283
|
+
});
|
|
284
|
+
export { Popper, PopperAnchor, PopperArrow, PopperContent, PopperContentFrame, PopperContext, PopperProvider, usePopperContext };
|
|
@@ -45,11 +45,7 @@ function Popper(props) {
|
|
|
45
45
|
allowFlip,
|
|
46
46
|
offset,
|
|
47
47
|
__scopePopper
|
|
48
|
-
} = props,
|
|
49
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
50
|
-
setIsMounted(!0);
|
|
51
|
-
}, []);
|
|
52
|
-
const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
48
|
+
} = props, isMounted = (0, import_core.useDidFinishSSR)(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
|
|
53
49
|
strategy,
|
|
54
50
|
placement,
|
|
55
51
|
sameScrollView: !1,
|
|
@@ -66,9 +62,7 @@ function Popper(props) {
|
|
|
66
62
|
// @ts-expect-error this comes from Tooltip for example
|
|
67
63
|
open
|
|
68
64
|
} = floating;
|
|
69
|
-
if (
|
|
70
|
-
floating.refs.setReference(anchorRef);
|
|
71
|
-
}, [anchorRef]), import_constants.isWeb)
|
|
65
|
+
if (import_constants.isWeb)
|
|
72
66
|
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
73
67
|
if (open && refs.reference.current && refs.floating.current)
|
|
74
68
|
return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
|
|
@@ -89,7 +83,6 @@ function Popper(props) {
|
|
|
89
83
|
}, [dimensions, keyboardOpen]);
|
|
90
84
|
}
|
|
91
85
|
const popperContext = {
|
|
92
|
-
anchorRef: setAnchorRef,
|
|
93
86
|
size,
|
|
94
87
|
arrowRef: setArrow,
|
|
95
88
|
arrowStyle: middlewareData.arrow,
|
|
@@ -103,10 +96,12 @@ function Popper(props) {
|
|
|
103
96
|
const PopperAnchor = import_stacks.YStack.extractable(
|
|
104
97
|
React.forwardRef(
|
|
105
98
|
function(props, forwardedRef) {
|
|
106
|
-
const { virtualRef, __scopePopper, ...anchorProps } = props, {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
99
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
|
|
100
|
+
forwardedRef,
|
|
101
|
+
ref,
|
|
102
|
+
virtualRef ?? refs.setReference
|
|
103
|
+
);
|
|
104
|
+
if (virtualRef)
|
|
110
105
|
return null;
|
|
111
106
|
const stackProps = {
|
|
112
107
|
ref: composedRefs,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Popper.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAgC,kCAChC,mBAAiD,+BAEjD,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["offsetFn", "TamaguiView", "_a"]
|
|
6
6
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Popper.mjs";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/popper",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.89.0-1706308641099",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -32,20 +32,20 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@tamagui/compose-refs": "1.
|
|
36
|
-
"@tamagui/constants": "1.
|
|
37
|
-
"@tamagui/core": "1.
|
|
38
|
-
"@tamagui/floating": "1.
|
|
39
|
-
"@tamagui/get-token": "1.
|
|
40
|
-
"@tamagui/stacks": "1.
|
|
41
|
-
"@tamagui/use-controllable-state": "1.
|
|
35
|
+
"@tamagui/compose-refs": "1.89.0-1706308641099",
|
|
36
|
+
"@tamagui/constants": "1.89.0-1706308641099",
|
|
37
|
+
"@tamagui/core": "1.89.0-1706308641099",
|
|
38
|
+
"@tamagui/floating": "1.89.0-1706308641099",
|
|
39
|
+
"@tamagui/get-token": "1.89.0-1706308641099",
|
|
40
|
+
"@tamagui/stacks": "1.89.0-1706308641099",
|
|
41
|
+
"@tamagui/use-controllable-state": "1.89.0-1706308641099"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "*",
|
|
45
45
|
"react-native": "*"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@tamagui/build": "1.
|
|
48
|
+
"@tamagui/build": "1.89.0-1706308641099",
|
|
49
49
|
"react": "^18.2.0",
|
|
50
50
|
"react-native": "^0.72.6"
|
|
51
51
|
},
|
package/src/Popper.tsx
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
createStyledContext,
|
|
12
12
|
getVariableValue,
|
|
13
13
|
styled,
|
|
14
|
+
useDidFinishSSR,
|
|
14
15
|
useProps,
|
|
15
16
|
} from '@tamagui/core'
|
|
16
17
|
import {
|
|
@@ -40,7 +41,6 @@ type FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : neve
|
|
|
40
41
|
|
|
41
42
|
export type PopperContextValue = UseFloatingReturn & {
|
|
42
43
|
isMounted: boolean
|
|
43
|
-
anchorRef: any
|
|
44
44
|
size?: SizeTokens
|
|
45
45
|
placement?: Placement
|
|
46
46
|
arrowRef: any
|
|
@@ -79,12 +79,7 @@ export function Popper(props: ScopedPopperProps<PopperProps>) {
|
|
|
79
79
|
__scopePopper,
|
|
80
80
|
} = props
|
|
81
81
|
|
|
82
|
-
const
|
|
83
|
-
useIsomorphicLayoutEffect(() => {
|
|
84
|
-
setIsMounted(true)
|
|
85
|
-
}, [])
|
|
86
|
-
|
|
87
|
-
const [anchorRef, setAnchorRef] = React.useState<any>()
|
|
82
|
+
const isMounted = useDidFinishSSR()
|
|
88
83
|
const [arrowEl, setArrow] = React.useState<any>(null)
|
|
89
84
|
const [arrowSize, setArrowSize] = React.useState(0)
|
|
90
85
|
const offsetOptions = offset ?? arrowSize
|
|
@@ -110,10 +105,6 @@ export function Popper(props: ScopedPopperProps<PopperProps>) {
|
|
|
110
105
|
open,
|
|
111
106
|
} = floating
|
|
112
107
|
|
|
113
|
-
useIsomorphicLayoutEffect(() => {
|
|
114
|
-
floating.refs.setReference(anchorRef)
|
|
115
|
-
}, [anchorRef])
|
|
116
|
-
|
|
117
108
|
if (isWeb) {
|
|
118
109
|
useIsomorphicLayoutEffect(() => {
|
|
119
110
|
if (!open) return
|
|
@@ -151,7 +142,6 @@ export function Popper(props: ScopedPopperProps<PopperProps>) {
|
|
|
151
142
|
}
|
|
152
143
|
|
|
153
144
|
const popperContext = {
|
|
154
|
-
anchorRef: setAnchorRef,
|
|
155
145
|
size,
|
|
156
146
|
arrowRef: setArrow,
|
|
157
147
|
arrowStyle: middlewareData.arrow,
|
|
@@ -178,15 +168,13 @@ export const PopperAnchor = YStack.extractable(
|
|
|
178
168
|
React.forwardRef<PopperAnchorRef, ScopedPopperProps<PopperAnchorProps>>(
|
|
179
169
|
function PopperAnchor(props: ScopedPopperProps<PopperAnchorProps>, forwardedRef) {
|
|
180
170
|
const { virtualRef, __scopePopper, ...anchorProps } = props
|
|
181
|
-
const {
|
|
171
|
+
const { getReferenceProps, refs } = usePopperContext(__scopePopper)
|
|
182
172
|
const ref = React.useRef<PopperAnchorRef>(null)
|
|
183
|
-
const composedRefs = useComposedRefs(
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
anchorRef(virtualRef?.current || ref.current)
|
|
189
|
-
}, [anchorRef, virtualRef])
|
|
173
|
+
const composedRefs = useComposedRefs(
|
|
174
|
+
forwardedRef,
|
|
175
|
+
ref,
|
|
176
|
+
virtualRef ?? (refs.setReference as any)
|
|
177
|
+
)
|
|
190
178
|
|
|
191
179
|
if (virtualRef) {
|
|
192
180
|
return null
|
package/types/Popper.d.ts
CHANGED
|
@@ -8,7 +8,6 @@ type ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : ne
|
|
|
8
8
|
type FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never;
|
|
9
9
|
export type PopperContextValue = UseFloatingReturn & {
|
|
10
10
|
isMounted: boolean;
|
|
11
|
-
anchorRef: any;
|
|
12
11
|
size?: SizeTokens;
|
|
13
12
|
placement?: Placement;
|
|
14
13
|
arrowRef: any;
|
package/types/Popper.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../src/Popper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EACL,UAAU,
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../src/Popper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EACL,UAAU,EASX,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,QAAQ,EACR,iBAAiB,EAGjB,IAAI,EAEJ,KAAK,EAEN,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,iBAAiB,EAA0B,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAY,IAAI,EAAuB,MAAM,cAAc,CAAA;AAElE,KAAK,UAAU,GAAG,OAAO,KAAK,SAAS,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;AACnF,KAAK,SAAS,GAAG,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;AAMjF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,EAAE,GAAG,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG;QAC7B,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,aAAa,2DAAqD,CAAA;AAE/E,eAAO,MAA0B,gBAAgB,sDAAY,cAAc;;;EAC5D,CAAA;AAEf,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAClC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB,CAAA;AAED,KAAK,iBAAiB,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;AAEpD,wBAAgB,MAAM,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAqF3D;AAMD,KAAK,eAAe,GAAG,WAAW,GAAG,IAAI,CAAA;AAEzC,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;yCA0BxB,CAAA;AAMD,KAAK,oBAAoB,GAAG,WAAW,GAAG,IAAI,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,gCAAgC,CAAC,EAAE,OAAO,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;8CA0B7B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAkExB,CAAA;AAMF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,qBAAqB,CAAA;AAkDlE,eAAO,MAAM,WAAW;;;;;;;;8CAsFvB,CAAA"}
|