@nlabs/arkhamjs-utils-react
Version:
ArkhamJS React Utilities
54 lines (53 loc) • 3.94 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var useWindowSize_exports = {};
__export(useWindowSize_exports, {
getWindowSize: () => getWindowSize,
isClient: () => isClient,
useWindowSize: () => useWindowSize
});
module.exports = __toCommonJS(useWindowSize_exports);
var import_react = require("react");
const isClient = typeof window === "object";
const getWindowSize = () => {
if (isClient) {
const { innerHeight: height, innerWidth: width } = window;
return { height, width };
}
return { height: void 0, width: void 0 };
};
const useWindowSize = () => {
const [size, setSize] = (0, import_react.useState)(getWindowSize());
(0, import_react.useEffect)(() => {
if (!isClient) {
return () => {
};
}
const onResize = () => setSize(getWindowSize());
window.addEventListener("resize", onResize);
return () => window.removeEventListener("resize", onResize);
}, []);
return size;
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
getWindowSize,
isClient,
useWindowSize
});
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vc3JjL3VzZVdpbmRvd1NpemUudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LVByZXNlbnQsIE5pdHJvZ2VuIExhYnMsIEluYy5cbiAqIENvcHlyaWdodHMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgdGhlIGFjY29tcGFueWluZyBMSUNFTlNFIGZpbGUgZm9yIHRlcm1zLlxuICovXG5pbXBvcnQge3VzZUVmZmVjdCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtXaW5kb3dTaXplfSBmcm9tICcuL3VzZVdpbmRvd1NpemUudHlwZXMnO1xuXG5leHBvcnQgY29uc3QgaXNDbGllbnQgPSB0eXBlb2Ygd2luZG93ID09PSAnb2JqZWN0JztcblxuZXhwb3J0IGNvbnN0IGdldFdpbmRvd1NpemUgPSAoKSA9PiB7XG4gIGlmKGlzQ2xpZW50KSB7XG4gICAgY29uc3Qge2lubmVySGVpZ2h0OiBoZWlnaHQsIGlubmVyV2lkdGg6IHdpZHRofSA9IHdpbmRvdztcbiAgICByZXR1cm4ge2hlaWdodCwgd2lkdGh9O1xuICB9XG5cbiAgcmV0dXJuIHtoZWlnaHQ6IHVuZGVmaW5lZCwgd2lkdGg6IHVuZGVmaW5lZH07XG59O1xuXG5leHBvcnQgY29uc3QgdXNlV2luZG93U2l6ZSA9ICgpOiBXaW5kb3dTaXplID0+IHtcbiAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUoZ2V0V2luZG93U2l6ZSgpKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmKCFpc0NsaWVudCkge1xuICAgICAgcmV0dXJuICgpID0+IHt9O1xuICAgIH1cblxuICAgIGNvbnN0IG9uUmVzaXplID0gKCkgPT4gc2V0U2l6ZShnZXRXaW5kb3dTaXplKCkpO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBvblJlc2l6ZSk7XG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBvblJlc2l6ZSk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gc2l6ZTtcbn07XG4iXSwKICAibWFwcGluZ3MiOiAiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBSUEsbUJBQWtDO0FBSTNCLE1BQU0sV0FBVyxPQUFPLFdBQVc7QUFFbkMsTUFBTSxnQkFBZ0IsTUFBTTtBQUNqQyxNQUFHLFVBQVU7QUFDWCxVQUFNLEVBQUMsYUFBYSxRQUFRLFlBQVksTUFBSyxJQUFJO0FBQ2pELFdBQU8sRUFBQyxRQUFRLE1BQUs7QUFBQSxFQUN2QjtBQUVBLFNBQU8sRUFBQyxRQUFRLFFBQVcsT0FBTyxPQUFTO0FBQzdDO0FBRU8sTUFBTSxnQkFBZ0IsTUFBa0I7QUFDN0MsUUFBTSxDQUFDLE1BQU0sT0FBTyxRQUFJLHVCQUFTLGNBQWMsQ0FBQztBQUVoRCw4QkFBVSxNQUFNO0FBQ2QsUUFBRyxDQUFDLFVBQVU7QUFDWixhQUFPLE1BQU07QUFBQSxNQUFDO0FBQUEsSUFDaEI7QUFFQSxVQUFNLFdBQVcsTUFBTSxRQUFRLGNBQWMsQ0FBQztBQUM5QyxXQUFPLGlCQUFpQixVQUFVLFFBQVE7QUFDMUMsV0FBTyxNQUFNLE9BQU8sb0JBQW9CLFVBQVUsUUFBUTtBQUFBLEVBQzVELEdBQUcsQ0FBQyxDQUFDO0FBRUwsU0FBTztBQUNUOyIsCiAgIm5hbWVzIjogW10KfQo=