UNPKG

use-view-unit

Version:

React Hook for returning vh, vw, vmin and vmax values

1 lines 1.68 kB
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t){e.exports=require("react")},function(e,t,n){"use strict";n.r(t);var r=n(0);const o="undefined"!=typeof window&&window.innerHeight,u="undefined"!=typeof window&&window.innerWidth;var i=()=>{const[e,t]=Object(r.useState)(o),[n,i]=Object(r.useState)(u),c=e=>{t(e.currentTarget.innerHeight),i(e.currentTarget.innerWidth)};Object(r.useEffect)(()=>("undefined"!=typeof window&&window.addEventListener("resize",c),()=>"undefined"!=typeof window&&window.removeEventListener("resize",c)),[]);const d=Object(r.useCallback)(t=>s(t,e),[e]),f=Object(r.useCallback)(e=>s(e,n),[n]),a=Object(r.useCallback)(t=>e<n?d(t):f(t),[e,n]),l=Object(r.useCallback)(t=>n<e?d(t):f(t),[e,n]),s=(e,t)=>e?t/100*e:t;return{vh:d,vmax:l,vmin:a,vw:f}};t.default=i}]);