@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 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
- collisionTolerance?: number;
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>>;
@@ -1 +1 @@
1
- {"mappings":";;;;;;AAsBA,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;AAoBF,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,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,OAAA,MAAM,wGA0EL,CAAC;AAWF,kBAAkB,MAAM,wBAAwB,CAAC,OAAO,eAAe,IAAI,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,UAAU;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,OAAA,MAAM,mGAoCJ,CAAC;AAiCH,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} from './Popper';\nexport type {\n PopperProps,\n PopperAnchorProps,\n PopperContentProps,\n PopperArrowProps,\n} from './Popper';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
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
- const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset , align: align = 'center' , alignOffset: alignOffset , collisionTolerance: collisionTolerance , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
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 windowSize = $34310caa050a8d63$var$useWindowSize();
92
- const collisionBoundariesRect = windowSize ? DOMRect.fromRect({
93
- ...windowSize,
94
- x: 0,
95
- y: 0
96
- }) : undefined;
97
- const { popperStyles: popperStyles , arrowStyles: arrowStyles , placedSide: placedSide , placedAlign: placedAlign } = $50Iv9$radixuipopper.getPlacementData({
98
- anchorRect: anchorRect,
99
- popperSize: contentSize,
100
- arrowSize: arrowSize,
101
- arrowOffset: // config
102
- arrowOffset,
103
- side: side,
104
- sideOffset: sideOffset,
105
- align: align,
106
- alignOffset: alignOffset,
107
- shouldAvoidCollisions: avoidCollisions,
108
- collisionBoundariesRect: collisionBoundariesRect,
109
- collisionTolerance: collisionTolerance
110
- });
111
- const isPlaced = placedSide !== undefined;
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
- return /*#__PURE__*/ $50Iv9$react.createElement("div", {
119
- style: {
120
- ...popperStyles,
121
- zIndex: contentZIndex
122
- },
123
- "data-radix-popper-content-wrapper": ""
124
- }, /*#__PURE__*/ $50Iv9$react.createElement($34310caa050a8d63$var$PopperContentProvider, {
125
- scope: __scopePopper,
126
- arrowStyles: arrowStyles,
127
- onArrowChange: setArrow,
128
- onArrowOffsetChange: setArrowOffset
129
- }, /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($50Iv9$babelruntimehelpersextends))({
130
- "data-side": placedSide,
131
- "data-align": placedAlign
132
- }, contentProps, {
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 context = $34310caa050a8d63$var$useContentContext($34310caa050a8d63$var$ARROW_NAME, __scopePopper);
151
- const { onArrowOffsetChange: onArrowOffsetChange } = context; // send the Arrow's offset up to Popper
152
- $50Iv9$react.useEffect(()=>onArrowOffsetChange(offset)
153
- , [
154
- onArrowOffsetChange,
155
- offset
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
- display: 'inline-block',
169
- verticalAlign: 'top',
170
- pointerEvents: 'auto'
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
- /* -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS = 100;
185
- function $34310caa050a8d63$var$useWindowSize() {
186
- const [windowSize, setWindowSize] = $50Iv9$react.useState(undefined);
187
- $50Iv9$react.useEffect(()=>{
188
- let debounceTimerId;
189
- function updateWindowSize() {
190
- setWindowSize({
191
- width: window.innerWidth,
192
- height: window.innerHeight
193
- });
194
- }
195
- function handleResize() {
196
- window.clearTimeout(debounceTimerId);
197
- debounceTimerId = window.setTimeout(updateWindowSize, $34310caa050a8d63$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS);
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
- updateWindowSize();
200
- window.addEventListener('resize', handleResize);
201
- return ()=>window.removeEventListener('resize', handleResize)
202
- ;
203
- }, []);
204
- return windowSize;
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"}
@@ -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$useLayoutEffect} from "@radix-ui/react-use-layout-effect";
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
- const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset , align: align = 'center' , alignOffset: alignOffset , collisionTolerance: collisionTolerance , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
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 windowSize = $cf1ac5d9fe0e8206$var$useWindowSize();
76
- const collisionBoundariesRect = windowSize ? DOMRect.fromRect({
77
- ...windowSize,
78
- x: 0,
79
- y: 0
80
- }) : undefined;
81
- const { popperStyles: popperStyles , arrowStyles: arrowStyles , placedSide: placedSide , placedAlign: placedAlign } = $kY93V$getPlacementData({
82
- anchorRect: anchorRect,
83
- popperSize: contentSize,
84
- arrowSize: arrowSize,
85
- arrowOffset: // config
86
- arrowOffset,
87
- side: side,
88
- sideOffset: sideOffset,
89
- align: align,
90
- alignOffset: alignOffset,
91
- shouldAvoidCollisions: avoidCollisions,
92
- collisionBoundariesRect: collisionBoundariesRect,
93
- collisionTolerance: collisionTolerance
94
- });
95
- const isPlaced = placedSide !== undefined;
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$useLayoutEffect(()=>{
142
+ $kY93V$useLayoutEffect1(()=>{
98
143
  if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
99
144
  }, [
100
145
  content
101
146
  ]);
102
- return /*#__PURE__*/ $kY93V$createElement("div", {
103
- style: {
104
- ...popperStyles,
105
- zIndex: contentZIndex
106
- },
107
- "data-radix-popper-content-wrapper": ""
108
- }, /*#__PURE__*/ $kY93V$createElement($cf1ac5d9fe0e8206$var$PopperContentProvider, {
109
- scope: __scopePopper,
110
- arrowStyles: arrowStyles,
111
- onArrowChange: setArrow,
112
- onArrowOffsetChange: setArrowOffset
113
- }, /*#__PURE__*/ $kY93V$createElement($kY93V$Primitive.div, $kY93V$babelruntimehelpersesmextends({
114
- "data-side": placedSide,
115
- "data-align": placedAlign
116
- }, contentProps, {
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 context = $cf1ac5d9fe0e8206$var$useContentContext($cf1ac5d9fe0e8206$var$ARROW_NAME, __scopePopper);
135
- const { onArrowOffsetChange: onArrowOffsetChange } = context; // send the Arrow's offset up to Popper
136
- $kY93V$useEffect(()=>onArrowOffsetChange(offset)
137
- , [
138
- onArrowOffsetChange,
139
- offset
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
- ...context.arrowStyles,
144
- pointerEvents: 'none'
145
- }
146
- }, /*#__PURE__*/ $kY93V$createElement("span", {
147
- // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
148
- // doesn't report size as we'd expect on SVG elements.
149
- // it reports their bounding box which is effectively the largest path inside the SVG.
150
- ref: context.onArrowChange,
151
- style: {
152
- display: 'inline-block',
153
- verticalAlign: 'top',
154
- pointerEvents: 'auto'
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
- /* -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS = 100;
169
- function $cf1ac5d9fe0e8206$var$useWindowSize() {
170
- const [windowSize, setWindowSize] = $kY93V$useState(undefined);
171
- $kY93V$useEffect(()=>{
172
- let debounceTimerId;
173
- function updateWindowSize() {
174
- setWindowSize({
175
- width: window.innerWidth,
176
- height: window.innerHeight
177
- });
178
- }
179
- function handleResize() {
180
- window.clearTimeout(debounceTimerId);
181
- debounceTimerId = window.setTimeout(updateWindowSize, $cf1ac5d9fe0e8206$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS);
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
- updateWindowSize();
184
- window.addEventListener('resize', handleResize);
185
- return ()=>window.removeEventListener('resize', handleResize)
186
- ;
187
- }, []);
188
- return windowSize;
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
@@ -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.42",
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
- "@radix-ui/popper": "0.1.1-rc.2",
21
- "@radix-ui/react-arrow": "0.1.5-rc.42",
22
- "@radix-ui/react-compose-refs": "0.1.1-rc.42",
23
- "@radix-ui/react-context": "0.1.2-rc.42",
24
- "@radix-ui/react-primitive": "0.1.5-rc.42",
25
- "@radix-ui/react-use-layout-effect": "0.1.1-rc.42",
26
- "@radix-ui/react-use-rect": "0.1.2-rc.42",
27
- "@radix-ui/react-use-size": "0.1.2-rc.42",
28
- "@radix-ui/rect": "0.1.2-rc.2"
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",