@radix-ui/react-popper 0.1.5-rc.42 → 0.1.5-rc.45
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/index.d.ts +8 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +218 -87
- package/dist/index.js.map +1 -1
- package/dist/index.module.js +220 -91
- package/dist/index.module.js.map +1 -1
- package/package.json +10 -10
package/dist/index.d.ts
CHANGED
|
@@ -2,8 +2,11 @@ import * as React from "react";
|
|
|
2
2
|
import * as ArrowPrimitive from "@radix-ui/react-arrow";
|
|
3
3
|
import * as Radix from "@radix-ui/react-primitive";
|
|
4
4
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
5
|
-
import { Side, Align } from "@radix-ui/popper";
|
|
6
5
|
import { Measurable } from "@radix-ui/rect";
|
|
6
|
+
export const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
|
|
7
|
+
export const ALIGN_OPTIONS: readonly ["start", "center", "end"];
|
|
8
|
+
type Side = typeof SIDE_OPTIONS[number];
|
|
9
|
+
type Align = typeof ALIGN_OPTIONS[number];
|
|
7
10
|
export const createPopperScope: import("@radix-ui/react-context").CreateScope;
|
|
8
11
|
export interface PopperProps {
|
|
9
12
|
children?: React.ReactNode;
|
|
@@ -19,7 +22,10 @@ export interface PopperContentProps extends PrimitiveDivProps {
|
|
|
19
22
|
sideOffset?: number;
|
|
20
23
|
align?: Align;
|
|
21
24
|
alignOffset?: number;
|
|
22
|
-
|
|
25
|
+
arrowPadding?: number;
|
|
26
|
+
collisionPadding?: number | Partial<Record<Side, number>>;
|
|
27
|
+
sticky?: 'partial' | 'always';
|
|
28
|
+
hideWhenDetached?: boolean;
|
|
23
29
|
avoidCollisions?: boolean;
|
|
24
30
|
}
|
|
25
31
|
export const PopperContent: React.ForwardRefExoticComponent<PopperContentProps & React.RefAttributes<HTMLDivElement>>;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;;;;AAuBA,OAAA,MAAM,yDAA0D,CAAC;AACjE,OAAA,MAAM,kDAAmD,CAAC;AAE1D,YAAY,mBAAmB,CAAC,MAAM,CAAC,CAAC;AACxC,aAAa,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAS1C,OAAA,wFAAgF,CAAC;AAQjF;IACE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AACD,OAAA,MAAM,QAAQ,MAAM,EAAE,CAAC,WAAW,CAQjC,CAAC;AAWF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,kCAA4B,SAAQ,iBAAiB;IACnD,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,OAAA,MAAM,sGAgBL,CAAC;AA2BF,mCAA6B,SAAQ,iBAAiB;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,OAAA,MAAM,wGA0JL,CAAC;AAkBF,kBAAkB,MAAM,wBAAwB,CAAC,OAAO,eAAe,IAAI,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,UAAU;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,OAAA,MAAM,mGA6CJ,CAAC;AAoDH,OAAA,MAAM,2BAAa,CAAC;AACpB,OAAA,MAAM,gGAAqB,CAAC;AAC5B,OAAA,MAAM,kGAAuB,CAAC;AAC9B,OAAA,MAAM,6FAAmB,CAAC","sources":["packages/react/popper/src/packages/react/popper/src/Popper.tsx","packages/react/popper/src/packages/react/popper/src/index.ts","packages/react/popper/src/index.ts"],"sourcesContent":[null,null,"export {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n //\n SIDE_OPTIONS,\n ALIGN_OPTIONS,\n} from './Popper';\nexport type {\n PopperProps,\n PopperAnchorProps,\n PopperContentProps,\n PopperArrowProps,\n} from './Popper';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
var $50Iv9$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
|
|
2
2
|
var $50Iv9$react = require("react");
|
|
3
|
+
var $50Iv9$floatinguireactdom = require("@floating-ui/react-dom");
|
|
3
4
|
var $50Iv9$radixuireactarrow = require("@radix-ui/react-arrow");
|
|
4
5
|
var $50Iv9$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
|
|
5
6
|
var $50Iv9$radixuireactcontext = require("@radix-ui/react-context");
|
|
6
|
-
var $50Iv9$radixuipopper = require("@radix-ui/popper");
|
|
7
7
|
var $50Iv9$radixuireactprimitive = require("@radix-ui/react-primitive");
|
|
8
8
|
var $50Iv9$radixuireactuselayouteffect = require("@radix-ui/react-use-layout-effect");
|
|
9
|
-
var $50Iv9$radixuireactuserect = require("@radix-ui/react-use-rect");
|
|
10
9
|
var $50Iv9$radixuireactusesize = require("@radix-ui/react-use-size");
|
|
11
10
|
|
|
12
11
|
function $parcel$export(e, n, v, s) {
|
|
@@ -25,6 +24,8 @@ $parcel$export(module.exports, "Root", () => $34310caa050a8d63$export$be92b6f5f0
|
|
|
25
24
|
$parcel$export(module.exports, "Anchor", () => $34310caa050a8d63$export$b688253958b8dfe7);
|
|
26
25
|
$parcel$export(module.exports, "Content", () => $34310caa050a8d63$export$7c6e2c02157bb7d2);
|
|
27
26
|
$parcel$export(module.exports, "Arrow", () => $34310caa050a8d63$export$21b07c8f274aebd5);
|
|
27
|
+
$parcel$export(module.exports, "SIDE_OPTIONS", () => $34310caa050a8d63$export$36f0086da09c4b9f);
|
|
28
|
+
$parcel$export(module.exports, "ALIGN_OPTIONS", () => $34310caa050a8d63$export$3671ffab7b302fc9);
|
|
28
29
|
|
|
29
30
|
|
|
30
31
|
|
|
@@ -34,7 +35,17 @@ $parcel$export(module.exports, "Arrow", () => $34310caa050a8d63$export$21b07c8f2
|
|
|
34
35
|
|
|
35
36
|
|
|
36
37
|
|
|
37
|
-
|
|
38
|
+
const $34310caa050a8d63$export$36f0086da09c4b9f = [
|
|
39
|
+
'top',
|
|
40
|
+
'right',
|
|
41
|
+
'bottom',
|
|
42
|
+
'left'
|
|
43
|
+
];
|
|
44
|
+
const $34310caa050a8d63$export$3671ffab7b302fc9 = [
|
|
45
|
+
'start',
|
|
46
|
+
'center',
|
|
47
|
+
'end'
|
|
48
|
+
];
|
|
38
49
|
/* -------------------------------------------------------------------------------------------------
|
|
39
50
|
* Popper
|
|
40
51
|
* -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$POPPER_NAME = 'Popper';
|
|
@@ -77,67 +88,147 @@ const $34310caa050a8d63$export$ecd4e1ccab6ed6d = /*#__PURE__*/ $50Iv9$react.forw
|
|
|
77
88
|
* PopperContent
|
|
78
89
|
* -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$CONTENT_NAME = 'PopperContent';
|
|
79
90
|
const [$34310caa050a8d63$var$PopperContentProvider, $34310caa050a8d63$var$useContentContext] = $34310caa050a8d63$var$createPopperContext($34310caa050a8d63$var$CONTENT_NAME);
|
|
91
|
+
const [$34310caa050a8d63$var$PositionContextProvider, $34310caa050a8d63$var$usePositionContext] = $34310caa050a8d63$var$createPopperContext($34310caa050a8d63$var$CONTENT_NAME, {
|
|
92
|
+
hasParent: false,
|
|
93
|
+
positionUpdateFns: new Set()
|
|
94
|
+
});
|
|
80
95
|
const $34310caa050a8d63$export$bc4ae5855d3c4fc = /*#__PURE__*/ $50Iv9$react.forwardRef((props, forwardedRef)=>{
|
|
81
|
-
|
|
96
|
+
var _arrowSize$width, _arrowSize$height, _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$hide, _middlewareData$trans, _middlewareData$trans2;
|
|
97
|
+
const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset = 0 , align: align = 'center' , alignOffset: alignOffset = 0 , arrowPadding: arrowPadding = 0 , collisionPadding: collisionPaddingProp = 0 , sticky: sticky = 'partial' , hideWhenDetached: hideWhenDetached = false , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
|
|
82
98
|
const context = $34310caa050a8d63$var$usePopperContext($34310caa050a8d63$var$CONTENT_NAME, __scopePopper);
|
|
83
|
-
const [arrowOffset, setArrowOffset] = $50Iv9$react.useState();
|
|
84
|
-
const anchorRect = $50Iv9$radixuireactuserect.useRect(context.anchor);
|
|
85
99
|
const [content, setContent] = $50Iv9$react.useState(null);
|
|
86
|
-
const contentSize = $50Iv9$radixuireactusesize.useSize(content);
|
|
87
|
-
const [arrow, setArrow] = $50Iv9$react.useState(null);
|
|
88
|
-
const arrowSize = $50Iv9$radixuireactusesize.useSize(arrow);
|
|
89
100
|
const composedRefs = $50Iv9$radixuireactcomposerefs.useComposedRefs(forwardedRef, (node)=>setContent(node)
|
|
90
101
|
);
|
|
91
|
-
const
|
|
92
|
-
const
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
102
|
+
const [arrow, setArrow] = $50Iv9$react.useState(null);
|
|
103
|
+
const arrowSize = $50Iv9$radixuireactusesize.useSize(arrow);
|
|
104
|
+
const arrowWidth = (_arrowSize$width = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.width) !== null && _arrowSize$width !== void 0 ? _arrowSize$width : 0;
|
|
105
|
+
const arrowHeight = (_arrowSize$height = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.height) !== null && _arrowSize$height !== void 0 ? _arrowSize$height : 0;
|
|
106
|
+
const desiredPlacement = side + (align !== 'center' ? '-' + align : '');
|
|
107
|
+
const collisionPadding = typeof collisionPaddingProp === 'number' ? collisionPaddingProp : {
|
|
108
|
+
top: 0,
|
|
109
|
+
right: 0,
|
|
110
|
+
bottom: 0,
|
|
111
|
+
left: 0,
|
|
112
|
+
...collisionPaddingProp
|
|
113
|
+
};
|
|
114
|
+
const { reference: reference , floating: floating , strategy: strategy , x: x , y: y , placement: placement , middlewareData: middlewareData , update: update } = $50Iv9$floatinguireactdom.useFloating({
|
|
115
|
+
// default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
|
|
116
|
+
strategy: 'fixed',
|
|
117
|
+
placement: desiredPlacement,
|
|
118
|
+
whileElementsMounted: $50Iv9$floatinguireactdom.autoUpdate,
|
|
119
|
+
middleware: [
|
|
120
|
+
$50Iv9$floatinguireactdom.offset({
|
|
121
|
+
mainAxis: sideOffset + arrowHeight,
|
|
122
|
+
alignmentAxis: alignOffset
|
|
123
|
+
}),
|
|
124
|
+
avoidCollisions ? $50Iv9$floatinguireactdom.shift({
|
|
125
|
+
mainAxis: true,
|
|
126
|
+
crossAxis: false,
|
|
127
|
+
padding: collisionPadding,
|
|
128
|
+
limiter: sticky === 'partial' ? $50Iv9$floatinguireactdom.limitShift() : undefined,
|
|
129
|
+
altBoundary: true
|
|
130
|
+
}) : undefined,
|
|
131
|
+
arrow ? $50Iv9$floatinguireactdom.arrow({
|
|
132
|
+
element: arrow,
|
|
133
|
+
padding: arrowPadding
|
|
134
|
+
}) : undefined,
|
|
135
|
+
avoidCollisions ? $50Iv9$floatinguireactdom.flip({
|
|
136
|
+
padding: collisionPadding,
|
|
137
|
+
altBoundary: true
|
|
138
|
+
}) : undefined,
|
|
139
|
+
$34310caa050a8d63$var$transformOrigin({
|
|
140
|
+
arrowWidth: arrowWidth,
|
|
141
|
+
arrowHeight: arrowHeight
|
|
142
|
+
}),
|
|
143
|
+
hideWhenDetached ? $50Iv9$floatinguireactdom.hide({
|
|
144
|
+
strategy: 'referenceHidden'
|
|
145
|
+
}) : undefined
|
|
146
|
+
].filter($34310caa050a8d63$var$isDefined)
|
|
147
|
+
}); // assign the reference dynamically once `Content` has mounted so we can collocate the logic
|
|
148
|
+
$50Iv9$radixuireactuselayouteffect.useLayoutEffect(()=>{
|
|
149
|
+
reference(context.anchor);
|
|
150
|
+
}, [
|
|
151
|
+
reference,
|
|
152
|
+
context.anchor
|
|
153
|
+
]);
|
|
154
|
+
const isPlaced = x !== null && y !== null;
|
|
155
|
+
const [placedSide, placedAlign] = $34310caa050a8d63$var$getSideAndAlignFromPlacement(placement);
|
|
156
|
+
const arrowX = (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x;
|
|
157
|
+
const arrowY = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y;
|
|
158
|
+
const cannotCenterArrow = ((_middlewareData$arrow3 = middlewareData.arrow) === null || _middlewareData$arrow3 === void 0 ? void 0 : _middlewareData$arrow3.centerOffset) !== 0;
|
|
112
159
|
const [contentZIndex, setContentZIndex] = $50Iv9$react.useState();
|
|
113
160
|
$50Iv9$radixuireactuselayouteffect.useLayoutEffect(()=>{
|
|
114
161
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
115
162
|
}, [
|
|
116
163
|
content
|
|
117
164
|
]);
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
165
|
+
const { hasParent: hasParent , positionUpdateFns: positionUpdateFns } = $34310caa050a8d63$var$usePositionContext($34310caa050a8d63$var$CONTENT_NAME, __scopePopper);
|
|
166
|
+
const isRoot = !hasParent;
|
|
167
|
+
$50Iv9$react.useLayoutEffect(()=>{
|
|
168
|
+
if (!isRoot) {
|
|
169
|
+
positionUpdateFns.add(update);
|
|
170
|
+
return ()=>{
|
|
171
|
+
positionUpdateFns.delete(update);
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
}, [
|
|
175
|
+
isRoot,
|
|
176
|
+
positionUpdateFns,
|
|
177
|
+
update
|
|
178
|
+
]); // when nested contents are rendered in portals, they are appended out of order causing
|
|
179
|
+
// children to be positioned incorrectly if initially open.
|
|
180
|
+
// we need to re-compute the positioning once the parent has finally been placed.
|
|
181
|
+
// https://github.com/floating-ui/floating-ui/issues/1531
|
|
182
|
+
$50Iv9$react.useLayoutEffect(()=>{
|
|
183
|
+
if (isRoot && isPlaced) Array.from(positionUpdateFns).reverse().forEach((fn)=>requestAnimationFrame(fn)
|
|
184
|
+
);
|
|
185
|
+
}, [
|
|
186
|
+
isRoot,
|
|
187
|
+
isPlaced,
|
|
188
|
+
positionUpdateFns
|
|
189
|
+
]);
|
|
190
|
+
const commonProps = {
|
|
191
|
+
'data-side': placedSide,
|
|
192
|
+
'data-align': placedAlign,
|
|
193
|
+
...contentProps,
|
|
133
194
|
ref: composedRefs,
|
|
134
195
|
style: {
|
|
135
196
|
...contentProps.style,
|
|
136
197
|
// if the PopperContent hasn't been placed yet (not all measurements done)
|
|
137
198
|
// we prevent animations so that users's animation don't kick in too early referring wrong sides
|
|
138
|
-
animation: !isPlaced ? 'none' : undefined
|
|
199
|
+
animation: !isPlaced ? 'none' : undefined,
|
|
200
|
+
// hide the content if using the hide middleware and should be hidden
|
|
201
|
+
opacity: (_middlewareData$hide = middlewareData.hide) !== null && _middlewareData$hide !== void 0 && _middlewareData$hide.referenceHidden ? 0 : undefined
|
|
139
202
|
}
|
|
140
|
-
}
|
|
203
|
+
};
|
|
204
|
+
return /*#__PURE__*/ $50Iv9$react.createElement("div", {
|
|
205
|
+
ref: floating,
|
|
206
|
+
"data-radix-popper-content-wrapper": "",
|
|
207
|
+
style: {
|
|
208
|
+
position: strategy,
|
|
209
|
+
left: 0,
|
|
210
|
+
top: 0,
|
|
211
|
+
transform: isPlaced ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)` : 'translate3d(0, -200%, 0)',
|
|
212
|
+
// keep off the page when measuring
|
|
213
|
+
minWidth: 'max-content',
|
|
214
|
+
zIndex: contentZIndex,
|
|
215
|
+
['--radix-popper-transform-origin']: [
|
|
216
|
+
(_middlewareData$trans = middlewareData.transformOrigin) === null || _middlewareData$trans === void 0 ? void 0 : _middlewareData$trans.x,
|
|
217
|
+
(_middlewareData$trans2 = middlewareData.transformOrigin) === null || _middlewareData$trans2 === void 0 ? void 0 : _middlewareData$trans2.y
|
|
218
|
+
].join(' ')
|
|
219
|
+
}
|
|
220
|
+
}, /*#__PURE__*/ $50Iv9$react.createElement($34310caa050a8d63$var$PopperContentProvider, {
|
|
221
|
+
scope: __scopePopper,
|
|
222
|
+
placedSide: placedSide,
|
|
223
|
+
onArrowChange: setArrow,
|
|
224
|
+
arrowX: arrowX,
|
|
225
|
+
arrowY: arrowY,
|
|
226
|
+
shouldHideArrow: cannotCenterArrow
|
|
227
|
+
}, isRoot ? /*#__PURE__*/ $50Iv9$react.createElement($34310caa050a8d63$var$PositionContextProvider, {
|
|
228
|
+
scope: __scopePopper,
|
|
229
|
+
hasParent: true,
|
|
230
|
+
positionUpdateFns: positionUpdateFns
|
|
231
|
+
}, /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactprimitive.Primitive.div, commonProps)) : /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactprimitive.Primitive.div, commonProps)));
|
|
141
232
|
});
|
|
142
233
|
/*#__PURE__*/ Object.assign($34310caa050a8d63$export$bc4ae5855d3c4fc, {
|
|
143
234
|
displayName: $34310caa050a8d63$var$CONTENT_NAME
|
|
@@ -145,29 +236,39 @@ const $34310caa050a8d63$export$bc4ae5855d3c4fc = /*#__PURE__*/ $50Iv9$react.forw
|
|
|
145
236
|
/* -------------------------------------------------------------------------------------------------
|
|
146
237
|
* PopperArrow
|
|
147
238
|
* -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$ARROW_NAME = 'PopperArrow';
|
|
239
|
+
const $34310caa050a8d63$var$OPPOSITE_SIDE = {
|
|
240
|
+
top: 'bottom',
|
|
241
|
+
right: 'left',
|
|
242
|
+
bottom: 'top',
|
|
243
|
+
left: 'right'
|
|
244
|
+
};
|
|
148
245
|
const $34310caa050a8d63$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $50Iv9$react.forwardRef(function $34310caa050a8d63$export$79d62cd4e10a3fd0(props, forwardedRef) {
|
|
149
246
|
const { __scopePopper: __scopePopper , offset: offset , ...arrowProps } = props;
|
|
150
|
-
const
|
|
151
|
-
const
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
return /*#__PURE__*/ $50Iv9$react.createElement("span", {
|
|
158
|
-
style: {
|
|
159
|
-
...context.arrowStyles,
|
|
160
|
-
pointerEvents: 'none'
|
|
161
|
-
}
|
|
162
|
-
}, /*#__PURE__*/ $50Iv9$react.createElement("span", {
|
|
163
|
-
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
164
|
-
// doesn't report size as we'd expect on SVG elements.
|
|
165
|
-
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
166
|
-
ref: context.onArrowChange,
|
|
247
|
+
const contentContext = $34310caa050a8d63$var$useContentContext($34310caa050a8d63$var$ARROW_NAME, __scopePopper);
|
|
248
|
+
const baseSide = $34310caa050a8d63$var$OPPOSITE_SIDE[contentContext.placedSide];
|
|
249
|
+
return(/*#__PURE__*/ // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
250
|
+
// doesn't report size as we'd expect on SVG elements.
|
|
251
|
+
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
252
|
+
$50Iv9$react.createElement("span", {
|
|
253
|
+
ref: contentContext.onArrowChange,
|
|
167
254
|
style: {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
255
|
+
position: 'absolute',
|
|
256
|
+
left: contentContext.arrowX,
|
|
257
|
+
top: contentContext.arrowY,
|
|
258
|
+
[baseSide]: 0,
|
|
259
|
+
transformOrigin: {
|
|
260
|
+
top: '',
|
|
261
|
+
right: '0 0',
|
|
262
|
+
bottom: 'center 0',
|
|
263
|
+
left: '100% 0'
|
|
264
|
+
}[contentContext.placedSide],
|
|
265
|
+
transform: {
|
|
266
|
+
top: 'translateY(100%)',
|
|
267
|
+
right: 'translateY(50%) rotate(90deg) translateX(-50%)',
|
|
268
|
+
bottom: `rotate(180deg)`,
|
|
269
|
+
left: 'translateY(50%) rotate(-90deg) translateX(50%)'
|
|
270
|
+
}[contentContext.placedSide],
|
|
271
|
+
visibility: contentContext.shouldHideArrow ? 'hidden' : undefined
|
|
171
272
|
}
|
|
172
273
|
}, /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactarrow.Root, ($parcel$interopDefault($50Iv9$babelruntimehelpersextends))({}, arrowProps, {
|
|
173
274
|
ref: forwardedRef,
|
|
@@ -181,27 +282,57 @@ const $34310caa050a8d63$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $50Iv9$react.for
|
|
|
181
282
|
/*#__PURE__*/ Object.assign($34310caa050a8d63$export$79d62cd4e10a3fd0, {
|
|
182
283
|
displayName: $34310caa050a8d63$var$ARROW_NAME
|
|
183
284
|
});
|
|
184
|
-
/* -----------------------------------------------------------------------------------------------*/
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
285
|
+
/* -----------------------------------------------------------------------------------------------*/ function $34310caa050a8d63$var$isDefined(value) {
|
|
286
|
+
return value !== undefined;
|
|
287
|
+
}
|
|
288
|
+
const $34310caa050a8d63$var$transformOrigin = (options)=>({
|
|
289
|
+
name: 'transformOrigin',
|
|
290
|
+
options: options,
|
|
291
|
+
fn (data) {
|
|
292
|
+
var _middlewareData$arrow4, _middlewareData$arrow5, _middlewareData$arrow6, _middlewareData$arrow7, _middlewareData$arrow8;
|
|
293
|
+
const { placement: placement , rects: rects , middlewareData: middlewareData } = data;
|
|
294
|
+
const cannotCenterArrow = ((_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.centerOffset) !== 0;
|
|
295
|
+
const isArrowHidden = cannotCenterArrow;
|
|
296
|
+
const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
|
|
297
|
+
const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
|
|
298
|
+
const [placedSide, placedAlign] = $34310caa050a8d63$var$getSideAndAlignFromPlacement(placement);
|
|
299
|
+
const noArrowAlign = {
|
|
300
|
+
start: '0%',
|
|
301
|
+
center: '50%',
|
|
302
|
+
end: '100%'
|
|
303
|
+
}[placedAlign];
|
|
304
|
+
const arrowXCenter = ((_middlewareData$arrow5 = (_middlewareData$arrow6 = middlewareData.arrow) === null || _middlewareData$arrow6 === void 0 ? void 0 : _middlewareData$arrow6.x) !== null && _middlewareData$arrow5 !== void 0 ? _middlewareData$arrow5 : 0) + arrowWidth / 2;
|
|
305
|
+
const arrowYCenter = ((_middlewareData$arrow7 = (_middlewareData$arrow8 = middlewareData.arrow) === null || _middlewareData$arrow8 === void 0 ? void 0 : _middlewareData$arrow8.y) !== null && _middlewareData$arrow7 !== void 0 ? _middlewareData$arrow7 : 0) + arrowHeight / 2;
|
|
306
|
+
let x = '';
|
|
307
|
+
let y = '';
|
|
308
|
+
if (placedSide === 'bottom') {
|
|
309
|
+
x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
|
|
310
|
+
y = `${-arrowHeight}px`;
|
|
311
|
+
} else if (placedSide === 'top') {
|
|
312
|
+
x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
|
|
313
|
+
y = `${rects.floating.height + arrowHeight}px`;
|
|
314
|
+
} else if (placedSide === 'right') {
|
|
315
|
+
x = `${-arrowHeight}px`;
|
|
316
|
+
y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
|
|
317
|
+
} else if (placedSide === 'left') {
|
|
318
|
+
x = `${rects.floating.width + arrowHeight}px`;
|
|
319
|
+
y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
|
|
320
|
+
}
|
|
321
|
+
return {
|
|
322
|
+
data: {
|
|
323
|
+
x: x,
|
|
324
|
+
y: y
|
|
325
|
+
}
|
|
326
|
+
};
|
|
198
327
|
}
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
328
|
+
})
|
|
329
|
+
;
|
|
330
|
+
function $34310caa050a8d63$var$getSideAndAlignFromPlacement(placement) {
|
|
331
|
+
const [side, align = 'center'] = placement.split('-');
|
|
332
|
+
return [
|
|
333
|
+
side,
|
|
334
|
+
align
|
|
335
|
+
];
|
|
205
336
|
}
|
|
206
337
|
const $34310caa050a8d63$export$be92b6f5f03c0fe9 = $34310caa050a8d63$export$badac9ada3a0bdf9;
|
|
207
338
|
const $34310caa050a8d63$export$b688253958b8dfe7 = $34310caa050a8d63$export$ecd4e1ccab6ed6d;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/react/popper/src/index.ts","packages/react/popper/src/Popper.tsx"],"sourcesContent":["export {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n} from './Popper';\nexport type {\n PopperProps,\n PopperAnchorProps,\n PopperContentProps,\n PopperArrowProps,\n} from './Popper';\n","import * as React from 'react';\nimport * as ArrowPrimitive from '@radix-ui/react-arrow';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { getPlacementData } from '@radix-ui/popper';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { useSize } from '@radix-ui/react-use-size';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\nimport type { Side, Align } from '@radix-ui/popper';\nimport type { Measurable } from '@radix-ui/rect';\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper';\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope };\nconst [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);\n\ntype PopperContextValue = {\n anchor: Measurable | null;\n onAnchorChange(anchor: Measurable | null): void;\n};\nconst [PopperProvider, usePopperContext] = createPopperContext<PopperContextValue>(POPPER_NAME);\n\ninterface PopperProps {\n children?: React.ReactNode;\n}\nconst Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n const { __scopePopper, children } = props;\n const [anchor, setAnchor] = React.useState<Measurable | null>(null);\n return (\n <PopperProvider scope={__scopePopper} anchor={anchor} onAnchorChange={setAnchor}>\n {children}\n </PopperProvider>\n );\n};\n\nPopper.displayName = POPPER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor';\n\ntype PopperAnchorElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PopperAnchorProps extends PrimitiveDivProps {\n virtualRef?: React.RefObject<Measurable>;\n}\n\nconst PopperAnchor = React.forwardRef<PopperAnchorElement, PopperAnchorProps>(\n (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n const { __scopePopper, virtualRef, ...anchorProps } = props;\n const context = usePopperContext(ANCHOR_NAME, __scopePopper);\n const ref = React.useRef<PopperAnchorElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n\n React.useEffect(() => {\n // Consumer can anchor the popper to something that isn't\n // a DOM node e.g. pointer position, so we override the\n // `anchorRef` with their virtual ref in this case.\n context.onAnchorChange(virtualRef?.current || ref.current);\n });\n\n return virtualRef ? null : <Primitive.div {...anchorProps} ref={composedRefs} />;\n }\n);\n\nPopperAnchor.displayName = ANCHOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent';\n\ntype PopperContentContextValue = {\n arrowStyles: React.CSSProperties;\n onArrowChange(arrow: HTMLSpanElement | null): void;\n onArrowOffsetChange(offset?: number): void;\n};\n\nconst [PopperContentProvider, useContentContext] =\n createPopperContext<PopperContentContextValue>(CONTENT_NAME);\n\ntype PopperContentElement = React.ElementRef<typeof Primitive.div>;\ninterface PopperContentProps extends PrimitiveDivProps {\n side?: Side;\n sideOffset?: number;\n align?: Align;\n alignOffset?: number;\n collisionTolerance?: number;\n avoidCollisions?: boolean;\n}\n\nconst PopperContent = React.forwardRef<PopperContentElement, PopperContentProps>(\n (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n const {\n __scopePopper,\n side = 'bottom',\n sideOffset,\n align = 'center',\n alignOffset,\n collisionTolerance,\n avoidCollisions = true,\n ...contentProps\n } = props;\n\n const context = usePopperContext(CONTENT_NAME, __scopePopper);\n const [arrowOffset, setArrowOffset] = React.useState<number>();\n const anchorRect = useRect(context.anchor);\n const [content, setContent] = React.useState<HTMLDivElement | null>(null);\n const contentSize = useSize(content);\n const [arrow, setArrow] = React.useState<HTMLSpanElement | null>(null);\n const arrowSize = useSize(arrow);\n\n const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));\n\n const windowSize = useWindowSize();\n const collisionBoundariesRect = windowSize\n ? DOMRect.fromRect({ ...windowSize, x: 0, y: 0 })\n : undefined;\n\n const { popperStyles, arrowStyles, placedSide, placedAlign } = getPlacementData({\n anchorRect,\n popperSize: contentSize,\n arrowSize,\n\n // config\n arrowOffset,\n side,\n sideOffset,\n align,\n alignOffset,\n shouldAvoidCollisions: avoidCollisions,\n collisionBoundariesRect,\n collisionTolerance,\n });\n const isPlaced = placedSide !== undefined;\n\n const [contentZIndex, setContentZIndex] = React.useState<string>();\n useLayoutEffect(() => {\n if (content) setContentZIndex(window.getComputedStyle(content).zIndex);\n }, [content]);\n\n return (\n <div style={{ ...popperStyles, zIndex: contentZIndex }} data-radix-popper-content-wrapper=\"\">\n <PopperContentProvider\n scope={__scopePopper}\n arrowStyles={arrowStyles}\n onArrowChange={setArrow}\n onArrowOffsetChange={setArrowOffset}\n >\n <Primitive.div\n data-side={placedSide}\n data-align={placedAlign}\n {...contentProps}\n ref={composedRefs}\n style={{\n ...contentProps.style,\n // if the PopperContent hasn't been placed yet (not all measurements done)\n // we prevent animations so that users's animation don't kick in too early referring wrong sides\n animation: !isPlaced ? 'none' : undefined,\n }}\n />\n </PopperContentProvider>\n </div>\n );\n }\n);\n\nPopperContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow';\n\ntype PopperArrowElement = React.ElementRef<typeof ArrowPrimitive.Root>;\ntype ArrowProps = Radix.ComponentPropsWithoutRef<typeof ArrowPrimitive.Root>;\ninterface PopperArrowProps extends ArrowProps {\n offset?: number;\n}\n\nconst PopperArrow = React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n props: ScopedProps<PopperArrowProps>,\n forwardedRef\n) {\n const { __scopePopper, offset, ...arrowProps } = props;\n const context = useContentContext(ARROW_NAME, __scopePopper);\n const { onArrowOffsetChange } = context;\n\n // send the Arrow's offset up to Popper\n React.useEffect(() => onArrowOffsetChange(offset), [onArrowOffsetChange, offset]);\n\n return (\n <span style={{ ...context.arrowStyles, pointerEvents: 'none' }}>\n <span\n // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)\n // doesn't report size as we'd expect on SVG elements.\n // it reports their bounding box which is effectively the largest path inside the SVG.\n ref={context.onArrowChange}\n style={{\n display: 'inline-block',\n verticalAlign: 'top',\n pointerEvents: 'auto',\n }}\n >\n <ArrowPrimitive.Root\n {...arrowProps}\n ref={forwardedRef}\n style={{\n ...arrowProps.style,\n // ensures the element can be measured correctly (mostly for if SVG)\n display: 'block',\n }}\n />\n </span>\n </span>\n );\n});\n\nPopperArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS = 100;\n\nfunction useWindowSize() {\n const [windowSize, setWindowSize] = React.useState<{ width: number; height: number } | undefined>(\n undefined\n );\n\n React.useEffect(() => {\n let debounceTimerId: number;\n\n function updateWindowSize() {\n setWindowSize({ width: window.innerWidth, height: window.innerHeight });\n }\n\n function handleResize() {\n window.clearTimeout(debounceTimerId);\n debounceTimerId = window.setTimeout(updateWindowSize, WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS);\n }\n\n updateWindowSize();\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return windowSize;\n}\n\nconst Root = Popper;\nconst Anchor = PopperAnchor;\nconst Content = PopperContent;\nconst Arrow = PopperArrow;\n\nexport {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n};\nexport type { PopperProps, PopperAnchorProps, PopperContentProps, PopperArrowProps };\n"],"names":["createPopperScope","Popper","PopperAnchor","PopperContent","PopperArrow","Root","Anchor","Content","Arrow","React","ArrowPrimitive","useComposedRefs","createContextScope","getPlacementData","Primitive","useLayoutEffect","useRect","useSize","POPPER_NAME","createPopperContext","PopperProvider","usePopperContext","props","__scopePopper","children","anchor","setAnchor","useState","ANCHOR_NAME","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useEffect","onAnchorChange","current","CONTENT_NAME","PopperContentProvider","useContentContext","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions","contentProps","arrowOffset","setArrowOffset","anchorRect","content","setContent","contentSize","arrow","setArrow","arrowSize","node","windowSize","useWindowSize","collisionBoundariesRect","DOMRect","fromRect","x","y","undefined","popperStyles","arrowStyles","placedSide","placedAlign","popperSize","shouldAvoidCollisions","isPlaced","contentZIndex","setContentZIndex","window","getComputedStyle","zIndex","style","animation","ARROW_NAME","offset","arrowProps","onArrowOffsetChange","pointerEvents","onArrowChange","display","verticalAlign","WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS","setWindowSize","debounceTimerId","updateWindowSize","width","innerWidth","height","innerHeight","handleResize","clearTimeout","setTimeout","addEventListener","removeEventListener"],"version":3,"file":"index.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/react/popper/src/index.ts","packages/react/popper/src/Popper.tsx"],"sourcesContent":["export {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n //\n SIDE_OPTIONS,\n ALIGN_OPTIONS,\n} from './Popper';\nexport type {\n PopperProps,\n PopperAnchorProps,\n PopperContentProps,\n PopperArrowProps,\n} from './Popper';\n","import * as React from 'react';\nimport {\n useFloating,\n autoUpdate,\n offset,\n shift,\n limitShift,\n hide,\n arrow as floatingUIarrow,\n flip,\n} from '@floating-ui/react-dom';\nimport * as ArrowPrimitive from '@radix-ui/react-arrow';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { useSize } from '@radix-ui/react-use-size';\n\nimport type { Placement, Middleware } from '@floating-ui/react-dom';\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\nimport type { Measurable } from '@radix-ui/rect';\n\nconst SIDE_OPTIONS = ['top', 'right', 'bottom', 'left'] as const;\nconst ALIGN_OPTIONS = ['start', 'center', 'end'] as const;\n\ntype Side = typeof SIDE_OPTIONS[number];\ntype Align = typeof ALIGN_OPTIONS[number];\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper';\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope };\nconst [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);\n\ntype PopperContextValue = {\n anchor: Measurable | null;\n onAnchorChange(anchor: Measurable | null): void;\n};\nconst [PopperProvider, usePopperContext] = createPopperContext<PopperContextValue>(POPPER_NAME);\n\ninterface PopperProps {\n children?: React.ReactNode;\n}\nconst Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n const { __scopePopper, children } = props;\n const [anchor, setAnchor] = React.useState<Measurable | null>(null);\n return (\n <PopperProvider scope={__scopePopper} anchor={anchor} onAnchorChange={setAnchor}>\n {children}\n </PopperProvider>\n );\n};\n\nPopper.displayName = POPPER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor';\n\ntype PopperAnchorElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PopperAnchorProps extends PrimitiveDivProps {\n virtualRef?: React.RefObject<Measurable>;\n}\n\nconst PopperAnchor = React.forwardRef<PopperAnchorElement, PopperAnchorProps>(\n (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n const { __scopePopper, virtualRef, ...anchorProps } = props;\n const context = usePopperContext(ANCHOR_NAME, __scopePopper);\n const ref = React.useRef<PopperAnchorElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n\n React.useEffect(() => {\n // Consumer can anchor the popper to something that isn't\n // a DOM node e.g. pointer position, so we override the\n // `anchorRef` with their virtual ref in this case.\n context.onAnchorChange(virtualRef?.current || ref.current);\n });\n\n return virtualRef ? null : <Primitive.div {...anchorProps} ref={composedRefs} />;\n }\n);\n\nPopperAnchor.displayName = ANCHOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent';\n\ntype PopperContentContextValue = {\n placedSide: Side;\n onArrowChange(arrow: HTMLSpanElement | null): void;\n arrowX?: number;\n arrowY?: number;\n shouldHideArrow: boolean;\n};\n\nconst [PopperContentProvider, useContentContext] =\n createPopperContext<PopperContentContextValue>(CONTENT_NAME);\n\nconst [PositionContextProvider, usePositionContext] = createPopperContext(CONTENT_NAME, {\n hasParent: false,\n positionUpdateFns: new Set<() => void>(),\n});\n\ntype PopperContentElement = React.ElementRef<typeof Primitive.div>;\ninterface PopperContentProps extends PrimitiveDivProps {\n side?: Side;\n sideOffset?: number;\n align?: Align;\n alignOffset?: number;\n arrowPadding?: number;\n collisionPadding?: number | Partial<Record<Side, number>>;\n sticky?: 'partial' | 'always';\n hideWhenDetached?: boolean;\n avoidCollisions?: boolean;\n}\n\nconst PopperContent = React.forwardRef<PopperContentElement, PopperContentProps>(\n (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n const {\n __scopePopper,\n side = 'bottom',\n sideOffset = 0,\n align = 'center',\n alignOffset = 0,\n arrowPadding = 0,\n collisionPadding: collisionPaddingProp = 0,\n sticky = 'partial',\n hideWhenDetached = false,\n avoidCollisions = true,\n ...contentProps\n } = props;\n\n const context = usePopperContext(CONTENT_NAME, __scopePopper);\n\n const [content, setContent] = React.useState<HTMLDivElement | null>(null);\n const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));\n\n const [arrow, setArrow] = React.useState<HTMLSpanElement | null>(null);\n const arrowSize = useSize(arrow);\n const arrowWidth = arrowSize?.width ?? 0;\n const arrowHeight = arrowSize?.height ?? 0;\n\n const desiredPlacement = (side + (align !== 'center' ? '-' + align : '')) as Placement;\n\n const collisionPadding =\n typeof collisionPaddingProp === 'number'\n ? collisionPaddingProp\n : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };\n\n const { reference, floating, strategy, x, y, placement, middlewareData, update } = useFloating({\n // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues\n strategy: 'fixed',\n placement: desiredPlacement,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset({ mainAxis: sideOffset + arrowHeight, alignmentAxis: alignOffset }),\n avoidCollisions\n ? shift({\n mainAxis: true,\n crossAxis: false,\n padding: collisionPadding,\n limiter: sticky === 'partial' ? limitShift() : undefined,\n altBoundary: true,\n })\n : undefined,\n arrow ? floatingUIarrow({ element: arrow, padding: arrowPadding }) : undefined,\n avoidCollisions ? flip({ padding: collisionPadding, altBoundary: true }) : undefined,\n transformOrigin({ arrowWidth, arrowHeight }),\n hideWhenDetached ? hide({ strategy: 'referenceHidden' }) : undefined,\n ].filter(isDefined),\n });\n\n // assign the reference dynamically once `Content` has mounted so we can collocate the logic\n useLayoutEffect(() => {\n reference(context.anchor);\n }, [reference, context.anchor]);\n\n const isPlaced = x !== null && y !== null;\n const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);\n\n const arrowX = middlewareData.arrow?.x;\n const arrowY = middlewareData.arrow?.y;\n const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;\n\n const [contentZIndex, setContentZIndex] = React.useState<string>();\n useLayoutEffect(() => {\n if (content) setContentZIndex(window.getComputedStyle(content).zIndex);\n }, [content]);\n\n const { hasParent, positionUpdateFns } = usePositionContext(CONTENT_NAME, __scopePopper);\n const isRoot = !hasParent;\n\n React.useLayoutEffect(() => {\n if (!isRoot) {\n positionUpdateFns.add(update);\n return () => {\n positionUpdateFns.delete(update);\n };\n }\n }, [isRoot, positionUpdateFns, update]);\n\n // when nested contents are rendered in portals, they are appended out of order causing\n // children to be positioned incorrectly if initially open.\n // we need to re-compute the positioning once the parent has finally been placed.\n // https://github.com/floating-ui/floating-ui/issues/1531\n React.useLayoutEffect(() => {\n if (isRoot && isPlaced) {\n Array.from(positionUpdateFns)\n .reverse()\n .forEach((fn) => requestAnimationFrame(fn));\n }\n }, [isRoot, isPlaced, positionUpdateFns]);\n\n const commonProps = {\n 'data-side': placedSide,\n 'data-align': placedAlign,\n ...contentProps,\n ref: composedRefs,\n style: {\n ...contentProps.style,\n // if the PopperContent hasn't been placed yet (not all measurements done)\n // we prevent animations so that users's animation don't kick in too early referring wrong sides\n animation: !isPlaced ? 'none' : undefined,\n // hide the content if using the hide middleware and should be hidden\n opacity: middlewareData.hide?.referenceHidden ? 0 : undefined,\n },\n };\n\n return (\n <div\n ref={floating}\n data-radix-popper-content-wrapper=\"\"\n style={{\n position: strategy,\n left: 0,\n top: 0,\n transform: isPlaced\n ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`\n : 'translate3d(0, -200%, 0)', // keep off the page when measuring\n minWidth: 'max-content',\n zIndex: contentZIndex,\n ['--radix-popper-transform-origin' as any]: [\n middlewareData.transformOrigin?.x,\n middlewareData.transformOrigin?.y,\n ].join(' '),\n }}\n >\n <PopperContentProvider\n scope={__scopePopper}\n placedSide={placedSide}\n onArrowChange={setArrow}\n arrowX={arrowX}\n arrowY={arrowY}\n shouldHideArrow={cannotCenterArrow}\n >\n {isRoot ? (\n <PositionContextProvider\n scope={__scopePopper}\n hasParent\n positionUpdateFns={positionUpdateFns}\n >\n <Primitive.div {...commonProps} />\n </PositionContextProvider>\n ) : (\n <Primitive.div {...commonProps} />\n )}\n </PopperContentProvider>\n </div>\n );\n }\n);\n\nPopperContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow';\n\nconst OPPOSITE_SIDE: Record<Side, Side> = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\ntype PopperArrowElement = React.ElementRef<typeof ArrowPrimitive.Root>;\ntype ArrowProps = Radix.ComponentPropsWithoutRef<typeof ArrowPrimitive.Root>;\ninterface PopperArrowProps extends ArrowProps {\n offset?: number;\n}\n\nconst PopperArrow = React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n props: ScopedProps<PopperArrowProps>,\n forwardedRef\n) {\n const { __scopePopper, offset, ...arrowProps } = props;\n const contentContext = useContentContext(ARROW_NAME, __scopePopper);\n const baseSide = OPPOSITE_SIDE[contentContext.placedSide];\n\n return (\n // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)\n // doesn't report size as we'd expect on SVG elements.\n // it reports their bounding box which is effectively the largest path inside the SVG.\n <span\n ref={contentContext.onArrowChange}\n style={{\n position: 'absolute',\n left: contentContext.arrowX,\n top: contentContext.arrowY,\n [baseSide]: 0,\n transformOrigin: {\n top: '',\n right: '0 0',\n bottom: 'center 0',\n left: '100% 0',\n }[contentContext.placedSide],\n transform: {\n top: 'translateY(100%)',\n right: 'translateY(50%) rotate(90deg) translateX(-50%)',\n bottom: `rotate(180deg)`,\n left: 'translateY(50%) rotate(-90deg) translateX(50%)',\n }[contentContext.placedSide],\n visibility: contentContext.shouldHideArrow ? 'hidden' : undefined,\n }}\n >\n <ArrowPrimitive.Root\n {...arrowProps}\n ref={forwardedRef}\n style={{\n ...arrowProps.style,\n // ensures the element can be measured correctly (mostly for if SVG)\n display: 'block',\n }}\n />\n </span>\n );\n});\n\nPopperArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction isDefined<T>(value: T | undefined): value is T {\n return value !== undefined;\n}\n\nconst transformOrigin = (options: { arrowWidth: number; arrowHeight: number }): Middleware => ({\n name: 'transformOrigin',\n options,\n fn(data) {\n const { placement, rects, middlewareData } = data;\n\n const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;\n const isArrowHidden = cannotCenterArrow;\n const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;\n const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;\n\n const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);\n const noArrowAlign = { start: '0%', center: '50%', end: '100%' }[placedAlign];\n\n const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;\n const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;\n\n let x = '';\n let y = '';\n\n if (placedSide === 'bottom') {\n x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;\n y = `${-arrowHeight}px`;\n } else if (placedSide === 'top') {\n x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;\n y = `${rects.floating.height + arrowHeight}px`;\n } else if (placedSide === 'right') {\n x = `${-arrowHeight}px`;\n y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;\n } else if (placedSide === 'left') {\n x = `${rects.floating.width + arrowHeight}px`;\n y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;\n }\n return { data: { x, y } };\n },\n});\n\nfunction getSideAndAlignFromPlacement(placement: Placement) {\n const [side, align = 'center'] = placement.split('-');\n return [side as Side, align as Align] as const;\n}\n\nconst Root = Popper;\nconst Anchor = PopperAnchor;\nconst Content = PopperContent;\nconst Arrow = PopperArrow;\n\nexport {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n //\n SIDE_OPTIONS,\n ALIGN_OPTIONS,\n};\nexport type { PopperProps, PopperAnchorProps, PopperContentProps, PopperArrowProps };\n"],"names":["createPopperScope","Popper","PopperAnchor","PopperContent","PopperArrow","Root","Anchor","Content","Arrow","SIDE_OPTIONS","ALIGN_OPTIONS","React","useFloating","autoUpdate","offset","shift","limitShift","hide","arrow","floatingUIarrow","flip","ArrowPrimitive","useComposedRefs","createContextScope","Primitive","useLayoutEffect","useSize","POPPER_NAME","createPopperContext","PopperProvider","usePopperContext","props","__scopePopper","children","anchor","setAnchor","useState","ANCHOR_NAME","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useEffect","onAnchorChange","current","CONTENT_NAME","PopperContentProvider","useContentContext","PositionContextProvider","usePositionContext","hasParent","positionUpdateFns","Set","side","sideOffset","align","alignOffset","arrowPadding","collisionPadding","collisionPaddingProp","sticky","hideWhenDetached","avoidCollisions","contentProps","content","setContent","node","setArrow","arrowSize","arrowWidth","width","arrowHeight","height","desiredPlacement","top","right","bottom","left","reference","floating","strategy","x","y","placement","middlewareData","update","whileElementsMounted","middleware","mainAxis","alignmentAxis","crossAxis","padding","limiter","undefined","altBoundary","element","transformOrigin","filter","isDefined","isPlaced","placedSide","placedAlign","getSideAndAlignFromPlacement","arrowX","arrowY","cannotCenterArrow","centerOffset","contentZIndex","setContentZIndex","window","getComputedStyle","zIndex","isRoot","add","delete","Array","from","reverse","forEach","fn","requestAnimationFrame","commonProps","style","animation","opacity","referenceHidden","position","transform","Math","round","minWidth","join","ARROW_NAME","OPPOSITE_SIDE","arrowProps","contentContext","baseSide","onArrowChange","visibility","shouldHideArrow","display","value","options","name","data","rects","isArrowHidden","noArrowAlign","start","center","end","arrowXCenter","arrowYCenter","split"],"version":3,"file":"index.js.map"}
|
package/dist/index.module.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import $kY93V$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import {useState as $kY93V$useState, createElement as $kY93V$createElement, forwardRef as $kY93V$forwardRef, useRef as $kY93V$useRef, useEffect as $kY93V$useEffect} from "react";
|
|
2
|
+
import {useState as $kY93V$useState, createElement as $kY93V$createElement, forwardRef as $kY93V$forwardRef, useRef as $kY93V$useRef, useEffect as $kY93V$useEffect, useLayoutEffect as $kY93V$useLayoutEffect} from "react";
|
|
3
|
+
import {useFloating as $kY93V$useFloating, autoUpdate as $kY93V$autoUpdate, offset as $kY93V$offset, shift as $kY93V$shift, limitShift as $kY93V$limitShift, arrow as $kY93V$arrow, flip as $kY93V$flip, hide as $kY93V$hide} from "@floating-ui/react-dom";
|
|
3
4
|
import {Root as $kY93V$Root} from "@radix-ui/react-arrow";
|
|
4
5
|
import {useComposedRefs as $kY93V$useComposedRefs} from "@radix-ui/react-compose-refs";
|
|
5
6
|
import {createContextScope as $kY93V$createContextScope} from "@radix-ui/react-context";
|
|
6
|
-
import {getPlacementData as $kY93V$getPlacementData} from "@radix-ui/popper";
|
|
7
7
|
import {Primitive as $kY93V$Primitive} from "@radix-ui/react-primitive";
|
|
8
|
-
import {useLayoutEffect as $kY93V$
|
|
9
|
-
import {useRect as $kY93V$useRect} from "@radix-ui/react-use-rect";
|
|
8
|
+
import {useLayoutEffect as $kY93V$useLayoutEffect1} from "@radix-ui/react-use-layout-effect";
|
|
10
9
|
import {useSize as $kY93V$useSize} from "@radix-ui/react-use-size";
|
|
11
10
|
|
|
12
11
|
|
|
@@ -18,7 +17,17 @@ import {useSize as $kY93V$useSize} from "@radix-ui/react-use-size";
|
|
|
18
17
|
|
|
19
18
|
|
|
20
19
|
|
|
21
|
-
|
|
20
|
+
const $cf1ac5d9fe0e8206$export$36f0086da09c4b9f = [
|
|
21
|
+
'top',
|
|
22
|
+
'right',
|
|
23
|
+
'bottom',
|
|
24
|
+
'left'
|
|
25
|
+
];
|
|
26
|
+
const $cf1ac5d9fe0e8206$export$3671ffab7b302fc9 = [
|
|
27
|
+
'start',
|
|
28
|
+
'center',
|
|
29
|
+
'end'
|
|
30
|
+
];
|
|
22
31
|
/* -------------------------------------------------------------------------------------------------
|
|
23
32
|
* Popper
|
|
24
33
|
* -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$POPPER_NAME = 'Popper';
|
|
@@ -61,67 +70,147 @@ const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ $kY93V$forwardRef
|
|
|
61
70
|
* PopperContent
|
|
62
71
|
* -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$CONTENT_NAME = 'PopperContent';
|
|
63
72
|
const [$cf1ac5d9fe0e8206$var$PopperContentProvider, $cf1ac5d9fe0e8206$var$useContentContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME);
|
|
73
|
+
const [$cf1ac5d9fe0e8206$var$PositionContextProvider, $cf1ac5d9fe0e8206$var$usePositionContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME, {
|
|
74
|
+
hasParent: false,
|
|
75
|
+
positionUpdateFns: new Set()
|
|
76
|
+
});
|
|
64
77
|
const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ $kY93V$forwardRef((props, forwardedRef)=>{
|
|
65
|
-
|
|
78
|
+
var _arrowSize$width, _arrowSize$height, _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$hide, _middlewareData$trans, _middlewareData$trans2;
|
|
79
|
+
const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset = 0 , align: align = 'center' , alignOffset: alignOffset = 0 , arrowPadding: arrowPadding = 0 , collisionPadding: collisionPaddingProp = 0 , sticky: sticky = 'partial' , hideWhenDetached: hideWhenDetached = false , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
|
|
66
80
|
const context = $cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME, __scopePopper);
|
|
67
|
-
const [arrowOffset, setArrowOffset] = $kY93V$useState();
|
|
68
|
-
const anchorRect = $kY93V$useRect(context.anchor);
|
|
69
81
|
const [content, setContent] = $kY93V$useState(null);
|
|
70
|
-
const contentSize = $kY93V$useSize(content);
|
|
71
|
-
const [arrow, setArrow] = $kY93V$useState(null);
|
|
72
|
-
const arrowSize = $kY93V$useSize(arrow);
|
|
73
82
|
const composedRefs = $kY93V$useComposedRefs(forwardedRef, (node)=>setContent(node)
|
|
74
83
|
);
|
|
75
|
-
const
|
|
76
|
-
const
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
84
|
+
const [arrow, setArrow] = $kY93V$useState(null);
|
|
85
|
+
const arrowSize = $kY93V$useSize(arrow);
|
|
86
|
+
const arrowWidth = (_arrowSize$width = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.width) !== null && _arrowSize$width !== void 0 ? _arrowSize$width : 0;
|
|
87
|
+
const arrowHeight = (_arrowSize$height = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.height) !== null && _arrowSize$height !== void 0 ? _arrowSize$height : 0;
|
|
88
|
+
const desiredPlacement = side + (align !== 'center' ? '-' + align : '');
|
|
89
|
+
const collisionPadding = typeof collisionPaddingProp === 'number' ? collisionPaddingProp : {
|
|
90
|
+
top: 0,
|
|
91
|
+
right: 0,
|
|
92
|
+
bottom: 0,
|
|
93
|
+
left: 0,
|
|
94
|
+
...collisionPaddingProp
|
|
95
|
+
};
|
|
96
|
+
const { reference: reference , floating: floating , strategy: strategy , x: x , y: y , placement: placement , middlewareData: middlewareData , update: update } = $kY93V$useFloating({
|
|
97
|
+
// default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
|
|
98
|
+
strategy: 'fixed',
|
|
99
|
+
placement: desiredPlacement,
|
|
100
|
+
whileElementsMounted: $kY93V$autoUpdate,
|
|
101
|
+
middleware: [
|
|
102
|
+
$kY93V$offset({
|
|
103
|
+
mainAxis: sideOffset + arrowHeight,
|
|
104
|
+
alignmentAxis: alignOffset
|
|
105
|
+
}),
|
|
106
|
+
avoidCollisions ? $kY93V$shift({
|
|
107
|
+
mainAxis: true,
|
|
108
|
+
crossAxis: false,
|
|
109
|
+
padding: collisionPadding,
|
|
110
|
+
limiter: sticky === 'partial' ? $kY93V$limitShift() : undefined,
|
|
111
|
+
altBoundary: true
|
|
112
|
+
}) : undefined,
|
|
113
|
+
arrow ? $kY93V$arrow({
|
|
114
|
+
element: arrow,
|
|
115
|
+
padding: arrowPadding
|
|
116
|
+
}) : undefined,
|
|
117
|
+
avoidCollisions ? $kY93V$flip({
|
|
118
|
+
padding: collisionPadding,
|
|
119
|
+
altBoundary: true
|
|
120
|
+
}) : undefined,
|
|
121
|
+
$cf1ac5d9fe0e8206$var$transformOrigin({
|
|
122
|
+
arrowWidth: arrowWidth,
|
|
123
|
+
arrowHeight: arrowHeight
|
|
124
|
+
}),
|
|
125
|
+
hideWhenDetached ? $kY93V$hide({
|
|
126
|
+
strategy: 'referenceHidden'
|
|
127
|
+
}) : undefined
|
|
128
|
+
].filter($cf1ac5d9fe0e8206$var$isDefined)
|
|
129
|
+
}); // assign the reference dynamically once `Content` has mounted so we can collocate the logic
|
|
130
|
+
$kY93V$useLayoutEffect1(()=>{
|
|
131
|
+
reference(context.anchor);
|
|
132
|
+
}, [
|
|
133
|
+
reference,
|
|
134
|
+
context.anchor
|
|
135
|
+
]);
|
|
136
|
+
const isPlaced = x !== null && y !== null;
|
|
137
|
+
const [placedSide, placedAlign] = $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement);
|
|
138
|
+
const arrowX = (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x;
|
|
139
|
+
const arrowY = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y;
|
|
140
|
+
const cannotCenterArrow = ((_middlewareData$arrow3 = middlewareData.arrow) === null || _middlewareData$arrow3 === void 0 ? void 0 : _middlewareData$arrow3.centerOffset) !== 0;
|
|
96
141
|
const [contentZIndex, setContentZIndex] = $kY93V$useState();
|
|
97
|
-
$kY93V$
|
|
142
|
+
$kY93V$useLayoutEffect1(()=>{
|
|
98
143
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
99
144
|
}, [
|
|
100
145
|
content
|
|
101
146
|
]);
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
147
|
+
const { hasParent: hasParent , positionUpdateFns: positionUpdateFns } = $cf1ac5d9fe0e8206$var$usePositionContext($cf1ac5d9fe0e8206$var$CONTENT_NAME, __scopePopper);
|
|
148
|
+
const isRoot = !hasParent;
|
|
149
|
+
$kY93V$useLayoutEffect(()=>{
|
|
150
|
+
if (!isRoot) {
|
|
151
|
+
positionUpdateFns.add(update);
|
|
152
|
+
return ()=>{
|
|
153
|
+
positionUpdateFns.delete(update);
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
}, [
|
|
157
|
+
isRoot,
|
|
158
|
+
positionUpdateFns,
|
|
159
|
+
update
|
|
160
|
+
]); // when nested contents are rendered in portals, they are appended out of order causing
|
|
161
|
+
// children to be positioned incorrectly if initially open.
|
|
162
|
+
// we need to re-compute the positioning once the parent has finally been placed.
|
|
163
|
+
// https://github.com/floating-ui/floating-ui/issues/1531
|
|
164
|
+
$kY93V$useLayoutEffect(()=>{
|
|
165
|
+
if (isRoot && isPlaced) Array.from(positionUpdateFns).reverse().forEach((fn)=>requestAnimationFrame(fn)
|
|
166
|
+
);
|
|
167
|
+
}, [
|
|
168
|
+
isRoot,
|
|
169
|
+
isPlaced,
|
|
170
|
+
positionUpdateFns
|
|
171
|
+
]);
|
|
172
|
+
const commonProps = {
|
|
173
|
+
'data-side': placedSide,
|
|
174
|
+
'data-align': placedAlign,
|
|
175
|
+
...contentProps,
|
|
117
176
|
ref: composedRefs,
|
|
118
177
|
style: {
|
|
119
178
|
...contentProps.style,
|
|
120
179
|
// if the PopperContent hasn't been placed yet (not all measurements done)
|
|
121
180
|
// we prevent animations so that users's animation don't kick in too early referring wrong sides
|
|
122
|
-
animation: !isPlaced ? 'none' : undefined
|
|
181
|
+
animation: !isPlaced ? 'none' : undefined,
|
|
182
|
+
// hide the content if using the hide middleware and should be hidden
|
|
183
|
+
opacity: (_middlewareData$hide = middlewareData.hide) !== null && _middlewareData$hide !== void 0 && _middlewareData$hide.referenceHidden ? 0 : undefined
|
|
123
184
|
}
|
|
124
|
-
}
|
|
185
|
+
};
|
|
186
|
+
return /*#__PURE__*/ $kY93V$createElement("div", {
|
|
187
|
+
ref: floating,
|
|
188
|
+
"data-radix-popper-content-wrapper": "",
|
|
189
|
+
style: {
|
|
190
|
+
position: strategy,
|
|
191
|
+
left: 0,
|
|
192
|
+
top: 0,
|
|
193
|
+
transform: isPlaced ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)` : 'translate3d(0, -200%, 0)',
|
|
194
|
+
// keep off the page when measuring
|
|
195
|
+
minWidth: 'max-content',
|
|
196
|
+
zIndex: contentZIndex,
|
|
197
|
+
['--radix-popper-transform-origin']: [
|
|
198
|
+
(_middlewareData$trans = middlewareData.transformOrigin) === null || _middlewareData$trans === void 0 ? void 0 : _middlewareData$trans.x,
|
|
199
|
+
(_middlewareData$trans2 = middlewareData.transformOrigin) === null || _middlewareData$trans2 === void 0 ? void 0 : _middlewareData$trans2.y
|
|
200
|
+
].join(' ')
|
|
201
|
+
}
|
|
202
|
+
}, /*#__PURE__*/ $kY93V$createElement($cf1ac5d9fe0e8206$var$PopperContentProvider, {
|
|
203
|
+
scope: __scopePopper,
|
|
204
|
+
placedSide: placedSide,
|
|
205
|
+
onArrowChange: setArrow,
|
|
206
|
+
arrowX: arrowX,
|
|
207
|
+
arrowY: arrowY,
|
|
208
|
+
shouldHideArrow: cannotCenterArrow
|
|
209
|
+
}, isRoot ? /*#__PURE__*/ $kY93V$createElement($cf1ac5d9fe0e8206$var$PositionContextProvider, {
|
|
210
|
+
scope: __scopePopper,
|
|
211
|
+
hasParent: true,
|
|
212
|
+
positionUpdateFns: positionUpdateFns
|
|
213
|
+
}, /*#__PURE__*/ $kY93V$createElement($kY93V$Primitive.div, commonProps)) : /*#__PURE__*/ $kY93V$createElement($kY93V$Primitive.div, commonProps)));
|
|
125
214
|
});
|
|
126
215
|
/*#__PURE__*/ Object.assign($cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc, {
|
|
127
216
|
displayName: $cf1ac5d9fe0e8206$var$CONTENT_NAME
|
|
@@ -129,29 +218,39 @@ const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ $kY93V$forwardRef
|
|
|
129
218
|
/* -------------------------------------------------------------------------------------------------
|
|
130
219
|
* PopperArrow
|
|
131
220
|
* -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$ARROW_NAME = 'PopperArrow';
|
|
221
|
+
const $cf1ac5d9fe0e8206$var$OPPOSITE_SIDE = {
|
|
222
|
+
top: 'bottom',
|
|
223
|
+
right: 'left',
|
|
224
|
+
bottom: 'top',
|
|
225
|
+
left: 'right'
|
|
226
|
+
};
|
|
132
227
|
const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $kY93V$forwardRef(function $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0(props, forwardedRef) {
|
|
133
228
|
const { __scopePopper: __scopePopper , offset: offset , ...arrowProps } = props;
|
|
134
|
-
const
|
|
135
|
-
const
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
return /*#__PURE__*/ $kY93V$createElement("span", {
|
|
229
|
+
const contentContext = $cf1ac5d9fe0e8206$var$useContentContext($cf1ac5d9fe0e8206$var$ARROW_NAME, __scopePopper);
|
|
230
|
+
const baseSide = $cf1ac5d9fe0e8206$var$OPPOSITE_SIDE[contentContext.placedSide];
|
|
231
|
+
return(/*#__PURE__*/ // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
232
|
+
// doesn't report size as we'd expect on SVG elements.
|
|
233
|
+
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
234
|
+
$kY93V$createElement("span", {
|
|
235
|
+
ref: contentContext.onArrowChange,
|
|
142
236
|
style: {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
237
|
+
position: 'absolute',
|
|
238
|
+
left: contentContext.arrowX,
|
|
239
|
+
top: contentContext.arrowY,
|
|
240
|
+
[baseSide]: 0,
|
|
241
|
+
transformOrigin: {
|
|
242
|
+
top: '',
|
|
243
|
+
right: '0 0',
|
|
244
|
+
bottom: 'center 0',
|
|
245
|
+
left: '100% 0'
|
|
246
|
+
}[contentContext.placedSide],
|
|
247
|
+
transform: {
|
|
248
|
+
top: 'translateY(100%)',
|
|
249
|
+
right: 'translateY(50%) rotate(90deg) translateX(-50%)',
|
|
250
|
+
bottom: `rotate(180deg)`,
|
|
251
|
+
left: 'translateY(50%) rotate(-90deg) translateX(50%)'
|
|
252
|
+
}[contentContext.placedSide],
|
|
253
|
+
visibility: contentContext.shouldHideArrow ? 'hidden' : undefined
|
|
155
254
|
}
|
|
156
255
|
}, /*#__PURE__*/ $kY93V$createElement($kY93V$Root, $kY93V$babelruntimehelpersesmextends({}, arrowProps, {
|
|
157
256
|
ref: forwardedRef,
|
|
@@ -165,27 +264,57 @@ const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $kY93V$forwardRe
|
|
|
165
264
|
/*#__PURE__*/ Object.assign($cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0, {
|
|
166
265
|
displayName: $cf1ac5d9fe0e8206$var$ARROW_NAME
|
|
167
266
|
});
|
|
168
|
-
/* -----------------------------------------------------------------------------------------------*/
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
267
|
+
/* -----------------------------------------------------------------------------------------------*/ function $cf1ac5d9fe0e8206$var$isDefined(value) {
|
|
268
|
+
return value !== undefined;
|
|
269
|
+
}
|
|
270
|
+
const $cf1ac5d9fe0e8206$var$transformOrigin = (options)=>({
|
|
271
|
+
name: 'transformOrigin',
|
|
272
|
+
options: options,
|
|
273
|
+
fn (data) {
|
|
274
|
+
var _middlewareData$arrow4, _middlewareData$arrow5, _middlewareData$arrow6, _middlewareData$arrow7, _middlewareData$arrow8;
|
|
275
|
+
const { placement: placement , rects: rects , middlewareData: middlewareData } = data;
|
|
276
|
+
const cannotCenterArrow = ((_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.centerOffset) !== 0;
|
|
277
|
+
const isArrowHidden = cannotCenterArrow;
|
|
278
|
+
const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
|
|
279
|
+
const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
|
|
280
|
+
const [placedSide, placedAlign] = $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement);
|
|
281
|
+
const noArrowAlign = {
|
|
282
|
+
start: '0%',
|
|
283
|
+
center: '50%',
|
|
284
|
+
end: '100%'
|
|
285
|
+
}[placedAlign];
|
|
286
|
+
const arrowXCenter = ((_middlewareData$arrow5 = (_middlewareData$arrow6 = middlewareData.arrow) === null || _middlewareData$arrow6 === void 0 ? void 0 : _middlewareData$arrow6.x) !== null && _middlewareData$arrow5 !== void 0 ? _middlewareData$arrow5 : 0) + arrowWidth / 2;
|
|
287
|
+
const arrowYCenter = ((_middlewareData$arrow7 = (_middlewareData$arrow8 = middlewareData.arrow) === null || _middlewareData$arrow8 === void 0 ? void 0 : _middlewareData$arrow8.y) !== null && _middlewareData$arrow7 !== void 0 ? _middlewareData$arrow7 : 0) + arrowHeight / 2;
|
|
288
|
+
let x = '';
|
|
289
|
+
let y = '';
|
|
290
|
+
if (placedSide === 'bottom') {
|
|
291
|
+
x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
|
|
292
|
+
y = `${-arrowHeight}px`;
|
|
293
|
+
} else if (placedSide === 'top') {
|
|
294
|
+
x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
|
|
295
|
+
y = `${rects.floating.height + arrowHeight}px`;
|
|
296
|
+
} else if (placedSide === 'right') {
|
|
297
|
+
x = `${-arrowHeight}px`;
|
|
298
|
+
y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
|
|
299
|
+
} else if (placedSide === 'left') {
|
|
300
|
+
x = `${rects.floating.width + arrowHeight}px`;
|
|
301
|
+
y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
|
|
302
|
+
}
|
|
303
|
+
return {
|
|
304
|
+
data: {
|
|
305
|
+
x: x,
|
|
306
|
+
y: y
|
|
307
|
+
}
|
|
308
|
+
};
|
|
182
309
|
}
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
310
|
+
})
|
|
311
|
+
;
|
|
312
|
+
function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement) {
|
|
313
|
+
const [side, align = 'center'] = placement.split('-');
|
|
314
|
+
return [
|
|
315
|
+
side,
|
|
316
|
+
align
|
|
317
|
+
];
|
|
189
318
|
}
|
|
190
319
|
const $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 = $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9;
|
|
191
320
|
const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d;
|
|
@@ -195,5 +324,5 @@ const $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 = $cf1ac5d9fe0e8206$export$79d62
|
|
|
195
324
|
|
|
196
325
|
|
|
197
326
|
|
|
198
|
-
export {$cf1ac5d9fe0e8206$export$722aac194ae923 as createPopperScope, $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9 as Popper, $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d as PopperAnchor, $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc as PopperContent, $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 as PopperArrow, $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 as Root, $cf1ac5d9fe0e8206$export$b688253958b8dfe7 as Anchor, $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 as Content, $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 as Arrow};
|
|
327
|
+
export {$cf1ac5d9fe0e8206$export$722aac194ae923 as createPopperScope, $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9 as Popper, $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d as PopperAnchor, $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc as PopperContent, $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 as PopperArrow, $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 as Root, $cf1ac5d9fe0e8206$export$b688253958b8dfe7 as Anchor, $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 as Content, $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 as Arrow, $cf1ac5d9fe0e8206$export$36f0086da09c4b9f as SIDE_OPTIONS, $cf1ac5d9fe0e8206$export$3671ffab7b302fc9 as ALIGN_OPTIONS};
|
|
199
328
|
//# sourceMappingURL=index.module.js.map
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/react/popper/src/index.ts","packages/react/popper/src/Popper.tsx"],"sourcesContent":["export {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n} from './Popper';\nexport type {\n PopperProps,\n PopperAnchorProps,\n PopperContentProps,\n PopperArrowProps,\n} from './Popper';\n","import * as React from 'react';\nimport * as ArrowPrimitive from '@radix-ui/react-arrow';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { getPlacementData } from '@radix-ui/popper';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { useSize } from '@radix-ui/react-use-size';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\nimport type { Side, Align } from '@radix-ui/popper';\nimport type { Measurable } from '@radix-ui/rect';\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper';\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope };\nconst [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);\n\ntype PopperContextValue = {\n anchor: Measurable | null;\n onAnchorChange(anchor: Measurable | null): void;\n};\nconst [PopperProvider, usePopperContext] = createPopperContext<PopperContextValue>(POPPER_NAME);\n\ninterface PopperProps {\n children?: React.ReactNode;\n}\nconst Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n const { __scopePopper, children } = props;\n const [anchor, setAnchor] = React.useState<Measurable | null>(null);\n return (\n <PopperProvider scope={__scopePopper} anchor={anchor} onAnchorChange={setAnchor}>\n {children}\n </PopperProvider>\n );\n};\n\nPopper.displayName = POPPER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor';\n\ntype PopperAnchorElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PopperAnchorProps extends PrimitiveDivProps {\n virtualRef?: React.RefObject<Measurable>;\n}\n\nconst PopperAnchor = React.forwardRef<PopperAnchorElement, PopperAnchorProps>(\n (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n const { __scopePopper, virtualRef, ...anchorProps } = props;\n const context = usePopperContext(ANCHOR_NAME, __scopePopper);\n const ref = React.useRef<PopperAnchorElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n\n React.useEffect(() => {\n // Consumer can anchor the popper to something that isn't\n // a DOM node e.g. pointer position, so we override the\n // `anchorRef` with their virtual ref in this case.\n context.onAnchorChange(virtualRef?.current || ref.current);\n });\n\n return virtualRef ? null : <Primitive.div {...anchorProps} ref={composedRefs} />;\n }\n);\n\nPopperAnchor.displayName = ANCHOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent';\n\ntype PopperContentContextValue = {\n arrowStyles: React.CSSProperties;\n onArrowChange(arrow: HTMLSpanElement | null): void;\n onArrowOffsetChange(offset?: number): void;\n};\n\nconst [PopperContentProvider, useContentContext] =\n createPopperContext<PopperContentContextValue>(CONTENT_NAME);\n\ntype PopperContentElement = React.ElementRef<typeof Primitive.div>;\ninterface PopperContentProps extends PrimitiveDivProps {\n side?: Side;\n sideOffset?: number;\n align?: Align;\n alignOffset?: number;\n collisionTolerance?: number;\n avoidCollisions?: boolean;\n}\n\nconst PopperContent = React.forwardRef<PopperContentElement, PopperContentProps>(\n (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n const {\n __scopePopper,\n side = 'bottom',\n sideOffset,\n align = 'center',\n alignOffset,\n collisionTolerance,\n avoidCollisions = true,\n ...contentProps\n } = props;\n\n const context = usePopperContext(CONTENT_NAME, __scopePopper);\n const [arrowOffset, setArrowOffset] = React.useState<number>();\n const anchorRect = useRect(context.anchor);\n const [content, setContent] = React.useState<HTMLDivElement | null>(null);\n const contentSize = useSize(content);\n const [arrow, setArrow] = React.useState<HTMLSpanElement | null>(null);\n const arrowSize = useSize(arrow);\n\n const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));\n\n const windowSize = useWindowSize();\n const collisionBoundariesRect = windowSize\n ? DOMRect.fromRect({ ...windowSize, x: 0, y: 0 })\n : undefined;\n\n const { popperStyles, arrowStyles, placedSide, placedAlign } = getPlacementData({\n anchorRect,\n popperSize: contentSize,\n arrowSize,\n\n // config\n arrowOffset,\n side,\n sideOffset,\n align,\n alignOffset,\n shouldAvoidCollisions: avoidCollisions,\n collisionBoundariesRect,\n collisionTolerance,\n });\n const isPlaced = placedSide !== undefined;\n\n const [contentZIndex, setContentZIndex] = React.useState<string>();\n useLayoutEffect(() => {\n if (content) setContentZIndex(window.getComputedStyle(content).zIndex);\n }, [content]);\n\n return (\n <div style={{ ...popperStyles, zIndex: contentZIndex }} data-radix-popper-content-wrapper=\"\">\n <PopperContentProvider\n scope={__scopePopper}\n arrowStyles={arrowStyles}\n onArrowChange={setArrow}\n onArrowOffsetChange={setArrowOffset}\n >\n <Primitive.div\n data-side={placedSide}\n data-align={placedAlign}\n {...contentProps}\n ref={composedRefs}\n style={{\n ...contentProps.style,\n // if the PopperContent hasn't been placed yet (not all measurements done)\n // we prevent animations so that users's animation don't kick in too early referring wrong sides\n animation: !isPlaced ? 'none' : undefined,\n }}\n />\n </PopperContentProvider>\n </div>\n );\n }\n);\n\nPopperContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow';\n\ntype PopperArrowElement = React.ElementRef<typeof ArrowPrimitive.Root>;\ntype ArrowProps = Radix.ComponentPropsWithoutRef<typeof ArrowPrimitive.Root>;\ninterface PopperArrowProps extends ArrowProps {\n offset?: number;\n}\n\nconst PopperArrow = React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n props: ScopedProps<PopperArrowProps>,\n forwardedRef\n) {\n const { __scopePopper, offset, ...arrowProps } = props;\n const context = useContentContext(ARROW_NAME, __scopePopper);\n const { onArrowOffsetChange } = context;\n\n // send the Arrow's offset up to Popper\n React.useEffect(() => onArrowOffsetChange(offset), [onArrowOffsetChange, offset]);\n\n return (\n <span style={{ ...context.arrowStyles, pointerEvents: 'none' }}>\n <span\n // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)\n // doesn't report size as we'd expect on SVG elements.\n // it reports their bounding box which is effectively the largest path inside the SVG.\n ref={context.onArrowChange}\n style={{\n display: 'inline-block',\n verticalAlign: 'top',\n pointerEvents: 'auto',\n }}\n >\n <ArrowPrimitive.Root\n {...arrowProps}\n ref={forwardedRef}\n style={{\n ...arrowProps.style,\n // ensures the element can be measured correctly (mostly for if SVG)\n display: 'block',\n }}\n />\n </span>\n </span>\n );\n});\n\nPopperArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS = 100;\n\nfunction useWindowSize() {\n const [windowSize, setWindowSize] = React.useState<{ width: number; height: number } | undefined>(\n undefined\n );\n\n React.useEffect(() => {\n let debounceTimerId: number;\n\n function updateWindowSize() {\n setWindowSize({ width: window.innerWidth, height: window.innerHeight });\n }\n\n function handleResize() {\n window.clearTimeout(debounceTimerId);\n debounceTimerId = window.setTimeout(updateWindowSize, WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS);\n }\n\n updateWindowSize();\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return windowSize;\n}\n\nconst Root = Popper;\nconst Anchor = PopperAnchor;\nconst Content = PopperContent;\nconst Arrow = PopperArrow;\n\nexport {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n};\nexport type { PopperProps, PopperAnchorProps, PopperContentProps, PopperArrowProps };\n"],"names":["createPopperScope","Popper","PopperAnchor","PopperContent","PopperArrow","Root","Anchor","Content","Arrow","React","ArrowPrimitive","useComposedRefs","createContextScope","getPlacementData","Primitive","useLayoutEffect","useRect","useSize","POPPER_NAME","createPopperContext","PopperProvider","usePopperContext","props","__scopePopper","children","anchor","setAnchor","useState","ANCHOR_NAME","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useEffect","onAnchorChange","current","CONTENT_NAME","PopperContentProvider","useContentContext","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions","contentProps","arrowOffset","setArrowOffset","anchorRect","content","setContent","contentSize","arrow","setArrow","arrowSize","node","windowSize","useWindowSize","collisionBoundariesRect","DOMRect","fromRect","x","y","undefined","popperStyles","arrowStyles","placedSide","placedAlign","popperSize","shouldAvoidCollisions","isPlaced","contentZIndex","setContentZIndex","window","getComputedStyle","zIndex","style","animation","ARROW_NAME","offset","arrowProps","onArrowOffsetChange","pointerEvents","onArrowChange","display","verticalAlign","WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS","setWindowSize","debounceTimerId","updateWindowSize","width","innerWidth","height","innerHeight","handleResize","clearTimeout","setTimeout","addEventListener","removeEventListener"],"version":3,"file":"index.module.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/react/popper/src/index.ts","packages/react/popper/src/Popper.tsx"],"sourcesContent":["export {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n //\n SIDE_OPTIONS,\n ALIGN_OPTIONS,\n} from './Popper';\nexport type {\n PopperProps,\n PopperAnchorProps,\n PopperContentProps,\n PopperArrowProps,\n} from './Popper';\n","import * as React from 'react';\nimport {\n useFloating,\n autoUpdate,\n offset,\n shift,\n limitShift,\n hide,\n arrow as floatingUIarrow,\n flip,\n} from '@floating-ui/react-dom';\nimport * as ArrowPrimitive from '@radix-ui/react-arrow';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { useSize } from '@radix-ui/react-use-size';\n\nimport type { Placement, Middleware } from '@floating-ui/react-dom';\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\nimport type { Measurable } from '@radix-ui/rect';\n\nconst SIDE_OPTIONS = ['top', 'right', 'bottom', 'left'] as const;\nconst ALIGN_OPTIONS = ['start', 'center', 'end'] as const;\n\ntype Side = typeof SIDE_OPTIONS[number];\ntype Align = typeof ALIGN_OPTIONS[number];\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper';\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope };\nconst [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);\n\ntype PopperContextValue = {\n anchor: Measurable | null;\n onAnchorChange(anchor: Measurable | null): void;\n};\nconst [PopperProvider, usePopperContext] = createPopperContext<PopperContextValue>(POPPER_NAME);\n\ninterface PopperProps {\n children?: React.ReactNode;\n}\nconst Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n const { __scopePopper, children } = props;\n const [anchor, setAnchor] = React.useState<Measurable | null>(null);\n return (\n <PopperProvider scope={__scopePopper} anchor={anchor} onAnchorChange={setAnchor}>\n {children}\n </PopperProvider>\n );\n};\n\nPopper.displayName = POPPER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor';\n\ntype PopperAnchorElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PopperAnchorProps extends PrimitiveDivProps {\n virtualRef?: React.RefObject<Measurable>;\n}\n\nconst PopperAnchor = React.forwardRef<PopperAnchorElement, PopperAnchorProps>(\n (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n const { __scopePopper, virtualRef, ...anchorProps } = props;\n const context = usePopperContext(ANCHOR_NAME, __scopePopper);\n const ref = React.useRef<PopperAnchorElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n\n React.useEffect(() => {\n // Consumer can anchor the popper to something that isn't\n // a DOM node e.g. pointer position, so we override the\n // `anchorRef` with their virtual ref in this case.\n context.onAnchorChange(virtualRef?.current || ref.current);\n });\n\n return virtualRef ? null : <Primitive.div {...anchorProps} ref={composedRefs} />;\n }\n);\n\nPopperAnchor.displayName = ANCHOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent';\n\ntype PopperContentContextValue = {\n placedSide: Side;\n onArrowChange(arrow: HTMLSpanElement | null): void;\n arrowX?: number;\n arrowY?: number;\n shouldHideArrow: boolean;\n};\n\nconst [PopperContentProvider, useContentContext] =\n createPopperContext<PopperContentContextValue>(CONTENT_NAME);\n\nconst [PositionContextProvider, usePositionContext] = createPopperContext(CONTENT_NAME, {\n hasParent: false,\n positionUpdateFns: new Set<() => void>(),\n});\n\ntype PopperContentElement = React.ElementRef<typeof Primitive.div>;\ninterface PopperContentProps extends PrimitiveDivProps {\n side?: Side;\n sideOffset?: number;\n align?: Align;\n alignOffset?: number;\n arrowPadding?: number;\n collisionPadding?: number | Partial<Record<Side, number>>;\n sticky?: 'partial' | 'always';\n hideWhenDetached?: boolean;\n avoidCollisions?: boolean;\n}\n\nconst PopperContent = React.forwardRef<PopperContentElement, PopperContentProps>(\n (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n const {\n __scopePopper,\n side = 'bottom',\n sideOffset = 0,\n align = 'center',\n alignOffset = 0,\n arrowPadding = 0,\n collisionPadding: collisionPaddingProp = 0,\n sticky = 'partial',\n hideWhenDetached = false,\n avoidCollisions = true,\n ...contentProps\n } = props;\n\n const context = usePopperContext(CONTENT_NAME, __scopePopper);\n\n const [content, setContent] = React.useState<HTMLDivElement | null>(null);\n const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));\n\n const [arrow, setArrow] = React.useState<HTMLSpanElement | null>(null);\n const arrowSize = useSize(arrow);\n const arrowWidth = arrowSize?.width ?? 0;\n const arrowHeight = arrowSize?.height ?? 0;\n\n const desiredPlacement = (side + (align !== 'center' ? '-' + align : '')) as Placement;\n\n const collisionPadding =\n typeof collisionPaddingProp === 'number'\n ? collisionPaddingProp\n : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };\n\n const { reference, floating, strategy, x, y, placement, middlewareData, update } = useFloating({\n // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues\n strategy: 'fixed',\n placement: desiredPlacement,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset({ mainAxis: sideOffset + arrowHeight, alignmentAxis: alignOffset }),\n avoidCollisions\n ? shift({\n mainAxis: true,\n crossAxis: false,\n padding: collisionPadding,\n limiter: sticky === 'partial' ? limitShift() : undefined,\n altBoundary: true,\n })\n : undefined,\n arrow ? floatingUIarrow({ element: arrow, padding: arrowPadding }) : undefined,\n avoidCollisions ? flip({ padding: collisionPadding, altBoundary: true }) : undefined,\n transformOrigin({ arrowWidth, arrowHeight }),\n hideWhenDetached ? hide({ strategy: 'referenceHidden' }) : undefined,\n ].filter(isDefined),\n });\n\n // assign the reference dynamically once `Content` has mounted so we can collocate the logic\n useLayoutEffect(() => {\n reference(context.anchor);\n }, [reference, context.anchor]);\n\n const isPlaced = x !== null && y !== null;\n const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);\n\n const arrowX = middlewareData.arrow?.x;\n const arrowY = middlewareData.arrow?.y;\n const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;\n\n const [contentZIndex, setContentZIndex] = React.useState<string>();\n useLayoutEffect(() => {\n if (content) setContentZIndex(window.getComputedStyle(content).zIndex);\n }, [content]);\n\n const { hasParent, positionUpdateFns } = usePositionContext(CONTENT_NAME, __scopePopper);\n const isRoot = !hasParent;\n\n React.useLayoutEffect(() => {\n if (!isRoot) {\n positionUpdateFns.add(update);\n return () => {\n positionUpdateFns.delete(update);\n };\n }\n }, [isRoot, positionUpdateFns, update]);\n\n // when nested contents are rendered in portals, they are appended out of order causing\n // children to be positioned incorrectly if initially open.\n // we need to re-compute the positioning once the parent has finally been placed.\n // https://github.com/floating-ui/floating-ui/issues/1531\n React.useLayoutEffect(() => {\n if (isRoot && isPlaced) {\n Array.from(positionUpdateFns)\n .reverse()\n .forEach((fn) => requestAnimationFrame(fn));\n }\n }, [isRoot, isPlaced, positionUpdateFns]);\n\n const commonProps = {\n 'data-side': placedSide,\n 'data-align': placedAlign,\n ...contentProps,\n ref: composedRefs,\n style: {\n ...contentProps.style,\n // if the PopperContent hasn't been placed yet (not all measurements done)\n // we prevent animations so that users's animation don't kick in too early referring wrong sides\n animation: !isPlaced ? 'none' : undefined,\n // hide the content if using the hide middleware and should be hidden\n opacity: middlewareData.hide?.referenceHidden ? 0 : undefined,\n },\n };\n\n return (\n <div\n ref={floating}\n data-radix-popper-content-wrapper=\"\"\n style={{\n position: strategy,\n left: 0,\n top: 0,\n transform: isPlaced\n ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`\n : 'translate3d(0, -200%, 0)', // keep off the page when measuring\n minWidth: 'max-content',\n zIndex: contentZIndex,\n ['--radix-popper-transform-origin' as any]: [\n middlewareData.transformOrigin?.x,\n middlewareData.transformOrigin?.y,\n ].join(' '),\n }}\n >\n <PopperContentProvider\n scope={__scopePopper}\n placedSide={placedSide}\n onArrowChange={setArrow}\n arrowX={arrowX}\n arrowY={arrowY}\n shouldHideArrow={cannotCenterArrow}\n >\n {isRoot ? (\n <PositionContextProvider\n scope={__scopePopper}\n hasParent\n positionUpdateFns={positionUpdateFns}\n >\n <Primitive.div {...commonProps} />\n </PositionContextProvider>\n ) : (\n <Primitive.div {...commonProps} />\n )}\n </PopperContentProvider>\n </div>\n );\n }\n);\n\nPopperContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow';\n\nconst OPPOSITE_SIDE: Record<Side, Side> = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\ntype PopperArrowElement = React.ElementRef<typeof ArrowPrimitive.Root>;\ntype ArrowProps = Radix.ComponentPropsWithoutRef<typeof ArrowPrimitive.Root>;\ninterface PopperArrowProps extends ArrowProps {\n offset?: number;\n}\n\nconst PopperArrow = React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n props: ScopedProps<PopperArrowProps>,\n forwardedRef\n) {\n const { __scopePopper, offset, ...arrowProps } = props;\n const contentContext = useContentContext(ARROW_NAME, __scopePopper);\n const baseSide = OPPOSITE_SIDE[contentContext.placedSide];\n\n return (\n // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)\n // doesn't report size as we'd expect on SVG elements.\n // it reports their bounding box which is effectively the largest path inside the SVG.\n <span\n ref={contentContext.onArrowChange}\n style={{\n position: 'absolute',\n left: contentContext.arrowX,\n top: contentContext.arrowY,\n [baseSide]: 0,\n transformOrigin: {\n top: '',\n right: '0 0',\n bottom: 'center 0',\n left: '100% 0',\n }[contentContext.placedSide],\n transform: {\n top: 'translateY(100%)',\n right: 'translateY(50%) rotate(90deg) translateX(-50%)',\n bottom: `rotate(180deg)`,\n left: 'translateY(50%) rotate(-90deg) translateX(50%)',\n }[contentContext.placedSide],\n visibility: contentContext.shouldHideArrow ? 'hidden' : undefined,\n }}\n >\n <ArrowPrimitive.Root\n {...arrowProps}\n ref={forwardedRef}\n style={{\n ...arrowProps.style,\n // ensures the element can be measured correctly (mostly for if SVG)\n display: 'block',\n }}\n />\n </span>\n );\n});\n\nPopperArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction isDefined<T>(value: T | undefined): value is T {\n return value !== undefined;\n}\n\nconst transformOrigin = (options: { arrowWidth: number; arrowHeight: number }): Middleware => ({\n name: 'transformOrigin',\n options,\n fn(data) {\n const { placement, rects, middlewareData } = data;\n\n const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;\n const isArrowHidden = cannotCenterArrow;\n const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;\n const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;\n\n const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);\n const noArrowAlign = { start: '0%', center: '50%', end: '100%' }[placedAlign];\n\n const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;\n const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;\n\n let x = '';\n let y = '';\n\n if (placedSide === 'bottom') {\n x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;\n y = `${-arrowHeight}px`;\n } else if (placedSide === 'top') {\n x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;\n y = `${rects.floating.height + arrowHeight}px`;\n } else if (placedSide === 'right') {\n x = `${-arrowHeight}px`;\n y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;\n } else if (placedSide === 'left') {\n x = `${rects.floating.width + arrowHeight}px`;\n y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;\n }\n return { data: { x, y } };\n },\n});\n\nfunction getSideAndAlignFromPlacement(placement: Placement) {\n const [side, align = 'center'] = placement.split('-');\n return [side as Side, align as Align] as const;\n}\n\nconst Root = Popper;\nconst Anchor = PopperAnchor;\nconst Content = PopperContent;\nconst Arrow = PopperArrow;\n\nexport {\n createPopperScope,\n //\n Popper,\n PopperAnchor,\n PopperContent,\n PopperArrow,\n //\n Root,\n Anchor,\n Content,\n Arrow,\n //\n SIDE_OPTIONS,\n ALIGN_OPTIONS,\n};\nexport type { PopperProps, PopperAnchorProps, PopperContentProps, PopperArrowProps };\n"],"names":["createPopperScope","Popper","PopperAnchor","PopperContent","PopperArrow","Root","Anchor","Content","Arrow","SIDE_OPTIONS","ALIGN_OPTIONS","React","useFloating","autoUpdate","offset","shift","limitShift","hide","arrow","floatingUIarrow","flip","ArrowPrimitive","useComposedRefs","createContextScope","Primitive","useLayoutEffect","useSize","POPPER_NAME","createPopperContext","PopperProvider","usePopperContext","props","__scopePopper","children","anchor","setAnchor","useState","ANCHOR_NAME","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useEffect","onAnchorChange","current","CONTENT_NAME","PopperContentProvider","useContentContext","PositionContextProvider","usePositionContext","hasParent","positionUpdateFns","Set","side","sideOffset","align","alignOffset","arrowPadding","collisionPadding","collisionPaddingProp","sticky","hideWhenDetached","avoidCollisions","contentProps","content","setContent","node","setArrow","arrowSize","arrowWidth","width","arrowHeight","height","desiredPlacement","top","right","bottom","left","reference","floating","strategy","x","y","placement","middlewareData","update","whileElementsMounted","middleware","mainAxis","alignmentAxis","crossAxis","padding","limiter","undefined","altBoundary","element","transformOrigin","filter","isDefined","isPlaced","placedSide","placedAlign","getSideAndAlignFromPlacement","arrowX","arrowY","cannotCenterArrow","centerOffset","contentZIndex","setContentZIndex","window","getComputedStyle","zIndex","isRoot","add","delete","Array","from","reverse","forEach","fn","requestAnimationFrame","commonProps","style","animation","opacity","referenceHidden","position","transform","Math","round","minWidth","join","ARROW_NAME","OPPOSITE_SIDE","arrowProps","contentContext","baseSide","onArrowChange","visibility","shouldHideArrow","display","value","options","name","data","rects","isArrowHidden","noArrowAlign","start","center","end","arrowXCenter","arrowYCenter","split"],"version":3,"file":"index.module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@radix-ui/react-popper",
|
|
3
|
-
"version": "0.1.5-rc.
|
|
3
|
+
"version": "0.1.5-rc.45",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime": "^7.13.10",
|
|
20
|
-
"@
|
|
21
|
-
"@radix-ui/react-arrow": "0.1.5-rc.
|
|
22
|
-
"@radix-ui/react-compose-refs": "0.1.1-rc.
|
|
23
|
-
"@radix-ui/react-context": "0.1.2-rc.
|
|
24
|
-
"@radix-ui/react-primitive": "0.1.5-rc.
|
|
25
|
-
"@radix-ui/react-use-layout-effect": "0.1.1-rc.
|
|
26
|
-
"@radix-ui/react-use-rect": "0.1.2-rc.
|
|
27
|
-
"@radix-ui/react-use-size": "0.1.2-rc.
|
|
28
|
-
"@radix-ui/rect": "0.1.2-rc.
|
|
20
|
+
"@floating-ui/react-dom": "0.7.2",
|
|
21
|
+
"@radix-ui/react-arrow": "0.1.5-rc.45",
|
|
22
|
+
"@radix-ui/react-compose-refs": "0.1.1-rc.45",
|
|
23
|
+
"@radix-ui/react-context": "0.1.2-rc.45",
|
|
24
|
+
"@radix-ui/react-primitive": "0.1.5-rc.45",
|
|
25
|
+
"@radix-ui/react-use-layout-effect": "0.1.1-rc.45",
|
|
26
|
+
"@radix-ui/react-use-rect": "0.1.2-rc.45",
|
|
27
|
+
"@radix-ui/react-use-size": "0.1.2-rc.45",
|
|
28
|
+
"@radix-ui/rect": "0.1.2-rc.5"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": "^16.8 || ^17.0 || ^18.0",
|