@radix-ui/react-popper 0.1.5-rc.2 → 0.1.5-rc.20

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;A;A;A;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"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
+{"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"}

package/dist/index.js

@@ -1,2 +1,221 @@
-var e,r=l({},require("@radix-ui/react-arrow")),t=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-use-size").useSize,n=require("@radix-ui/react-use-rect").useRect,i=require("@radix-ui/react-context").createContextScope,s=require("@radix-ui/react-compose-refs").useComposedRefs,a=require("@radix-ui/popper").getPlacementData,c=l({},require("react")),p=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function l(e,r){return Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e}const[u,d]=i("Popper");exports.createPopperScope=d;const[f,w]=u("Popper"),h=e=>{const{__scopePopper:r,children:t}=e,[o,n]=c.useState(null);/*#__PURE__*/return c.createElement(f,{scope:r,anchor:o,onAnchorChange:n},t)};exports.Popper=h;const m=/*#__PURE__*/c.forwardRef(((e,r)=>{const{__scopePopper:o,virtualRef:n,...i}=e,a=w("PopperAnchor",o),l=c.useRef(null),u=s(r,l);return c.useEffect((()=>{a.onAnchorChange((null==n?void 0:n.current)||l.current)})),n?null:/*#__PURE__*/c.createElement(t.div,p({},i,{ref:u}))}));exports.PopperAnchor=m;const[x,v]=u("PopperContent"),P=/*#__PURE__*/c.forwardRef(((e,r)=>{const{__scopePopper:i,side:l="bottom",sideOffset:u,align:d="center",alignOffset:f,collisionTolerance:h,avoidCollisions:m=!0,...v}=e,P=w("PopperContent",i),[g,y]=c.useState(),E=n(P.anchor),[A,S]=c.useState(null),C=o(A),[R,_]=c.useState(null),O=o(R),q=s(r,(e=>S(e))),b=function(){const[e,r]=c.useState(void 0);return c.useEffect((()=>{let e;function t(){r({width:window.innerWidth,height:window.innerHeight})}function o(){window.clearTimeout(e),e=window.setTimeout(t,100)}return t(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)}),[]),e}(),z=b?DOMRect.fromRect({...b,x:0,y:0}):void 0,{popperStyles:T,arrowStyles:k,placedSide:M,placedAlign:j}=a({anchorRect:E,popperSize:C,arrowSize:O,arrowOffset:g,side:l,sideOffset:u,align:d,alignOffset:f,shouldAvoidCollisions:m,collisionBoundariesRect:z,collisionTolerance:h}),D=void 0!==M;/*#__PURE__*/return c.createElement("div",{style:T,"data-radix-popper-content-wrapper":""},/*#__PURE__*/c.createElement(x,{scope:i,arrowStyles:k,onArrowChange:_,onArrowOffsetChange:y},/*#__PURE__*/c.createElement(t.div,p({"data-side":M,"data-align":j},v,{style:{...v.style,animation:D?void 0:"none"},ref:q}))))}));exports.PopperContent=P;const g=/*#__PURE__*/c.forwardRef((function(e,t){const{__scopePopper:o,offset:n,...i}=e,s=v("PopperArrow",o),{onArrowOffsetChange:a}=s;return c.useEffect((()=>a(n)),[a,n]),/*#__PURE__*/c.createElement("span",{style:{...s.arrowStyles,pointerEvents:"none"}},/*#__PURE__*/c.createElement("span",{ref:s.onArrowChange,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},/*#__PURE__*/c.createElement(r.Root,p({},i,{ref:t,style:{...i.style,display:"block"}}))))}));exports.PopperArrow=g;const y=h;exports.Root=y;const E=m;exports.Anchor=E;const A=P;exports.Content=A;const S=g;exports.Arrow=S;
+var $50Iv9$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
+var $50Iv9$react = require("react");
+var $50Iv9$radixuipopper = require("@radix-ui/popper");
+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];
+      }
+    });
+  });
+
+  return dest;
+}
+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);
+
+
+
+
+
+
+
+
+
+/* -------------------------------------------------------------------------------------------------
+ * Popper
+ * -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$POPPER_NAME = 'Popper';
+const [$34310caa050a8d63$var$createPopperContext, $34310caa050a8d63$export$722aac194ae923] = $50Iv9$radixuireactcontext.createContextScope($34310caa050a8d63$var$POPPER_NAME);
+const [$34310caa050a8d63$var$PopperProvider, $34310caa050a8d63$var$usePopperContext] = $34310caa050a8d63$var$createPopperContext($34310caa050a8d63$var$POPPER_NAME);
+const $34310caa050a8d63$export$badac9ada3a0bdf9 = (props)=>{
+    const { __scopePopper: __scopePopper , children: children  } = props;
+    const [anchor, setAnchor] = $50Iv9$react.useState(null);
+    return /*#__PURE__*/ $50Iv9$react.createElement($34310caa050a8d63$var$PopperProvider, {
+        scope: __scopePopper,
+        anchor: anchor,
+        onAnchorChange: setAnchor
+    }, children);
+};
+/*#__PURE__*/ Object.assign($34310caa050a8d63$export$badac9ada3a0bdf9, {
+    displayName: $34310caa050a8d63$var$POPPER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * PopperAnchor
+ * -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$ANCHOR_NAME = 'PopperAnchor';
+const $34310caa050a8d63$export$ecd4e1ccab6ed6d = /*#__PURE__*/ $50Iv9$react.forwardRef((props, forwardedRef)=>{
+    const { __scopePopper: __scopePopper , virtualRef: virtualRef , ...anchorProps } = props;
+    const context = $34310caa050a8d63$var$usePopperContext($34310caa050a8d63$var$ANCHOR_NAME, __scopePopper);
+    const ref = $50Iv9$react.useRef(null);
+    const composedRefs = $50Iv9$radixuireactcomposerefs.useComposedRefs(forwardedRef, ref);
+    $50Iv9$react.useEffect(()=>{
+        // Consumer can anchor the popper to something that isn't
+        // a DOM node e.g. pointer position, so we override the
+        // `anchorRef` with their virtual ref in this case.
+        context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
+    });
+    return virtualRef ? null : /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($50Iv9$babelruntimehelpersextends))({}, anchorProps, {
+        ref: composedRefs
+    }));
+});
+/*#__PURE__*/ Object.assign($34310caa050a8d63$export$ecd4e1ccab6ed6d, {
+    displayName: $34310caa050a8d63$var$ANCHOR_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * PopperContent
+ * -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$CONTENT_NAME = 'PopperContent';
+const [$34310caa050a8d63$var$PopperContentProvider, $34310caa050a8d63$var$useContentContext] = $34310caa050a8d63$var$createPopperContext($34310caa050a8d63$var$CONTENT_NAME);
+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;
+    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, {
+        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
+    }))));
+});
+/*#__PURE__*/ Object.assign($34310caa050a8d63$export$bc4ae5855d3c4fc, {
+    displayName: $34310caa050a8d63$var$CONTENT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * PopperArrow
+ * -----------------------------------------------------------------------------------------------*/ const $34310caa050a8d63$var$ARROW_NAME = 'PopperArrow';
+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", {
+        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'
+        }
+    }, /*#__PURE__*/ $50Iv9$react.createElement($50Iv9$radixuireactarrow.Root, ($parcel$interopDefault($50Iv9$babelruntimehelpersextends))({}, arrowProps, {
+        ref: forwardedRef,
+        style: {
+            ...arrowProps.style,
+            // ensures the element can be measured correctly (mostly for if SVG)
+            display: 'block'
+        }
+    }))));
+});
+/*#__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);
+        }
+        updateWindowSize();
+        window.addEventListener('resize', handleResize);
+        return ()=>window.removeEventListener('resize', handleResize)
+        ;
+    }, []);
+    return windowSize;
+}
+const $34310caa050a8d63$export$be92b6f5f03c0fe9 = $34310caa050a8d63$export$badac9ada3a0bdf9;
+const $34310caa050a8d63$export$b688253958b8dfe7 = $34310caa050a8d63$export$ecd4e1ccab6ed6d;
+const $34310caa050a8d63$export$7c6e2c02157bb7d2 = $34310caa050a8d63$export$bc4ae5855d3c4fc;
+const $34310caa050a8d63$export$21b07c8f274aebd5 = $34310caa050a8d63$export$79d62cd4e10a3fd0;
+
+
+$parcel$exportWildcard(module.exports, $34310caa050a8d63$exports);
+
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/popper/src/Popper.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\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":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","createPopperContext","createPopperScope","createContextScope","PopperProvider","usePopperContext","Popper","props","__scopePopper","children","anchor","setAnchor","React","useState","_react","createElement","$be5d7b5e9bdca855ae0500ff2a345d73$var$PopperProvider","scope","onAnchorChange","PopperAnchor","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useComposedRefs","useEffect","current","Primitive","div","_babelRuntimeHelpersExtends","PopperContentProvider","useContentContext","PopperContent","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions","contentProps","arrowOffset","setArrowOffset","anchorRect","useRect","content","setContent","contentSize","useSize","arrow","setArrow","arrowSize","node","windowSize","setWindowSize","undefined","debounceTimerId","updateWindowSize","width","window","innerWidth","height","innerHeight","handleResize","clearTimeout","setTimeout","addEventListener","removeEventListener","useWindowSize","collisionBoundariesRect","DOMRect","fromRect","x","y","popperStyles","arrowStyles","placedSide","placedAlign","getPlacementData","popperSize","shouldAvoidCollisions","isPlaced","style","$be5d7b5e9bdca855ae0500ff2a345d73$var$PopperContentProvider","onArrowChange","onArrowOffsetChange","animation","PopperArrow","offset","arrowProps","pointerEvents","display","verticalAlign","_radixUiReactArrow","Root","Anchor","Content","Arrow"],"version":3,"file":"index.js.map"}
+{"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"}

package/dist/index.module.js

@@ -1,2 +1,202 @@
-import*as e from"@radix-ui/react-arrow";import{Primitive as o}from"@radix-ui/react-primitive";import{useSize as r}from"@radix-ui/react-use-size";import{useRect as t}from"@radix-ui/react-use-rect";import{createContextScope as n}from"@radix-ui/react-context";import{useComposedRefs as i}from"@radix-ui/react-compose-refs";import{getPlacementData as p}from"@radix-ui/popper";import*as s from"react";import a from"@babel/runtime/helpers/esm/extends";const[c,l]=n("Popper");export{l as createPopperScope};const[f,d]=c("Popper");export const Popper=e=>{const{__scopePopper:o,children:r}=e,[t,n]=s.useState(null);/*#__PURE__*/return s.createElement(f,{scope:o,anchor:t,onAnchorChange:n},r)};/*#__PURE__*/export const PopperAnchor=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopePopper:t,virtualRef:n,...p}=e,c=d("PopperAnchor",t),l=s.useRef(null),f=i(r,l);return s.useEffect((()=>{c.onAnchorChange((null==n?void 0:n.current)||l.current)})),n?null:/*#__PURE__*/s.createElement(o.div,a({},p,{ref:f}))}));/*#__PURE__*/const[u,m]=c("PopperContent");export const PopperContent=/*#__PURE__*/s.forwardRef(((e,n)=>{const{__scopePopper:c,side:l="bottom",sideOffset:f,align:m="center",alignOffset:w,collisionTolerance:h,avoidCollisions:x=!0,...v}=e,P=d("PopperContent",c),[A,g]=s.useState(),E=t(P.anchor),[y,C]=s.useState(null),S=r(y),[R,O]=s.useState(null),_=r(R),b=i(n,(e=>C(e))),z=function(){const[e,o]=s.useState(void 0);return s.useEffect((()=>{let e;function r(){o({width:window.innerWidth,height:window.innerHeight})}function t(){window.clearTimeout(e),e=window.setTimeout(r,100)}return r(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[]),e}(),T=z?DOMRect.fromRect({...z,x:0,y:0}):void 0,{popperStyles:k,arrowStyles:L,placedSide:B,placedAlign:D}=p({anchorRect:E,popperSize:S,arrowSize:_,arrowOffset:A,side:l,sideOffset:f,align:m,alignOffset:w,shouldAvoidCollisions:x,collisionBoundariesRect:T,collisionTolerance:h}),H=void 0!==B;/*#__PURE__*/return s.createElement("div",{style:k,"data-radix-popper-content-wrapper":""},/*#__PURE__*/s.createElement(u,{scope:c,arrowStyles:L,onArrowChange:O,onArrowOffsetChange:g},/*#__PURE__*/s.createElement(o.div,a({"data-side":B,"data-align":D},v,{style:{...v.style,animation:H?void 0:"none"},ref:b}))))}));/*#__PURE__*/export const PopperArrow=/*#__PURE__*/s.forwardRef((function(o,r){const{__scopePopper:t,offset:n,...i}=o,p=m("PopperArrow",t),{onArrowOffsetChange:c}=p;return s.useEffect((()=>c(n)),[c,n]),/*#__PURE__*/s.createElement("span",{style:{...p.arrowStyles,pointerEvents:"none"}},/*#__PURE__*/s.createElement("span",{ref:p.onArrowChange,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},/*#__PURE__*/s.createElement(e.Root,a({},i,{ref:r,style:{...i.style,display:"block"}}))))}));/*#__PURE__*/export const Root=Popper;export const Anchor=PopperAnchor;export const Content=PopperContent;export const Arrow=PopperArrow;
+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 {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 = {};
+
+$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);
+
+
+
+
+
+
+
+
+
+/* -------------------------------------------------------------------------------------------------
+ * Popper
+ * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$POPPER_NAME = 'Popper';
+const [$cf1ac5d9fe0e8206$var$createPopperContext, $cf1ac5d9fe0e8206$export$722aac194ae923] = $kY93V$createContextScope($cf1ac5d9fe0e8206$var$POPPER_NAME);
+const [$cf1ac5d9fe0e8206$var$PopperProvider, $cf1ac5d9fe0e8206$var$usePopperContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$POPPER_NAME);
+const $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9 = (props)=>{
+    const { __scopePopper: __scopePopper , children: children  } = props;
+    const [anchor, setAnchor] = $kY93V$useState(null);
+    return /*#__PURE__*/ $kY93V$createElement($cf1ac5d9fe0e8206$var$PopperProvider, {
+        scope: __scopePopper,
+        anchor: anchor,
+        onAnchorChange: setAnchor
+    }, children);
+};
+/*#__PURE__*/ Object.assign($cf1ac5d9fe0e8206$export$badac9ada3a0bdf9, {
+    displayName: $cf1ac5d9fe0e8206$var$POPPER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * PopperAnchor
+ * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$ANCHOR_NAME = 'PopperAnchor';
+const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ $kY93V$forwardRef((props, forwardedRef)=>{
+    const { __scopePopper: __scopePopper , virtualRef: virtualRef , ...anchorProps } = props;
+    const context = $cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$ANCHOR_NAME, __scopePopper);
+    const ref = $kY93V$useRef(null);
+    const composedRefs = $kY93V$useComposedRefs(forwardedRef, ref);
+    $kY93V$useEffect(()=>{
+        // Consumer can anchor the popper to something that isn't
+        // a DOM node e.g. pointer position, so we override the
+        // `anchorRef` with their virtual ref in this case.
+        context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
+    });
+    return virtualRef ? null : /*#__PURE__*/ $kY93V$createElement($kY93V$Primitive.div, $kY93V$babelruntimehelpersesmextends({}, anchorProps, {
+        ref: composedRefs
+    }));
+});
+/*#__PURE__*/ Object.assign($cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d, {
+    displayName: $cf1ac5d9fe0e8206$var$ANCHOR_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * PopperContent
+ * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$CONTENT_NAME = 'PopperContent';
+const [$cf1ac5d9fe0e8206$var$PopperContentProvider, $cf1ac5d9fe0e8206$var$useContentContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME);
+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;
+    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, {
+        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
+    }))));
+});
+/*#__PURE__*/ Object.assign($cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc, {
+    displayName: $cf1ac5d9fe0e8206$var$CONTENT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * PopperArrow
+ * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$ARROW_NAME = 'PopperArrow';
+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,
+        style: {
+            display: 'inline-block',
+            verticalAlign: 'top',
+            pointerEvents: 'auto'
+        }
+    }, /*#__PURE__*/ $kY93V$createElement($kY93V$Root, $kY93V$babelruntimehelpersesmextends({}, arrowProps, {
+        ref: forwardedRef,
+        style: {
+            ...arrowProps.style,
+            // ensures the element can be measured correctly (mostly for if SVG)
+            display: 'block'
+        }
+    }))));
+});
+/*#__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);
+        }
+        updateWindowSize();
+        window.addEventListener('resize', handleResize);
+        return ()=>window.removeEventListener('resize', handleResize)
+        ;
+    }, []);
+    return windowSize;
+}
+const $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 = $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9;
+const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d;
+const $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 = $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;
+const $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 = $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0;
+
+
+
+
+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};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/react/popper/src/Popper.tsx"],"sourcesContent":["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":["createPopperContext","createPopperScope","createContextScope","PopperProvider","usePopperContext","Popper","props","__scopePopper","children","anchor","setAnchor","React","useState","_react","createElement","$d4fb2a15a6483a4f85af0f96fd68687d$var$PopperProvider","scope","onAnchorChange","PopperAnchor","forwardRef","forwardedRef","virtualRef","anchorProps","context","ref","useRef","composedRefs","useComposedRefs","useEffect","current","Primitive","div","_babelRuntimeHelpersEsmExtends","PopperContentProvider","useContentContext","PopperContent","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions","contentProps","arrowOffset","setArrowOffset","anchorRect","useRect","content","setContent","contentSize","useSize","arrow","setArrow","arrowSize","node","windowSize","setWindowSize","undefined","debounceTimerId","updateWindowSize","width","window","innerWidth","height","innerHeight","handleResize","clearTimeout","setTimeout","addEventListener","removeEventListener","useWindowSize","collisionBoundariesRect","DOMRect","fromRect","x","y","popperStyles","arrowStyles","placedSide","placedAlign","getPlacementData","popperSize","shouldAvoidCollisions","isPlaced","style","$d4fb2a15a6483a4f85af0f96fd68687d$var$PopperContentProvider","onArrowChange","onArrowOffsetChange","animation","PopperArrow","offset","arrowProps","pointerEvents","display","verticalAlign","_radixUiReactArrow","Root","Anchor","Content","Arrow"],"version":3,"file":"index.module.js.map"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-popper",
-  "version": "0.1.5-rc.2",
+  "version": "0.1.5-rc.20",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -18,16 +18,17 @@
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "@radix-ui/popper": "0.1.0",
-    "@radix-ui/react-arrow": "0.1.5-rc.2",
-    "@radix-ui/react-compose-refs": "0.1.1-rc.2",
-    "@radix-ui/react-context": "0.1.2-rc.2",
-    "@radix-ui/react-primitive": "0.1.5-rc.2",
-    "@radix-ui/react-use-rect": "0.1.2-rc.2",
-    "@radix-ui/react-use-size": "0.1.2-rc.2",
+    "@radix-ui/react-arrow": "0.1.5-rc.20",
+    "@radix-ui/react-compose-refs": "0.1.1-rc.20",
+    "@radix-ui/react-context": "0.1.2-rc.20",
+    "@radix-ui/react-primitive": "0.1.5-rc.20",
+    "@radix-ui/react-use-rect": "0.1.2-rc.20",
+    "@radix-ui/react-use-size": "0.1.2-rc.20",
     "@radix-ui/rect": "0.1.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": {