index.js 924 B

12345678910111213141516171819202122232425262728293031323334
  1. var $KEKIw$react = require("react");
  2. var $KEKIw$radixuirect = require("@radix-ui/rect");
  3. function $parcel$export(e, n, v, s) {
  4. Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
  5. }
  6. $parcel$export(module.exports, "useRect", () => $c64cf18f363cc04f$export$9823a655542017cd);
  7. /**
  8. * Use this custom hook to get access to an element's rect (getBoundingClientRect)
  9. * and observe it along time.
  10. */ function $c64cf18f363cc04f$export$9823a655542017cd(measurable) {
  11. const [rect, setRect] = $KEKIw$react.useState();
  12. $KEKIw$react.useEffect(()=>{
  13. if (measurable) {
  14. const unobserve = $KEKIw$radixuirect.observeElementRect(measurable, setRect);
  15. return ()=>{
  16. setRect(undefined);
  17. unobserve();
  18. };
  19. }
  20. return;
  21. }, [
  22. measurable
  23. ]);
  24. return rect;
  25. }
  26. //# sourceMappingURL=index.js.map