@radix-ui/react-popper - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

dist/index.js

		@@ -1,2 +0,2 @@
		var e,r=u({},require("@radix-ui/react-arrow")),t=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-use-size").useSize,i=require("@radix-ui/react-use-rect").useRect,n=require("@radix-ui/react-context").createContext,a=require("@radix-ui/react-compose-refs").useComposedRefs,s=require("@radix-ui/popper").getPlacementData,l=u({},require("react")),c=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function u(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[d,f]=n("Popper"),p=l.forwardRef(((e,r)=>{const{anchorRef:n,side:u="bottom",sideOffset:f,align:p="center",alignOffset:w,collisionTolerance:m,avoidCollisions:y=!0,...v}=e,[x,R]=l.useState(),g=i(n),E=l.useRef(null),h=o(E),O=l.useRef(null),S=o(O),q=a(r,E),A=function(){const[e,r]=l.useState(void 0);return l.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}(),P=A?DOMRect.fromRect({...A,x:0,y:0}):void 0,{popperStyles:b,arrowStyles:z,placedSide:C,placedAlign:T}=s({anchorRect:g,popperSize:h,arrowSize:S,arrowOffset:x,side:u,sideOffset:f,align:p,alignOffset:w,shouldAvoidCollisions:y,collisionBoundariesRect:P,collisionTolerance:m}),_=void 0!==C;return l.createElement("div",{style:b,"data-radix-popper-wrapper":""},l.createElement(d,{arrowRef:O,arrowStyles:z,onArrowOffsetChange:R},l.createElement(t,c({"data-side":C,"data-align":T},v,{style:{...v.style,animation:_?void 0:"none"},ref:q}))))}));exports.Popper=p,p.displayName="Popper";const w=l.forwardRef((function(e,t){const{offset:o,...i}=e,n=f("PopperArrow"),{onArrowOffsetChange:a}=n;return l.useEffect((()=>a(o)),[a,o]),l.createElement("span",{style:{...n.arrowStyles,pointerEvents:"none"}},l.createElement("span",{ref:n.arrowRef,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},l.createElement(r.Root,c({},i,{ref:t,style:{...i.style,display:"block"}}))))}));exports.PopperArrow=w,w.displayName="PopperArrow";const m=p;exports.Root=m;const y=w;exports.Arrow=y;
		var e,r=u({},require("@radix-ui/react-arrow")),t=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-use-size").useSize,o=require("@radix-ui/react-use-rect").useRect,n=require("@radix-ui/react-context").createContext,s=require("@radix-ui/react-compose-refs").useComposedRefs,a=require("@radix-ui/popper").getPlacementData,l=u({},require("react")),c=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function u(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[d,f]=n("Popper"),p=/#__PURE__/l.forwardRef(((e,r)=>{const{anchorRef:n,side:u="bottom",sideOffset:f,align:p="center",alignOffset:w,collisionTolerance:m,avoidCollisions:v=!0,...x}=e,[y,R]=l.useState(),g=o(n),E=l.useRef(null),h=i(E),O=l.useRef(null),S=i(O),q=s(r,E),b=function(){const[e,r]=l.useState(void 0);return l.useEffect((()=>{let e;function t(){r({width:window.innerWidth,height:window.innerHeight})}function i(){window.clearTimeout(e),e=window.setTimeout(t,100)}return t(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)}),[]),e}(),A=b?DOMRect.fromRect({...b,x:0,y:0}):void 0,{popperStyles:P,arrowStyles:z,placedSide:C,placedAlign:T}=a({anchorRect:g,popperSize:h,arrowSize:S,arrowOffset:y,side:u,sideOffset:f,align:p,alignOffset:w,shouldAvoidCollisions:v,collisionBoundariesRect:A,collisionTolerance:m}),_=void 0!==C;/#__PURE__/return l.createElement("div",{style:P,"data-radix-popper-wrapper":""},/#__PURE__/l.createElement(d,{arrowRef:O,arrowStyles:z,onArrowOffsetChange:R},/#__PURE__/l.createElement(t,c({"data-side":C,"data-align":T},x,{style:{...x.style,animation:_?void 0:"none"},ref:q}))))}));exports.Popper=p;const w=/#__PURE__/l.forwardRef((function(e,t){const{offset:i,...o}=e,n=f("PopperArrow"),{onArrowOffsetChange:s}=n;return l.useEffect((()=>s(i)),[s,i]),/#__PURE__/l.createElement("span",{style:{...n.arrowStyles,pointerEvents:"none"}},/#__PURE__/l.createElement("span",{ref:n.arrowRef,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},/#__PURE__/l.createElement(r.Root,c({},o,{ref:t,style:{...o.style,display:"block"}}))))}));exports.PopperArrow=w;const m=p;exports.Root=m;const v=w;exports.Arrow=v;
		//# sourceMappingURL=index.js.map

dist/index.module.js

		@@ -1,2 +0,2 @@
		importas e from"@radix-ui/react-arrow";import{Primitive as r}from"@radix-ui/react-primitive";import{useSize as o}from"@radix-ui/react-use-size";import{useRect as t}from"@radix-ui/react-use-rect";import{createContext as i}from"@radix-ui/react-context";import{useComposedRefs as n}from"@radix-ui/react-compose-refs";import{getPlacementData as a}from"@radix-ui/popper";importas s from"react";import p from"@babel/runtime/helpers/esm/extends";const[l,c]=i("Popper");export const Popper=s.forwardRef(((e,i)=>{const{anchorRef:c,side:f="bottom",sideOffset:d,align:m="center",alignOffset:w,collisionTolerance:u,avoidCollisions:y=!0,...x}=e,[v,R]=s.useState(),E=t(c),g=s.useRef(null),h=o(g),A=s.useRef(null),P=o(A),S=n(i,g),O=function(){const[e,r]=s.useState(void 0);return s.useEffect((()=>{let e;function o(){r({width:window.innerWidth,height:window.innerHeight})}function t(){window.clearTimeout(e),e=window.setTimeout(o,100)}return o(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[]),e}(),b=O?DOMRect.fromRect({...O,x:0,y:0}):void 0,{popperStyles:z,arrowStyles:C,placedSide:T,placedAlign:k}=a({anchorRect:E,popperSize:h,arrowSize:P,arrowOffset:v,side:f,sideOffset:d,align:m,alignOffset:w,shouldAvoidCollisions:y,collisionBoundariesRect:b,collisionTolerance:u}),L=void 0!==T;return s.createElement("div",{style:z,"data-radix-popper-wrapper":""},s.createElement(l,{arrowRef:A,arrowStyles:C,onArrowOffsetChange:R},s.createElement(r,p({"data-side":T,"data-align":k},x,{style:{...x.style,animation:L?void 0:"none"},ref:S}))))}));Popper.displayName="Popper";export const PopperArrow=s.forwardRef((function(r,o){const{offset:t,...i}=r,n=c("PopperArrow"),{onArrowOffsetChange:a}=n;return s.useEffect((()=>a(t)),[a,t]),s.createElement("span",{style:{...n.arrowStyles,pointerEvents:"none"}},s.createElement("span",{ref:n.arrowRef,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},s.createElement(e.Root,p({},i,{ref:o,style:{...i.style,display:"block"}}))))}));PopperArrow.displayName="PopperArrow";export const Root=Popper;export const Arrow=PopperArrow;
		importas e from"@radix-ui/react-arrow";import{Primitive as r}from"@radix-ui/react-primitive";import{useSize as o}from"@radix-ui/react-use-size";import{useRect as t}from"@radix-ui/react-use-rect";import{createContext as i}from"@radix-ui/react-context";import{useComposedRefs as n}from"@radix-ui/react-compose-refs";import{getPlacementData as a}from"@radix-ui/popper";importas s from"react";import l from"@babel/runtime/helpers/esm/extends";const[p,c]=i("Popper");export const Popper=/#__PURE__/s.forwardRef(((e,i)=>{const{anchorRef:c,side:f="bottom",sideOffset:d,align:m="center",alignOffset:u,collisionTolerance:w,avoidCollisions:x=!0,...v}=e,[y,R]=s.useState(),E=t(c),g=s.useRef(null),h=o(g),A=s.useRef(null),S=o(A),O=n(i,g),P=function(){const[e,r]=s.useState(void 0);return s.useEffect((()=>{let e;function o(){r({width:window.innerWidth,height:window.innerHeight})}function t(){window.clearTimeout(e),e=window.setTimeout(o,100)}return o(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[]),e}(),b=P?DOMRect.fromRect({...P,x:0,y:0}):void 0,{popperStyles:z,arrowStyles:C,placedSide:T,placedAlign:k}=a({anchorRect:E,popperSize:h,arrowSize:S,arrowOffset:y,side:f,sideOffset:d,align:m,alignOffset:u,shouldAvoidCollisions:x,collisionBoundariesRect:b,collisionTolerance:w}),L=void 0!==T;/#__PURE__/return s.createElement("div",{style:z,"data-radix-popper-wrapper":""},/#__PURE__/s.createElement(p,{arrowRef:A,arrowStyles:C,onArrowOffsetChange:R},/#__PURE__/s.createElement(r,l({"data-side":T,"data-align":k},v,{style:{...v.style,animation:L?void 0:"none"},ref:O}))))}));/#__PURE__/export const PopperArrow=/#__PURE__/s.forwardRef((function(r,o){const{offset:t,...i}=r,n=c("PopperArrow"),{onArrowOffsetChange:a}=n;return s.useEffect((()=>a(t)),[a,t]),/#__PURE__/s.createElement("span",{style:{...n.arrowStyles,pointerEvents:"none"}},/#__PURE__/s.createElement("span",{ref:n.arrowRef,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},/#__PURE__/s.createElement(e.Root,l({},i,{ref:o,style:{...i.style,display:"block"}}))))}));/#__PURE__/export const Root=Popper;export const Arrow=PopperArrow;
		//# sourceMappingURL=index.module.js.map

package.json

		{
		"name": "@radix-ui/react-popper",
		"version": "0.0.13",
		"version": "0.0.14",
		"license": "MIT",
		@@ -21,11 +21,11 @@ "source": "src/index.ts",
		"@babel/runtime": "^7.13.10",
		"@radix-ui/popper": "0.0.9",
		"@radix-ui/react-arrow": "0.0.10",
		"@radix-ui/react-compose-refs": "0.0.4",
		"@radix-ui/react-context": "0.0.4",
		"@radix-ui/react-polymorphic": "0.0.9",
		"@radix-ui/react-primitive": "0.0.10",
		"@radix-ui/react-use-rect": "0.0.5",
		"@radix-ui/react-use-size": "0.0.4",
		"@radix-ui/rect": "0.0.4"
		"@radix-ui/popper": "0.0.10",
		"@radix-ui/react-arrow": "0.0.11",
		"@radix-ui/react-compose-refs": "0.0.5",
		"@radix-ui/react-context": "0.0.5",
		"@radix-ui/react-polymorphic": "0.0.10",
		"@radix-ui/react-primitive": "0.0.11",
		"@radix-ui/react-use-rect": "0.0.6",
		"@radix-ui/react-use-size": "0.0.5",
		"@radix-ui/rect": "0.0.5"
		},
		@@ -32,0 +32,0 @@ "peerDependencies": {

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.module.js.map

Sorry, the diff of this file is not supported yet

@radix-ui/react-popper - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Dependency changes