react-viewport-hooks
Version:
Get real viewport width & height
3 lines (2 loc) • 1.01 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},i={defaultVH:void 0,defaultVW:void 0,updateOnResize:!0},u=function(e){var n=r(r({},i),e),u=n.updateOnResize,o=n.defaultVW,a=n.defaultVH,d=t.useState(o),f=d[0],s=d[1],c=t.useState(a),w=c[0],p=c[1];return t.useEffect((function(){var e=function(){window.innerWidth!==f&&s(window.innerWidth),window.innerHeight!==w&&p(window.innerHeight)};if(e(),u)return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[u,w,f]),{vw:f,vh:w}};exports.useViewport=u,exports.withViewport=function(e){return function(t){return function(i){return n.createElement(t,r({},i,u(e)))}}};
//# sourceMappingURL=react-viewport-hooks.cjs.js.map