npm - @radix-ui/react-popper - Versions diffs - 0.1.5-rc.7 → 1.0.0-rc.1 - Mend

@radix-ui/react-popper 0.1.5-rc.7 → 1.0.0-rc.1

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.

Files changed (7) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -1,9 +1,12 @@
 import * as React from "react";
+import * as ArrowPrimitive from "@radix-ui/react-arrow";
 import * as Radix from "@radix-ui/react-primitive";
 import { Primitive } from "@radix-ui/react-primitive";
-import * as ArrowPrimitive from "@radix-ui/react-arrow";
-import { Side, Align } from "@radix-ui/popper";
 import { Measurable } from "@radix-ui/rect";
+export const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
+export const ALIGN_OPTIONS: readonly ["start", "center", "end"];
+type Side = typeof SIDE_OPTIONS[number];
+type Align = typeof ALIGN_OPTIONS[number];
 export const createPopperScope: import("@radix-ui/react-context").CreateScope;
 export interface PopperProps {
     children?: React.ReactNode;
@@ -14,18 +17,22 @@ export interface PopperAnchorProps extends PrimitiveDivProps {
     virtualRef?: React.RefObject<Measurable>;
 }
 export const PopperAnchor: React.ForwardRefExoticComponent<PopperAnchorProps & React.RefAttributes<HTMLDivElement>>;
+type Boundary = Element | null;
 export interface PopperContentProps extends PrimitiveDivProps {
     side?: Side;
     sideOffset?: number;
     align?: Align;
     alignOffset?: number;
-    collisionTolerance?: number;
+    arrowPadding?: number;
+    collisionBoundary?: Boundary | Boundary[];
+    collisionPadding?: number | Partial<Record<Side, number>>;
+    sticky?: 'partial' | 'always';
+    hideWhenDetached?: boolean;
     avoidCollisions?: boolean;
 }
 export const PopperContent: React.ForwardRefExoticComponent<PopperContentProps & React.RefAttributes<HTMLDivElement>>;
 type ArrowProps = Radix.ComponentPropsWithoutRef<typeof ArrowPrimitive.Root>;
 export interface PopperArrowProps extends ArrowProps {
-    offset?: number;
 }
 export const PopperArrow: React.ForwardRefExoticComponent<PopperArrowProps & React.RefAttributes<SVGSVGElement>>;
 export const Root: React.FC<PopperProps>;

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"~~;;;;;;AAqBA~~,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,~~wGAqEL~~,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 * 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;AA0BF,gBAAgB,OAAO,GAAG,IAAI,CAAC;AAG/B,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,iBAAiB,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC1C,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,wGAoKL,CAAC;AAkBF,kBAAkB,MAAM,wBAAwB,CAAC,OAAO,eAAe,IAAI,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,UAAU;CAAG;AAEhD,OAAA,MAAM,mGA6CJ,CAAC;AAwDH,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 Viewed

@@ -1,46 +1,31 @@
 var $50Iv9$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
 var $50Iv9$react = require("react");
-var $50Iv9$radixuipopper = require("@radix-ui/popper");
+var $50Iv9$floatinguireactdom = require("@floating-ui/react-dom");
+var $50Iv9$radixuireactarrow = require("@radix-ui/react-arrow");
 var $50Iv9$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
 var $50Iv9$radixuireactcontext = require("@radix-ui/react-context");
-var $50Iv9$radixuireactuserect = require("@radix-ui/react-use-rect");
-var $50Iv9$radixuireactusesize = require("@radix-ui/react-use-size");
 var $50Iv9$radixuireactprimitive = require("@radix-ui/react-primitive");
-var $50Iv9$radixuireactarrow = require("@radix-ui/react-arrow");
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
+var $50Iv9$radixuireactuselayouteffect = require("@radix-ui/react-use-layout-effect");
+var $50Iv9$radixuireactusesize = require("@radix-ui/react-use-size");
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $34310caa050a8d63$exports = {};
-$parcel$export($34310caa050a8d63$exports, "createPopperScope", () => $34310caa050a8d63$export$722aac194ae923);
-$parcel$export($34310caa050a8d63$exports, "Popper", () => $34310caa050a8d63$export$badac9ada3a0bdf9);
-$parcel$export($34310caa050a8d63$exports, "PopperAnchor", () => $34310caa050a8d63$export$ecd4e1ccab6ed6d);
-$parcel$export($34310caa050a8d63$exports, "PopperContent", () => $34310caa050a8d63$export$bc4ae5855d3c4fc);
-$parcel$export($34310caa050a8d63$exports, "PopperArrow", () => $34310caa050a8d63$export$79d62cd4e10a3fd0);
-$parcel$export($34310caa050a8d63$exports, "Root", () => $34310caa050a8d63$export$be92b6f5f03c0fe9);
-$parcel$export($34310caa050a8d63$exports, "Anchor", () => $34310caa050a8d63$export$b688253958b8dfe7);
-$parcel$export($34310caa050a8d63$exports, "Content", () => $34310caa050a8d63$export$7c6e2c02157bb7d2);
-$parcel$export($34310caa050a8d63$exports, "Arrow", () => $34310caa050a8d63$export$21b07c8f274aebd5);
+$parcel$export(module.exports, "createPopperScope", () => $34310caa050a8d63$export$722aac194ae923);
+$parcel$export(module.exports, "Popper", () => $34310caa050a8d63$export$badac9ada3a0bdf9);
+$parcel$export(module.exports, "PopperAnchor", () => $34310caa050a8d63$export$ecd4e1ccab6ed6d);
+$parcel$export(module.exports, "PopperContent", () => $34310caa050a8d63$export$bc4ae5855d3c4fc);
+$parcel$export(module.exports, "PopperArrow", () => $34310caa050a8d63$export$79d62cd4e10a3fd0);
+$parcel$export(module.exports, "Root", () => $34310caa050a8d63$export$be92b6f5f03c0fe9);
+$parcel$export(module.exports, "Anchor", () => $34310caa050a8d63$export$b688253958b8dfe7);
+$parcel$export(module.exports, "Content", () => $34310caa050a8d63$export$7c6e2c02157bb7d2);
+$parcel$export(module.exports, "Arrow", () => $34310caa050a8d63$export$21b07c8f274aebd5);
+$parcel$export(module.exports, "SIDE_OPTIONS", () => $34310caa050a8d63$export$36f0086da09c4b9f);
+$parcel$export(module.exports, "ALIGN_OPTIONS", () => $34310caa050a8d63$export$3671ffab7b302fc9);
@@ -50,6 +35,17 @@ $parcel$export($34310caa050a8d63$exports, "Arrow", () => $34310caa050a8d63$expor
+const $34310caa050a8d63$export$36f0086da09c4b9f = [
+    'top',
+    'right',
+    'bottom',
+    'left'
+];
+const $34310caa050a8d63$export$3671ffab7b302fc9 = [
+    'start',
+    'center',
+    'end'
+];
 /* -------------------------------------------------------------------------------------------------
  * Popper
  * -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$POPPER_NAME = 'Popper';
@@ -92,58 +88,155 @@ const $34310caa050a8d63$export$ecd4e1ccab6ed6d = /*#__PURE__*/ $50Iv9$react.forw
  * PopperContent
  * -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$CONTENT_NAME = 'PopperContent';
 const [$34310caa050a8d63$var$PopperContentProvider, $34310caa050a8d63$var$useContentContext] = $34310caa050a8d63$var$createPopperContext($34310caa050a8d63$var$CONTENT_NAME);
+const [$34310caa050a8d63$var$PositionContextProvider, $34310caa050a8d63$var$usePositionContext] = $34310caa050a8d63$var$createPopperContext($34310caa050a8d63$var$CONTENT_NAME, {
+    hasParent: false,
+    positionUpdateFns: new Set()
+});
 const $34310caa050a8d63$export$bc4ae5855d3c4fc = /*#__PURE__*/ $50Iv9$react.forwardRef((props, forwardedRef)=>{
-    const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset , align: align = 'center' , alignOffset: alignOffset , collisionTolerance: collisionTolerance , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
+    var _arrowSize$width, _arrowSize$height, _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$hide, _middlewareData$trans, _middlewareData$trans2;
+    const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset = 0 , align: align = 'center' , alignOffset: alignOffset = 0 , arrowPadding: arrowPadding = 0 , collisionBoundary: collisionBoundary = [] , collisionPadding: collisionPaddingProp = 0 , sticky: sticky = 'partial' , hideWhenDetached: hideWhenDetached = false , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
     const context = $34310caa050a8d63$var$usePopperContext($34310caa050a8d63$var$CONTENT_NAME, __scopePopper);
-    const [arrowOffset, setArrowOffset] = $50Iv9$react.useState();
-    const anchorRect = $50Iv9$radixuireactuserect.useRect(context.anchor);
     const [content, setContent] = $50Iv9$react.useState(null);
-    const contentSize = $50Iv9$radixuireactusesize.useSize(content);
-    const [arrow, setArrow] = $50Iv9$react.useState(null);
-    const arrowSize = $50Iv9$radixuireactusesize.useSize(arrow);
     const composedRefs = $50Iv9$radixuireactcomposerefs.useComposedRefs(forwardedRef, (node)=>setContent(node)
     );
-    const windowSize = $34310caa050a8d63$var$useWindowSize();
-    const collisionBoundariesRect = windowSize ? DOMRect.fromRect({
-        ...windowSize,
-        x: 0,
-        y: 0
-    }) : undefined;
-    const { popperStyles: popperStyles , arrowStyles: arrowStyles , placedSide: placedSide , placedAlign: placedAlign  } = $50Iv9$radixuipopper.getPlacementData({
-        anchorRect: anchorRect,
-        popperSize: contentSize,
-        arrowSize: arrowSize,
-        arrowOffset: // config
-        arrowOffset,
-        side: side,
-        sideOffset: sideOffset,
-        align: align,
-        alignOffset: alignOffset,
-        shouldAvoidCollisions: avoidCollisions,
-        collisionBoundariesRect: collisionBoundariesRect,
-        collisionTolerance: collisionTolerance
-    });
-    const isPlaced = placedSide !== undefined;
-    return /*#__PURE__*/ $50Iv9$react.createElement("div", {
-        style: popperStyles,
-        "data-radix-popper-content-wrapper": ""
-    }, /*#__PURE__*/ $50Iv9$react.createElement($34310caa050a8d63$var$PopperContentProvider, {
-        scope: __scopePopper,
-        arrowStyles: arrowStyles,
-        onArrowChange: setArrow,
-        onArrowOffsetChange: setArrowOffset
-    }, /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($50Iv9$babelruntimehelpersextends))({
-        "data-side": placedSide,
-        "data-align": placedAlign
-    }, contentProps, {
+    const [arrow, setArrow] = $50Iv9$react.useState(null);
+    const arrowSize = $50Iv9$radixuireactusesize.useSize(arrow);
+    const arrowWidth = (_arrowSize$width = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.width) !== null && _arrowSize$width !== void 0 ? _arrowSize$width : 0;
+    const arrowHeight = (_arrowSize$height = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.height) !== null && _arrowSize$height !== void 0 ? _arrowSize$height : 0;
+    const desiredPlacement = side + (align !== 'center' ? '-' + align : '');
+    const collisionPadding = typeof collisionPaddingProp === 'number' ? collisionPaddingProp : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        ...collisionPaddingProp
+    };
+    const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [
+        collisionBoundary
+    ];
+    const hasExplicitBoundaries = boundary.length > 0;
+    const detectOverflowOptions = {
+        padding: collisionPadding,
+        boundary: boundary.filter($34310caa050a8d63$var$isNotNull),
+        // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+        altBoundary: hasExplicitBoundaries
+    };
+    const { reference: reference , floating: floating , strategy: strategy , x: x , y: y , placement: placement , middlewareData: middlewareData , update: update  } = $50Iv9$floatinguireactdom.useFloating({
+        // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+        strategy: 'fixed',
+        placement: desiredPlacement,
+        whileElementsMounted: $50Iv9$floatinguireactdom.autoUpdate,
+        middleware: [
+            $50Iv9$floatinguireactdom.offset({
+                mainAxis: sideOffset + arrowHeight,
+                alignmentAxis: alignOffset
+            }),
+            avoidCollisions ? $50Iv9$floatinguireactdom.shift({
+                mainAxis: true,
+                crossAxis: false,
+                limiter: sticky === 'partial' ? $50Iv9$floatinguireactdom.limitShift() : undefined,
+                ...detectOverflowOptions
+            }) : undefined,
+            arrow ? $50Iv9$floatinguireactdom.arrow({
+                element: arrow,
+                padding: arrowPadding
+            }) : undefined,
+            avoidCollisions ? $50Iv9$floatinguireactdom.flip({
+                ...detectOverflowOptions
+            }) : undefined,
+            $34310caa050a8d63$var$transformOrigin({
+                arrowWidth: arrowWidth,
+                arrowHeight: arrowHeight
+            }),
+            hideWhenDetached ? $50Iv9$floatinguireactdom.hide({
+                strategy: 'referenceHidden'
+            }) : undefined
+        ].filter($34310caa050a8d63$var$isDefined)
+    }); // assign the reference dynamically once `Content` has mounted so we can collocate the logic
+    $50Iv9$radixuireactuselayouteffect.useLayoutEffect(()=>{
+        reference(context.anchor);
+    }, [
+        reference,
+        context.anchor
+    ]);
+    const isPlaced = x !== null && y !== null;
+    const [placedSide, placedAlign] = $34310caa050a8d63$var$getSideAndAlignFromPlacement(placement);
+    const arrowX = (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x;
+    const arrowY = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y;
+    const cannotCenterArrow = ((_middlewareData$arrow3 = middlewareData.arrow) === null || _middlewareData$arrow3 === void 0 ? void 0 : _middlewareData$arrow3.centerOffset) !== 0;
+    const [contentZIndex, setContentZIndex] = $50Iv9$react.useState();
+    $50Iv9$radixuireactuselayouteffect.useLayoutEffect(()=>{
+        if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
+    }, [
+        content
+    ]);
+    const { hasParent: hasParent , positionUpdateFns: positionUpdateFns  } = $34310caa050a8d63$var$usePositionContext($34310caa050a8d63$var$CONTENT_NAME, __scopePopper);
+    const isRoot = !hasParent;
+    $50Iv9$react.useLayoutEffect(()=>{
+        if (!isRoot) {
+            positionUpdateFns.add(update);
+            return ()=>{
+                positionUpdateFns.delete(update);
+            };
+        }
+    }, [
+        isRoot,
+        positionUpdateFns,
+        update
+    ]); // when nested contents are rendered in portals, they are appended out of order causing
+    // children to be positioned incorrectly if initially open.
+    // we need to re-compute the positioning once the parent has finally been placed.
+    // https://github.com/floating-ui/floating-ui/issues/1531
+    $50Iv9$react.useLayoutEffect(()=>{
+        if (isRoot && isPlaced) Array.from(positionUpdateFns).reverse().forEach((fn)=>requestAnimationFrame(fn)
+        );
+    }, [
+        isRoot,
+        isPlaced,
+        positionUpdateFns
+    ]);
+    const commonProps = {
+        'data-side': placedSide,
+        'data-align': placedAlign,
+        ...contentProps,
+        ref: composedRefs,
         style: {
             ...contentProps.style,
             // if the PopperContent hasn't been placed yet (not all measurements done)
             // we prevent animations so that users's animation don't kick in too early referring wrong sides
-            animation: !isPlaced ? 'none' : undefined
-        },
-        ref: composedRefs
-    }))));
+            animation: !isPlaced ? 'none' : undefined,
+            // hide the content if using the hide middleware and should be hidden
+            opacity: (_middlewareData$hide = middlewareData.hide) !== null && _middlewareData$hide !== void 0 && _middlewareData$hide.referenceHidden ? 0 : undefined
+        }
+    };
+    return /*#__PURE__*/ $50Iv9$react.createElement("div", {
+        ref: floating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+            position: strategy,
+            left: 0,
+            top: 0,
+            transform: isPlaced ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)` : 'translate3d(0, -200%, 0)',
+            // keep off the page when measuring
+            minWidth: 'max-content',
+            zIndex: contentZIndex,
+            ['--radix-popper-transform-origin']: [
+                (_middlewareData$trans = middlewareData.transformOrigin) === null || _middlewareData$trans === void 0 ? void 0 : _middlewareData$trans.x,
+                (_middlewareData$trans2 = middlewareData.transformOrigin) === null || _middlewareData$trans2 === void 0 ? void 0 : _middlewareData$trans2.y
+            ].join(' ')
+        }
+    }, /*#__PURE__*/ $50Iv9$react.createElement($34310caa050a8d63$var$PopperContentProvider, {
+        scope: __scopePopper,
+        placedSide: placedSide,
+        onArrowChange: setArrow,
+        arrowX: arrowX,
+        arrowY: arrowY,
+        shouldHideArrow: cannotCenterArrow
+    }, isRoot ? /*#__PURE__*/ $50Iv9$react.createElement($34310caa050a8d63$var$PositionContextProvider, {
+        scope: __scopePopper,
+        hasParent: true,
+        positionUpdateFns: positionUpdateFns
+    }, /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactprimitive.Primitive.div, commonProps)) : /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactprimitive.Primitive.div, commonProps)));
 });
 /*#__PURE__*/ Object.assign($34310caa050a8d63$export$bc4ae5855d3c4fc, {
     displayName: $34310caa050a8d63$var$CONTENT_NAME
@@ -151,29 +244,39 @@ const $34310caa050a8d63$export$bc4ae5855d3c4fc = /*#__PURE__*/ $50Iv9$react.forw
 /* -------------------------------------------------------------------------------------------------
  * PopperArrow
  * -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$ARROW_NAME = 'PopperArrow';
+const $34310caa050a8d63$var$OPPOSITE_SIDE = {
+    top: 'bottom',
+    right: 'left',
+    bottom: 'top',
+    left: 'right'
+};
 const $34310caa050a8d63$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $50Iv9$react.forwardRef(function $34310caa050a8d63$export$79d62cd4e10a3fd0(props, forwardedRef) {
-    const { __scopePopper: __scopePopper , offset: offset , ...arrowProps } = props;
-    const context = $34310caa050a8d63$var$useContentContext($34310caa050a8d63$var$ARROW_NAME, __scopePopper);
-    const { onArrowOffsetChange: onArrowOffsetChange  } = context; // send the Arrow's offset up to Popper
-    $50Iv9$react.useEffect(()=>onArrowOffsetChange(offset)
-    , [
-        onArrowOffsetChange,
-        offset
-    ]);
-    return /*#__PURE__*/ $50Iv9$react.createElement("span", {
+    const { __scopePopper: __scopePopper , ...arrowProps } = props;
+    const contentContext = $34310caa050a8d63$var$useContentContext($34310caa050a8d63$var$ARROW_NAME, __scopePopper);
+    const baseSide = $34310caa050a8d63$var$OPPOSITE_SIDE[contentContext.placedSide];
+    return(/*#__PURE__*/ // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    $50Iv9$react.createElement("span", {
+        ref: contentContext.onArrowChange,
         style: {
-            ...context.arrowStyles,
-            pointerEvents: 'none'
-        }
-    }, /*#__PURE__*/ $50Iv9$react.createElement("span", {
-        // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
-        // doesn't report size as we'd expect on SVG elements.
-        // it reports their bounding box which is effectively the largest path inside the SVG.
-        ref: context.onArrowChange,
-        style: {
-            display: 'inline-block',
-            verticalAlign: 'top',
-            pointerEvents: 'auto'
+            position: 'absolute',
+            left: contentContext.arrowX,
+            top: contentContext.arrowY,
+            [baseSide]: 0,
+            transformOrigin: {
+                top: '',
+                right: '0 0',
+                bottom: 'center 0',
+                left: '100% 0'
+            }[contentContext.placedSide],
+            transform: {
+                top: 'translateY(100%)',
+                right: 'translateY(50%) rotate(90deg) translateX(-50%)',
+                bottom: `rotate(180deg)`,
+                left: 'translateY(50%) rotate(-90deg) translateX(50%)'
+            }[contentContext.placedSide],
+            visibility: contentContext.shouldHideArrow ? 'hidden' : undefined
         }
     }, /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactarrow.Root, ($parcel$interopDefault($50Iv9$babelruntimehelpersextends))({}, arrowProps, {
         ref: forwardedRef,
@@ -187,27 +290,60 @@ const $34310caa050a8d63$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $50Iv9$react.for
 /*#__PURE__*/ Object.assign($34310caa050a8d63$export$79d62cd4e10a3fd0, {
     displayName: $34310caa050a8d63$var$ARROW_NAME
 });
-/* -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS = 100;
-function $34310caa050a8d63$var$useWindowSize() {
-    const [windowSize, setWindowSize] = $50Iv9$react.useState(undefined);
-    $50Iv9$react.useEffect(()=>{
-        let debounceTimerId;
-        function updateWindowSize() {
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        }
-        function handleResize() {
-            window.clearTimeout(debounceTimerId);
-            debounceTimerId = window.setTimeout(updateWindowSize, $34310caa050a8d63$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS);
+/* -----------------------------------------------------------------------------------------------*/ function $34310caa050a8d63$var$isDefined(value) {
+    return value !== undefined;
+}
+function $34310caa050a8d63$var$isNotNull(value) {
+    return value !== null;
+}
+const $34310caa050a8d63$var$transformOrigin = (options)=>({
+        name: 'transformOrigin',
+        options: options,
+        fn (data) {
+            var _middlewareData$arrow4, _middlewareData$arrow5, _middlewareData$arrow6, _middlewareData$arrow7, _middlewareData$arrow8;
+            const { placement: placement , rects: rects , middlewareData: middlewareData  } = data;
+            const cannotCenterArrow = ((_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.centerOffset) !== 0;
+            const isArrowHidden = cannotCenterArrow;
+            const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
+            const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
+            const [placedSide, placedAlign] = $34310caa050a8d63$var$getSideAndAlignFromPlacement(placement);
+            const noArrowAlign = {
+                start: '0%',
+                center: '50%',
+                end: '100%'
+            }[placedAlign];
+            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;
+            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;
+            let x = '';
+            let y = '';
+            if (placedSide === 'bottom') {
+                x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+                y = `${-arrowHeight}px`;
+            } else if (placedSide === 'top') {
+                x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+                y = `${rects.floating.height + arrowHeight}px`;
+            } else if (placedSide === 'right') {
+                x = `${-arrowHeight}px`;
+                y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+            } else if (placedSide === 'left') {
+                x = `${rects.floating.width + arrowHeight}px`;
+                y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+            }
+            return {
+                data: {
+                    x: x,
+                    y: y
+                }
+            };
         }
-        updateWindowSize();
-        window.addEventListener('resize', handleResize);
-        return ()=>window.removeEventListener('resize', handleResize)
-        ;
-    }, []);
-    return windowSize;
+    })
+;
+function $34310caa050a8d63$var$getSideAndAlignFromPlacement(placement) {
+    const [side, align = 'center'] = placement.split('-');
+    return [
+        side,
+        align
+    ];
 }
 const $34310caa050a8d63$export$be92b6f5f03c0fe9 = $34310caa050a8d63$export$badac9ada3a0bdf9;
 const $34310caa050a8d63$export$b688253958b8dfe7 = $34310caa050a8d63$export$ecd4e1ccab6ed6d;
@@ -215,7 +351,6 @@ const $34310caa050a8d63$export$7c6e2c02157bb7d2 = $34310caa050a8d63$export$bc4ae
 const $34310caa050a8d63$export$21b07c8f274aebd5 = $34310caa050a8d63$export$79d62cd4e10a3fd0;
-$parcel$exportWildcard(module.exports, $34310caa050a8d63$exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/react/popper/src/index.ts","packages/react/popper/src/Popper.tsx"],"sourcesContent":["export * from './Popper';\n","import * as React from 'react';\nimport { getPlacementData } from '@radix-ui/popper';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { useSize } from '@radix-ui/react-use-size';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as ArrowPrimitive from '@radix-ui/react-arrow';\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 return (\n <div style={popperStyles} 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 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 ref={composedRefs}\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":["React","getPlacementData","useComposedRefs","createContextScope","useRect","useSize","Primitive","ArrowPrimitive","POPPER_NAME","createPopperContext","createPopperScope","PopperProvider","usePopperContext","Popper","props","__scopePopper","children","anchor","setAnchor","useState","ANCHOR_NAME","PopperAnchor","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useEffect","onAnchorChange","current","CONTENT_NAME","PopperContentProvider","useContentContext","PopperContent","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","style","animation","ARROW_NAME","PopperArrow","offset","arrowProps","onArrowOffsetChange","pointerEvents","onArrowChange","display","verticalAlign","WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS","setWindowSize","debounceTimerId","updateWindowSize","width","window","innerWidth","height","innerHeight","handleResize","clearTimeout","setTimeout","addEventListener","removeEventListener","Root","Anchor","Content","Arrow"],"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 Boundary = Element \| null;\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 collisionBoundary?: Boundary \| Boundary[];\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 collisionBoundary = [],\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 boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];\n const hasExplicitBoundaries = boundary.length > 0;\n\n const detectOverflowOptions = {\n padding: collisionPadding,\n boundary: boundary.filter(isNotNull),\n // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries\n altBoundary: hasExplicitBoundaries,\n };\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 limiter: sticky === 'partial' ? limitShift() : undefined,\n ...detectOverflowOptions,\n })\n : undefined,\n arrow ? floatingUIarrow({ element: arrow, padding: arrowPadding }) : undefined,\n avoidCollisions ? flip({ ...detectOverflowOptions }) : 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\nconst PopperArrow = React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n props: ScopedProps<PopperArrowProps>,\n forwardedRef\n) {\n const { __scopePopper, ...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\nfunction isNotNull<T>(value: T \| null): value is T {\n return value !== null;\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","collisionBoundary","collisionPadding","collisionPaddingProp","sticky","hideWhenDetached","avoidCollisions","contentProps","content","setContent","node","setArrow","arrowSize","arrowWidth","width","arrowHeight","height","desiredPlacement","top","right","bottom","left","boundary","Array","isArray","hasExplicitBoundaries","length","detectOverflowOptions","padding","filter","isNotNull","altBoundary","reference","floating","strategy","x","y","placement","middlewareData","update","whileElementsMounted","middleware","mainAxis","alignmentAxis","crossAxis","limiter","undefined","element","transformOrigin","isDefined","isPlaced","placedSide","placedAlign","getSideAndAlignFromPlacement","arrowX","arrowY","cannotCenterArrow","centerOffset","contentZIndex","setContentZIndex","window","getComputedStyle","zIndex","isRoot","add","delete","from","reverse","forEach","fn","requestAnimationFrame","commonProps","style","animation","opacity","referenceHidden","position","transform","Math","round","minWidth","join","ARROW_NAME","OPPOSITE_SIDE","arrowProps","contentContext","baseSide","onArrowChange","visibility","shouldHideArrow","display","value","options","name","data","rects","isArrowHidden","noArrowAlign","start","center","end","arrowXCenter","arrowYCenter","split"],"version":3,"file":"index.js.map"}

package/dist/index.module.js CHANGED Viewed

@@ -1,27 +1,13 @@
 import $kY93V$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
-import {useState as $kY93V$useState, createElement as $kY93V$createElement, forwardRef as $kY93V$forwardRef, useRef as $kY93V$useRef, useEffect as $kY93V$useEffect} from "react";
-import {getPlacementData as $kY93V$getPlacementData} from "@radix-ui/popper";
+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";
+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";
+import {Root as $kY93V$Root} from "@radix-ui/react-arrow";
 import {useComposedRefs as $kY93V$useComposedRefs} from "@radix-ui/react-compose-refs";
 import {createContextScope as $kY93V$createContextScope} from "@radix-ui/react-context";
-import {useRect as $kY93V$useRect} from "@radix-ui/react-use-rect";
-import {useSize as $kY93V$useSize} from "@radix-ui/react-use-size";
 import {Primitive as $kY93V$Primitive} from "@radix-ui/react-primitive";
-import {Root as $kY93V$Root} from "@radix-ui/react-arrow";
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $cf1ac5d9fe0e8206$exports = {};
+import {useLayoutEffect as $kY93V$useLayoutEffect1} from "@radix-ui/react-use-layout-effect";
+import {useSize as $kY93V$useSize} from "@radix-ui/react-use-size";
-$parcel$export($cf1ac5d9fe0e8206$exports, "createPopperScope", () => $cf1ac5d9fe0e8206$export$722aac194ae923);
-$parcel$export($cf1ac5d9fe0e8206$exports, "Popper", () => $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9);
-$parcel$export($cf1ac5d9fe0e8206$exports, "PopperAnchor", () => $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d);
-$parcel$export($cf1ac5d9fe0e8206$exports, "PopperContent", () => $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc);
-$parcel$export($cf1ac5d9fe0e8206$exports, "PopperArrow", () => $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0);
-$parcel$export($cf1ac5d9fe0e8206$exports, "Root", () => $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9);
-$parcel$export($cf1ac5d9fe0e8206$exports, "Anchor", () => $cf1ac5d9fe0e8206$export$b688253958b8dfe7);
-$parcel$export($cf1ac5d9fe0e8206$exports, "Content", () => $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2);
-$parcel$export($cf1ac5d9fe0e8206$exports, "Arrow", () => $cf1ac5d9fe0e8206$export$21b07c8f274aebd5);
@@ -31,6 +17,17 @@ $parcel$export($cf1ac5d9fe0e8206$exports, "Arrow", () => $cf1ac5d9fe0e8206$expor
+const $cf1ac5d9fe0e8206$export$36f0086da09c4b9f = [
+    'top',
+    'right',
+    'bottom',
+    'left'
+];
+const $cf1ac5d9fe0e8206$export$3671ffab7b302fc9 = [
+    'start',
+    'center',
+    'end'
+];
 /* -------------------------------------------------------------------------------------------------
  * Popper
  * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$POPPER_NAME = 'Popper';
@@ -73,58 +70,155 @@ const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ $kY93V$forwardRef
  * PopperContent
  * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$CONTENT_NAME = 'PopperContent';
 const [$cf1ac5d9fe0e8206$var$PopperContentProvider, $cf1ac5d9fe0e8206$var$useContentContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME);
+const [$cf1ac5d9fe0e8206$var$PositionContextProvider, $cf1ac5d9fe0e8206$var$usePositionContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME, {
+    hasParent: false,
+    positionUpdateFns: new Set()
+});
 const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ $kY93V$forwardRef((props, forwardedRef)=>{
-    const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset , align: align = 'center' , alignOffset: alignOffset , collisionTolerance: collisionTolerance , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
+    var _arrowSize$width, _arrowSize$height, _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$hide, _middlewareData$trans, _middlewareData$trans2;
+    const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset = 0 , align: align = 'center' , alignOffset: alignOffset = 0 , arrowPadding: arrowPadding = 0 , collisionBoundary: collisionBoundary = [] , collisionPadding: collisionPaddingProp = 0 , sticky: sticky = 'partial' , hideWhenDetached: hideWhenDetached = false , avoidCollisions: avoidCollisions = true , ...contentProps } = props;
     const context = $cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME, __scopePopper);
-    const [arrowOffset, setArrowOffset] = $kY93V$useState();
-    const anchorRect = $kY93V$useRect(context.anchor);
     const [content, setContent] = $kY93V$useState(null);
-    const contentSize = $kY93V$useSize(content);
-    const [arrow, setArrow] = $kY93V$useState(null);
-    const arrowSize = $kY93V$useSize(arrow);
     const composedRefs = $kY93V$useComposedRefs(forwardedRef, (node)=>setContent(node)
     );
-    const windowSize = $cf1ac5d9fe0e8206$var$useWindowSize();
-    const collisionBoundariesRect = windowSize ? DOMRect.fromRect({
-        ...windowSize,
-        x: 0,
-        y: 0
-    }) : undefined;
-    const { popperStyles: popperStyles , arrowStyles: arrowStyles , placedSide: placedSide , placedAlign: placedAlign  } = $kY93V$getPlacementData({
-        anchorRect: anchorRect,
-        popperSize: contentSize,
-        arrowSize: arrowSize,
-        arrowOffset: // config
-        arrowOffset,
-        side: side,
-        sideOffset: sideOffset,
-        align: align,
-        alignOffset: alignOffset,
-        shouldAvoidCollisions: avoidCollisions,
-        collisionBoundariesRect: collisionBoundariesRect,
-        collisionTolerance: collisionTolerance
-    });
-    const isPlaced = placedSide !== undefined;
-    return /*#__PURE__*/ $kY93V$createElement("div", {
-        style: popperStyles,
-        "data-radix-popper-content-wrapper": ""
-    }, /*#__PURE__*/ $kY93V$createElement($cf1ac5d9fe0e8206$var$PopperContentProvider, {
-        scope: __scopePopper,
-        arrowStyles: arrowStyles,
-        onArrowChange: setArrow,
-        onArrowOffsetChange: setArrowOffset
-    }, /*#__PURE__*/ $kY93V$createElement($kY93V$Primitive.div, $kY93V$babelruntimehelpersesmextends({
-        "data-side": placedSide,
-        "data-align": placedAlign
-    }, contentProps, {
+    const [arrow, setArrow] = $kY93V$useState(null);
+    const arrowSize = $kY93V$useSize(arrow);
+    const arrowWidth = (_arrowSize$width = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.width) !== null && _arrowSize$width !== void 0 ? _arrowSize$width : 0;
+    const arrowHeight = (_arrowSize$height = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.height) !== null && _arrowSize$height !== void 0 ? _arrowSize$height : 0;
+    const desiredPlacement = side + (align !== 'center' ? '-' + align : '');
+    const collisionPadding = typeof collisionPaddingProp === 'number' ? collisionPaddingProp : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        ...collisionPaddingProp
+    };
+    const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [
+        collisionBoundary
+    ];
+    const hasExplicitBoundaries = boundary.length > 0;
+    const detectOverflowOptions = {
+        padding: collisionPadding,
+        boundary: boundary.filter($cf1ac5d9fe0e8206$var$isNotNull),
+        // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+        altBoundary: hasExplicitBoundaries
+    };
+    const { reference: reference , floating: floating , strategy: strategy , x: x , y: y , placement: placement , middlewareData: middlewareData , update: update  } = $kY93V$useFloating({
+        // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+        strategy: 'fixed',
+        placement: desiredPlacement,
+        whileElementsMounted: $kY93V$autoUpdate,
+        middleware: [
+            $kY93V$offset({
+                mainAxis: sideOffset + arrowHeight,
+                alignmentAxis: alignOffset
+            }),
+            avoidCollisions ? $kY93V$shift({
+                mainAxis: true,
+                crossAxis: false,
+                limiter: sticky === 'partial' ? $kY93V$limitShift() : undefined,
+                ...detectOverflowOptions
+            }) : undefined,
+            arrow ? $kY93V$arrow({
+                element: arrow,
+                padding: arrowPadding
+            }) : undefined,
+            avoidCollisions ? $kY93V$flip({
+                ...detectOverflowOptions
+            }) : undefined,
+            $cf1ac5d9fe0e8206$var$transformOrigin({
+                arrowWidth: arrowWidth,
+                arrowHeight: arrowHeight
+            }),
+            hideWhenDetached ? $kY93V$hide({
+                strategy: 'referenceHidden'
+            }) : undefined
+        ].filter($cf1ac5d9fe0e8206$var$isDefined)
+    }); // assign the reference dynamically once `Content` has mounted so we can collocate the logic
+    $kY93V$useLayoutEffect1(()=>{
+        reference(context.anchor);
+    }, [
+        reference,
+        context.anchor
+    ]);
+    const isPlaced = x !== null && y !== null;
+    const [placedSide, placedAlign] = $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement);
+    const arrowX = (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x;
+    const arrowY = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y;
+    const cannotCenterArrow = ((_middlewareData$arrow3 = middlewareData.arrow) === null || _middlewareData$arrow3 === void 0 ? void 0 : _middlewareData$arrow3.centerOffset) !== 0;
+    const [contentZIndex, setContentZIndex] = $kY93V$useState();
+    $kY93V$useLayoutEffect1(()=>{
+        if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
+    }, [
+        content
+    ]);
+    const { hasParent: hasParent , positionUpdateFns: positionUpdateFns  } = $cf1ac5d9fe0e8206$var$usePositionContext($cf1ac5d9fe0e8206$var$CONTENT_NAME, __scopePopper);
+    const isRoot = !hasParent;
+    $kY93V$useLayoutEffect(()=>{
+        if (!isRoot) {
+            positionUpdateFns.add(update);
+            return ()=>{
+                positionUpdateFns.delete(update);
+            };
+        }
+    }, [
+        isRoot,
+        positionUpdateFns,
+        update
+    ]); // when nested contents are rendered in portals, they are appended out of order causing
+    // children to be positioned incorrectly if initially open.
+    // we need to re-compute the positioning once the parent has finally been placed.
+    // https://github.com/floating-ui/floating-ui/issues/1531
+    $kY93V$useLayoutEffect(()=>{
+        if (isRoot && isPlaced) Array.from(positionUpdateFns).reverse().forEach((fn)=>requestAnimationFrame(fn)
+        );
+    }, [
+        isRoot,
+        isPlaced,
+        positionUpdateFns
+    ]);
+    const commonProps = {
+        'data-side': placedSide,
+        'data-align': placedAlign,
+        ...contentProps,
+        ref: composedRefs,
         style: {
             ...contentProps.style,
             // if the PopperContent hasn't been placed yet (not all measurements done)
             // we prevent animations so that users's animation don't kick in too early referring wrong sides
-            animation: !isPlaced ? 'none' : undefined
-        },
-        ref: composedRefs
-    }))));
+            animation: !isPlaced ? 'none' : undefined,
+            // hide the content if using the hide middleware and should be hidden
+            opacity: (_middlewareData$hide = middlewareData.hide) !== null && _middlewareData$hide !== void 0 && _middlewareData$hide.referenceHidden ? 0 : undefined
+        }
+    };
+    return /*#__PURE__*/ $kY93V$createElement("div", {
+        ref: floating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+            position: strategy,
+            left: 0,
+            top: 0,
+            transform: isPlaced ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)` : 'translate3d(0, -200%, 0)',
+            // keep off the page when measuring
+            minWidth: 'max-content',
+            zIndex: contentZIndex,
+            ['--radix-popper-transform-origin']: [
+                (_middlewareData$trans = middlewareData.transformOrigin) === null || _middlewareData$trans === void 0 ? void 0 : _middlewareData$trans.x,
+                (_middlewareData$trans2 = middlewareData.transformOrigin) === null || _middlewareData$trans2 === void 0 ? void 0 : _middlewareData$trans2.y
+            ].join(' ')
+        }
+    }, /*#__PURE__*/ $kY93V$createElement($cf1ac5d9fe0e8206$var$PopperContentProvider, {
+        scope: __scopePopper,
+        placedSide: placedSide,
+        onArrowChange: setArrow,
+        arrowX: arrowX,
+        arrowY: arrowY,
+        shouldHideArrow: cannotCenterArrow
+    }, isRoot ? /*#__PURE__*/ $kY93V$createElement($cf1ac5d9fe0e8206$var$PositionContextProvider, {
+        scope: __scopePopper,
+        hasParent: true,
+        positionUpdateFns: positionUpdateFns
+    }, /*#__PURE__*/ $kY93V$createElement($kY93V$Primitive.div, commonProps)) : /*#__PURE__*/ $kY93V$createElement($kY93V$Primitive.div, commonProps)));
 });
 /*#__PURE__*/ Object.assign($cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc, {
     displayName: $cf1ac5d9fe0e8206$var$CONTENT_NAME
@@ -132,29 +226,39 @@ const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ $kY93V$forwardRef
 /* -------------------------------------------------------------------------------------------------
  * PopperArrow
  * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$ARROW_NAME = 'PopperArrow';
+const $cf1ac5d9fe0e8206$var$OPPOSITE_SIDE = {
+    top: 'bottom',
+    right: 'left',
+    bottom: 'top',
+    left: 'right'
+};
 const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $kY93V$forwardRef(function $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0(props, forwardedRef) {
-    const { __scopePopper: __scopePopper , offset: offset , ...arrowProps } = props;
-    const context = $cf1ac5d9fe0e8206$var$useContentContext($cf1ac5d9fe0e8206$var$ARROW_NAME, __scopePopper);
-    const { onArrowOffsetChange: onArrowOffsetChange  } = context; // send the Arrow's offset up to Popper
-    $kY93V$useEffect(()=>onArrowOffsetChange(offset)
-    , [
-        onArrowOffsetChange,
-        offset
-    ]);
-    return /*#__PURE__*/ $kY93V$createElement("span", {
-        style: {
-            ...context.arrowStyles,
-            pointerEvents: 'none'
-        }
-    }, /*#__PURE__*/ $kY93V$createElement("span", {
-        // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
-        // doesn't report size as we'd expect on SVG elements.
-        // it reports their bounding box which is effectively the largest path inside the SVG.
-        ref: context.onArrowChange,
+    const { __scopePopper: __scopePopper , ...arrowProps } = props;
+    const contentContext = $cf1ac5d9fe0e8206$var$useContentContext($cf1ac5d9fe0e8206$var$ARROW_NAME, __scopePopper);
+    const baseSide = $cf1ac5d9fe0e8206$var$OPPOSITE_SIDE[contentContext.placedSide];
+    return(/*#__PURE__*/ // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    $kY93V$createElement("span", {
+        ref: contentContext.onArrowChange,
         style: {
-            display: 'inline-block',
-            verticalAlign: 'top',
-            pointerEvents: 'auto'
+            position: 'absolute',
+            left: contentContext.arrowX,
+            top: contentContext.arrowY,
+            [baseSide]: 0,
+            transformOrigin: {
+                top: '',
+                right: '0 0',
+                bottom: 'center 0',
+                left: '100% 0'
+            }[contentContext.placedSide],
+            transform: {
+                top: 'translateY(100%)',
+                right: 'translateY(50%) rotate(90deg) translateX(-50%)',
+                bottom: `rotate(180deg)`,
+                left: 'translateY(50%) rotate(-90deg) translateX(50%)'
+            }[contentContext.placedSide],
+            visibility: contentContext.shouldHideArrow ? 'hidden' : undefined
         }
     }, /*#__PURE__*/ $kY93V$createElement($kY93V$Root, $kY93V$babelruntimehelpersesmextends({}, arrowProps, {
         ref: forwardedRef,
@@ -168,27 +272,60 @@ const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ $kY93V$forwardRe
 /*#__PURE__*/ Object.assign($cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0, {
     displayName: $cf1ac5d9fe0e8206$var$ARROW_NAME
 });
-/* -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS = 100;
-function $cf1ac5d9fe0e8206$var$useWindowSize() {
-    const [windowSize, setWindowSize] = $kY93V$useState(undefined);
-    $kY93V$useEffect(()=>{
-        let debounceTimerId;
-        function updateWindowSize() {
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        }
-        function handleResize() {
-            window.clearTimeout(debounceTimerId);
-            debounceTimerId = window.setTimeout(updateWindowSize, $cf1ac5d9fe0e8206$var$WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS);
+/* -----------------------------------------------------------------------------------------------*/ function $cf1ac5d9fe0e8206$var$isDefined(value) {
+    return value !== undefined;
+}
+function $cf1ac5d9fe0e8206$var$isNotNull(value) {
+    return value !== null;
+}
+const $cf1ac5d9fe0e8206$var$transformOrigin = (options)=>({
+        name: 'transformOrigin',
+        options: options,
+        fn (data) {
+            var _middlewareData$arrow4, _middlewareData$arrow5, _middlewareData$arrow6, _middlewareData$arrow7, _middlewareData$arrow8;
+            const { placement: placement , rects: rects , middlewareData: middlewareData  } = data;
+            const cannotCenterArrow = ((_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.centerOffset) !== 0;
+            const isArrowHidden = cannotCenterArrow;
+            const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
+            const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
+            const [placedSide, placedAlign] = $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement);
+            const noArrowAlign = {
+                start: '0%',
+                center: '50%',
+                end: '100%'
+            }[placedAlign];
+            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;
+            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;
+            let x = '';
+            let y = '';
+            if (placedSide === 'bottom') {
+                x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+                y = `${-arrowHeight}px`;
+            } else if (placedSide === 'top') {
+                x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+                y = `${rects.floating.height + arrowHeight}px`;
+            } else if (placedSide === 'right') {
+                x = `${-arrowHeight}px`;
+                y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+            } else if (placedSide === 'left') {
+                x = `${rects.floating.width + arrowHeight}px`;
+                y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+            }
+            return {
+                data: {
+                    x: x,
+                    y: y
+                }
+            };
         }
-        updateWindowSize();
-        window.addEventListener('resize', handleResize);
-        return ()=>window.removeEventListener('resize', handleResize)
-        ;
-    }, []);
-    return windowSize;
+    })
+;
+function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement) {
+    const [side, align = 'center'] = placement.split('-');
+    return [
+        side,
+        align
+    ];
 }
 const $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 = $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9;
 const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d;
@@ -198,5 +335,5 @@ const $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 = $cf1ac5d9fe0e8206$export$79d62
-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};
+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};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/react/popper/src/index.ts","packages/react/popper/src/Popper.tsx"],"sourcesContent":["export * from './Popper';\n","import * as React from 'react';\nimport { getPlacementData } from '@radix-ui/popper';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { useSize } from '@radix-ui/react-use-size';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as ArrowPrimitive from '@radix-ui/react-arrow';\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 return (\n <div style={popperStyles} 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 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 ref={composedRefs}\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":["React","getPlacementData","useComposedRefs","createContextScope","useRect","useSize","Primitive","ArrowPrimitive","POPPER_NAME","createPopperContext","createPopperScope","PopperProvider","usePopperContext","Popper","props","__scopePopper","children","anchor","setAnchor","useState","ANCHOR_NAME","PopperAnchor","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useEffect","onAnchorChange","current","CONTENT_NAME","PopperContentProvider","useContentContext","PopperContent","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","style","animation","ARROW_NAME","PopperArrow","offset","arrowProps","onArrowOffsetChange","pointerEvents","onArrowChange","display","verticalAlign","WINDOW_RESIZE_DEBOUNCE_WAIT_IN_MS","setWindowSize","debounceTimerId","updateWindowSize","width","window","innerWidth","height","innerHeight","handleResize","clearTimeout","setTimeout","addEventListener","removeEventListener","Root","Anchor","Content","Arrow"],"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 Boundary = Element \| null;\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 collisionBoundary?: Boundary \| Boundary[];\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 collisionBoundary = [],\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 boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];\n const hasExplicitBoundaries = boundary.length > 0;\n\n const detectOverflowOptions = {\n padding: collisionPadding,\n boundary: boundary.filter(isNotNull),\n // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries\n altBoundary: hasExplicitBoundaries,\n };\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 limiter: sticky === 'partial' ? limitShift() : undefined,\n ...detectOverflowOptions,\n })\n : undefined,\n arrow ? floatingUIarrow({ element: arrow, padding: arrowPadding }) : undefined,\n avoidCollisions ? flip({ ...detectOverflowOptions }) : 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\nconst PopperArrow = React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n props: ScopedProps<PopperArrowProps>,\n forwardedRef\n) {\n const { __scopePopper, ...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\nfunction isNotNull<T>(value: T \| null): value is T {\n return value !== null;\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","collisionBoundary","collisionPadding","collisionPaddingProp","sticky","hideWhenDetached","avoidCollisions","contentProps","content","setContent","node","setArrow","arrowSize","arrowWidth","width","arrowHeight","height","desiredPlacement","top","right","bottom","left","boundary","Array","isArray","hasExplicitBoundaries","length","detectOverflowOptions","padding","filter","isNotNull","altBoundary","reference","floating","strategy","x","y","placement","middlewareData","update","whileElementsMounted","middleware","mainAxis","alignmentAxis","crossAxis","limiter","undefined","element","transformOrigin","isDefined","isPlaced","placedSide","placedAlign","getSideAndAlignFromPlacement","arrowX","arrowY","cannotCenterArrow","centerOffset","contentZIndex","setContentZIndex","window","getComputedStyle","zIndex","isRoot","add","delete","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 Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-popper",
-  "version": "0.1.5-rc.7",
+  "version": "1.0.0-rc.1",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -17,17 +17,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@radix-ui/popper": "0.1.0",
-    "@radix-ui/react-arrow": "0.1.5-rc.7",
-    "@radix-ui/react-compose-refs": "0.1.1-rc.7",
-    "@radix-ui/react-context": "0.1.2-rc.7",
-    "@radix-ui/react-primitive": "0.1.5-rc.7",
-    "@radix-ui/react-use-rect": "0.1.2-rc.7",
-    "@radix-ui/react-use-size": "0.1.2-rc.7",
-    "@radix-ui/rect": "0.1.1"
+    "@floating-ui/react-dom": "0.7.2",
+    "@radix-ui/react-arrow": "1.0.0-rc.1",
+    "@radix-ui/react-compose-refs": "1.0.0-rc.1",
+    "@radix-ui/react-context": "1.0.0-rc.1",
+    "@radix-ui/react-primitive": "1.0.0-rc.1",
+    "@radix-ui/react-use-layout-effect": "1.0.0-rc.1",
+    "@radix-ui/react-use-rect": "1.0.0-rc.1",
+    "@radix-ui/react-use-size": "1.0.0-rc.1",
+    "@radix-ui/rect": "1.0.0-rc.1"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0 || ^18.0"
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
   "homepage": "https://radix-ui.com/primitives",
   "repository": {