@tamagui/popper 1.29.6 → 1.30.0-1685833167060
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 +18 -29
- package/dist/cjs/Popper.js.map +1 -1
- package/dist/esm/Popper.js +18 -27
- package/dist/esm/Popper.js.map +1 -1
- package/dist/jsx/Popper.js +19 -28
- package/dist/jsx/Popper.js.map +1 -1
- package/dist/jsx/Popper.mjs +19 -28
- package/dist/jsx/Popper.mjs.map +1 -1
- package/package.json +10 -11
- package/src/Popper.tsx +27 -41
- package/types/Popper.d.ts +3 -54
- package/types/Popper.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
package/dist/cjs/Popper.js
CHANGED
|
@@ -33,27 +33,22 @@ __export(Popper_exports, {
|
|
|
33
33
|
PopperArrow: () => PopperArrow,
|
|
34
34
|
PopperContent: () => PopperContent,
|
|
35
35
|
PopperContentFrame: () => PopperContentFrame,
|
|
36
|
-
|
|
37
|
-
createPopperScope: () => createPopperScope,
|
|
36
|
+
PopperContext: () => PopperContext,
|
|
38
37
|
usePopperContext: () => usePopperContext
|
|
39
38
|
});
|
|
40
39
|
module.exports = __toCommonJS(Popper_exports);
|
|
41
40
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
41
|
var import_compose_refs = require("@tamagui/compose-refs");
|
|
43
42
|
var import_core = require("@tamagui/core");
|
|
44
|
-
var import_create_context = require("@tamagui/create-context");
|
|
45
43
|
var import_floating = require("@tamagui/floating");
|
|
46
44
|
var import_get_token = require("@tamagui/get-token");
|
|
47
45
|
var import_stacks = require("@tamagui/stacks");
|
|
48
46
|
var React = __toESM(require("react"));
|
|
49
47
|
var import_react_native = require("react-native");
|
|
50
|
-
const
|
|
51
|
-
const
|
|
52
|
-
const createPopperScope = createScope;
|
|
53
|
-
const [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
48
|
+
const PopperContext = (0, import_core.createStyledContext)({});
|
|
49
|
+
const usePopperContext = () => React.useContext(PopperContext);
|
|
54
50
|
function Popper(props) {
|
|
55
51
|
const {
|
|
56
|
-
__scopePopper,
|
|
57
52
|
children,
|
|
58
53
|
size,
|
|
59
54
|
strategy = "absolute",
|
|
@@ -113,9 +108,8 @@ function Popper(props) {
|
|
|
113
108
|
}, [dimensions, keyboardOpen]);
|
|
114
109
|
}
|
|
115
110
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
116
|
-
|
|
111
|
+
PopperContext.Provider,
|
|
117
112
|
{
|
|
118
|
-
scope: __scopePopper,
|
|
119
113
|
anchorRef,
|
|
120
114
|
size,
|
|
121
115
|
arrowRef: composedArrowRefs,
|
|
@@ -127,11 +121,10 @@ function Popper(props) {
|
|
|
127
121
|
}
|
|
128
122
|
);
|
|
129
123
|
}
|
|
130
|
-
const ANCHOR_NAME = "PopperAnchor";
|
|
131
124
|
const PopperAnchor = import_stacks.YStack.extractable(
|
|
132
125
|
React.forwardRef(function PopperAnchor2(props, forwardedRef) {
|
|
133
|
-
const {
|
|
134
|
-
const { anchorRef, getReferenceProps } = usePopperContext(
|
|
126
|
+
const { virtualRef, ...anchorProps } = props;
|
|
127
|
+
const { anchorRef, getReferenceProps } = usePopperContext();
|
|
135
128
|
const ref = React.useRef(null);
|
|
136
129
|
const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, anchorRef);
|
|
137
130
|
if (virtualRef) {
|
|
@@ -144,7 +137,6 @@ const PopperAnchor = import_stacks.YStack.extractable(
|
|
|
144
137
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { ...getReferenceProps ? getReferenceProps(stackProps) : stackProps });
|
|
145
138
|
})
|
|
146
139
|
);
|
|
147
|
-
const CONTENT_NAME = "PopperContent";
|
|
148
140
|
const PopperContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
149
141
|
name: "PopperContent",
|
|
150
142
|
variants: {
|
|
@@ -171,21 +163,25 @@ const PopperContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack,
|
|
|
171
163
|
});
|
|
172
164
|
const PopperContent = React.forwardRef(
|
|
173
165
|
function PopperContent2(props, forwardedRef) {
|
|
174
|
-
const {
|
|
175
|
-
const
|
|
176
|
-
const contentRefs = (0, import_compose_refs.useComposedRefs)(floating, forwardedRef);
|
|
166
|
+
const { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext();
|
|
167
|
+
const contentRefs = (0, import_compose_refs.useComposedRefs)(refs.floating, forwardedRef);
|
|
177
168
|
const contents = React.useMemo(() => {
|
|
178
169
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
179
170
|
PopperContentFrame,
|
|
180
171
|
{
|
|
181
172
|
"data-placement": placement,
|
|
182
173
|
"data-strategy": strategy,
|
|
183
|
-
size
|
|
184
|
-
...
|
|
174
|
+
size,
|
|
175
|
+
...props
|
|
185
176
|
},
|
|
186
177
|
"popper-content-frame"
|
|
187
178
|
);
|
|
188
179
|
}, [placement, strategy, props]);
|
|
180
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
181
|
+
if (isMounted) {
|
|
182
|
+
update();
|
|
183
|
+
}
|
|
184
|
+
}, [isMounted]);
|
|
189
185
|
if (!isMounted) {
|
|
190
186
|
return null;
|
|
191
187
|
}
|
|
@@ -249,14 +245,8 @@ const PopperArrow = PopperArrowFrame.styleable(
|
|
|
249
245
|
function PopperArrow2(propsIn, forwardedRef) {
|
|
250
246
|
var _a, _b;
|
|
251
247
|
const props = (0, import_core.useProps)(propsIn);
|
|
252
|
-
const {
|
|
253
|
-
|
|
254
|
-
offset: offset2,
|
|
255
|
-
size: sizeProp,
|
|
256
|
-
borderWidth = 0,
|
|
257
|
-
...arrowProps
|
|
258
|
-
} = props;
|
|
259
|
-
const context = usePopperContext(ARROW_NAME, __scopePopper);
|
|
248
|
+
const { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
|
|
249
|
+
const context = usePopperContext();
|
|
260
250
|
const sizeVal = sizeProp ?? context.size;
|
|
261
251
|
const sizeValResolved = (0, import_core.getVariableValue)(
|
|
262
252
|
(0, import_get_token.getSpace)(sizeVal, {
|
|
@@ -326,8 +316,7 @@ const PopperArrow = PopperArrowFrame.styleable(
|
|
|
326
316
|
PopperArrow,
|
|
327
317
|
PopperContent,
|
|
328
318
|
PopperContentFrame,
|
|
329
|
-
|
|
330
|
-
createPopperScope,
|
|
319
|
+
PopperContext,
|
|
331
320
|
usePopperContext
|
|
332
321
|
});
|
|
333
322
|
//# sourceMappingURL=Popper.js.map
|
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;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["PopperAnchor", "PopperContent", "PopperArrow", "offset", "_a"]
|
|
6
6
|
}
|
package/dist/esm/Popper.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
3
|
import {
|
|
4
|
+
createStyledContext,
|
|
4
5
|
getVariableValue,
|
|
5
6
|
isWeb,
|
|
6
7
|
styled,
|
|
7
8
|
useIsomorphicLayoutEffect,
|
|
8
9
|
useProps
|
|
9
10
|
} from "@tamagui/core";
|
|
10
|
-
import { createContextScope } from "@tamagui/create-context";
|
|
11
11
|
import {
|
|
12
12
|
arrow,
|
|
13
13
|
autoUpdate,
|
|
@@ -20,13 +20,10 @@ import { getSpace } from "@tamagui/get-token";
|
|
|
20
20
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
21
21
|
import * as React from "react";
|
|
22
22
|
import { Keyboard, useWindowDimensions } from "react-native";
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const createPopperScope = createScope;
|
|
26
|
-
const [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
23
|
+
const PopperContext = createStyledContext({});
|
|
24
|
+
const usePopperContext = () => React.useContext(PopperContext);
|
|
27
25
|
function Popper(props) {
|
|
28
26
|
const {
|
|
29
|
-
__scopePopper,
|
|
30
27
|
children,
|
|
31
28
|
size,
|
|
32
29
|
strategy = "absolute",
|
|
@@ -86,9 +83,8 @@ function Popper(props) {
|
|
|
86
83
|
}, [dimensions, keyboardOpen]);
|
|
87
84
|
}
|
|
88
85
|
return /* @__PURE__ */ jsx(
|
|
89
|
-
|
|
86
|
+
PopperContext.Provider,
|
|
90
87
|
{
|
|
91
|
-
scope: __scopePopper,
|
|
92
88
|
anchorRef,
|
|
93
89
|
size,
|
|
94
90
|
arrowRef: composedArrowRefs,
|
|
@@ -100,11 +96,10 @@ function Popper(props) {
|
|
|
100
96
|
}
|
|
101
97
|
);
|
|
102
98
|
}
|
|
103
|
-
const ANCHOR_NAME = "PopperAnchor";
|
|
104
99
|
const PopperAnchor = YStack.extractable(
|
|
105
100
|
React.forwardRef(function PopperAnchor2(props, forwardedRef) {
|
|
106
|
-
const {
|
|
107
|
-
const { anchorRef, getReferenceProps } = usePopperContext(
|
|
101
|
+
const { virtualRef, ...anchorProps } = props;
|
|
102
|
+
const { anchorRef, getReferenceProps } = usePopperContext();
|
|
108
103
|
const ref = React.useRef(null);
|
|
109
104
|
const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
|
|
110
105
|
if (virtualRef) {
|
|
@@ -117,7 +112,6 @@ const PopperAnchor = YStack.extractable(
|
|
|
117
112
|
return /* @__PURE__ */ jsx(YStack, { ...getReferenceProps ? getReferenceProps(stackProps) : stackProps });
|
|
118
113
|
})
|
|
119
114
|
);
|
|
120
|
-
const CONTENT_NAME = "PopperContent";
|
|
121
115
|
const PopperContentFrame = styled(ThemeableStack, {
|
|
122
116
|
name: "PopperContent",
|
|
123
117
|
variants: {
|
|
@@ -144,21 +138,25 @@ const PopperContentFrame = styled(ThemeableStack, {
|
|
|
144
138
|
});
|
|
145
139
|
const PopperContent = React.forwardRef(
|
|
146
140
|
function PopperContent2(props, forwardedRef) {
|
|
147
|
-
const {
|
|
148
|
-
const
|
|
149
|
-
const contentRefs = useComposedRefs(floating, forwardedRef);
|
|
141
|
+
const { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext();
|
|
142
|
+
const contentRefs = useComposedRefs(refs.floating, forwardedRef);
|
|
150
143
|
const contents = React.useMemo(() => {
|
|
151
144
|
return /* @__PURE__ */ jsx(
|
|
152
145
|
PopperContentFrame,
|
|
153
146
|
{
|
|
154
147
|
"data-placement": placement,
|
|
155
148
|
"data-strategy": strategy,
|
|
156
|
-
size
|
|
157
|
-
...
|
|
149
|
+
size,
|
|
150
|
+
...props
|
|
158
151
|
},
|
|
159
152
|
"popper-content-frame"
|
|
160
153
|
);
|
|
161
154
|
}, [placement, strategy, props]);
|
|
155
|
+
useIsomorphicLayoutEffect(() => {
|
|
156
|
+
if (isMounted) {
|
|
157
|
+
update();
|
|
158
|
+
}
|
|
159
|
+
}, [isMounted]);
|
|
162
160
|
if (!isMounted) {
|
|
163
161
|
return null;
|
|
164
162
|
}
|
|
@@ -222,14 +220,8 @@ const PopperArrow = PopperArrowFrame.styleable(
|
|
|
222
220
|
function PopperArrow2(propsIn, forwardedRef) {
|
|
223
221
|
var _a, _b;
|
|
224
222
|
const props = useProps(propsIn);
|
|
225
|
-
const {
|
|
226
|
-
|
|
227
|
-
offset: offset2,
|
|
228
|
-
size: sizeProp,
|
|
229
|
-
borderWidth = 0,
|
|
230
|
-
...arrowProps
|
|
231
|
-
} = props;
|
|
232
|
-
const context = usePopperContext(ARROW_NAME, __scopePopper);
|
|
223
|
+
const { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
|
|
224
|
+
const context = usePopperContext();
|
|
233
225
|
const sizeVal = sizeProp ?? context.size;
|
|
234
226
|
const sizeValResolved = getVariableValue(
|
|
235
227
|
getSpace(sizeVal, {
|
|
@@ -298,8 +290,7 @@ export {
|
|
|
298
290
|
PopperArrow,
|
|
299
291
|
PopperContent,
|
|
300
292
|
PopperContentFrame,
|
|
301
|
-
|
|
302
|
-
createPopperScope,
|
|
293
|
+
PopperContext,
|
|
303
294
|
usePopperContext
|
|
304
295
|
};
|
|
305
296
|
//# sourceMappingURL=Popper.js.map
|
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": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["PopperAnchor", "PopperContent", "PopperArrow", "offset", "_a"]
|
|
6
6
|
}
|
package/dist/jsx/Popper.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
2
|
import {
|
|
3
|
+
createStyledContext,
|
|
3
4
|
getVariableValue,
|
|
4
5
|
isWeb,
|
|
5
6
|
styled,
|
|
6
7
|
useIsomorphicLayoutEffect,
|
|
7
8
|
useProps
|
|
8
9
|
} from "@tamagui/core";
|
|
9
|
-
import { createContextScope } from "@tamagui/create-context";
|
|
10
10
|
import {
|
|
11
11
|
arrow,
|
|
12
12
|
autoUpdate,
|
|
@@ -19,13 +19,10 @@ import { getSpace } from "@tamagui/get-token";
|
|
|
19
19
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
20
20
|
import * as React from "react";
|
|
21
21
|
import { Keyboard, useWindowDimensions } from "react-native";
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const createPopperScope = createScope;
|
|
25
|
-
const [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
22
|
+
const PopperContext = createStyledContext({});
|
|
23
|
+
const usePopperContext = () => React.useContext(PopperContext);
|
|
26
24
|
function Popper(props) {
|
|
27
25
|
const {
|
|
28
|
-
__scopePopper,
|
|
29
26
|
children,
|
|
30
27
|
size,
|
|
31
28
|
strategy = "absolute",
|
|
@@ -84,8 +81,7 @@ function Popper(props) {
|
|
|
84
81
|
floating.update();
|
|
85
82
|
}, [dimensions, keyboardOpen]);
|
|
86
83
|
}
|
|
87
|
-
return <
|
|
88
|
-
scope={__scopePopper}
|
|
84
|
+
return <PopperContext.Provider
|
|
89
85
|
anchorRef={anchorRef}
|
|
90
86
|
size={size}
|
|
91
87
|
arrowRef={composedArrowRefs}
|
|
@@ -93,13 +89,12 @@ function Popper(props) {
|
|
|
93
89
|
onArrowSize={setArrowSize}
|
|
94
90
|
isMounted={isMounted}
|
|
95
91
|
{...floating}
|
|
96
|
-
>{children}</
|
|
92
|
+
>{children}</PopperContext.Provider>;
|
|
97
93
|
}
|
|
98
|
-
const ANCHOR_NAME = "PopperAnchor";
|
|
99
94
|
const PopperAnchor = YStack.extractable(
|
|
100
95
|
React.forwardRef(function PopperAnchor2(props, forwardedRef) {
|
|
101
|
-
const {
|
|
102
|
-
const { anchorRef, getReferenceProps } = usePopperContext(
|
|
96
|
+
const { virtualRef, ...anchorProps } = props;
|
|
97
|
+
const { anchorRef, getReferenceProps } = usePopperContext();
|
|
103
98
|
const ref = React.useRef(null);
|
|
104
99
|
const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
|
|
105
100
|
if (virtualRef) {
|
|
@@ -112,7 +107,6 @@ const PopperAnchor = YStack.extractable(
|
|
|
112
107
|
return <YStack {...getReferenceProps ? getReferenceProps(stackProps) : stackProps} />;
|
|
113
108
|
})
|
|
114
109
|
);
|
|
115
|
-
const CONTENT_NAME = "PopperContent";
|
|
116
110
|
const PopperContentFrame = styled(ThemeableStack, {
|
|
117
111
|
name: "PopperContent",
|
|
118
112
|
variants: {
|
|
@@ -139,18 +133,22 @@ const PopperContentFrame = styled(ThemeableStack, {
|
|
|
139
133
|
});
|
|
140
134
|
const PopperContent = React.forwardRef(
|
|
141
135
|
function PopperContent2(props, forwardedRef) {
|
|
142
|
-
const {
|
|
143
|
-
const
|
|
144
|
-
const contentRefs = useComposedRefs(floating, forwardedRef);
|
|
136
|
+
const { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext();
|
|
137
|
+
const contentRefs = useComposedRefs(refs.floating, forwardedRef);
|
|
145
138
|
const contents = React.useMemo(() => {
|
|
146
139
|
return <PopperContentFrame
|
|
147
140
|
key="popper-content-frame"
|
|
148
141
|
data-placement={placement}
|
|
149
142
|
data-strategy={strategy}
|
|
150
|
-
size={
|
|
151
|
-
{...
|
|
143
|
+
size={size}
|
|
144
|
+
{...props}
|
|
152
145
|
/>;
|
|
153
146
|
}, [placement, strategy, props]);
|
|
147
|
+
useIsomorphicLayoutEffect(() => {
|
|
148
|
+
if (isMounted) {
|
|
149
|
+
update();
|
|
150
|
+
}
|
|
151
|
+
}, [isMounted]);
|
|
154
152
|
if (!isMounted) {
|
|
155
153
|
return null;
|
|
156
154
|
}
|
|
@@ -209,14 +207,8 @@ const opposites = {
|
|
|
209
207
|
const PopperArrow = PopperArrowFrame.styleable(
|
|
210
208
|
function PopperArrow2(propsIn, forwardedRef) {
|
|
211
209
|
const props = useProps(propsIn);
|
|
212
|
-
const {
|
|
213
|
-
|
|
214
|
-
offset: offset2,
|
|
215
|
-
size: sizeProp,
|
|
216
|
-
borderWidth = 0,
|
|
217
|
-
...arrowProps
|
|
218
|
-
} = props;
|
|
219
|
-
const context = usePopperContext(ARROW_NAME, __scopePopper);
|
|
210
|
+
const { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
|
|
211
|
+
const context = usePopperContext();
|
|
220
212
|
const sizeVal = sizeProp ?? context.size;
|
|
221
213
|
const sizeValResolved = getVariableValue(
|
|
222
214
|
getSpace(sizeVal, {
|
|
@@ -281,8 +273,7 @@ export {
|
|
|
281
273
|
PopperArrow,
|
|
282
274
|
PopperContent,
|
|
283
275
|
PopperContentFrame,
|
|
284
|
-
|
|
285
|
-
createPopperScope,
|
|
276
|
+
PopperContext,
|
|
286
277
|
usePopperContext
|
|
287
278
|
};
|
|
288
279
|
//# sourceMappingURL=Popper.js.map
|
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;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["PopperAnchor", "PopperContent", "PopperArrow", "offset"]
|
|
6
6
|
}
|
package/dist/jsx/Popper.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
2
|
import {
|
|
3
|
+
createStyledContext,
|
|
3
4
|
getVariableValue,
|
|
4
5
|
isWeb,
|
|
5
6
|
styled,
|
|
6
7
|
useIsomorphicLayoutEffect,
|
|
7
8
|
useProps
|
|
8
9
|
} from "@tamagui/core";
|
|
9
|
-
import { createContextScope } from "@tamagui/create-context";
|
|
10
10
|
import {
|
|
11
11
|
arrow,
|
|
12
12
|
autoUpdate,
|
|
@@ -19,13 +19,10 @@ import { getSpace } from "@tamagui/get-token";
|
|
|
19
19
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
20
20
|
import * as React from "react";
|
|
21
21
|
import { Keyboard, useWindowDimensions } from "react-native";
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const createPopperScope = createScope;
|
|
25
|
-
const [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
22
|
+
const PopperContext = createStyledContext({});
|
|
23
|
+
const usePopperContext = () => React.useContext(PopperContext);
|
|
26
24
|
function Popper(props) {
|
|
27
25
|
const {
|
|
28
|
-
__scopePopper,
|
|
29
26
|
children,
|
|
30
27
|
size,
|
|
31
28
|
strategy = "absolute",
|
|
@@ -84,8 +81,7 @@ function Popper(props) {
|
|
|
84
81
|
floating.update();
|
|
85
82
|
}, [dimensions, keyboardOpen]);
|
|
86
83
|
}
|
|
87
|
-
return <
|
|
88
|
-
scope={__scopePopper}
|
|
84
|
+
return <PopperContext.Provider
|
|
89
85
|
anchorRef={anchorRef}
|
|
90
86
|
size={size}
|
|
91
87
|
arrowRef={composedArrowRefs}
|
|
@@ -93,13 +89,12 @@ function Popper(props) {
|
|
|
93
89
|
onArrowSize={setArrowSize}
|
|
94
90
|
isMounted={isMounted}
|
|
95
91
|
{...floating}
|
|
96
|
-
>{children}</
|
|
92
|
+
>{children}</PopperContext.Provider>;
|
|
97
93
|
}
|
|
98
|
-
const ANCHOR_NAME = "PopperAnchor";
|
|
99
94
|
const PopperAnchor = YStack.extractable(
|
|
100
95
|
React.forwardRef(function PopperAnchor2(props, forwardedRef) {
|
|
101
|
-
const {
|
|
102
|
-
const { anchorRef, getReferenceProps } = usePopperContext(
|
|
96
|
+
const { virtualRef, ...anchorProps } = props;
|
|
97
|
+
const { anchorRef, getReferenceProps } = usePopperContext();
|
|
103
98
|
const ref = React.useRef(null);
|
|
104
99
|
const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
|
|
105
100
|
if (virtualRef) {
|
|
@@ -112,7 +107,6 @@ const PopperAnchor = YStack.extractable(
|
|
|
112
107
|
return <YStack {...getReferenceProps ? getReferenceProps(stackProps) : stackProps} />;
|
|
113
108
|
})
|
|
114
109
|
);
|
|
115
|
-
const CONTENT_NAME = "PopperContent";
|
|
116
110
|
const PopperContentFrame = styled(ThemeableStack, {
|
|
117
111
|
name: "PopperContent",
|
|
118
112
|
variants: {
|
|
@@ -139,18 +133,22 @@ const PopperContentFrame = styled(ThemeableStack, {
|
|
|
139
133
|
});
|
|
140
134
|
const PopperContent = React.forwardRef(
|
|
141
135
|
function PopperContent2(props, forwardedRef) {
|
|
142
|
-
const {
|
|
143
|
-
const
|
|
144
|
-
const contentRefs = useComposedRefs(floating, forwardedRef);
|
|
136
|
+
const { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext();
|
|
137
|
+
const contentRefs = useComposedRefs(refs.floating, forwardedRef);
|
|
145
138
|
const contents = React.useMemo(() => {
|
|
146
139
|
return <PopperContentFrame
|
|
147
140
|
key="popper-content-frame"
|
|
148
141
|
data-placement={placement}
|
|
149
142
|
data-strategy={strategy}
|
|
150
|
-
size={
|
|
151
|
-
{...
|
|
143
|
+
size={size}
|
|
144
|
+
{...props}
|
|
152
145
|
/>;
|
|
153
146
|
}, [placement, strategy, props]);
|
|
147
|
+
useIsomorphicLayoutEffect(() => {
|
|
148
|
+
if (isMounted) {
|
|
149
|
+
update();
|
|
150
|
+
}
|
|
151
|
+
}, [isMounted]);
|
|
154
152
|
if (!isMounted) {
|
|
155
153
|
return null;
|
|
156
154
|
}
|
|
@@ -209,14 +207,8 @@ const opposites = {
|
|
|
209
207
|
const PopperArrow = PopperArrowFrame.styleable(
|
|
210
208
|
function PopperArrow2(propsIn, forwardedRef) {
|
|
211
209
|
const props = useProps(propsIn);
|
|
212
|
-
const {
|
|
213
|
-
|
|
214
|
-
offset: offset2,
|
|
215
|
-
size: sizeProp,
|
|
216
|
-
borderWidth = 0,
|
|
217
|
-
...arrowProps
|
|
218
|
-
} = props;
|
|
219
|
-
const context = usePopperContext(ARROW_NAME, __scopePopper);
|
|
210
|
+
const { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props;
|
|
211
|
+
const context = usePopperContext();
|
|
220
212
|
const sizeVal = sizeProp ?? context.size;
|
|
221
213
|
const sizeValResolved = getVariableValue(
|
|
222
214
|
getSpace(sizeVal, {
|
|
@@ -281,8 +273,7 @@ export {
|
|
|
281
273
|
PopperArrow,
|
|
282
274
|
PopperContent,
|
|
283
275
|
PopperContentFrame,
|
|
284
|
-
|
|
285
|
-
createPopperScope,
|
|
276
|
+
PopperContext,
|
|
286
277
|
usePopperContext
|
|
287
278
|
};
|
|
288
279
|
//# sourceMappingURL=Popper.mjs.map
|
package/dist/jsx/Popper.mjs.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;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["PopperAnchor", "PopperContent", "PopperArrow", "offset"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/popper",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.30.0-1685833167060",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -31,15 +31,14 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@floating-ui/react-dom": "
|
|
35
|
-
"@floating-ui/react-native": "
|
|
36
|
-
"@tamagui/compose-refs": "1.
|
|
37
|
-
"@tamagui/core": "1.
|
|
38
|
-
"@tamagui/
|
|
39
|
-
"@tamagui/
|
|
40
|
-
"@tamagui/
|
|
41
|
-
"@tamagui/
|
|
42
|
-
"@tamagui/use-controllable-state": "1.29.6"
|
|
34
|
+
"@floating-ui/react-dom": "~1.2.2",
|
|
35
|
+
"@floating-ui/react-native": "~0.9.0",
|
|
36
|
+
"@tamagui/compose-refs": "1.30.0-1685833167060",
|
|
37
|
+
"@tamagui/core": "1.30.0-1685833167060",
|
|
38
|
+
"@tamagui/floating": "1.30.0-1685833167060",
|
|
39
|
+
"@tamagui/get-token": "1.30.0-1685833167060",
|
|
40
|
+
"@tamagui/stacks": "1.30.0-1685833167060",
|
|
41
|
+
"@tamagui/use-controllable-state": "1.30.0-1685833167060"
|
|
43
42
|
},
|
|
44
43
|
"peerDependencies": {
|
|
45
44
|
"react": "*",
|
|
@@ -47,7 +46,7 @@
|
|
|
47
46
|
"react-native": "*"
|
|
48
47
|
},
|
|
49
48
|
"devDependencies": {
|
|
50
|
-
"@tamagui/build": "1.
|
|
49
|
+
"@tamagui/build": "1.30.0-1685833167060",
|
|
51
50
|
"react": "^18.2.0",
|
|
52
51
|
"react-dom": "^18.2.0",
|
|
53
52
|
"react-native": "^0.71.7"
|
package/src/Popper.tsx
CHANGED
|
@@ -4,13 +4,13 @@ import { useComposedRefs } from '@tamagui/compose-refs'
|
|
|
4
4
|
import {
|
|
5
5
|
SizeTokens,
|
|
6
6
|
StackProps,
|
|
7
|
+
createStyledContext,
|
|
7
8
|
getVariableValue,
|
|
8
9
|
isWeb,
|
|
9
10
|
styled,
|
|
10
11
|
useIsomorphicLayoutEffect,
|
|
11
12
|
useProps,
|
|
12
13
|
} from '@tamagui/core'
|
|
13
|
-
import { Scope, createContextScope } from '@tamagui/create-context'
|
|
14
14
|
import {
|
|
15
15
|
Coords,
|
|
16
16
|
Placement,
|
|
@@ -35,13 +35,6 @@ type FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : neve
|
|
|
35
35
|
* Popper
|
|
36
36
|
* -----------------------------------------------------------------------------------------------*/
|
|
37
37
|
|
|
38
|
-
const POPPER_NAME = 'Popper'
|
|
39
|
-
|
|
40
|
-
type ScopedProps<P> = P & { __scopePopper?: Scope }
|
|
41
|
-
const [createPopperContext, createScope] = createContextScope(POPPER_NAME)
|
|
42
|
-
|
|
43
|
-
export const createPopperScope = createScope
|
|
44
|
-
|
|
45
38
|
type PopperContextValue = UseFloatingReturn & {
|
|
46
39
|
isMounted: boolean
|
|
47
40
|
anchorRef: any
|
|
@@ -53,8 +46,10 @@ type PopperContextValue = UseFloatingReturn & {
|
|
|
53
46
|
centerOffset: number
|
|
54
47
|
}
|
|
55
48
|
}
|
|
56
|
-
|
|
57
|
-
|
|
49
|
+
|
|
50
|
+
export const PopperContext = createStyledContext<PopperContextValue>({} as any)
|
|
51
|
+
|
|
52
|
+
export const usePopperContext = () => React.useContext(PopperContext)
|
|
58
53
|
|
|
59
54
|
export type PopperProps = {
|
|
60
55
|
size?: SizeTokens
|
|
@@ -65,9 +60,8 @@ export type PopperProps = {
|
|
|
65
60
|
strategy?: Strategy
|
|
66
61
|
}
|
|
67
62
|
|
|
68
|
-
export function Popper(props:
|
|
63
|
+
export function Popper(props: PopperProps) {
|
|
69
64
|
const {
|
|
70
|
-
__scopePopper,
|
|
71
65
|
children,
|
|
72
66
|
size,
|
|
73
67
|
strategy = 'absolute',
|
|
@@ -144,8 +138,7 @@ export function Popper(props: ScopedProps<PopperProps>) {
|
|
|
144
138
|
}
|
|
145
139
|
|
|
146
140
|
return (
|
|
147
|
-
<
|
|
148
|
-
scope={__scopePopper}
|
|
141
|
+
<PopperContext.Provider
|
|
149
142
|
anchorRef={anchorRef}
|
|
150
143
|
size={size}
|
|
151
144
|
arrowRef={composedArrowRefs}
|
|
@@ -155,7 +148,7 @@ export function Popper(props: ScopedProps<PopperProps>) {
|
|
|
155
148
|
{...floating}
|
|
156
149
|
>
|
|
157
150
|
{children}
|
|
158
|
-
</
|
|
151
|
+
</PopperContext.Provider>
|
|
159
152
|
)
|
|
160
153
|
}
|
|
161
154
|
|
|
@@ -163,8 +156,6 @@ export function Popper(props: ScopedProps<PopperProps>) {
|
|
|
163
156
|
* PopperAnchor
|
|
164
157
|
* -----------------------------------------------------------------------------------------------*/
|
|
165
158
|
|
|
166
|
-
const ANCHOR_NAME = 'PopperAnchor'
|
|
167
|
-
|
|
168
159
|
type PopperAnchorRef = HTMLElement | View
|
|
169
160
|
|
|
170
161
|
export type PopperAnchorProps = YStackProps & {
|
|
@@ -173,11 +164,11 @@ export type PopperAnchorProps = YStackProps & {
|
|
|
173
164
|
|
|
174
165
|
export const PopperAnchor = YStack.extractable(
|
|
175
166
|
React.forwardRef<PopperAnchorRef, PopperAnchorProps>(function PopperAnchor(
|
|
176
|
-
props:
|
|
167
|
+
props: PopperAnchorProps,
|
|
177
168
|
forwardedRef
|
|
178
169
|
) {
|
|
179
|
-
const {
|
|
180
|
-
const { anchorRef, getReferenceProps } = usePopperContext(
|
|
170
|
+
const { virtualRef, ...anchorProps } = props
|
|
171
|
+
const { anchorRef, getReferenceProps } = usePopperContext()
|
|
181
172
|
const ref = React.useRef<PopperAnchorRef>(null)
|
|
182
173
|
const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)
|
|
183
174
|
if (virtualRef) {
|
|
@@ -197,8 +188,6 @@ export const PopperAnchor = YStack.extractable(
|
|
|
197
188
|
* PopperContent
|
|
198
189
|
* -----------------------------------------------------------------------------------------------*/
|
|
199
190
|
|
|
200
|
-
const CONTENT_NAME = 'PopperContent'
|
|
201
|
-
|
|
202
191
|
type PopperContentElement = HTMLElement | View
|
|
203
192
|
|
|
204
193
|
export type PopperContentProps = SizableStackProps
|
|
@@ -232,11 +221,10 @@ export const PopperContentFrame = styled(ThemeableStack, {
|
|
|
232
221
|
})
|
|
233
222
|
|
|
234
223
|
export const PopperContent = React.forwardRef<PopperContentElement, PopperContentProps>(
|
|
235
|
-
function PopperContent(props:
|
|
236
|
-
const {
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
const contentRefs = useComposedRefs<any>(floating, forwardedRef)
|
|
224
|
+
function PopperContent(props: PopperContentProps, forwardedRef) {
|
|
225
|
+
const { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } =
|
|
226
|
+
usePopperContext()
|
|
227
|
+
const contentRefs = useComposedRefs<any>(refs.floating, forwardedRef)
|
|
240
228
|
|
|
241
229
|
const contents = React.useMemo(() => {
|
|
242
230
|
return (
|
|
@@ -244,12 +232,18 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
|
|
|
244
232
|
key="popper-content-frame"
|
|
245
233
|
data-placement={placement}
|
|
246
234
|
data-strategy={strategy}
|
|
247
|
-
size={
|
|
248
|
-
{...
|
|
235
|
+
size={size}
|
|
236
|
+
{...props}
|
|
249
237
|
/>
|
|
250
238
|
)
|
|
251
239
|
}, [placement, strategy, props])
|
|
252
240
|
|
|
241
|
+
useIsomorphicLayoutEffect(() => {
|
|
242
|
+
if (isMounted) {
|
|
243
|
+
update()
|
|
244
|
+
}
|
|
245
|
+
}, [isMounted])
|
|
246
|
+
|
|
253
247
|
// all poppers hidden on ssr by default
|
|
254
248
|
if (!isMounted) {
|
|
255
249
|
return null
|
|
@@ -280,8 +274,6 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
|
|
|
280
274
|
|
|
281
275
|
const ARROW_NAME = 'PopperArrow'
|
|
282
276
|
|
|
283
|
-
type PopperArrowElement = HTMLElement | View
|
|
284
|
-
|
|
285
277
|
export type PopperArrowProps = YStackProps & {
|
|
286
278
|
offset?: number
|
|
287
279
|
size?: SizeTokens
|
|
@@ -336,17 +328,11 @@ const opposites = {
|
|
|
336
328
|
type Sides = keyof typeof opposites
|
|
337
329
|
|
|
338
330
|
export const PopperArrow = PopperArrowFrame.styleable<PopperArrowProps>(
|
|
339
|
-
function PopperArrow(propsIn:
|
|
331
|
+
function PopperArrow(propsIn: PopperArrowProps, forwardedRef) {
|
|
340
332
|
const props = useProps(propsIn)
|
|
341
|
-
const {
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
size: sizeProp,
|
|
345
|
-
borderWidth = 0,
|
|
346
|
-
...arrowProps
|
|
347
|
-
} = props
|
|
348
|
-
|
|
349
|
-
const context = usePopperContext(ARROW_NAME, __scopePopper)
|
|
333
|
+
const { offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props
|
|
334
|
+
|
|
335
|
+
const context = usePopperContext()
|
|
350
336
|
const sizeVal = sizeProp ?? context.size
|
|
351
337
|
const sizeValResolved = getVariableValue(
|
|
352
338
|
getSpace(sizeVal, {
|
package/types/Popper.d.ts
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { SizeTokens } from '@tamagui/core';
|
|
2
|
-
import { Scope } from '@tamagui/create-context';
|
|
3
2
|
import { Coords, Placement, Strategy, UseFloatingReturn, flip, shift } from '@tamagui/floating';
|
|
4
3
|
import { SizableStackProps, YStackProps } from '@tamagui/stacks';
|
|
5
4
|
import * as React from 'react';
|
|
6
5
|
import { View } from 'react-native';
|
|
7
6
|
type ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never;
|
|
8
7
|
type FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never;
|
|
9
|
-
type ScopedProps<P> = P & {
|
|
10
|
-
__scopePopper?: Scope;
|
|
11
|
-
};
|
|
12
|
-
export declare const createPopperScope: import("@tamagui/create-context").CreateScope;
|
|
13
8
|
type PopperContextValue = UseFloatingReturn & {
|
|
14
9
|
isMounted: boolean;
|
|
15
10
|
anchorRef: any;
|
|
@@ -21,54 +16,8 @@ type PopperContextValue = UseFloatingReturn & {
|
|
|
21
16
|
centerOffset: number;
|
|
22
17
|
};
|
|
23
18
|
};
|
|
24
|
-
export declare const
|
|
25
|
-
|
|
26
|
-
x: number | null;
|
|
27
|
-
y: number | null;
|
|
28
|
-
isPositioned: boolean;
|
|
29
|
-
} & {
|
|
30
|
-
update: () => void;
|
|
31
|
-
reference: (node: import("@tamagui/floating").ReferenceType | null) => void;
|
|
32
|
-
floating: (node: HTMLElement | null) => void;
|
|
33
|
-
refs: {
|
|
34
|
-
reference: React.MutableRefObject<import("@tamagui/floating").ReferenceType | null>;
|
|
35
|
-
floating: React.MutableRefObject<HTMLElement | null>;
|
|
36
|
-
setReference: (node: import("@tamagui/floating").ReferenceType | null) => void;
|
|
37
|
-
setFloating: (node: HTMLElement | null) => void;
|
|
38
|
-
};
|
|
39
|
-
elements: {
|
|
40
|
-
reference: import("@tamagui/floating").ReferenceType | null;
|
|
41
|
-
floating: HTMLElement | null;
|
|
42
|
-
};
|
|
43
|
-
} & {
|
|
44
|
-
context?: any;
|
|
45
|
-
getFloatingProps?: ((props: {
|
|
46
|
-
[key: string]: any;
|
|
47
|
-
ref: any;
|
|
48
|
-
}) => any) | undefined;
|
|
49
|
-
getReferenceProps?: ((props: {
|
|
50
|
-
[key: string]: any;
|
|
51
|
-
ref: any;
|
|
52
|
-
}) => any) | undefined;
|
|
53
|
-
} & {
|
|
54
|
-
isMounted: boolean;
|
|
55
|
-
anchorRef: any;
|
|
56
|
-
size?: SizeTokens | undefined;
|
|
57
|
-
placement?: Placement | undefined;
|
|
58
|
-
arrowRef: any;
|
|
59
|
-
onArrowSize?: ((val: number) => void) | undefined;
|
|
60
|
-
arrowStyle?: (Partial<Coords> & {
|
|
61
|
-
centerOffset: number;
|
|
62
|
-
}) | undefined;
|
|
63
|
-
} & {
|
|
64
|
-
scope: Scope<PopperContextValue>;
|
|
65
|
-
children: React.ReactNode;
|
|
66
|
-
}): JSX.Element;
|
|
67
|
-
displayName: string;
|
|
68
|
-
}, usePopperContext: (consumerName: string, scope: Scope<PopperContextValue | undefined>, options?: {
|
|
69
|
-
warn?: boolean | undefined;
|
|
70
|
-
fallback?: Partial<PopperContextValue> | undefined;
|
|
71
|
-
} | undefined) => PopperContextValue;
|
|
19
|
+
export declare const PopperContext: import("@tamagui/core").StyledContext<PopperContextValue>;
|
|
20
|
+
export declare const usePopperContext: () => PopperContextValue;
|
|
72
21
|
export type PopperProps = {
|
|
73
22
|
size?: SizeTokens;
|
|
74
23
|
children?: React.ReactNode;
|
|
@@ -77,7 +26,7 @@ export type PopperProps = {
|
|
|
77
26
|
allowFlip?: FlipProps | boolean;
|
|
78
27
|
strategy?: Strategy;
|
|
79
28
|
};
|
|
80
|
-
export declare function Popper(props:
|
|
29
|
+
export declare function Popper(props: PopperProps): JSX.Element;
|
|
81
30
|
type PopperAnchorRef = HTMLElement | View;
|
|
82
31
|
export type PopperAnchorProps = YStackProps & {
|
|
83
32
|
virtualRef?: React.RefObject<any>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../src/Popper.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EAQX,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,MAAM,EACN,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,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,GAAG,CAAA;IACd,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,MAAM,gBAAgB,0BAAwC,CAAA;AAErE,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;CACpB,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eA0FxC;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;;;;;;;;;;;yCAoBxB,CAAA;AAMD,KAAK,oBAAoB,GAAG,WAAW,GAAG,IAAI,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAA;AAElD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0B7B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA8CzB,CAAA;AAQD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAkDD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|