@tamagui/popper 1.61.3 → 1.62.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/Popper.js +67 -141
- package/dist/cjs/Popper.js.map +2 -2
- package/dist/cjs/Popper.native.js +251 -0
- package/dist/cjs/Popper.native.js.map +6 -0
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +20 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/esm/Popper.js +60 -121
- package/dist/esm/Popper.js.map +2 -2
- package/dist/jsx/Popper.js +55 -114
- package/dist/jsx/Popper.js.map +2 -2
- package/dist/jsx/Popper.native.js +228 -0
- package/dist/jsx/Popper.native.js.map +6 -0
- package/dist/jsx/index.native.js +2 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/package.json +8 -8
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;AAAA,EAGE,QAAQ;AAAA,EACR;AAAA,EACA;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;AAqB7C,MAAM,gBAAgB,oBAAwC,CAAC,CAAQ
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import {
|
|
3
|
+
View as TamaguiView,
|
|
4
|
+
createStyledContext,
|
|
5
|
+
getVariableValue,
|
|
6
|
+
isWeb,
|
|
7
|
+
styled,
|
|
8
|
+
useIsomorphicLayoutEffect,
|
|
9
|
+
useProps
|
|
10
|
+
} from "@tamagui/core";
|
|
11
|
+
import {
|
|
12
|
+
arrow,
|
|
13
|
+
autoUpdate,
|
|
14
|
+
flip,
|
|
15
|
+
offset as offsetFn,
|
|
16
|
+
shift,
|
|
17
|
+
useFloating
|
|
18
|
+
} from "@tamagui/floating";
|
|
19
|
+
import { getSpace } from "@tamagui/get-token";
|
|
20
|
+
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
21
|
+
import * as React from "react";
|
|
22
|
+
import { Keyboard, useWindowDimensions } from "react-native";
|
|
23
|
+
const PopperContext = createStyledContext({}), usePopperContext = () => React.useContext(PopperContext);
|
|
24
|
+
function Popper(props) {
|
|
25
|
+
const {
|
|
26
|
+
children,
|
|
27
|
+
size,
|
|
28
|
+
strategy = "absolute",
|
|
29
|
+
placement = "bottom",
|
|
30
|
+
stayInFrame,
|
|
31
|
+
allowFlip,
|
|
32
|
+
offset
|
|
33
|
+
} = props, [isMounted, setIsMounted] = React.useState(!1);
|
|
34
|
+
useIsomorphicLayoutEffect(() => {
|
|
35
|
+
setIsMounted(!0);
|
|
36
|
+
}, []);
|
|
37
|
+
const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = useFloating({
|
|
38
|
+
strategy,
|
|
39
|
+
placement,
|
|
40
|
+
sameScrollView: !1,
|
|
41
|
+
// this only takes effect on native
|
|
42
|
+
middleware: [
|
|
43
|
+
stayInFrame ? shift(typeof stayInFrame == "boolean" ? {} : stayInFrame) : null,
|
|
44
|
+
allowFlip ? flip(typeof allowFlip == "boolean" ? {} : allowFlip) : null,
|
|
45
|
+
arrowEl ? arrow({ element: arrowEl }) : null,
|
|
46
|
+
typeof offsetOptions < "u" ? offsetFn(offsetOptions) : null
|
|
47
|
+
].filter(Boolean)
|
|
48
|
+
}), {
|
|
49
|
+
refs,
|
|
50
|
+
middlewareData,
|
|
51
|
+
// @ts-expect-error this comes from Tooltip for example
|
|
52
|
+
open
|
|
53
|
+
} = floating;
|
|
54
|
+
if (useIsomorphicLayoutEffect(() => {
|
|
55
|
+
floating.refs.setReference(anchorRef);
|
|
56
|
+
}, [anchorRef]), isWeb)
|
|
57
|
+
useIsomorphicLayoutEffect(() => {
|
|
58
|
+
if (open && refs.reference.current && refs.floating.current)
|
|
59
|
+
return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
|
|
60
|
+
}, [open, floating.update, refs.floating, refs.reference]);
|
|
61
|
+
else {
|
|
62
|
+
const dimensions = useWindowDimensions(), [keyboardOpen, setKeyboardOpen] = React.useState(!1);
|
|
63
|
+
React.useEffect(() => {
|
|
64
|
+
const showSubscription = Keyboard.addListener("keyboardDidShow", () => {
|
|
65
|
+
setKeyboardOpen(!0);
|
|
66
|
+
}), hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
|
|
67
|
+
setKeyboardOpen(!1);
|
|
68
|
+
});
|
|
69
|
+
return () => {
|
|
70
|
+
showSubscription.remove(), hideSubscription.remove();
|
|
71
|
+
};
|
|
72
|
+
}, []), useIsomorphicLayoutEffect(() => {
|
|
73
|
+
floating.update();
|
|
74
|
+
}, [dimensions, keyboardOpen]);
|
|
75
|
+
}
|
|
76
|
+
const popperContext = {
|
|
77
|
+
anchorRef: setAnchorRef,
|
|
78
|
+
size,
|
|
79
|
+
arrowRef: setArrow,
|
|
80
|
+
arrowStyle: middlewareData.arrow,
|
|
81
|
+
onArrowSize: setArrowSize,
|
|
82
|
+
isMounted,
|
|
83
|
+
...floating
|
|
84
|
+
};
|
|
85
|
+
return <PopperContext.Provider {...popperContext}>{children}</PopperContext.Provider>;
|
|
86
|
+
}
|
|
87
|
+
const PopperAnchor = YStack.extractable(
|
|
88
|
+
React.forwardRef(function(props, forwardedRef) {
|
|
89
|
+
const { virtualRef, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
|
|
90
|
+
if (virtualRef)
|
|
91
|
+
return null;
|
|
92
|
+
const stackProps = {
|
|
93
|
+
ref: composedRefs,
|
|
94
|
+
...anchorProps
|
|
95
|
+
};
|
|
96
|
+
return <TamaguiView
|
|
97
|
+
{...getReferenceProps ? getReferenceProps(stackProps) : stackProps}
|
|
98
|
+
/>;
|
|
99
|
+
})
|
|
100
|
+
), PopperContentFrame = styled(ThemeableStack, {
|
|
101
|
+
name: "PopperContent",
|
|
102
|
+
variants: {
|
|
103
|
+
unstyled: {
|
|
104
|
+
false: {
|
|
105
|
+
size: "$true",
|
|
106
|
+
backgroundColor: "$background",
|
|
107
|
+
alignItems: "center",
|
|
108
|
+
radiused: !0
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
size: {
|
|
112
|
+
"...size": (val, { tokens }) => ({
|
|
113
|
+
padding: tokens.space[val],
|
|
114
|
+
borderRadius: tokens.radius[val]
|
|
115
|
+
})
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
defaultVariants: {
|
|
119
|
+
unstyled: !1
|
|
120
|
+
}
|
|
121
|
+
}), PopperContent = React.forwardRef(
|
|
122
|
+
function(props, forwardedRef) {
|
|
123
|
+
const { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext(), contentRefs = useComposedRefs(refs.setFloating, forwardedRef), contents = React.useMemo(() => <PopperContentFrame
|
|
124
|
+
key="popper-content-frame"
|
|
125
|
+
data-placement={placement}
|
|
126
|
+
data-strategy={strategy}
|
|
127
|
+
contain="layout"
|
|
128
|
+
size={size}
|
|
129
|
+
{...props}
|
|
130
|
+
/>, [placement, strategy, props]);
|
|
131
|
+
if (useIsomorphicLayoutEffect(() => {
|
|
132
|
+
isMounted && update();
|
|
133
|
+
}, [isMounted]), !isMounted)
|
|
134
|
+
return null;
|
|
135
|
+
const frameProps = {
|
|
136
|
+
ref: contentRefs,
|
|
137
|
+
x: x || 0,
|
|
138
|
+
y: y || 0,
|
|
139
|
+
position: strategy
|
|
140
|
+
};
|
|
141
|
+
return <YStack {...getFloatingProps ? getFloatingProps(frameProps) : frameProps}>{contents}</YStack>;
|
|
142
|
+
}
|
|
143
|
+
), PopperArrowFrame = styled(YStack, {
|
|
144
|
+
name: "PopperArrow",
|
|
145
|
+
variants: {
|
|
146
|
+
unstyled: {
|
|
147
|
+
false: {
|
|
148
|
+
borderColor: "$borderColor",
|
|
149
|
+
backgroundColor: "$background",
|
|
150
|
+
position: "relative"
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
defaultVariants: {
|
|
155
|
+
unstyled: !1
|
|
156
|
+
}
|
|
157
|
+
}), PopperArrowOuterFrame = styled(YStack, {
|
|
158
|
+
name: "PopperArrowOuter",
|
|
159
|
+
variants: {
|
|
160
|
+
unstyled: {
|
|
161
|
+
false: {
|
|
162
|
+
position: "absolute",
|
|
163
|
+
zIndex: -1,
|
|
164
|
+
pointerEvents: "none",
|
|
165
|
+
overflow: "hidden",
|
|
166
|
+
alignItems: "center",
|
|
167
|
+
justifyContent: "center"
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
defaultVariants: {
|
|
172
|
+
unstyled: !1
|
|
173
|
+
}
|
|
174
|
+
}), opposites = {
|
|
175
|
+
top: "bottom",
|
|
176
|
+
right: "left",
|
|
177
|
+
bottom: "top",
|
|
178
|
+
left: "right"
|
|
179
|
+
}, PopperArrow = PopperArrowFrame.styleable(
|
|
180
|
+
function(propsIn, forwardedRef) {
|
|
181
|
+
const props = useProps(propsIn), { offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(), sizeVal = sizeProp ?? context.size, size = +getVariableValue(
|
|
182
|
+
getSpace(sizeVal, {
|
|
183
|
+
shift: -2,
|
|
184
|
+
bounds: [2]
|
|
185
|
+
})
|
|
186
|
+
), { placement } = context, refs = useComposedRefs(context.arrowRef, forwardedRef), x = context.arrowStyle?.x || 0, y = context.arrowStyle?.y || 0, primaryPlacement = placement ? placement.split("-")[0] : "top", arrowStyle = { x, y, width: size, height: size }, innerArrowStyle = {}, isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
|
|
187
|
+
if (primaryPlacement) {
|
|
188
|
+
arrowStyle[isVertical ? "width" : "height"] = size * 2;
|
|
189
|
+
const oppSide = opposites[primaryPlacement];
|
|
190
|
+
oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0);
|
|
191
|
+
}
|
|
192
|
+
return useIsomorphicLayoutEffect(() => {
|
|
193
|
+
context.onArrowSize?.(size);
|
|
194
|
+
}, [size, context.onArrowSize]), <PopperArrowOuterFrame ref={refs} {...arrowStyle}><PopperArrowFrame
|
|
195
|
+
width={size}
|
|
196
|
+
height={size}
|
|
197
|
+
{...arrowProps}
|
|
198
|
+
{...innerArrowStyle}
|
|
199
|
+
rotate="45deg"
|
|
200
|
+
{...primaryPlacement === "bottom" && {
|
|
201
|
+
borderLeftWidth: borderWidth,
|
|
202
|
+
borderTopWidth: borderWidth
|
|
203
|
+
}}
|
|
204
|
+
{...primaryPlacement === "top" && {
|
|
205
|
+
borderBottomWidth: borderWidth,
|
|
206
|
+
borderRightWidth: borderWidth
|
|
207
|
+
}}
|
|
208
|
+
{...primaryPlacement === "right" && {
|
|
209
|
+
borderLeftWidth: borderWidth,
|
|
210
|
+
borderBottomWidth: borderWidth
|
|
211
|
+
}}
|
|
212
|
+
{...primaryPlacement === "left" && {
|
|
213
|
+
borderTopWidth: borderWidth,
|
|
214
|
+
borderRightWidth: borderWidth
|
|
215
|
+
}}
|
|
216
|
+
/></PopperArrowOuterFrame>;
|
|
217
|
+
}
|
|
218
|
+
);
|
|
219
|
+
export {
|
|
220
|
+
Popper,
|
|
221
|
+
PopperAnchor,
|
|
222
|
+
PopperArrow,
|
|
223
|
+
PopperContent,
|
|
224
|
+
PopperContentFrame,
|
|
225
|
+
PopperContext,
|
|
226
|
+
usePopperContext
|
|
227
|
+
};
|
|
228
|
+
//# sourceMappingURL=Popper.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Popper.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/popper",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.62.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -31,19 +31,19 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@tamagui/compose-refs": "1.
|
|
35
|
-
"@tamagui/core": "1.
|
|
36
|
-
"@tamagui/floating": "1.
|
|
37
|
-
"@tamagui/get-token": "1.
|
|
38
|
-
"@tamagui/stacks": "1.
|
|
39
|
-
"@tamagui/use-controllable-state": "1.
|
|
34
|
+
"@tamagui/compose-refs": "1.62.0",
|
|
35
|
+
"@tamagui/core": "1.62.0",
|
|
36
|
+
"@tamagui/floating": "1.62.0",
|
|
37
|
+
"@tamagui/get-token": "1.62.0",
|
|
38
|
+
"@tamagui/stacks": "1.62.0",
|
|
39
|
+
"@tamagui/use-controllable-state": "1.62.0"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"react": "*",
|
|
43
43
|
"react-native": "*"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@tamagui/build": "1.
|
|
46
|
+
"@tamagui/build": "1.62.0",
|
|
47
47
|
"react": "^18.2.0",
|
|
48
48
|
"react-native": "^0.72.1"
|
|
49
49
|
},
|