@helpwave/hightide/dist/hooks/useResizeCallbackWrapper.mjs.map

helpwave's component and theming library

{"version":3,"sources":["../../src/hooks/useResizeCallbackWrapper.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n/**\n * A hook that wraps the event listener attachment\n *\n * Make sure your callback is stable (doesn't change every render)\n * This can easily be achieved by wrapping it in a useCallback() and using it inside the useResizeCallbackWrapper\n *\n * @param callback Called when the window resizes\n */\nexport const useResizeCallbackWrapper = (callback: (event: UIEvent) => void) => {\n  useEffect(() => {\n    window.addEventListener('resize', callback)\n\n    return () => {\n      window.removeEventListener('resize', callback)\n    }\n  }, [callback])\n}"],"mappings":";AAAA,SAAS,iBAAiB;AAUnB,IAAM,2BAA2B,CAAC,aAAuC;AAC9E,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,QAAQ;AAE1C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACf;","names":[]}