@nlabs/arkhamjs-utils-react
Version:
ArkhamJS React Utilities
64 lines (63 loc) • 4.89 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 useComponentSize_exports = {};
__export(useComponentSize_exports, {
getComponentSize: () => getComponentSize,
useComponentSize: () => useComponentSize
});
module.exports = __toCommonJS(useComponentSize_exports);
var import_react = require("react");
const getComponentSize = (element) => {
if (!element) {
return { height: void 0, width: void 0 };
}
const { offsetHeight: height, offsetWidth: width } = element;
return { height, width };
};
const useComponentSize = (component) => {
const [componentSize, setComponentSize] = (0, import_react.useState)(getComponentSize(component));
const onResize = (0, import_react.useCallback)(() => {
if (component) {
setComponentSize(getComponentSize(component));
}
}, [component]);
(0, import_react.useLayoutEffect)(() => {
if (!component) {
return () => {
};
}
onResize();
if (typeof ResizeObserver === "function") {
let resizeObserver = new ResizeObserver(onResize);
resizeObserver.observe(component);
return () => {
resizeObserver.disconnect();
resizeObserver = null;
};
}
window.addEventListener("resize", onResize);
return () => window.removeEventListener("resize", onResize);
}, [component]);
return componentSize;
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
getComponentSize,
useComponentSize
});
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vc3JjL3VzZUNvbXBvbmVudFNpemUudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImltcG9ydCB7dXNlQ2FsbGJhY2ssIHVzZUxheW91dEVmZmVjdCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGdldENvbXBvbmVudFNpemUgPSAoZWxlbWVudCkgPT4ge1xuICBpZighZWxlbWVudCkge1xuICAgIHJldHVybiB7aGVpZ2h0OiB1bmRlZmluZWQsIHdpZHRoOiB1bmRlZmluZWR9O1xuICB9XG5cbiAgY29uc3Qge29mZnNldEhlaWdodDogaGVpZ2h0LCBvZmZzZXRXaWR0aDogd2lkdGh9ID0gZWxlbWVudDtcbiAgcmV0dXJuIHtoZWlnaHQsIHdpZHRofTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VDb21wb25lbnRTaXplID0gKGNvbXBvbmVudCkgPT4ge1xuICBjb25zdCBbY29tcG9uZW50U2l6ZSwgc2V0Q29tcG9uZW50U2l6ZV0gPSB1c2VTdGF0ZShnZXRDb21wb25lbnRTaXplKGNvbXBvbmVudCkpO1xuICBjb25zdCBvblJlc2l6ZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZihjb21wb25lbnQpIHtcbiAgICAgIHNldENvbXBvbmVudFNpemUoZ2V0Q29tcG9uZW50U2l6ZShjb21wb25lbnQpKTtcbiAgICB9XG4gIH0sIFtjb21wb25lbnRdKTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGlmKCFjb21wb25lbnQpIHtcbiAgICAgIHJldHVybiAoKSA9PiB7fTtcbiAgICB9XG5cbiAgICBvblJlc2l6ZSgpO1xuXG4gICAgaWYodHlwZW9mIFJlc2l6ZU9ic2VydmVyID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICBsZXQgcmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIob25SZXNpemUpO1xuICAgICAgcmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZShjb21wb25lbnQpO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICByZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICAgIHJlc2l6ZU9ic2VydmVyID0gbnVsbDtcbiAgICAgIH07XG4gICAgfVxuXG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIG9uUmVzaXplKTtcbiAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIG9uUmVzaXplKTtcbiAgfSwgW2NvbXBvbmVudF0pO1xuXG4gIHJldHVybiBjb21wb25lbnRTaXplO1xufTtcbiJdLAogICJtYXBwaW5ncyI6ICI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsbUJBQXFEO0FBRTlDLE1BQU0sbUJBQW1CLENBQUMsWUFBWTtBQUMzQyxNQUFHLENBQUMsU0FBUztBQUNYLFdBQU8sRUFBQyxRQUFRLFFBQVcsT0FBTyxPQUFTO0FBQUEsRUFDN0M7QUFFQSxRQUFNLEVBQUMsY0FBYyxRQUFRLGFBQWEsTUFBSyxJQUFJO0FBQ25ELFNBQU8sRUFBQyxRQUFRLE1BQUs7QUFDdkI7QUFFTyxNQUFNLG1CQUFtQixDQUFDLGNBQWM7QUFDN0MsUUFBTSxDQUFDLGVBQWUsZ0JBQWdCLFFBQUksdUJBQVMsaUJBQWlCLFNBQVMsQ0FBQztBQUM5RSxRQUFNLGVBQVcsMEJBQVksTUFBTTtBQUNqQyxRQUFHLFdBQVc7QUFDWix1QkFBaUIsaUJBQWlCLFNBQVMsQ0FBQztBQUFBLElBQzlDO0FBQUEsRUFDRixHQUFHLENBQUMsU0FBUyxDQUFDO0FBRWQsb0NBQWdCLE1BQU07QUFDcEIsUUFBRyxDQUFDLFdBQVc7QUFDYixhQUFPLE1BQU07QUFBQSxNQUFDO0FBQUEsSUFDaEI7QUFFQSxhQUFTO0FBRVQsUUFBRyxPQUFPLG1CQUFtQixZQUFZO0FBQ3ZDLFVBQUksaUJBQWlCLElBQUksZUFBZSxRQUFRO0FBQ2hELHFCQUFlLFFBQVEsU0FBUztBQUVoQyxhQUFPLE1BQU07QUFDWCx1QkFBZSxXQUFXO0FBQzFCLHlCQUFpQjtBQUFBLE1BQ25CO0FBQUEsSUFDRjtBQUVBLFdBQU8saUJBQWlCLFVBQVUsUUFBUTtBQUMxQyxXQUFPLE1BQU0sT0FBTyxvQkFBb0IsVUFBVSxRQUFRO0FBQUEsRUFDNUQsR0FBRyxDQUFDLFNBQVMsQ0FBQztBQUVkLFNBQU87QUFDVDsiLAogICJuYW1lcyI6IFtdCn0K