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

Comparing version 0.0.3 to 0.0.4

dist/index.js

@@ -1,2 +0,2 @@
-var e,r,t=require("@radix-ui/utils"),n=t.getSelector,o=t.getSelectorObj,i=t.makeRect,a=require("@radix-ui/react-arrow").Arrow,l=require("@radix-ui/react-primitive").Primitive,c=require("@radix-ui/react-utils"),s=c.createContext,u=c.useRect,f=c.useSize,p=c.useComposedRefs,d=require("@radix-ui/popper").getPlacementData,y=(e={},r=require("react"),Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e);function v(){return(v=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function w(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?w(Object(t),!0).forEach((function(r){O(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function O(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function g(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(n=(a=l.next()).done)&&(t.push(a.value),!r||t.length!==r);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(o)throw i}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return h(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return h(e,r)}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var j=g(s("PopperContext","Popper"),2),P=j[0],S=j[1],A=y.forwardRef((function(e,r){var t=e.selector,a=void 0===t?n("Popper"):t,c=e.children,s=e.anchorRef,w=e.side,O=void 0===w?"bottom":w,h=e.sideOffset,j=e.align,S=void 0===j?"center":j,A=e.alignOffset,E=e.collisionTolerance,x=e.avoidCollisions,R=void 0===x||x,C=m(e,["selector","children","anchorRef","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions"]),k=g(y.useState(),2),q=k[0],T=k[1],z=u(s),D=y.useRef(null),I=f(D),M=y.useRef(null),L=f(M),N=p(r,D),_=function(){var e=g(y.useState(void 0),2),r=e[0],t=e[1];return y.useEffect((function(){var e;function r(){t({width:window.innerWidth,height:window.innerHeight})}function n(){window.clearTimeout(e),e=window.setTimeout(r,100)}return r(),window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}}),[]),r}(),B=_?i(_,{x:0,y:0}):void 0,H=d({anchorRect:z,popperSize:I,arrowSize:L,arrowOffset:q,side:O,sideOffset:h,align:S,alignOffset:A,shouldAvoidCollisions:R,collisionBoundariesRect:B,collisionTolerance:E}),U=H.popperStyles,W=H.arrowStyles,$=H.placedSide,F=H.placedAlign,G=void 0!==$,J=y.useMemo((function(){return{arrowRef:M,arrowStyles:W,setArrowOffset:T}}),[W]);return y.createElement("div",v({style:U},a?o(a+"-wrapper"):void 0),y.createElement(l,v({selector:a},C,{style:b(b({},C.style),{},{animation:G?void 0:"none"}),ref:N,"data-side":$,"data-align":F}),y.createElement(P.Provider,{value:J},c)))}));exports.Popper=A,A.displayName="Popper";var E=y.forwardRef((function(e,r){var t=e.selector,o=void 0===t?n("PopperArrow"):t,i=e.offset,l=m(e,["selector","offset"]),c=S("PopperArrow"),s=c.arrowRef,u=c.setArrowOffset,f=c.arrowStyles;return y.useEffect((function(){return u(i)}),[u,i]),y.createElement("span",{style:b(b({},f),{},{pointerEvents:"none"})},y.createElement("span",{ref:s,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},y.createElement(a,v({},l,{selector:o,ref:r,style:b(b({},l.style),{},{display:"block"})}))))}));exports.PopperArrow=E,E.displayName="PopperArrow";var x=A;exports.Root=x;var R=E;exports.Arrow=R;
+var e,r,t=require("@radix-ui/utils"),n=t.getSelector,o=t.getSelectorObj,i=t.makeRect,a=require("@radix-ui/react-arrow").Arrow,l=require("@radix-ui/react-primitive").Primitive,c=require("@radix-ui/react-utils"),s=c.createContext,u=c.useRect,f=c.useSize,p=c.useComposedRefs,d=require("@radix-ui/popper").getPlacementData,y=(e={},r=require("react"),Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e);function v(){return(v=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function w(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?w(Object(t),!0).forEach((function(r){O(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function O(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function g(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(n=(a=l.next()).done)&&(t.push(a.value),!r||t.length!==r);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(o)throw i}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return h(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return h(e,r)}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var j=g(s("PopperContext","Popper"),2),P=j[0],S=j[1],A=y.forwardRef((function(e,r){var t=e.selector,a=void 0===t?n("Popper"):t,c=e.anchorRef,s=e.side,w=void 0===s?"bottom":s,O=e.sideOffset,h=e.align,j=void 0===h?"center":h,S=e.alignOffset,A=e.collisionTolerance,E=e.avoidCollisions,x=void 0===E||E,R=m(e,["selector","anchorRef","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions"]),C=g(y.useState(),2),k=C[0],q=C[1],T=u(c),z=y.useRef(null),D=f(z),I=y.useRef(null),M=f(I),L=p(r,z),N=function(){var e=g(y.useState(void 0),2),r=e[0],t=e[1];return y.useEffect((function(){var e;function r(){t({width:window.innerWidth,height:window.innerHeight})}function n(){window.clearTimeout(e),e=window.setTimeout(r,100)}return r(),window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}}),[]),r}(),_=N?i(N,{x:0,y:0}):void 0,B=d({anchorRect:T,popperSize:D,arrowSize:M,arrowOffset:k,side:w,sideOffset:O,align:j,alignOffset:S,shouldAvoidCollisions:x,collisionBoundariesRect:_,collisionTolerance:A}),H=B.popperStyles,U=B.arrowStyles,W=B.placedSide,$=B.placedAlign,F=void 0!==W,G=y.useMemo((function(){return{arrowRef:I,arrowStyles:U,setArrowOffset:q}}),[U]);return y.createElement("div",v({style:H},a?o(a+"-wrapper"):void 0),y.createElement(P.Provider,{value:G},y.createElement(l,v({selector:a},R,{style:b(b({},R.style),{},{animation:F?void 0:"none"}),ref:L,"data-side":W,"data-align":$}))))}));exports.Popper=A,A.displayName="Popper";var E=y.forwardRef((function(e,r){var t=e.selector,o=void 0===t?n("PopperArrow"):t,i=e.offset,l=m(e,["selector","offset"]),c=S("PopperArrow"),s=c.arrowRef,u=c.setArrowOffset,f=c.arrowStyles;return y.useEffect((function(){return u(i)}),[u,i]),y.createElement("span",{style:b(b({},f),{},{pointerEvents:"none"})},y.createElement("span",{ref:s,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},y.createElement(a,v({},l,{selector:o,ref:r,style:b(b({},l.style),{},{display:"block"})}))))}));exports.PopperArrow=E,E.displayName="PopperArrow";var x=A;exports.Root=x;var R=E;exports.Arrow=R;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{getSelector as e,getSelectorObj as r,makeRect as t}from"@radix-ui/utils";import{Arrow as o}from"@radix-ui/react-arrow";import{Primitive as n}from"@radix-ui/react-primitive";import{createContext as i,useRect as s,useSize as l,useComposedRefs as a}from"@radix-ui/react-utils";import{getPlacementData as c}from"@radix-ui/popper";import*as p from"react";function f(){return(f=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){w(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function w(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}const[O,m]=i("PopperContext","Popper"),b="Popper";export const Popper=p.forwardRef(((o,i)=>{const{selector:u=e(b),children:w,anchorRef:m,side:v="bottom",sideOffset:g,align:P="center",alignOffset:h,collisionTolerance:j,avoidCollisions:E=!0}=o,x=y(o,["selector","children","anchorRef","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions"]),[S,A]=p.useState(),R=s(m),T=p.useRef(null),k=l(T),z=p.useRef(null),C=l(z),D=a(i,T),L=function(){const[e,r]=p.useState(void 0);return p.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}(),N=L?t(L,{x:0,y:0}):void 0,{popperStyles:B,arrowStyles:H,placedSide:I,placedAlign:M}=c({anchorRect:R,popperSize:k,arrowSize:C,arrowOffset:S,side:v,sideOffset:g,align:P,alignOffset:h,shouldAvoidCollisions:E,collisionBoundariesRect:N,collisionTolerance:j}),W=void 0!==I,q=p.useMemo((()=>({arrowRef:z,arrowStyles:H,setArrowOffset:A})),[H]);return p.createElement("div",f({style:B},u?r(u+"-wrapper"):void 0),p.createElement(n,f({selector:u},x,{style:d(d({},x.style),{},{animation:W?void 0:"none"}),ref:D,"data-side":I,"data-align":M}),p.createElement(O.Provider,{value:q},w)))}));Popper.displayName=b;const v="PopperArrow";export const PopperArrow=p.forwardRef((function(r,t){const{selector:n=e(v),offset:i}=r,s=y(r,["selector","offset"]),{arrowRef:l,setArrowOffset:a,arrowStyles:c}=m(v);return p.useEffect((()=>a(i)),[a,i]),p.createElement("span",{style:d(d({},c),{},{pointerEvents:"none"})},p.createElement("span",{ref:l,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},p.createElement(o,f({},s,{selector:n,ref:t,style:d(d({},s.style),{},{display:"block"})}))))}));PopperArrow.displayName=v;export const Root=Popper;export const Arrow=PopperArrow;
+import{getSelector as e,getSelectorObj as r,makeRect as t}from"@radix-ui/utils";import{Arrow as o}from"@radix-ui/react-arrow";import{Primitive as n}from"@radix-ui/react-primitive";import{createContext as i,useRect as s,useSize as l,useComposedRefs as a}from"@radix-ui/react-utils";import{getPlacementData as c}from"@radix-ui/popper";import*as p from"react";function f(){return(f=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){w(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function w(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}const[O,m]=i("PopperContext","Popper"),b="Popper";export const Popper=p.forwardRef(((o,i)=>{const{selector:u=e(b),anchorRef:w,side:m="bottom",sideOffset:v,align:g="center",alignOffset:P,collisionTolerance:h,avoidCollisions:j=!0}=o,E=y(o,["selector","anchorRef","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions"]),[x,S]=p.useState(),A=s(w),R=p.useRef(null),T=l(R),k=p.useRef(null),z=l(k),C=a(i,R),D=function(){const[e,r]=p.useState(void 0);return p.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}(),L=D?t(D,{x:0,y:0}):void 0,{popperStyles:N,arrowStyles:B,placedSide:H,placedAlign:I}=c({anchorRect:A,popperSize:T,arrowSize:z,arrowOffset:x,side:m,sideOffset:v,align:g,alignOffset:P,shouldAvoidCollisions:j,collisionBoundariesRect:L,collisionTolerance:h}),M=void 0!==H,W=p.useMemo((()=>({arrowRef:k,arrowStyles:B,setArrowOffset:S})),[B]);return p.createElement("div",f({style:N},u?r(u+"-wrapper"):void 0),p.createElement(O.Provider,{value:W},p.createElement(n,f({selector:u},E,{style:d(d({},E.style),{},{animation:M?void 0:"none"}),ref:C,"data-side":H,"data-align":I}))))}));Popper.displayName=b;const v="PopperArrow";export const PopperArrow=p.forwardRef((function(r,t){const{selector:n=e(v),offset:i}=r,s=y(r,["selector","offset"]),{arrowRef:l,setArrowOffset:a,arrowStyles:c}=m(v);return p.useEffect((()=>a(i)),[a,i]),p.createElement("span",{style:d(d({},c),{},{pointerEvents:"none"})},p.createElement("span",{ref:l,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},p.createElement(o,f({},s,{selector:n,ref:t,style:d(d({},s.style),{},{display:"block"})}))))}));PopperArrow.displayName=v;export const Root=Popper;export const Arrow=PopperArrow;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-popper",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "MIT",
@@ -20,6 +20,6 @@ "source": "src/index.ts",
     "@radix-ui/popper": "0.0.3",
-    "@radix-ui/react-arrow": "0.0.3",
-    "@radix-ui/react-polymorphic": "0.0.3",
-    "@radix-ui/react-primitive": "0.0.2",
-    "@radix-ui/react-utils": "0.0.3",
+    "@radix-ui/react-arrow": "0.0.4",
+    "@radix-ui/react-polymorphic": "0.0.4",
+    "@radix-ui/react-primitive": "0.0.3",
+    "@radix-ui/react-utils": "0.0.4",
     "@radix-ui/utils": "0.0.3"
@@ -26,0 +26,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

33488

decreased by-0.42%

Dependency changes

• + Added@radix-ui/react-arrow@0.0.4(transitive)

• + Added@radix-ui/react-polymorphic@0.0.4(transitive)

• + Added@radix-ui/react-primitive@0.0.3(transitive)

• + Added@radix-ui/react-utils@0.0.4(transitive)

• - Removed@radix-ui/react-arrow@0.0.3(transitive)

• - Removed@radix-ui/react-polymorphic@0.0.3(transitive)

• - Removed@radix-ui/react-primitive@0.0.2(transitive)

• - Removed@radix-ui/react-utils@0.0.3(transitive)

• Updated@radix-ui/react-arrow@0.0.4

• Updated@radix-ui/react-polymorphic@0.0.4

• Updated@radix-ui/react-primitive@0.0.3

• Updated@radix-ui/react-utils@0.0.4