react-element-popper - npm Package Compare versions

Comparing version 2.1.2 to 2.1.3

build/browser.min.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("react-dom"),require("react")):"function"==typeof define&&define.amd?define(["react-dom","react"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).ElementPopper=e(t.ReactDOM,t.React)}(this,(function(t,e){"use strict";function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(e);function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){l(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function l(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==r)return;var o,n,i=[],l=!0,a=!1;try{for(r=r.call(t);!(l=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);l=!0);}catch(t){a=!0,n=t}finally{try{l||null==r.return||r.return()}finally{if(a)throw n}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return c(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return c(t,e)}(t,e)||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 c(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function u(r,n){var l=r.element,a=r.popper,c=r.position,u=void 0===c?"bottom-center":c,s=r.containerStyle,d=r.containerClassName,p=void 0===d?"":d,h=r.arrow,m=r.arrowStyle,v=void 0===m?{}:m,b=r.arrowClassName,y=void 0===b?"":b,g=r.fixMainPosition,w=r.fixRelativePosition,E=r.offsetY,O=r.offsetX,x=r.animations,P=r.zIndex,j=void 0===P?0:P,M=r.popperShadow,C=r.onChange,T=r.active,S=void 0===T||T,N=r.portal,L=r.portalTarget,R="undefined"!=typeof window,A=R&&L instanceof HTMLElement,z=!0===h,I=a&&!0===S,X=e.useRef(),D=e.useRef(),H=e.useRef(),Y=e.useRef(),k=e.useMemo((function(){return{position:u,fixMainPosition:g,fixRelativePosition:w,offsetY:E,offsetX:O,defaultArrow:z,animations:x,zIndex:j,onChange:C}}),[u,g,w,E,O,z,x,C,j]),W=e.useCallback((function(){H.current&&(H.current.style.transition=""),D.current&&(D.current.parentNode.style.transition="")}),[]),q={element:i({display:"inline-block",height:"max-content"},s),arrow:i({visibility:"hidden",left:"0",top:"0",position:"absolute"},v),popper:{position:"absolute",left:"0",top:"0",willChange:"transform",visibility:"hidden",zIndex:j}};!R||A||Y.current||(Y.current=document.createElement("div")),e.useEffect((function(){if(N&&!A){var t=Y.current;return document.body.appendChild(t),function(){return document.body.removeChild(t)}}}),[N,A]),e.useEffect((function(){if(!I)return W(),D.current.parentNode.style.visibility="hidden",void(H.current&&(H.current.style.visibility="hidden"));function t(t){t&&"resize"!==t.type&&!t.target.contains(X.current)||(t&&W(),f(X,D,H,k,t))}return t(),document.addEventListener("scroll",t,!0),window.addEventListener("resize",t),function(){document.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}),[I,k,W]),e.useEffect((function(){return X.current.refreshPosition()}),[N,A]);var F=o.default.createElement(o.default.Fragment,null,function(){var t=o.default.createElement("div",{ref:H,style:q.arrow,className:"ep-arrow ".concat(M?"ep-shadow":""," ").concat(y)});return h&&I?e.cloneElement(t,e.isValidElement(h)?{children:h}:{}):null}(),o.default.createElement("div",{className:M?"ep-popper-shadow":"",style:q.popper},o.default.createElement("div",{ref:D},a)));return o.default.createElement("div",{ref:function(t){t&&(t.removeTransition=W,t.refreshPosition=function(){return setTimeout((function(){return f(X,D,H,k,{})}),10)});if(X.current=t,n instanceof Function)return n(t);n&&(n.current=t)},className:p,style:q.element},l,N&&R?t.createPortal(F,A?L:Y.current):F)}function f(t,e,r,o,n){var l=o.position,c=o.fixMainPosition,u=o.fixRelativePosition,f=o.offsetY,h=void 0===f?0:f,m=o.offsetX,v=void 0===m?0:m,b=o.defaultArrow,y=o.animations,g=void 0===y?[]:y,w=o.zIndex,E=o.onChange;if(t.current&&e.current){var O,x,P,j,M=(x=void 0!==window.pageXOffset,P="CSS1Compat"===(document.compatMode||""),{scrollLeft:x?window.pageXOffset:P?document.documentElement.scrollLeft:document.body.scrollLeft,scrollTop:x?window.pageYOffset:P?document.documentElement.scrollTop:document.body.scrollTop}),C=M.scrollLeft,T=M.scrollTop,S=s(t.current,C,T),N=S.top,L=S.left,R=S.height,A=S.width,z=S.right,I=S.bottom,X=s(e.current,C,T),D=X.top,H=X.left,Y=X.height,k=X.width,W=document.documentElement,q=W.clientHeight,F=W.clientWidth,B=e.current.parentNode,U=function(t){if(!t)return[0,0];var e=a((t.style.transform.match(/translate\((.*?)px,\s(.*?)px\)/)||[]).map((function(t){return Number(t)})),3),r=e[1],o=void 0===r?0:r,n=e[2];return[o,void 0===n?0:n]}(B),V=a(U,2),$=V[0],G=V[1],J=function(t){var e=a(t.split("-"),2),r=e[0],o=void 0===r?"bottom":r,n=e[1],i=void 0===n?"center":n;"auto"===o&&(o="bottom");"auto"===i&&(i="center");var l="top"===o||"bottom"===o,c="left"===o||"right"===o;c&&("start"===i&&(i="top"),"end"===i&&(i="bottom"));l&&("start"===i&&(i="left"),"end"===i&&(i="right"));return[o,i,l,c]}(l),K=a(J,4),Q=K[0],Z=K[1],_=K[2],tt=K[3],et=Q,rt=function(t,e){return"translate(".concat(t,"px, ").concat(e,"px)")},ot=A-k,nt=R-Y,it="left"===Z?0:"right"===Z?ot:ot/2,lt=ot-it,at="top"===Z?0:"bottom"===Z?nt:nt/2,ct=nt-at,ut=L-H+$,ft=N-D+G,st=0,dt=0,pt=d(t.current),ht=[],mt=r.current,vt=s(mt,C,T)||{},bt=vt.height,yt=void 0===bt?0:bt,gt=vt.width,wt=void 0===gt?0:gt,Et=ut,Ot=ft,xt={top:"bottom",bottom:"top",left:"right",right:"left"};for(_&&(ut+=it,ft+="top"===Q?-Y:R,b&&(yt=11,wt=20)),tt&&(ut+="left"===Q?-k:A,ft+=at,b&&(yt=20,wt=11));pt;)ht.push(pt),jt(s(pt,C,T)),pt=d(pt.parentNode);if(jt({top:T,bottom:T+q,left:C,right:C+F,height:q,width:F}),_&&(ft+="bottom"===et?h:-h),tt&&(ut+="right"===et?v:-v),ut-=st,ft-=dt,O=xt[et],mt)_&&((j=A<k)?Et+=A/2:Et=ut+k/2,Et-=wt/2,"bottom"===et&&(Ot=ft,ft+=yt),"top"===et&&(Ot=(ft-=yt)+Y),st<0&&st-it<0&&(j?Et+=(it-st)/2:A-it+st<k&&(Et+=(A-it+st-k)/2)),st>0&&st+lt>0&&(j?Et-=(st+lt)/2:A-st-lt<k&&(Et-=(A-st-lt-k)/2))),tt&&((j=R<Y)?Ot+=R/2:Ot=ft+Y/2,Ot-=yt/2,"left"===et&&(Et=(ut-=wt)+k),"right"===et&&(Et=ut,ut+=wt),dt<0&&dt-at<0&&(j?Ot+=(at-dt)/2:R-at+dt<Y&&(Ot+=(R-at+dt-Y)/2)),dt>0&&dt+ct>0&&(j?Ot-=(dt+ct)/2:R-dt-ct<Y&&(Ot-=(R-dt-ct-Y)/2))),mt.setAttribute("direction",O),mt.style.height=yt+"px",mt.style.width=wt+"px",mt.style.transform=rt(Et,Ot),mt.style.visibility="visible",mt.style.zIndex=w+1;B.style.transform=rt(ut,ft);var Pt={popper:{top:ft,bottom:ft+Y,left:ut,right:ut+k,height:Y,width:k},element:{top:N,bottom:I,left:L,right:z,height:R,width:A},arrow:{top:Ot,bottom:Ot+yt,left:Et,right:Et+wt,height:yt,width:wt,direction:O},position:et+"-"+(0!==st?"auto":Z),scroll:{scrollLeft:C,scrollTop:T},scrollableParents:ht,event:n};n||g.forEach((function(t){t({popper:B,arrow:mt,data:i(i({},Pt),{},{getTransform:rt,mirror:xt})})})),B.style.visibility="visible","function"==typeof E&&E(Pt)}function jt(t){var e=t.top,r=t.bottom,o=t.left,n=t.right,i=t.height,l=t.width;if(_){var a=Math.round(N-e+R/2),f=Math.round(i/2);c||(N-(Y+h+yt)<e&&a<=f&&"top"===et?(ft+=Y+R,et="bottom"):I+Y+h+yt>i+e&&a>=f&&"bottom"===et&&(ft-=Y+R,et="top")),u||(L+it<o&&(st=p(z-wt>o?L+it-o:-A+it+wt,st)),z-lt>n&&(st=p(L+wt<n?z-lt-n:A-lt-wt,st)))}if(tt){var s=Math.round(L-o+A/2),d=Math.round(l/2);c||(L-(k+v+wt)<o&&s<d&&"left"===et?(ut+=A+k,et="right"):z+k+v+wt>n&&s>d&&"right"===et&&(ut-=A+k,et="left")),u||(N+at<e&&(dt=p(I-yt>e?N+at-e:-R+at+yt,dt)),I-ct>r&&(dt=p(N+yt<r?I-ct-r:R-ct-yt,dt)))}}}function s(t,e,r){if(t){var o=t.getBoundingClientRect(),n=o.top,i=o.left,l=o.width,a=o.height,c=n+r,u=i+e;return{top:c,bottom:c+a,left:u,right:u+l,width:l,height:a}}}function d(t){if(t&&"HTML"!==t.tagName){var e=window.getComputedStyle(t),r=function(t){return["auto","scroll"].includes(t)};return t.clientHeight<t.scrollHeight&&r(e.overflowX)||t.clientWidth<t.scrollWidth&&r(e.overflowY)?t:d(t.parentNode)}}function p(t,e){return Math.round(Math.abs(t))>Math.round(Math.abs(e))?t:e}return e.forwardRef(u)}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("react-dom"),require("react")):"function"==typeof define&&define.amd?define(["react-dom","react"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).ElementPopper=e(t.ReactDOM,t.React)}(this,(function(t,e){"use strict";function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(e);function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){l(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function l(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==r)return;var o,n,i=[],l=!0,a=!1;try{for(r=r.call(t);!(l=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);l=!0);}catch(t){a=!0,n=t}finally{try{l||null==r.return||r.return()}finally{if(a)throw n}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return c(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return c(t,e)}(t,e)||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 c(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function u(r,n){var l=r.element,a=r.popper,c=r.position,u=void 0===c?"bottom-center":c,s=r.containerStyle,d=r.containerClassName,p=void 0===d?"":d,h=r.arrow,m=r.arrowStyle,v=void 0===m?{}:m,b=r.arrowClassName,y=void 0===b?"":b,g=r.fixMainPosition,w=r.fixRelativePosition,E=r.offsetY,O=r.offsetX,x=r.animations,P=r.zIndex,j=void 0===P?0:P,M=r.popperShadow,C=r.onChange,T=r.active,S=void 0===T||T,N=r.portal,L=r.portalTarget,R="undefined"!=typeof window,A=R&&L instanceof HTMLElement,z=!0===h,I=a&&!0===S,X=e.useRef(),D=e.useRef(),H=e.useRef(),Y=e.useRef(),k=e.useMemo((function(){return{position:u,fixMainPosition:g,fixRelativePosition:w,offsetY:E,offsetX:O,defaultArrow:z,animations:x,zIndex:j,onChange:C}}),[u,g,w,E,O,z,x,C,j]),W=e.useCallback((function(){H.current&&(H.current.style.transition=""),D.current&&(D.current.parentNode.style.transition="")}),[]),q={element:i({display:"inline-block",height:"max-content"},s),arrow:i({visibility:"hidden",left:"0",top:"0",position:"absolute"},v),popper:{position:"absolute",left:"0",top:"0",willChange:"transform",visibility:"hidden",zIndex:j}};!R||A||Y.current||(Y.current=document.createElement("div")),e.useEffect((function(){if(N&&!A){var t=Y.current;return document.body.appendChild(t),function(){return document.body.removeChild(t)}}}),[N,A]),e.useEffect((function(){if(!I)return W(),D.current.parentNode.style.visibility="hidden",void(H.current&&(H.current.style.visibility="hidden"));function t(t){t&&"resize"!==t.type&&!t.target.contains(X.current)||(t&&W(),f(X,D,H,k,t))}return t(),document.addEventListener("scroll",t,!0),window.addEventListener("resize",t),function(){document.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}),[I,k,W]),e.useEffect((function(){I&&X.current.refreshPosition()}),[N,A,I]);var F=o.default.createElement(o.default.Fragment,null,function(){var t=o.default.createElement("div",{ref:H,style:q.arrow,className:"ep-arrow ".concat(M?"ep-shadow":""," ").concat(y)});return h&&I?e.cloneElement(t,e.isValidElement(h)?{children:h}:{}):null}(),o.default.createElement("div",{className:M?"ep-popper-shadow":"",style:q.popper},o.default.createElement("div",{ref:D},a)));return o.default.createElement("div",{ref:function(t){t&&(t.removeTransition=W,t.refreshPosition=function(){return setTimeout((function(){return f(X,D,H,k,{})}),10)});if(X.current=t,n instanceof Function)return n(t);n&&(n.current=t)},className:p,style:q.element},l,N&&R?t.createPortal(F,A?L:Y.current):F)}function f(t,e,r,o,n){var l=o.position,c=o.fixMainPosition,u=o.fixRelativePosition,f=o.offsetY,h=void 0===f?0:f,m=o.offsetX,v=void 0===m?0:m,b=o.defaultArrow,y=o.animations,g=void 0===y?[]:y,w=o.zIndex,E=o.onChange;if(t.current&&e.current){var O,x,P,j,M=(x=void 0!==window.pageXOffset,P="CSS1Compat"===(document.compatMode||""),{scrollLeft:x?window.pageXOffset:P?document.documentElement.scrollLeft:document.body.scrollLeft,scrollTop:x?window.pageYOffset:P?document.documentElement.scrollTop:document.body.scrollTop}),C=M.scrollLeft,T=M.scrollTop,S=s(t.current,C,T),N=S.top,L=S.left,R=S.height,A=S.width,z=S.right,I=S.bottom,X=s(e.current,C,T),D=X.top,H=X.left,Y=X.height,k=X.width,W=document.documentElement,q=W.clientHeight,F=W.clientWidth,B=e.current.parentNode,U=function(t){if(!t)return[0,0];var e=a((t.style.transform.match(/translate\((.*?)px,\s(.*?)px\)/)||[]).map((function(t){return Number(t)})),3),r=e[1],o=void 0===r?0:r,n=e[2];return[o,void 0===n?0:n]}(B),V=a(U,2),$=V[0],G=V[1],J=function(t){var e=a(t.split("-"),2),r=e[0],o=void 0===r?"bottom":r,n=e[1],i=void 0===n?"center":n;"auto"===o&&(o="bottom");"auto"===i&&(i="center");var l="top"===o||"bottom"===o,c="left"===o||"right"===o;c&&("start"===i&&(i="top"),"end"===i&&(i="bottom"));l&&("start"===i&&(i="left"),"end"===i&&(i="right"));return[o,i,l,c]}(l),K=a(J,4),Q=K[0],Z=K[1],_=K[2],tt=K[3],et=Q,rt=function(t,e){return"translate(".concat(t,"px, ").concat(e,"px)")},ot=A-k,nt=R-Y,it="left"===Z?0:"right"===Z?ot:ot/2,lt=ot-it,at="top"===Z?0:"bottom"===Z?nt:nt/2,ct=nt-at,ut=L-H+$,ft=N-D+G,st=0,dt=0,pt=d(t.current),ht=[],mt=r.current,vt=s(mt,C,T)||{},bt=vt.height,yt=void 0===bt?0:bt,gt=vt.width,wt=void 0===gt?0:gt,Et=ut,Ot=ft,xt={top:"bottom",bottom:"top",left:"right",right:"left"};for(_&&(ut+=it,ft+="top"===Q?-Y:R,b&&(yt=11,wt=20)),tt&&(ut+="left"===Q?-k:A,ft+=at,b&&(yt=20,wt=11));pt;)ht.push(pt),jt(s(pt,C,T)),pt=d(pt.parentNode);if(jt({top:T,bottom:T+q,left:C,right:C+F,height:q,width:F}),_&&(ft+="bottom"===et?h:-h),tt&&(ut+="right"===et?v:-v),ut-=st,ft-=dt,O=xt[et],mt)_&&((j=A<k)?Et+=A/2:Et=ut+k/2,Et-=wt/2,"bottom"===et&&(Ot=ft,ft+=yt),"top"===et&&(Ot=(ft-=yt)+Y),st<0&&st-it<0&&(j?Et+=(it-st)/2:A-it+st<k&&(Et+=(A-it+st-k)/2)),st>0&&st+lt>0&&(j?Et-=(st+lt)/2:A-st-lt<k&&(Et-=(A-st-lt-k)/2))),tt&&((j=R<Y)?Ot+=R/2:Ot=ft+Y/2,Ot-=yt/2,"left"===et&&(Et=(ut-=wt)+k),"right"===et&&(Et=ut,ut+=wt),dt<0&&dt-at<0&&(j?Ot+=(at-dt)/2:R-at+dt<Y&&(Ot+=(R-at+dt-Y)/2)),dt>0&&dt+ct>0&&(j?Ot-=(dt+ct)/2:R-dt-ct<Y&&(Ot-=(R-dt-ct-Y)/2))),mt.setAttribute("direction",O),mt.style.height=yt+"px",mt.style.width=wt+"px",mt.style.transform=rt(Et,Ot),mt.style.visibility="visible",mt.style.zIndex=w+1;B.style.transform=rt(ut,ft);var Pt={popper:{top:ft,bottom:ft+Y,left:ut,right:ut+k,height:Y,width:k},element:{top:N,bottom:I,left:L,right:z,height:R,width:A},arrow:{top:Ot,bottom:Ot+yt,left:Et,right:Et+wt,height:yt,width:wt,direction:O},position:et+"-"+(0!==st?"auto":Z),scroll:{scrollLeft:C,scrollTop:T},scrollableParents:ht,event:n};n||g.forEach((function(t){t({popper:B,arrow:mt,data:i(i({},Pt),{},{getTransform:rt,mirror:xt})})})),B.style.visibility="visible","function"==typeof E&&E(Pt)}function jt(t){var e=t.top,r=t.bottom,o=t.left,n=t.right,i=t.height,l=t.width;if(_){var a=Math.round(N-e+R/2),f=Math.round(i/2);c||(N-(Y+h+yt)<e&&a<=f&&"top"===et?(ft+=Y+R,et="bottom"):I+Y+h+yt>i+e&&a>=f&&"bottom"===et&&(ft-=Y+R,et="top")),u||(L+it<o&&(st=p(z-wt>o?L+it-o:-A+it+wt,st)),z-lt>n&&(st=p(L+wt<n?z-lt-n:A-lt-wt,st)))}if(tt){var s=Math.round(L-o+A/2),d=Math.round(l/2);c||(L-(k+v+wt)<o&&s<d&&"left"===et?(ut+=A+k,et="right"):z+k+v+wt>n&&s>d&&"right"===et&&(ut-=A+k,et="left")),u||(N+at<e&&(dt=p(I-yt>e?N+at-e:-R+at+yt,dt)),I-ct>r&&(dt=p(N+yt<r?I-ct-r:R-ct-yt,dt)))}}}function s(t,e,r){if(t){var o=t.getBoundingClientRect(),n=o.top,i=o.left,l=o.width,a=o.height,c=n+r,u=i+e;return{top:c,bottom:c+a,left:u,right:u+l,width:l,height:a}}}function d(t){if(t&&"HTML"!==t.tagName){var e=window.getComputedStyle(t),r=function(t){return["auto","scroll"].includes(t)};return t.clientHeight<t.scrollHeight&&r(e.overflowX)||t.clientWidth<t.scrollWidth&&r(e.overflowY)?t:d(t.parentNode)}}function p(t,e){return Math.round(Math.abs(t))>Math.round(Math.abs(e))?t:e}return e.forwardRef(u)}));

build/index.min.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-dom"),e=require("react");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(e);function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){a(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==r)return;var o,n,i=[],a=!0,l=!1;try{for(r=r.call(t);!(a=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(t){l=!0,n=t}finally{try{a||null==r.return||r.return()}finally{if(l)throw n}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return u(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return u(t,e)}(t,e)||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 u(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function c(r,n){var a=r.element,l=r.popper,u=r.position,c=void 0===u?"bottom-center":u,f=r.containerStyle,d=r.containerClassName,p=void 0===d?"":d,h=r.arrow,m=r.arrowStyle,v=void 0===m?{}:m,b=r.arrowClassName,y=void 0===b?"":b,g=r.fixMainPosition,w=r.fixRelativePosition,O=r.offsetY,E=r.offsetX,x=r.animations,P=r.zIndex,j=void 0===P?0:P,M=r.popperShadow,C=r.onChange,S=r.active,N=void 0===S||S,T=r.portal,L=r.portalTarget,A="undefined"!=typeof window,R=A&&L instanceof HTMLElement,z=!0===h,I=l&&!0===N,X=e.useRef(),H=e.useRef(),Y=e.useRef(),D=e.useRef(),k=e.useMemo((function(){return{position:c,fixMainPosition:g,fixRelativePosition:w,offsetY:O,offsetX:E,defaultArrow:z,animations:x,zIndex:j,onChange:C}}),[c,g,w,O,E,z,x,C,j]),W=e.useCallback((function(){Y.current&&(Y.current.style.transition=""),H.current&&(H.current.parentNode.style.transition="")}),[]),q={element:i({display:"inline-block",height:"max-content"},f),arrow:i({visibility:"hidden",left:"0",top:"0",position:"absolute"},v),popper:{position:"absolute",left:"0",top:"0",willChange:"transform",visibility:"hidden",zIndex:j}};!A||R||D.current||(D.current=document.createElement("div")),e.useEffect((function(){if(T&&!R){var t=D.current;return document.body.appendChild(t),function(){return document.body.removeChild(t)}}}),[T,R]),e.useEffect((function(){if(!I)return W(),H.current.parentNode.style.visibility="hidden",void(Y.current&&(Y.current.style.visibility="hidden"));function t(t){t&&"resize"!==t.type&&!t.target.contains(X.current)||(t&&W(),s(X,H,Y,k,t))}return t(),document.addEventListener("scroll",t,!0),window.addEventListener("resize",t),function(){document.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}),[I,k,W]),e.useEffect((function(){return X.current.refreshPosition()}),[T,R]);var F=o.default.createElement(o.default.Fragment,null,function(){var t=o.default.createElement("div",{ref:Y,style:q.arrow,className:"ep-arrow ".concat(M?"ep-shadow":""," ").concat(y)});return h&&I?e.cloneElement(t,e.isValidElement(h)?{children:h}:{}):null}(),o.default.createElement("div",{className:M?"ep-popper-shadow":"",style:q.popper},o.default.createElement("div",{ref:H},l)));return o.default.createElement("div",{ref:function(t){t&&(t.removeTransition=W,t.refreshPosition=function(){return setTimeout((function(){return s(X,H,Y,k,{})}),10)});if(X.current=t,n instanceof Function)return n(t);n&&(n.current=t)},className:p,style:q.element},a,T&&A?t.createPortal(F,R?L:D.current):F)}var f=e.forwardRef(c);function s(t,e,r,o,n){var a=o.position,u=o.fixMainPosition,c=o.fixRelativePosition,f=o.offsetY,s=void 0===f?0:f,m=o.offsetX,v=void 0===m?0:m,b=o.defaultArrow,y=o.animations,g=void 0===y?[]:y,w=o.zIndex,O=o.onChange;if(t.current&&e.current){var E,x,P,j,M=(x=void 0!==window.pageXOffset,P="CSS1Compat"===(document.compatMode||""),{scrollLeft:x?window.pageXOffset:P?document.documentElement.scrollLeft:document.body.scrollLeft,scrollTop:x?window.pageYOffset:P?document.documentElement.scrollTop:document.body.scrollTop}),C=M.scrollLeft,S=M.scrollTop,N=d(t.current,C,S),T=N.top,L=N.left,A=N.height,R=N.width,z=N.right,I=N.bottom,X=d(e.current,C,S),H=X.top,Y=X.left,D=X.height,k=X.width,W=document.documentElement,q=W.clientHeight,F=W.clientWidth,_=e.current.parentNode,B=function(t){if(!t)return[0,0];var e=l((t.style.transform.match(/translate\((.*?)px,\s(.*?)px\)/)||[]).map((function(t){return Number(t)})),3),r=e[1],o=void 0===r?0:r,n=e[2];return[o,void 0===n?0:n]}(_),U=l(B,2),V=U[0],$=U[1],G=function(t){var e=l(t.split("-"),2),r=e[0],o=void 0===r?"bottom":r,n=e[1],i=void 0===n?"center":n;"auto"===o&&(o="bottom");"auto"===i&&(i="center");var a="top"===o||"bottom"===o,u="left"===o||"right"===o;u&&("start"===i&&(i="top"),"end"===i&&(i="bottom"));a&&("start"===i&&(i="left"),"end"===i&&(i="right"));return[o,i,a,u]}(a),J=l(G,4),K=J[0],Q=J[1],Z=J[2],tt=J[3],et=K,rt=function(t,e){return"translate(".concat(t,"px, ").concat(e,"px)")},ot=R-k,nt=A-D,it="left"===Q?0:"right"===Q?ot:ot/2,at=ot-it,lt="top"===Q?0:"bottom"===Q?nt:nt/2,ut=nt-lt,ct=L-Y+V,ft=T-H+$,st=0,dt=0,pt=p(t.current),ht=[],mt=r.current,vt=d(mt,C,S)||{},bt=vt.height,yt=void 0===bt?0:bt,gt=vt.width,wt=void 0===gt?0:gt,Ot=ct,Et=ft,xt={top:"bottom",bottom:"top",left:"right",right:"left"};for(Z&&(ct+=it,ft+="top"===K?-D:A,b&&(yt=11,wt=20)),tt&&(ct+="left"===K?-k:R,ft+=lt,b&&(yt=20,wt=11));pt;)ht.push(pt),jt(d(pt,C,S)),pt=p(pt.parentNode);if(jt({top:S,bottom:S+q,left:C,right:C+F,height:q,width:F}),Z&&(ft+="bottom"===et?s:-s),tt&&(ct+="right"===et?v:-v),ct-=st,ft-=dt,E=xt[et],mt)Z&&((j=R<k)?Ot+=R/2:Ot=ct+k/2,Ot-=wt/2,"bottom"===et&&(Et=ft,ft+=yt),"top"===et&&(Et=(ft-=yt)+D),st<0&&st-it<0&&(j?Ot+=(it-st)/2:R-it+st<k&&(Ot+=(R-it+st-k)/2)),st>0&&st+at>0&&(j?Ot-=(st+at)/2:R-st-at<k&&(Ot-=(R-st-at-k)/2))),tt&&((j=A<D)?Et+=A/2:Et=ft+D/2,Et-=yt/2,"left"===et&&(Ot=(ct-=wt)+k),"right"===et&&(Ot=ct,ct+=wt),dt<0&&dt-lt<0&&(j?Et+=(lt-dt)/2:A-lt+dt<D&&(Et+=(A-lt+dt-D)/2)),dt>0&&dt+ut>0&&(j?Et-=(dt+ut)/2:A-dt-ut<D&&(Et-=(A-dt-ut-D)/2))),mt.setAttribute("direction",E),mt.style.height=yt+"px",mt.style.width=wt+"px",mt.style.transform=rt(Ot,Et),mt.style.visibility="visible",mt.style.zIndex=w+1;_.style.transform=rt(ct,ft);var Pt={popper:{top:ft,bottom:ft+D,left:ct,right:ct+k,height:D,width:k},element:{top:T,bottom:I,left:L,right:z,height:A,width:R},arrow:{top:Et,bottom:Et+yt,left:Ot,right:Ot+wt,height:yt,width:wt,direction:E},position:et+"-"+(0!==st?"auto":Q),scroll:{scrollLeft:C,scrollTop:S},scrollableParents:ht,event:n};n||g.forEach((function(t){t({popper:_,arrow:mt,data:i(i({},Pt),{},{getTransform:rt,mirror:xt})})})),_.style.visibility="visible","function"==typeof O&&O(Pt)}function jt(t){var e=t.top,r=t.bottom,o=t.left,n=t.right,i=t.height,a=t.width;if(Z){var l=Math.round(T-e+A/2),f=Math.round(i/2);u||(T-(D+s+yt)<e&&l<=f&&"top"===et?(ft+=D+A,et="bottom"):I+D+s+yt>i+e&&l>=f&&"bottom"===et&&(ft-=D+A,et="top")),c||(L+it<o&&(st=h(z-wt>o?L+it-o:-R+it+wt,st)),z-at>n&&(st=h(L+wt<n?z-at-n:R-at-wt,st)))}if(tt){var d=Math.round(L-o+R/2),p=Math.round(a/2);u||(L-(k+v+wt)<o&&d<p&&"left"===et?(ct+=R+k,et="right"):z+k+v+wt>n&&d>p&&"right"===et&&(ct-=R+k,et="left")),c||(T+lt<e&&(dt=h(I-yt>e?T+lt-e:-A+lt+yt,dt)),I-ut>r&&(dt=h(T+yt<r?I-ut-r:A-ut-yt,dt)))}}}function d(t,e,r){if(t){var o=t.getBoundingClientRect(),n=o.top,i=o.left,a=o.width,l=o.height,u=n+r,c=i+e;return{top:u,bottom:u+l,left:c,right:c+a,width:a,height:l}}}function p(t){if(t&&"HTML"!==t.tagName){var e=window.getComputedStyle(t),r=function(t){return["auto","scroll"].includes(t)};return t.clientHeight<t.scrollHeight&&r(e.overflowX)||t.clientWidth<t.scrollWidth&&r(e.overflowY)?t:p(t.parentNode)}}function h(t,e){return Math.round(Math.abs(t))>Math.round(Math.abs(e))?t:e}exports.default=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-dom"),e=require("react");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(e);function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){a(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==r)return;var o,n,i=[],a=!0,l=!1;try{for(r=r.call(t);!(a=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(t){l=!0,n=t}finally{try{a||null==r.return||r.return()}finally{if(l)throw n}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return u(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return u(t,e)}(t,e)||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 u(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function c(r,n){var a=r.element,l=r.popper,u=r.position,c=void 0===u?"bottom-center":u,f=r.containerStyle,d=r.containerClassName,p=void 0===d?"":d,h=r.arrow,m=r.arrowStyle,v=void 0===m?{}:m,b=r.arrowClassName,y=void 0===b?"":b,g=r.fixMainPosition,w=r.fixRelativePosition,O=r.offsetY,E=r.offsetX,x=r.animations,P=r.zIndex,j=void 0===P?0:P,M=r.popperShadow,C=r.onChange,S=r.active,N=void 0===S||S,T=r.portal,L=r.portalTarget,A="undefined"!=typeof window,R=A&&L instanceof HTMLElement,z=!0===h,I=l&&!0===N,X=e.useRef(),H=e.useRef(),Y=e.useRef(),D=e.useRef(),k=e.useMemo((function(){return{position:c,fixMainPosition:g,fixRelativePosition:w,offsetY:O,offsetX:E,defaultArrow:z,animations:x,zIndex:j,onChange:C}}),[c,g,w,O,E,z,x,C,j]),W=e.useCallback((function(){Y.current&&(Y.current.style.transition=""),H.current&&(H.current.parentNode.style.transition="")}),[]),q={element:i({display:"inline-block",height:"max-content"},f),arrow:i({visibility:"hidden",left:"0",top:"0",position:"absolute"},v),popper:{position:"absolute",left:"0",top:"0",willChange:"transform",visibility:"hidden",zIndex:j}};!A||R||D.current||(D.current=document.createElement("div")),e.useEffect((function(){if(T&&!R){var t=D.current;return document.body.appendChild(t),function(){return document.body.removeChild(t)}}}),[T,R]),e.useEffect((function(){if(!I)return W(),H.current.parentNode.style.visibility="hidden",void(Y.current&&(Y.current.style.visibility="hidden"));function t(t){t&&"resize"!==t.type&&!t.target.contains(X.current)||(t&&W(),s(X,H,Y,k,t))}return t(),document.addEventListener("scroll",t,!0),window.addEventListener("resize",t),function(){document.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}),[I,k,W]),e.useEffect((function(){I&&X.current.refreshPosition()}),[T,R,I]);var F=o.default.createElement(o.default.Fragment,null,function(){var t=o.default.createElement("div",{ref:Y,style:q.arrow,className:"ep-arrow ".concat(M?"ep-shadow":""," ").concat(y)});return h&&I?e.cloneElement(t,e.isValidElement(h)?{children:h}:{}):null}(),o.default.createElement("div",{className:M?"ep-popper-shadow":"",style:q.popper},o.default.createElement("div",{ref:H},l)));return o.default.createElement("div",{ref:function(t){t&&(t.removeTransition=W,t.refreshPosition=function(){return setTimeout((function(){return s(X,H,Y,k,{})}),10)});if(X.current=t,n instanceof Function)return n(t);n&&(n.current=t)},className:p,style:q.element},a,T&&A?t.createPortal(F,R?L:D.current):F)}var f=e.forwardRef(c);function s(t,e,r,o,n){var a=o.position,u=o.fixMainPosition,c=o.fixRelativePosition,f=o.offsetY,s=void 0===f?0:f,m=o.offsetX,v=void 0===m?0:m,b=o.defaultArrow,y=o.animations,g=void 0===y?[]:y,w=o.zIndex,O=o.onChange;if(t.current&&e.current){var E,x,P,j,M=(x=void 0!==window.pageXOffset,P="CSS1Compat"===(document.compatMode||""),{scrollLeft:x?window.pageXOffset:P?document.documentElement.scrollLeft:document.body.scrollLeft,scrollTop:x?window.pageYOffset:P?document.documentElement.scrollTop:document.body.scrollTop}),C=M.scrollLeft,S=M.scrollTop,N=d(t.current,C,S),T=N.top,L=N.left,A=N.height,R=N.width,z=N.right,I=N.bottom,X=d(e.current,C,S),H=X.top,Y=X.left,D=X.height,k=X.width,W=document.documentElement,q=W.clientHeight,F=W.clientWidth,_=e.current.parentNode,B=function(t){if(!t)return[0,0];var e=l((t.style.transform.match(/translate\((.*?)px,\s(.*?)px\)/)||[]).map((function(t){return Number(t)})),3),r=e[1],o=void 0===r?0:r,n=e[2];return[o,void 0===n?0:n]}(_),U=l(B,2),V=U[0],$=U[1],G=function(t){var e=l(t.split("-"),2),r=e[0],o=void 0===r?"bottom":r,n=e[1],i=void 0===n?"center":n;"auto"===o&&(o="bottom");"auto"===i&&(i="center");var a="top"===o||"bottom"===o,u="left"===o||"right"===o;u&&("start"===i&&(i="top"),"end"===i&&(i="bottom"));a&&("start"===i&&(i="left"),"end"===i&&(i="right"));return[o,i,a,u]}(a),J=l(G,4),K=J[0],Q=J[1],Z=J[2],tt=J[3],et=K,rt=function(t,e){return"translate(".concat(t,"px, ").concat(e,"px)")},ot=R-k,nt=A-D,it="left"===Q?0:"right"===Q?ot:ot/2,at=ot-it,lt="top"===Q?0:"bottom"===Q?nt:nt/2,ut=nt-lt,ct=L-Y+V,ft=T-H+$,st=0,dt=0,pt=p(t.current),ht=[],mt=r.current,vt=d(mt,C,S)||{},bt=vt.height,yt=void 0===bt?0:bt,gt=vt.width,wt=void 0===gt?0:gt,Ot=ct,Et=ft,xt={top:"bottom",bottom:"top",left:"right",right:"left"};for(Z&&(ct+=it,ft+="top"===K?-D:A,b&&(yt=11,wt=20)),tt&&(ct+="left"===K?-k:R,ft+=lt,b&&(yt=20,wt=11));pt;)ht.push(pt),jt(d(pt,C,S)),pt=p(pt.parentNode);if(jt({top:S,bottom:S+q,left:C,right:C+F,height:q,width:F}),Z&&(ft+="bottom"===et?s:-s),tt&&(ct+="right"===et?v:-v),ct-=st,ft-=dt,E=xt[et],mt)Z&&((j=R<k)?Ot+=R/2:Ot=ct+k/2,Ot-=wt/2,"bottom"===et&&(Et=ft,ft+=yt),"top"===et&&(Et=(ft-=yt)+D),st<0&&st-it<0&&(j?Ot+=(it-st)/2:R-it+st<k&&(Ot+=(R-it+st-k)/2)),st>0&&st+at>0&&(j?Ot-=(st+at)/2:R-st-at<k&&(Ot-=(R-st-at-k)/2))),tt&&((j=A<D)?Et+=A/2:Et=ft+D/2,Et-=yt/2,"left"===et&&(Ot=(ct-=wt)+k),"right"===et&&(Ot=ct,ct+=wt),dt<0&&dt-lt<0&&(j?Et+=(lt-dt)/2:A-lt+dt<D&&(Et+=(A-lt+dt-D)/2)),dt>0&&dt+ut>0&&(j?Et-=(dt+ut)/2:A-dt-ut<D&&(Et-=(A-dt-ut-D)/2))),mt.setAttribute("direction",E),mt.style.height=yt+"px",mt.style.width=wt+"px",mt.style.transform=rt(Ot,Et),mt.style.visibility="visible",mt.style.zIndex=w+1;_.style.transform=rt(ct,ft);var Pt={popper:{top:ft,bottom:ft+D,left:ct,right:ct+k,height:D,width:k},element:{top:T,bottom:I,left:L,right:z,height:A,width:R},arrow:{top:Et,bottom:Et+yt,left:Ot,right:Ot+wt,height:yt,width:wt,direction:E},position:et+"-"+(0!==st?"auto":Q),scroll:{scrollLeft:C,scrollTop:S},scrollableParents:ht,event:n};n||g.forEach((function(t){t({popper:_,arrow:mt,data:i(i({},Pt),{},{getTransform:rt,mirror:xt})})})),_.style.visibility="visible","function"==typeof O&&O(Pt)}function jt(t){var e=t.top,r=t.bottom,o=t.left,n=t.right,i=t.height,a=t.width;if(Z){var l=Math.round(T-e+A/2),f=Math.round(i/2);u||(T-(D+s+yt)<e&&l<=f&&"top"===et?(ft+=D+A,et="bottom"):I+D+s+yt>i+e&&l>=f&&"bottom"===et&&(ft-=D+A,et="top")),c||(L+it<o&&(st=h(z-wt>o?L+it-o:-R+it+wt,st)),z-at>n&&(st=h(L+wt<n?z-at-n:R-at-wt,st)))}if(tt){var d=Math.round(L-o+R/2),p=Math.round(a/2);u||(L-(k+v+wt)<o&&d<p&&"left"===et?(ct+=R+k,et="right"):z+k+v+wt>n&&d>p&&"right"===et&&(ct-=R+k,et="left")),c||(T+lt<e&&(dt=h(I-yt>e?T+lt-e:-A+lt+yt,dt)),I-ut>r&&(dt=h(T+yt<r?I-ut-r:A-ut-yt,dt)))}}}function d(t,e,r){if(t){var o=t.getBoundingClientRect(),n=o.top,i=o.left,a=o.width,l=o.height,u=n+r,c=i+e;return{top:u,bottom:u+l,left:c,right:c+a,width:a,height:l}}}function p(t){if(t&&"HTML"!==t.tagName){var e=window.getComputedStyle(t),r=function(t){return["auto","scroll"].includes(t)};return t.clientHeight<t.scrollHeight&&r(e.overflowX)||t.clientWidth<t.scrollWidth&&r(e.overflowY)?t:p(t.parentNode)}}function h(t,e){return Math.round(Math.abs(t))>Math.round(Math.abs(e))?t:e}exports.default=f;

build/index.module.js

@@ -1,1 +0,1 @@
-import{createPortal as t}from"react-dom";import e,{forwardRef as r,useRef as o,useMemo as n,useCallback as i,useEffect as a,cloneElement as l,isValidElement as c}from"react";function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){s(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function s(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==r)return;var o,n,i=[],a=!0,l=!1;try{for(r=r.call(t);!(a=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(t){l=!0,n=t}finally{try{a||null==r.return||r.return()}finally{if(l)throw n}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return p(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return p(t,e)}(t,e)||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 p(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function h(r,u){var s=r.element,d=r.popper,p=r.position,h=void 0===p?"bottom-center":p,m=r.containerStyle,b=r.containerClassName,y=void 0===b?"":b,g=r.arrow,w=r.arrowStyle,O=void 0===w?{}:w,x=r.arrowClassName,E=void 0===x?"":x,P=r.fixMainPosition,j=r.fixRelativePosition,M=r.offsetY,C=r.offsetX,S=r.animations,N=r.zIndex,T=void 0===N?0:N,L=r.popperShadow,A=r.onChange,z=r.active,I=void 0===z||z,X=r.portal,H=r.portalTarget,Y="undefined"!=typeof window,D=Y&&H instanceof HTMLElement,R=!0===g,W=d&&!0===I,k=o(),F=o(),B=o(),U=o(),$=n((function(){return{position:h,fixMainPosition:P,fixRelativePosition:j,offsetY:M,offsetX:C,defaultArrow:R,animations:S,zIndex:T,onChange:A}}),[h,P,j,M,C,R,S,A,T]),q=i((function(){B.current&&(B.current.style.transition=""),F.current&&(F.current.parentNode.style.transition="")}),[]),G={element:f({display:"inline-block",height:"max-content"},m),arrow:f({visibility:"hidden",left:"0",top:"0",position:"absolute"},O),popper:{position:"absolute",left:"0",top:"0",willChange:"transform",visibility:"hidden",zIndex:T}};!Y||D||U.current||(U.current=document.createElement("div")),a((function(){if(X&&!D){var t=U.current;return document.body.appendChild(t),function(){return document.body.removeChild(t)}}}),[X,D]),a((function(){if(!W)return q(),F.current.parentNode.style.visibility="hidden",void(B.current&&(B.current.style.visibility="hidden"));function t(t){t&&"resize"!==t.type&&!t.target.contains(k.current)||(t&&q(),v(k,F,B,$,t))}return t(),document.addEventListener("scroll",t,!0),window.addEventListener("resize",t),function(){document.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}),[W,$,q]),a((function(){return k.current.refreshPosition()}),[X,D]);var J=e.createElement(e.Fragment,null,function(){var t=e.createElement("div",{ref:B,style:G.arrow,className:"ep-arrow ".concat(L?"ep-shadow":""," ").concat(E)});return g&&W?l(t,c(g)?{children:g}:{}):null}(),e.createElement("div",{className:L?"ep-popper-shadow":"",style:G.popper},e.createElement("div",{ref:F},d)));return e.createElement("div",{ref:function(t){t&&(t.removeTransition=q,t.refreshPosition=function(){return setTimeout((function(){return v(k,F,B,$,{})}),10)});if(k.current=t,u instanceof Function)return u(t);u&&(u.current=t)},className:y,style:G.element},s,X&&Y?t(J,D?H:U.current):J)}var m=r(h);function v(t,e,r,o,n){var i=o.position,a=o.fixMainPosition,l=o.fixRelativePosition,c=o.offsetY,u=void 0===c?0:c,s=o.offsetX,p=void 0===s?0:s,h=o.defaultArrow,m=o.animations,v=void 0===m?[]:m,w=o.zIndex,O=o.onChange;if(t.current&&e.current){var x,E,P,j,M=(E=void 0!==window.pageXOffset,P="CSS1Compat"===(document.compatMode||""),{scrollLeft:E?window.pageXOffset:P?document.documentElement.scrollLeft:document.body.scrollLeft,scrollTop:E?window.pageYOffset:P?document.documentElement.scrollTop:document.body.scrollTop}),C=M.scrollLeft,S=M.scrollTop,N=b(t.current,C,S),T=N.top,L=N.left,A=N.height,z=N.width,I=N.right,X=N.bottom,H=b(e.current,C,S),Y=H.top,D=H.left,R=H.height,W=H.width,k=document.documentElement,F=k.clientHeight,B=k.clientWidth,U=e.current.parentNode,$=function(t){if(!t)return[0,0];var e=d((t.style.transform.match(/translate\((.*?)px,\s(.*?)px\)/)||[]).map((function(t){return Number(t)})),3),r=e[1],o=void 0===r?0:r,n=e[2];return[o,void 0===n?0:n]}(U),q=d($,2),G=q[0],J=q[1],K=function(t){var e=d(t.split("-"),2),r=e[0],o=void 0===r?"bottom":r,n=e[1],i=void 0===n?"center":n;"auto"===o&&(o="bottom");"auto"===i&&(i="center");var a="top"===o||"bottom"===o,l="left"===o||"right"===o;l&&("start"===i&&(i="top"),"end"===i&&(i="bottom"));a&&("start"===i&&(i="left"),"end"===i&&(i="right"));return[o,i,a,l]}(i),Q=d(K,4),V=Q[0],Z=Q[1],_=Q[2],tt=Q[3],et=V,rt=function(t,e){return"translate(".concat(t,"px, ").concat(e,"px)")},ot=z-W,nt=A-R,it="left"===Z?0:"right"===Z?ot:ot/2,at=ot-it,lt="top"===Z?0:"bottom"===Z?nt:nt/2,ct=nt-lt,ut=L-D+G,ft=T-Y+J,st=0,dt=0,pt=y(t.current),ht=[],mt=r.current,vt=b(mt,C,S)||{},bt=vt.height,yt=void 0===bt?0:bt,gt=vt.width,wt=void 0===gt?0:gt,Ot=ut,xt=ft,Et={top:"bottom",bottom:"top",left:"right",right:"left"};for(_&&(ut+=it,ft+="top"===V?-R:A,h&&(yt=11,wt=20)),tt&&(ut+="left"===V?-W:z,ft+=lt,h&&(yt=20,wt=11));pt;)ht.push(pt),jt(b(pt,C,S)),pt=y(pt.parentNode);if(jt({top:S,bottom:S+F,left:C,right:C+B,height:F,width:B}),_&&(ft+="bottom"===et?u:-u),tt&&(ut+="right"===et?p:-p),ut-=st,ft-=dt,x=Et[et],mt)_&&((j=z<W)?Ot+=z/2:Ot=ut+W/2,Ot-=wt/2,"bottom"===et&&(xt=ft,ft+=yt),"top"===et&&(xt=(ft-=yt)+R),st<0&&st-it<0&&(j?Ot+=(it-st)/2:z-it+st<W&&(Ot+=(z-it+st-W)/2)),st>0&&st+at>0&&(j?Ot-=(st+at)/2:z-st-at<W&&(Ot-=(z-st-at-W)/2))),tt&&((j=A<R)?xt+=A/2:xt=ft+R/2,xt-=yt/2,"left"===et&&(Ot=(ut-=wt)+W),"right"===et&&(Ot=ut,ut+=wt),dt<0&&dt-lt<0&&(j?xt+=(lt-dt)/2:A-lt+dt<R&&(xt+=(A-lt+dt-R)/2)),dt>0&&dt+ct>0&&(j?xt-=(dt+ct)/2:A-dt-ct<R&&(xt-=(A-dt-ct-R)/2))),mt.setAttribute("direction",x),mt.style.height=yt+"px",mt.style.width=wt+"px",mt.style.transform=rt(Ot,xt),mt.style.visibility="visible",mt.style.zIndex=w+1;U.style.transform=rt(ut,ft);var Pt={popper:{top:ft,bottom:ft+R,left:ut,right:ut+W,height:R,width:W},element:{top:T,bottom:X,left:L,right:I,height:A,width:z},arrow:{top:xt,bottom:xt+yt,left:Ot,right:Ot+wt,height:yt,width:wt,direction:x},position:et+"-"+(0!==st?"auto":Z),scroll:{scrollLeft:C,scrollTop:S},scrollableParents:ht,event:n};n||v.forEach((function(t){t({popper:U,arrow:mt,data:f(f({},Pt),{},{getTransform:rt,mirror:Et})})})),U.style.visibility="visible","function"==typeof O&&O(Pt)}function jt(t){var e=t.top,r=t.bottom,o=t.left,n=t.right,i=t.height,c=t.width;if(_){var f=Math.round(T-e+A/2),s=Math.round(i/2);a||(T-(R+u+yt)<e&&f<=s&&"top"===et?(ft+=R+A,et="bottom"):X+R+u+yt>i+e&&f>=s&&"bottom"===et&&(ft-=R+A,et="top")),l||(L+it<o&&(st=g(I-wt>o?L+it-o:-z+it+wt,st)),I-at>n&&(st=g(L+wt<n?I-at-n:z-at-wt,st)))}if(tt){var d=Math.round(L-o+z/2),h=Math.round(c/2);a||(L-(W+p+wt)<o&&d<h&&"left"===et?(ut+=z+W,et="right"):I+W+p+wt>n&&d>h&&"right"===et&&(ut-=z+W,et="left")),l||(T+lt<e&&(dt=g(X-yt>e?T+lt-e:-A+lt+yt,dt)),X-ct>r&&(dt=g(T+yt<r?X-ct-r:A-ct-yt,dt)))}}}function b(t,e,r){if(t){var o=t.getBoundingClientRect(),n=o.top,i=o.left,a=o.width,l=o.height,c=n+r,u=i+e;return{top:c,bottom:c+l,left:u,right:u+a,width:a,height:l}}}function y(t){if(t&&"HTML"!==t.tagName){var e=window.getComputedStyle(t),r=function(t){return["auto","scroll"].includes(t)};return t.clientHeight<t.scrollHeight&&r(e.overflowX)||t.clientWidth<t.scrollWidth&&r(e.overflowY)?t:y(t.parentNode)}}function g(t,e){return Math.round(Math.abs(t))>Math.round(Math.abs(e))?t:e}export{m as default};
+import{createPortal as t}from"react-dom";import e,{forwardRef as r,useRef as o,useMemo as n,useCallback as i,useEffect as a,cloneElement as l,isValidElement as c}from"react";function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){s(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function s(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==r)return;var o,n,i=[],a=!0,l=!1;try{for(r=r.call(t);!(a=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(t){l=!0,n=t}finally{try{a||null==r.return||r.return()}finally{if(l)throw n}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return p(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return p(t,e)}(t,e)||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 p(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function h(r,u){var s=r.element,d=r.popper,p=r.position,h=void 0===p?"bottom-center":p,m=r.containerStyle,b=r.containerClassName,y=void 0===b?"":b,g=r.arrow,w=r.arrowStyle,O=void 0===w?{}:w,x=r.arrowClassName,E=void 0===x?"":x,P=r.fixMainPosition,j=r.fixRelativePosition,M=r.offsetY,C=r.offsetX,S=r.animations,N=r.zIndex,T=void 0===N?0:N,L=r.popperShadow,A=r.onChange,z=r.active,I=void 0===z||z,X=r.portal,H=r.portalTarget,Y="undefined"!=typeof window,D=Y&&H instanceof HTMLElement,R=!0===g,W=d&&!0===I,k=o(),F=o(),B=o(),U=o(),$=n((function(){return{position:h,fixMainPosition:P,fixRelativePosition:j,offsetY:M,offsetX:C,defaultArrow:R,animations:S,zIndex:T,onChange:A}}),[h,P,j,M,C,R,S,A,T]),q=i((function(){B.current&&(B.current.style.transition=""),F.current&&(F.current.parentNode.style.transition="")}),[]),G={element:f({display:"inline-block",height:"max-content"},m),arrow:f({visibility:"hidden",left:"0",top:"0",position:"absolute"},O),popper:{position:"absolute",left:"0",top:"0",willChange:"transform",visibility:"hidden",zIndex:T}};!Y||D||U.current||(U.current=document.createElement("div")),a((function(){if(X&&!D){var t=U.current;return document.body.appendChild(t),function(){return document.body.removeChild(t)}}}),[X,D]),a((function(){if(!W)return q(),F.current.parentNode.style.visibility="hidden",void(B.current&&(B.current.style.visibility="hidden"));function t(t){t&&"resize"!==t.type&&!t.target.contains(k.current)||(t&&q(),v(k,F,B,$,t))}return t(),document.addEventListener("scroll",t,!0),window.addEventListener("resize",t),function(){document.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}),[W,$,q]),a((function(){W&&k.current.refreshPosition()}),[X,D,W]);var J=e.createElement(e.Fragment,null,function(){var t=e.createElement("div",{ref:B,style:G.arrow,className:"ep-arrow ".concat(L?"ep-shadow":""," ").concat(E)});return g&&W?l(t,c(g)?{children:g}:{}):null}(),e.createElement("div",{className:L?"ep-popper-shadow":"",style:G.popper},e.createElement("div",{ref:F},d)));return e.createElement("div",{ref:function(t){t&&(t.removeTransition=q,t.refreshPosition=function(){return setTimeout((function(){return v(k,F,B,$,{})}),10)});if(k.current=t,u instanceof Function)return u(t);u&&(u.current=t)},className:y,style:G.element},s,X&&Y?t(J,D?H:U.current):J)}var m=r(h);function v(t,e,r,o,n){var i=o.position,a=o.fixMainPosition,l=o.fixRelativePosition,c=o.offsetY,u=void 0===c?0:c,s=o.offsetX,p=void 0===s?0:s,h=o.defaultArrow,m=o.animations,v=void 0===m?[]:m,w=o.zIndex,O=o.onChange;if(t.current&&e.current){var x,E,P,j,M=(E=void 0!==window.pageXOffset,P="CSS1Compat"===(document.compatMode||""),{scrollLeft:E?window.pageXOffset:P?document.documentElement.scrollLeft:document.body.scrollLeft,scrollTop:E?window.pageYOffset:P?document.documentElement.scrollTop:document.body.scrollTop}),C=M.scrollLeft,S=M.scrollTop,N=b(t.current,C,S),T=N.top,L=N.left,A=N.height,z=N.width,I=N.right,X=N.bottom,H=b(e.current,C,S),Y=H.top,D=H.left,R=H.height,W=H.width,k=document.documentElement,F=k.clientHeight,B=k.clientWidth,U=e.current.parentNode,$=function(t){if(!t)return[0,0];var e=d((t.style.transform.match(/translate\((.*?)px,\s(.*?)px\)/)||[]).map((function(t){return Number(t)})),3),r=e[1],o=void 0===r?0:r,n=e[2];return[o,void 0===n?0:n]}(U),q=d($,2),G=q[0],J=q[1],K=function(t){var e=d(t.split("-"),2),r=e[0],o=void 0===r?"bottom":r,n=e[1],i=void 0===n?"center":n;"auto"===o&&(o="bottom");"auto"===i&&(i="center");var a="top"===o||"bottom"===o,l="left"===o||"right"===o;l&&("start"===i&&(i="top"),"end"===i&&(i="bottom"));a&&("start"===i&&(i="left"),"end"===i&&(i="right"));return[o,i,a,l]}(i),Q=d(K,4),V=Q[0],Z=Q[1],_=Q[2],tt=Q[3],et=V,rt=function(t,e){return"translate(".concat(t,"px, ").concat(e,"px)")},ot=z-W,nt=A-R,it="left"===Z?0:"right"===Z?ot:ot/2,at=ot-it,lt="top"===Z?0:"bottom"===Z?nt:nt/2,ct=nt-lt,ut=L-D+G,ft=T-Y+J,st=0,dt=0,pt=y(t.current),ht=[],mt=r.current,vt=b(mt,C,S)||{},bt=vt.height,yt=void 0===bt?0:bt,gt=vt.width,wt=void 0===gt?0:gt,Ot=ut,xt=ft,Et={top:"bottom",bottom:"top",left:"right",right:"left"};for(_&&(ut+=it,ft+="top"===V?-R:A,h&&(yt=11,wt=20)),tt&&(ut+="left"===V?-W:z,ft+=lt,h&&(yt=20,wt=11));pt;)ht.push(pt),jt(b(pt,C,S)),pt=y(pt.parentNode);if(jt({top:S,bottom:S+F,left:C,right:C+B,height:F,width:B}),_&&(ft+="bottom"===et?u:-u),tt&&(ut+="right"===et?p:-p),ut-=st,ft-=dt,x=Et[et],mt)_&&((j=z<W)?Ot+=z/2:Ot=ut+W/2,Ot-=wt/2,"bottom"===et&&(xt=ft,ft+=yt),"top"===et&&(xt=(ft-=yt)+R),st<0&&st-it<0&&(j?Ot+=(it-st)/2:z-it+st<W&&(Ot+=(z-it+st-W)/2)),st>0&&st+at>0&&(j?Ot-=(st+at)/2:z-st-at<W&&(Ot-=(z-st-at-W)/2))),tt&&((j=A<R)?xt+=A/2:xt=ft+R/2,xt-=yt/2,"left"===et&&(Ot=(ut-=wt)+W),"right"===et&&(Ot=ut,ut+=wt),dt<0&&dt-lt<0&&(j?xt+=(lt-dt)/2:A-lt+dt<R&&(xt+=(A-lt+dt-R)/2)),dt>0&&dt+ct>0&&(j?xt-=(dt+ct)/2:A-dt-ct<R&&(xt-=(A-dt-ct-R)/2))),mt.setAttribute("direction",x),mt.style.height=yt+"px",mt.style.width=wt+"px",mt.style.transform=rt(Ot,xt),mt.style.visibility="visible",mt.style.zIndex=w+1;U.style.transform=rt(ut,ft);var Pt={popper:{top:ft,bottom:ft+R,left:ut,right:ut+W,height:R,width:W},element:{top:T,bottom:X,left:L,right:I,height:A,width:z},arrow:{top:xt,bottom:xt+yt,left:Ot,right:Ot+wt,height:yt,width:wt,direction:x},position:et+"-"+(0!==st?"auto":Z),scroll:{scrollLeft:C,scrollTop:S},scrollableParents:ht,event:n};n||v.forEach((function(t){t({popper:U,arrow:mt,data:f(f({},Pt),{},{getTransform:rt,mirror:Et})})})),U.style.visibility="visible","function"==typeof O&&O(Pt)}function jt(t){var e=t.top,r=t.bottom,o=t.left,n=t.right,i=t.height,c=t.width;if(_){var f=Math.round(T-e+A/2),s=Math.round(i/2);a||(T-(R+u+yt)<e&&f<=s&&"top"===et?(ft+=R+A,et="bottom"):X+R+u+yt>i+e&&f>=s&&"bottom"===et&&(ft-=R+A,et="top")),l||(L+it<o&&(st=g(I-wt>o?L+it-o:-z+it+wt,st)),I-at>n&&(st=g(L+wt<n?I-at-n:z-at-wt,st)))}if(tt){var d=Math.round(L-o+z/2),h=Math.round(c/2);a||(L-(W+p+wt)<o&&d<h&&"left"===et?(ut+=z+W,et="right"):I+W+p+wt>n&&d>h&&"right"===et&&(ut-=z+W,et="left")),l||(T+lt<e&&(dt=g(X-yt>e?T+lt-e:-A+lt+yt,dt)),X-ct>r&&(dt=g(T+yt<r?X-ct-r:A-ct-yt,dt)))}}}function b(t,e,r){if(t){var o=t.getBoundingClientRect(),n=o.top,i=o.left,a=o.width,l=o.height,c=n+r,u=i+e;return{top:c,bottom:c+l,left:u,right:u+a,width:a,height:l}}}function y(t){if(t&&"HTML"!==t.tagName){var e=window.getComputedStyle(t),r=function(t){return["auto","scroll"].includes(t)};return t.clientHeight<t.scrollHeight&&r(e.overflowX)||t.clientWidth<t.scrollWidth&&r(e.overflowY)?t:y(t.parentNode)}}function g(t,e){return Math.round(Math.abs(t))>Math.round(Math.abs(e))?t:e}export{m as default};

package.json

 {
   "name": "react-element-popper",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "A small React component to create a variety of elements that require Popper, such as dropdowns, modals, multiselects, and more.",
@@ -5,0 +5,0 @@ "main": "./build/index.min.js",

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

39202

decreased by-0.02%

No dependency changes