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

Comparing version 0.0.7 to 0.0.8

dist/index.d.ts

 import * as React from "react";
 import { Primitive } from "@radix-ui/react-primitive";
-import { Arrow } from "@radix-ui/react-arrow";
+import * as ArrowPrimitive from "@radix-ui/react-arrow";
 import * as Polymorphic from "@radix-ui/react-polymorphic";
@@ -18,6 +18,6 @@ import { Side, Align } from "@radix-ui/popper";
 export const Popper: PopperPrimitive;
-type PopperArrowOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof Arrow>, {
+type PopperArrowOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof ArrowPrimitive.Root>, {
     offset?: number;
 }>;
-type PopperArrowPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof Arrow>, PopperArrowOwnProps>;
+type PopperArrowPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof ArrowPrimitive.Root>, PopperArrowOwnProps>;
 export const PopperArrow: PopperArrowPrimitive;
@@ -24,0 +24,0 @@ export const Root: PopperPrimitive;

dist/index.js

@@ -1,2 +0,2 @@
-var e,r,t=require("@radix-ui/react-arrow").Arrow,n=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-use-size").useSize,i=require("@radix-ui/react-use-rect").useRect,a=require("@radix-ui/react-context").createContext,l=require("@radix-ui/react-compose-refs").useComposedRefs,c=require("@radix-ui/popper").getPlacementData,u=(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 s(){return(s=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 f(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 p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){d(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function d(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,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 v(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 w(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 w(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 w(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 b=v(a("Popper"),2),O=b[0],m=b[1],g=u.forwardRef((function(e,r){var t=e.anchorRef,a=e.side,f=void 0===a?"bottom":a,d=e.sideOffset,w=e.align,b=void 0===w?"center":w,m=e.alignOffset,g=e.collisionTolerance,h=e.avoidCollisions,j=void 0===h||h,P=y(e,["anchorRef","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions"]),S=v(u.useState(),2),x=S[0],E=S[1],A=i(t),R=u.useRef(null),q=o(R),C=u.useRef(null),z=o(C),D=l(r,R),T=function(){var e=v(u.useState(void 0),2),r=e[0],t=e[1];return u.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}(),k=T?DOMRect.fromRect(p(p({},T),{},{x:0,y:0})):void 0,I=c({anchorRect:A,popperSize:q,arrowSize:z,arrowOffset:x,side:f,sideOffset:d,align:b,alignOffset:m,shouldAvoidCollisions:j,collisionBoundariesRect:k,collisionTolerance:g}),M=I.popperStyles,L=I.arrowStyles,N=I.placedSide,_=I.placedAlign,B=void 0!==N;return u.createElement("div",{style:M,"data-radix-popper-wrapper":""},u.createElement(O,{arrowRef:C,arrowStyles:L,onArrowOffsetChange:E},u.createElement(n,s({"data-side":N,"data-align":_},P,{style:p(p({},P.style),{},{animation:B?void 0:"none"}),ref:D}))))}));exports.Popper=g,g.displayName="Popper";var h=u.forwardRef((function(e,r){var n=e.offset,o=y(e,["offset"]),i=m("PopperArrow"),a=i.onArrowOffsetChange;return u.useEffect((function(){return a(n)}),[a,n]),u.createElement("span",{style:p(p({},i.arrowStyles),{},{pointerEvents:"none"})},u.createElement("span",{ref:i.arrowRef,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},u.createElement(t,s({},o,{ref:r,style:p(p({},o.style),{},{display:"block"})}))))}));exports.PopperArrow=h,h.displayName="PopperArrow";var j=g;exports.Root=j;var P=h;exports.Arrow=P;
+var e=l({},require("@radix-ui/react-arrow")),r=require("@radix-ui/react-primitive").Primitive,t=require("@radix-ui/react-use-size").useSize,n=require("@radix-ui/react-use-rect").useRect,o=require("@radix-ui/react-context").createContext,i=require("@radix-ui/react-compose-refs").useComposedRefs,a=require("@radix-ui/popper").getPlacementData,c=l({},require("react"));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}function u(){return(u=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 s(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 f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?s(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(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 y(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,c=e[Symbol.iterator]();!(n=(a=c.next()).done)&&(t.push(a.value),!r||t.length!==r);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw i}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return v(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 v(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 v(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 b=y(o("Popper"),2),w=b[0],O=b[1],m=c.forwardRef((function(e,o){var l=e.anchorRef,s=e.side,p=void 0===s?"bottom":s,v=e.sideOffset,b=e.align,O=void 0===b?"center":b,m=e.alignOffset,g=e.collisionTolerance,h=e.avoidCollisions,j=void 0===h||h,P=d(e,["anchorRef","side","sideOffset","align","alignOffset","collisionTolerance","avoidCollisions"]),S=y(c.useState(),2),x=S[0],E=S[1],R=n(l),A=c.useRef(null),q=t(A),C=c.useRef(null),z=t(C),D=i(o,A),T=function(){var e=y(c.useState(void 0),2),r=e[0],t=e[1];return c.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}(),k=T?DOMRect.fromRect(f(f({},T),{},{x:0,y:0})):void 0,I=a({anchorRect:R,popperSize:q,arrowSize:z,arrowOffset:x,side:p,sideOffset:v,align:O,alignOffset:m,shouldAvoidCollisions:j,collisionBoundariesRect:k,collisionTolerance:g}),M=I.popperStyles,L=I.arrowStyles,N=I.placedSide,_=I.placedAlign,B=void 0!==N;return c.createElement("div",{style:M,"data-radix-popper-wrapper":""},c.createElement(w,{arrowRef:C,arrowStyles:L,onArrowOffsetChange:E},c.createElement(r,u({"data-side":N,"data-align":_},P,{style:f(f({},P.style),{},{animation:B?void 0:"none"}),ref:D}))))}));exports.Popper=m,m.displayName="Popper";var g=c.forwardRef((function(r,t){var n=r.offset,o=d(r,["offset"]),i=O("PopperArrow"),a=i.onArrowOffsetChange;return c.useEffect((function(){return a(n)}),[a,n]),c.createElement("span",{style:f(f({},i.arrowStyles),{},{pointerEvents:"none"})},c.createElement("span",{ref:i.arrowRef,style:{display:"inline-block",verticalAlign:"top",pointerEvents:"auto"}},c.createElement(e.Root,u({},o,{ref:t,style:f(f({},o.style),{},{display:"block"})}))))}));exports.PopperArrow=g,g.displayName="PopperArrow";var h=m;exports.Root=h;var j=g;exports.Arrow=j;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{Arrow as 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";import*as s from"react";function p(){return(p=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}const[l,c]=i("Popper");export const Popper=s.forwardRef(((e,i)=>{const{anchorRef:c,side:f="bottom",sideOffset:d,align:u="center",alignOffset:w,collisionTolerance:m,avoidCollisions:y=!0,...v}=e,[x,g]=s.useState(),h=t(c),A=s.useRef(null),E=o(A),R=s.useRef(null),O=o(R),P=n(i,A),S=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=S?DOMRect.fromRect({...S,x:0,y:0}):void 0,{popperStyles:z,arrowStyles:C,placedSide:T,placedAlign:j}=a({anchorRect:h,popperSize:E,arrowSize:O,arrowOffset:x,side:f,sideOffset:d,align:u,alignOffset:w,shouldAvoidCollisions:y,collisionBoundariesRect:b,collisionTolerance:m}),k=void 0!==T;return s.createElement("div",{style:z,"data-radix-popper-wrapper":""},s.createElement(l,{arrowRef:R,arrowStyles:C,onArrowOffsetChange:g},s.createElement(r,p({"data-side":T,"data-align":j},v,{style:{...v.style,animation:k?void 0:"none"},ref:P}))))}));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,p({},i,{ref:o,style:{...i.style,display:"block"}}))))}));PopperArrow.displayName="PopperArrow";export const Root=Popper;export const Arrow=PopperArrow;
+import*as 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";import*as s from"react";function p(){return(p=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}const[l,c]=i("Popper");export const Popper=s.forwardRef(((e,i)=>{const{anchorRef:c,side:f="bottom",sideOffset:d,align:u="center",alignOffset:w,collisionTolerance:m,avoidCollisions:y=!0,...v}=e,[x,g]=s.useState(),h=t(c),R=s.useRef(null),E=o(R),A=s.useRef(null),O=o(A),P=n(i,R),S=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=S?DOMRect.fromRect({...S,x:0,y:0}):void 0,{popperStyles:z,arrowStyles:C,placedSide:T,placedAlign:j}=a({anchorRect:h,popperSize:E,arrowSize:O,arrowOffset:x,side:f,sideOffset:d,align:u,alignOffset:w,shouldAvoidCollisions:y,collisionBoundariesRect:b,collisionTolerance:m}),k=void 0!==T;return s.createElement("div",{style:z,"data-radix-popper-wrapper":""},s.createElement(l,{arrowRef:A,arrowStyles:C,onArrowOffsetChange:g},s.createElement(r,p({"data-side":T,"data-align":j},v,{style:{...v.style,animation:k?void 0:"none"},ref:P}))))}));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;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-popper",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "license": "MIT",
@@ -24,3 +24,3 @@ "source": "src/index.ts",
     "@radix-ui/react-polymorphic": "0.0.6",
-    "@radix-ui/react-primitive": "0.0.5",
+    "@radix-ui/react-primitive": "0.0.6",
     "@radix-ui/react-use-rect": "0.0.1",
@@ -27,0 +27,0 @@ "@radix-ui/react-use-size": "0.0.1",

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

Improved metrics

Total package byte prevSize

31109

increased by0.5%

Lines of code

55

increased by1.85%

Dependency changes

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

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