@tamagui/popper 1.68.6 → 1.69.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 +88 -86
- package/dist/cjs/Popper.js.map +1 -1
- package/dist/cjs/Popper.native.js +88 -86
- package/dist/cjs/Popper.native.js.map +1 -1
- package/dist/esm/Popper.js +86 -85
- package/dist/esm/Popper.js.map +1 -1
- package/dist/jsx/Popper.js +77 -76
- package/dist/jsx/Popper.js.map +1 -1
- package/dist/jsx/Popper.native.js +78 -77
- package/dist/jsx/Popper.native.js.map +1 -1
- package/package.json +8 -8
- package/src/Popper.tsx +142 -134
- package/types/Popper.d.ts +15 -4
- package/types/Popper.d.ts.map +1 -1
package/dist/esm/Popper.js
CHANGED
|
@@ -21,7 +21,7 @@ import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
|
21
21
|
import * as React from "react";
|
|
22
22
|
import { Keyboard, useWindowDimensions } from "react-native";
|
|
23
23
|
import { jsx } from "react/jsx-runtime";
|
|
24
|
-
const PopperContext = createStyledContext({}), usePopperContext
|
|
24
|
+
const PopperContext = createStyledContext({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
|
|
25
25
|
function Popper(props) {
|
|
26
26
|
const {
|
|
27
27
|
children,
|
|
@@ -30,7 +30,8 @@ function Popper(props) {
|
|
|
30
30
|
placement = "bottom",
|
|
31
31
|
stayInFrame,
|
|
32
32
|
allowFlip,
|
|
33
|
-
offset
|
|
33
|
+
offset,
|
|
34
|
+
__scopePopper
|
|
34
35
|
} = props, [isMounted, setIsMounted] = React.useState(!1);
|
|
35
36
|
useIsomorphicLayoutEffect(() => {
|
|
36
37
|
setIsMounted(!0);
|
|
@@ -81,26 +82,29 @@ function Popper(props) {
|
|
|
81
82
|
arrowStyle: middlewareData.arrow,
|
|
82
83
|
onArrowSize: setArrowSize,
|
|
83
84
|
isMounted,
|
|
85
|
+
scope: __scopePopper,
|
|
84
86
|
...floating
|
|
85
87
|
};
|
|
86
|
-
return /* @__PURE__ */ jsx(
|
|
88
|
+
return /* @__PURE__ */ jsx(PopperProvider, { ...popperContext, children });
|
|
87
89
|
}
|
|
88
90
|
const PopperAnchor = YStack.extractable(
|
|
89
|
-
React.forwardRef(
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
91
|
+
React.forwardRef(
|
|
92
|
+
function(props, forwardedRef) {
|
|
93
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
|
|
94
|
+
if (virtualRef)
|
|
95
|
+
return null;
|
|
96
|
+
const stackProps = {
|
|
97
|
+
ref: composedRefs,
|
|
98
|
+
...anchorProps
|
|
99
|
+
};
|
|
100
|
+
return /* @__PURE__ */ jsx(
|
|
101
|
+
TamaguiView,
|
|
102
|
+
{
|
|
103
|
+
...getReferenceProps ? getReferenceProps(stackProps) : stackProps
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
}
|
|
107
|
+
)
|
|
104
108
|
), PopperContentFrame = styled(ThemeableStack, {
|
|
105
109
|
name: "PopperContent",
|
|
106
110
|
variants: {
|
|
@@ -122,32 +126,30 @@ const PopperAnchor = YStack.extractable(
|
|
|
122
126
|
defaultVariants: {
|
|
123
127
|
unstyled: !1
|
|
124
128
|
}
|
|
125
|
-
}), PopperContent = React.forwardRef(
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
}
|
|
150
|
-
), PopperArrowFrame = styled(YStack, {
|
|
129
|
+
}), PopperContent = React.forwardRef(function(props, forwardedRef) {
|
|
130
|
+
const { __scopePopper, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext(__scopePopper), contentRefs = useComposedRefs(refs.setFloating, forwardedRef), contents = React.useMemo(() => /* @__PURE__ */ jsx(
|
|
131
|
+
PopperContentFrame,
|
|
132
|
+
{
|
|
133
|
+
"data-placement": placement,
|
|
134
|
+
"data-strategy": strategy,
|
|
135
|
+
contain: "layout",
|
|
136
|
+
size,
|
|
137
|
+
...rest
|
|
138
|
+
},
|
|
139
|
+
"popper-content-frame"
|
|
140
|
+
), [placement, strategy, props]);
|
|
141
|
+
if (useIsomorphicLayoutEffect(() => {
|
|
142
|
+
isMounted && update();
|
|
143
|
+
}, [isMounted]), !isMounted)
|
|
144
|
+
return null;
|
|
145
|
+
const frameProps = {
|
|
146
|
+
ref: contentRefs,
|
|
147
|
+
x: x || 0,
|
|
148
|
+
y: y || 0,
|
|
149
|
+
position: strategy
|
|
150
|
+
};
|
|
151
|
+
return /* @__PURE__ */ jsx(YStack, { ...getFloatingProps ? getFloatingProps(frameProps) : frameProps, children: contents });
|
|
152
|
+
}), PopperArrowFrame = styled(YStack, {
|
|
151
153
|
name: "PopperArrow",
|
|
152
154
|
variants: {
|
|
153
155
|
unstyled: {
|
|
@@ -183,49 +185,47 @@ const PopperAnchor = YStack.extractable(
|
|
|
183
185
|
right: "left",
|
|
184
186
|
bottom: "top",
|
|
185
187
|
left: "right"
|
|
186
|
-
}, PopperArrow = PopperArrowFrame.styleable(
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0);
|
|
198
|
-
}
|
|
199
|
-
return useIsomorphicLayoutEffect(() => {
|
|
188
|
+
}, PopperArrow = PopperArrowFrame.styleable(function(propsIn, forwardedRef) {
|
|
189
|
+
const { __scopePopper, ...rest } = propsIn, props = useProps(rest), { offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = sizeProp ?? context.size, size = +getVariableValue(
|
|
190
|
+
getSpace(sizeVal, {
|
|
191
|
+
shift: -2,
|
|
192
|
+
bounds: [2]
|
|
193
|
+
})
|
|
194
|
+
), { 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";
|
|
195
|
+
if (primaryPlacement) {
|
|
196
|
+
arrowStyle[isVertical ? "width" : "height"] = size * 2;
|
|
197
|
+
const oppSide = opposites[primaryPlacement];
|
|
198
|
+
oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), useIsomorphicLayoutEffect(() => {
|
|
200
199
|
context.onArrowSize?.(size);
|
|
201
|
-
}, [size, context.onArrowSize])
|
|
202
|
-
PopperArrowFrame,
|
|
203
|
-
{
|
|
204
|
-
width: size,
|
|
205
|
-
height: size,
|
|
206
|
-
...arrowProps,
|
|
207
|
-
...innerArrowStyle,
|
|
208
|
-
rotate: "45deg",
|
|
209
|
-
...primaryPlacement === "bottom" && {
|
|
210
|
-
borderLeftWidth: borderWidth,
|
|
211
|
-
borderTopWidth: borderWidth
|
|
212
|
-
},
|
|
213
|
-
...primaryPlacement === "top" && {
|
|
214
|
-
borderBottomWidth: borderWidth,
|
|
215
|
-
borderRightWidth: borderWidth
|
|
216
|
-
},
|
|
217
|
-
...primaryPlacement === "right" && {
|
|
218
|
-
borderLeftWidth: borderWidth,
|
|
219
|
-
borderBottomWidth: borderWidth
|
|
220
|
-
},
|
|
221
|
-
...primaryPlacement === "left" && {
|
|
222
|
-
borderTopWidth: borderWidth,
|
|
223
|
-
borderRightWidth: borderWidth
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
) });
|
|
200
|
+
}, [size, context.onArrowSize]);
|
|
227
201
|
}
|
|
228
|
-
|
|
202
|
+
return /* @__PURE__ */ jsx(PopperArrowOuterFrame, { ref: refs, ...arrowStyle, children: /* @__PURE__ */ jsx(
|
|
203
|
+
PopperArrowFrame,
|
|
204
|
+
{
|
|
205
|
+
width: size,
|
|
206
|
+
height: size,
|
|
207
|
+
...arrowProps,
|
|
208
|
+
...innerArrowStyle,
|
|
209
|
+
rotate: "45deg",
|
|
210
|
+
...primaryPlacement === "bottom" && {
|
|
211
|
+
borderLeftWidth: borderWidth,
|
|
212
|
+
borderTopWidth: borderWidth
|
|
213
|
+
},
|
|
214
|
+
...primaryPlacement === "top" && {
|
|
215
|
+
borderBottomWidth: borderWidth,
|
|
216
|
+
borderRightWidth: borderWidth
|
|
217
|
+
},
|
|
218
|
+
...primaryPlacement === "right" && {
|
|
219
|
+
borderLeftWidth: borderWidth,
|
|
220
|
+
borderBottomWidth: borderWidth
|
|
221
|
+
},
|
|
222
|
+
...primaryPlacement === "left" && {
|
|
223
|
+
borderTopWidth: borderWidth,
|
|
224
|
+
borderRightWidth: borderWidth
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
) });
|
|
228
|
+
});
|
|
229
229
|
export {
|
|
230
230
|
Popper,
|
|
231
231
|
PopperAnchor,
|
|
@@ -233,6 +233,7 @@ export {
|
|
|
233
233
|
PopperContent,
|
|
234
234
|
PopperContentFrame,
|
|
235
235
|
PopperContext,
|
|
236
|
+
PopperProvider,
|
|
236
237
|
usePopperContext
|
|
237
238
|
};
|
|
238
239
|
//# 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": "AAEA,SAAS,uBAAuB;AAChC;AAAA,EAGE,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/Popper.js
CHANGED
|
@@ -20,7 +20,7 @@ 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 PopperContext = createStyledContext({}), usePopperContext
|
|
23
|
+
const PopperContext = createStyledContext({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
|
|
24
24
|
function Popper(props) {
|
|
25
25
|
const {
|
|
26
26
|
children,
|
|
@@ -29,7 +29,8 @@ function Popper(props) {
|
|
|
29
29
|
placement = "bottom",
|
|
30
30
|
stayInFrame,
|
|
31
31
|
allowFlip,
|
|
32
|
-
offset
|
|
32
|
+
offset,
|
|
33
|
+
__scopePopper
|
|
33
34
|
} = props, [isMounted, setIsMounted] = React.useState(!1);
|
|
34
35
|
useIsomorphicLayoutEffect(() => {
|
|
35
36
|
setIsMounted(!0);
|
|
@@ -80,23 +81,26 @@ function Popper(props) {
|
|
|
80
81
|
arrowStyle: middlewareData.arrow,
|
|
81
82
|
onArrowSize: setArrowSize,
|
|
82
83
|
isMounted,
|
|
84
|
+
scope: __scopePopper,
|
|
83
85
|
...floating
|
|
84
86
|
};
|
|
85
|
-
return <
|
|
87
|
+
return <PopperProvider {...popperContext}>{children}</PopperProvider>;
|
|
86
88
|
}
|
|
87
89
|
const PopperAnchor = YStack.extractable(
|
|
88
|
-
React.forwardRef(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
90
|
+
React.forwardRef(
|
|
91
|
+
function(props, forwardedRef) {
|
|
92
|
+
const { virtualRef, __scopePopper, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
|
|
93
|
+
if (virtualRef)
|
|
94
|
+
return null;
|
|
95
|
+
const stackProps = {
|
|
96
|
+
ref: composedRefs,
|
|
97
|
+
...anchorProps
|
|
98
|
+
};
|
|
99
|
+
return <TamaguiView
|
|
100
|
+
{...getReferenceProps ? getReferenceProps(stackProps) : stackProps}
|
|
101
|
+
/>;
|
|
102
|
+
}
|
|
103
|
+
)
|
|
100
104
|
), PopperContentFrame = styled(ThemeableStack, {
|
|
101
105
|
name: "PopperContent",
|
|
102
106
|
variants: {
|
|
@@ -118,29 +122,27 @@ const PopperAnchor = YStack.extractable(
|
|
|
118
122
|
defaultVariants: {
|
|
119
123
|
unstyled: !1
|
|
120
124
|
}
|
|
121
|
-
}), PopperContent = React.forwardRef(
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
}
|
|
143
|
-
), PopperArrowFrame = styled(YStack, {
|
|
125
|
+
}), PopperContent = React.forwardRef(function(props, forwardedRef) {
|
|
126
|
+
const { __scopePopper, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext(__scopePopper), contentRefs = useComposedRefs(refs.setFloating, forwardedRef), contents = React.useMemo(() => <PopperContentFrame
|
|
127
|
+
key="popper-content-frame"
|
|
128
|
+
data-placement={placement}
|
|
129
|
+
data-strategy={strategy}
|
|
130
|
+
contain="layout"
|
|
131
|
+
size={size}
|
|
132
|
+
{...rest}
|
|
133
|
+
/>, [placement, strategy, props]);
|
|
134
|
+
if (useIsomorphicLayoutEffect(() => {
|
|
135
|
+
isMounted && update();
|
|
136
|
+
}, [isMounted]), !isMounted)
|
|
137
|
+
return null;
|
|
138
|
+
const frameProps = {
|
|
139
|
+
ref: contentRefs,
|
|
140
|
+
x: x || 0,
|
|
141
|
+
y: y || 0,
|
|
142
|
+
position: strategy
|
|
143
|
+
};
|
|
144
|
+
return <YStack {...getFloatingProps ? getFloatingProps(frameProps) : frameProps}>{contents}</YStack>;
|
|
145
|
+
}), PopperArrowFrame = styled(YStack, {
|
|
144
146
|
name: "PopperArrow",
|
|
145
147
|
variants: {
|
|
146
148
|
unstyled: {
|
|
@@ -176,46 +178,44 @@ const PopperAnchor = YStack.extractable(
|
|
|
176
178
|
right: "left",
|
|
177
179
|
bottom: "top",
|
|
178
180
|
left: "right"
|
|
179
|
-
}, PopperArrow = PopperArrowFrame.styleable(
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
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(() => {
|
|
181
|
+
}, PopperArrow = PopperArrowFrame.styleable(function(propsIn, forwardedRef) {
|
|
182
|
+
const { __scopePopper, ...rest } = propsIn, props = useProps(rest), { offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = sizeProp ?? context.size, size = +getVariableValue(
|
|
183
|
+
getSpace(sizeVal, {
|
|
184
|
+
shift: -2,
|
|
185
|
+
bounds: [2]
|
|
186
|
+
})
|
|
187
|
+
), { 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";
|
|
188
|
+
if (primaryPlacement) {
|
|
189
|
+
arrowStyle[isVertical ? "width" : "height"] = size * 2;
|
|
190
|
+
const oppSide = opposites[primaryPlacement];
|
|
191
|
+
oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), useIsomorphicLayoutEffect(() => {
|
|
193
192
|
context.onArrowSize?.(size);
|
|
194
|
-
}, [size, context.onArrowSize])
|
|
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>;
|
|
193
|
+
}, [size, context.onArrowSize]);
|
|
217
194
|
}
|
|
218
|
-
|
|
195
|
+
return <PopperArrowOuterFrame ref={refs} {...arrowStyle}><PopperArrowFrame
|
|
196
|
+
width={size}
|
|
197
|
+
height={size}
|
|
198
|
+
{...arrowProps}
|
|
199
|
+
{...innerArrowStyle}
|
|
200
|
+
rotate="45deg"
|
|
201
|
+
{...primaryPlacement === "bottom" && {
|
|
202
|
+
borderLeftWidth: borderWidth,
|
|
203
|
+
borderTopWidth: borderWidth
|
|
204
|
+
}}
|
|
205
|
+
{...primaryPlacement === "top" && {
|
|
206
|
+
borderBottomWidth: borderWidth,
|
|
207
|
+
borderRightWidth: borderWidth
|
|
208
|
+
}}
|
|
209
|
+
{...primaryPlacement === "right" && {
|
|
210
|
+
borderLeftWidth: borderWidth,
|
|
211
|
+
borderBottomWidth: borderWidth
|
|
212
|
+
}}
|
|
213
|
+
{...primaryPlacement === "left" && {
|
|
214
|
+
borderTopWidth: borderWidth,
|
|
215
|
+
borderRightWidth: borderWidth
|
|
216
|
+
}}
|
|
217
|
+
/></PopperArrowOuterFrame>;
|
|
218
|
+
});
|
|
219
219
|
export {
|
|
220
220
|
Popper,
|
|
221
221
|
PopperAnchor,
|
|
@@ -223,6 +223,7 @@ export {
|
|
|
223
223
|
PopperContent,
|
|
224
224
|
PopperContentFrame,
|
|
225
225
|
PopperContext,
|
|
226
|
+
PopperProvider,
|
|
226
227
|
usePopperContext
|
|
227
228
|
};
|
|
228
229
|
//# 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,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|