react-aria/dist/private/utils/useResizeObserver.mjs.map

Spectrum UI components in React

{"mappings":";;;;;AAIA,SAAS;IACP,OAAO,OAAO,OAAO,cAAc,KAAK;AAC1C;AAQO,SAAS,0CACd,OAAwC;IAExC,sFAAsF;IACtF,uCAAuC;IACvC,MAAM,OAAC,GAAG,OAAE,GAAG,YAAE,QAAQ,EAAC,GAAG;IAC7B,IAAI,gBAAgB,CAAA,GAAA,yCAAa,EAAE;IAEnC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,KAAK;QACnB,IAAI,CAAC,SACH;QAGF,IAAI,CAAC,2CAAqB;YACxB,OAAO,gBAAgB,CAAC,UAAU,eAAe;YACjD,OAAO;gBACL,OAAO,mBAAmB,CAAC,UAAU,eAAe;YACtD;QACF,OAAO;YACL,MAAM,yBAAyB,IAAI,OAAO,cAAc,CAAC,CAAA;gBACvD,IAAI,CAAC,QAAQ,MAAM,EACjB;gBAGF;YACF;YACA,uBAAuB,OAAO,CAAC,SAAS;qBAAC;YAAG;YAE5C,OAAO;gBACL,IAAI,SACF,uBAAuB,SAAS,CAAC;YAErC;QACF;IACF,GAAG;QAAC;QAAK;KAAI;AACf","sources":["packages/react-aria/src/utils/useResizeObserver.ts"],"sourcesContent":["import {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\nimport {useEffectEvent} from './useEffectEvent';\n\nfunction hasResizeObserver() {\n  return typeof window.ResizeObserver !== 'undefined';\n}\n\ntype useResizeObserverOptionsType<T> = {\n  ref: RefObject<T | undefined | null> | undefined;\n  box?: ResizeObserverBoxOptions;\n  onResize: () => void;\n};\n\nexport function useResizeObserver<T extends Element>(\n  options: useResizeObserverOptionsType<T>\n): void {\n  // Only call onResize from inside the effect, otherwise we'll void our assumption that\n  // useEffectEvents are safe to pass in.\n  const {ref, box, onResize} = options;\n  let onResizeEvent = useEffectEvent(onResize);\n\n  useEffect(() => {\n    let element = ref?.current;\n    if (!element) {\n      return;\n    }\n\n    if (!hasResizeObserver()) {\n      window.addEventListener('resize', onResizeEvent, false);\n      return () => {\n        window.removeEventListener('resize', onResizeEvent, false);\n      };\n    } else {\n      const resizeObserverInstance = new window.ResizeObserver(entries => {\n        if (!entries.length) {\n          return;\n        }\n\n        onResizeEvent();\n      });\n      resizeObserverInstance.observe(element, {box});\n\n      return () => {\n        if (element) {\n          resizeObserverInstance.unobserve(element);\n        }\n      };\n    }\n  }, [ref, box]);\n}\n"],"names":[],"version":3,"file":"useResizeObserver.mjs.map"}