@wiggindev/hooks 0.2.9 → 0.2.10

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../src/useIsomorphicLayoutEffect.ts","../src/useEvent.ts","../src/useWindowEventListener.ts","../src/useDocumentEventListener.ts","../src/useEventListener.ts","../src/usePrevious.ts","../src/useWindowDimensions.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n","import React from 'react';\nimport { AnyFunction } from '@wiggindev/utils';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEvent<C extends AnyFunction>(callback: C): C {\n const latestRef = React.useRef<C>(\n throwInvokedBeforeMountError as unknown as C\n );\n useIsomorphicLayoutEffect(() => {\n latestRef.current = callback;\n }, [callback]);\n\n const stableRef = React.useRef<C>(null as unknown as C);\n if (!stableRef.current) {\n stableRef.current = latestRef.current;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return stableRef.current;\n}\n\nconst throwInvokedBeforeMountError = () => {\n throw new Error(\n 'INVALID_USEEVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.'\n );\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useWindowEventListener = <K extends EventName<WindowEventMap>>(\n eventName: K,\n listener: EventListener<WindowEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!window || !window.addEventListener) {\n return;\n }\n events.window.on(eventName, stableListener);\n return () => events.window.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useDocumentEventListener = <K extends EventName<DocumentEventMap>>(\n eventName: K,\n listener: EventListener<DocumentEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!document || !document.addEventListener) {\n return;\n }\n events.document.on(eventName, stableListener);\n return () => events.document.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events from '@wiggindev/events';\nimport type { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useEventListener = <\n K extends EventName<HTMLElementEventMap>,\n E extends HTMLElement\n>(\n eventName: K,\n listener: EventListener<HTMLElementEventMap, K>,\n element: React.RefObject<E>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n const node = element.current;\n if (!node || !node.addEventListener) {\n return;\n }\n events.element.on(node, eventName, stableListener);\n return () => events.element.off(node, eventName, stableListener);\n }, [element, eventName, stableListener]);\n};\n","import React from 'react';\n\nexport const usePrevious = <T>(value: T) => {\n const stateRef = React.useRef<T>();\n React.useEffect(() => {\n stateRef.current = value;\n }, [value]);\n return stateRef.current;\n};\n","import React from 'react';\nimport { throttle } from '@wiggindev/utils';\nimport { useWindowEventListener } from './useWindowEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport { useEvent } from './useEvent';\n\nconst getWindowDimensions = () => {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n};\n\nexport const useWindowDimensions = (throttleLimit = 250) => {\n const [windowDimensions, setWindowDimensions] = React.useState({\n width: 0,\n height: 0,\n });\n\n const updateWindowDimensions = () =>\n setWindowDimensions(getWindowDimensions());\n const handleResize = useEvent(\n throttle(updateWindowDimensions, throttleLimit)\n );\n\n useWindowEventListener('resize', handleResize);\n\n useIsomorphicLayoutEffect(() => {\n updateWindowDimensions();\n }, []);\n\n return windowDimensions;\n};\n"],"names":["React","useLayoutEffect","useEffect","callback","useRef","throwInvokedBeforeMountError","useIsomorphicLayoutEffect","latestRef","current","stableRef","eventName","listener","useEvent","window","addEventListener","events","on","stableListener","off","document","element","node","value","stateRef","throttleLimit","useState","width","height","windowDimensions","setWindowDimensions","_React$useState","innerWidth","innerHeight","handleResize","throttle","updateWindowDimensions","useWindowEventListener"],"mappings":"0MAGsB,2BAAcA,EAAAA,QAAMC,gBAAkBD,EAAAA,QAAME,UCC5D,WAA0CC,GAC5C,MAAkBH,EAAAA,QAAMI,OACpBC,GAEJC,EAA0B,WACtBC,EAAUC,QAAUL,GACrB,CAACA,IAEJ,IAAMM,EAAYT,UAAMI,OAAU,MAMlC,OALKK,EAAUD,UACXC,EAAUD,QAAUD,EAAUC,SAI3BC,EAAUD,QAGrB,IAAkCH,EAAG,WACjC,MAAM,UACF,kHCnB8B,SAClCK,EACAC,GAEA,MAAuBC,EAASD,GAChCX,EAAK,QAACE,UAAU,WACZ,GAAKW,QAAWA,OAAOC,iBAIvB,OADAC,EAAM,QAACF,OAAOG,GAAGN,EAAWO,GACfF,WAAAA,OAAAA,EAAAA,QAAOF,OAAOK,IAAIR,EAAWO,KAC3C,CAACP,EAAWO,sCCXqB,SACpCP,EACAC,GAEA,MAAuBC,EAASD,GAChCX,EAAK,QAACE,UAAU,WACZ,GAAKiB,UAAaA,SAASL,iBAI3B,OADAC,EAAM,QAACI,SAASH,GAAGN,EAAWO,GACjBF,WAAAA,OAAAA,EAAAA,QAAOI,SAASD,IAAIR,EAAWO,KAC7C,CAACP,EAAWO,iDCVa,SAI5BP,EACAC,EACAS,GAEA,MAAuBR,EAASD,GAChCX,EAAK,QAACE,UAAU,WACZ,IAAUmB,EAAGD,EAAQZ,QACrB,GAAKa,GAASA,EAAKP,iBAInB,OADAC,EAAM,QAACK,QAAQJ,GAAGK,EAAMX,EAAWO,qBAChBF,EAAA,QAACK,QAAQF,IAAIG,EAAMX,EAAWO,KAClD,CAACG,EAASV,EAAWO,6DCnBD,SAAIK,GAC3B,MAAiBtB,EAAK,QAACI,SAIvB,OAHAJ,EAAK,QAACE,UAAU,WACZqB,EAASf,QAAUc,GACpB,CAACA,IACWC,EAACf,qCCOe,SAACgB,YAAAA,IAAAA,EAAgB,KAChD,IAAgDxB,EAAAA,EAAK,QAACyB,SAAS,CAC3DC,MAAO,EACPC,OAAQ,IAFLC,EAAkBC,EAAAA,GAAAA,EAKzBC,EAAA,KAA+B,WAAA,OACRD,EAbhB,CACHH,OAF+Cb,EAAAA,QAA3CkB,WAGJJ,OAHuBK,EAAAA,cADH,IAC2BnB,GAe7CoB,EAAerB,EACjBsB,EAAQA,SAACC,EAAwBX,IASrC,OANAY,EAAuB,SAAUH,GAEjC3B,EAA0B,WACtB6B,KACD"}
1
+ {"version":3,"file":"index.cjs","sources":["../src/useIsomorphicLayoutEffect.ts","../src/useEvent.ts","../src/useWindowEventListener.ts","../src/useDocumentEventListener.ts","../src/useEventListener.ts","../src/usePrevious.ts","../src/useWindowDimensions.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n","import React from 'react';\nimport { AnyFunction } from '@wiggindev/utils';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEvent<C extends AnyFunction>(callback: C): C {\n const latestRef = React.useRef<C>(\n throwInvokedBeforeMountError as unknown as C\n );\n useIsomorphicLayoutEffect(() => {\n latestRef.current = callback;\n }, [callback]);\n\n const stableRef = React.useRef<C>(null as unknown as C);\n if (!stableRef.current) {\n stableRef.current = latestRef.current;\n }\n\n return stableRef.current;\n}\n\nconst throwInvokedBeforeMountError = () => {\n throw new Error(\n 'INVALID_USEEVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.'\n );\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useWindowEventListener = <K extends EventName<WindowEventMap>>(\n eventName: K,\n listener: EventListener<WindowEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!window || !window.addEventListener) {\n return;\n }\n events.window.on(eventName, stableListener);\n return () => events.window.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useDocumentEventListener = <K extends EventName<DocumentEventMap>>(\n eventName: K,\n listener: EventListener<DocumentEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!document || !document.addEventListener) {\n return;\n }\n events.document.on(eventName, stableListener);\n return () => events.document.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events from '@wiggindev/events';\nimport type { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useEventListener = <\n K extends EventName<HTMLElementEventMap>,\n E extends HTMLElement\n>(\n eventName: K,\n listener: EventListener<HTMLElementEventMap, K>,\n element: React.RefObject<E>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n const node = element.current;\n if (!node || !node.addEventListener) {\n return;\n }\n events.element.on(node, eventName, stableListener);\n return () => events.element.off(node, eventName, stableListener);\n }, [element, eventName, stableListener]);\n};\n","import React from 'react';\n\nexport const usePrevious = <T>(value: T) => {\n const stateRef = React.useRef<T>();\n React.useEffect(() => {\n stateRef.current = value;\n }, [value]);\n return stateRef.current;\n};\n","import React from 'react';\nimport { throttle } from '@wiggindev/utils';\nimport { useWindowEventListener } from './useWindowEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport { useEvent } from './useEvent';\n\nconst getWindowDimensions = () => {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n};\n\nexport const useWindowDimensions = (throttleLimit = 250) => {\n const [windowDimensions, setWindowDimensions] = React.useState({\n width: 0,\n height: 0,\n });\n\n const updateWindowDimensions = () =>\n setWindowDimensions(getWindowDimensions());\n const handleResize = useEvent(\n throttle(updateWindowDimensions, throttleLimit)\n );\n\n useWindowEventListener('resize', handleResize);\n\n useIsomorphicLayoutEffect(() => {\n updateWindowDimensions();\n }, []);\n\n return windowDimensions;\n};\n"],"names":["React","useLayoutEffect","useEffect","callback","useRef","throwInvokedBeforeMountError","useIsomorphicLayoutEffect","latestRef","current","stableRef","eventName","listener","useEvent","window","addEventListener","events","on","stableListener","off","document","element","node","value","stateRef","throttleLimit","useState","width","height","windowDimensions","setWindowDimensions","_React$useState","innerWidth","innerHeight","handleResize","throttle","updateWindowDimensions","useWindowEventListener"],"mappings":"0MAGsB,2BAAcA,EAAAA,QAAMC,gBAAkBD,EAAAA,QAAME,UCC5D,WAA0CC,GAC5C,MAAkBH,EAAAA,QAAMI,OACpBC,GAEJC,EAA0B,WACtBC,EAAUC,QAAUL,GACrB,CAACA,IAEJ,IAAMM,EAAYT,UAAMI,OAAU,MAKlC,OAJKK,EAAUD,UACXC,EAAUD,QAAUD,EAAUC,SAG3BC,EAAUD,QAGrB,IAAkCH,EAAG,WACjC,MAAM,UACF,kHClB8B,SAClCK,EACAC,GAEA,MAAuBC,EAASD,GAChCX,EAAK,QAACE,UAAU,WACZ,GAAKW,QAAWA,OAAOC,iBAIvB,OADAC,EAAM,QAACF,OAAOG,GAAGN,EAAWO,GACfF,WAAAA,OAAAA,EAAAA,QAAOF,OAAOK,IAAIR,EAAWO,KAC3C,CAACP,EAAWO,sCCXqB,SACpCP,EACAC,GAEA,MAAuBC,EAASD,GAChCX,EAAK,QAACE,UAAU,WACZ,GAAKiB,UAAaA,SAASL,iBAI3B,OADAC,EAAM,QAACI,SAASH,GAAGN,EAAWO,GACjBF,WAAAA,OAAAA,EAAAA,QAAOI,SAASD,IAAIR,EAAWO,KAC7C,CAACP,EAAWO,iDCVa,SAI5BP,EACAC,EACAS,GAEA,MAAuBR,EAASD,GAChCX,EAAK,QAACE,UAAU,WACZ,IAAUmB,EAAGD,EAAQZ,QACrB,GAAKa,GAASA,EAAKP,iBAInB,OADAC,EAAM,QAACK,QAAQJ,GAAGK,EAAMX,EAAWO,qBAChBF,EAAA,QAACK,QAAQF,IAAIG,EAAMX,EAAWO,KAClD,CAACG,EAASV,EAAWO,6DCnBD,SAAIK,GAC3B,MAAiBtB,EAAK,QAACI,SAIvB,OAHAJ,EAAK,QAACE,UAAU,WACZqB,EAASf,QAAUc,GACpB,CAACA,IACWC,EAACf,qCCOe,SAACgB,YAAAA,IAAAA,EAAgB,KAChD,IAAgDxB,EAAAA,EAAK,QAACyB,SAAS,CAC3DC,MAAO,EACPC,OAAQ,IAFLC,EAAkBC,EAAAA,GAAAA,EAKzBC,EAAA,KAA+B,WAAA,OACRD,EAbhB,CACHH,OAF+Cb,EAAAA,QAA3CkB,WAGJJ,OAHuBK,EAAAA,cADH,IAC2BnB,GAe7CoB,EAAerB,EACjBsB,EAAQA,SAACC,EAAwBX,IASrC,OANAY,EAAuB,SAAUH,GAEjC3B,EAA0B,WACtB6B,KACD"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.modern.js","sources":["../src/useIsomorphicLayoutEffect.ts","../src/useEvent.ts","../src/useEventListener.ts","../src/useDocumentEventListener.ts","../src/useWindowEventListener.ts","../src/usePrevious.ts","../src/useWindowDimensions.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n","import React from 'react';\nimport { AnyFunction } from '@wiggindev/utils';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEvent<C extends AnyFunction>(callback: C): C {\n const latestRef = React.useRef<C>(\n throwInvokedBeforeMountError as unknown as C\n );\n useIsomorphicLayoutEffect(() => {\n latestRef.current = callback;\n }, [callback]);\n\n const stableRef = React.useRef<C>(null as unknown as C);\n if (!stableRef.current) {\n stableRef.current = latestRef.current;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return stableRef.current;\n}\n\nconst throwInvokedBeforeMountError = () => {\n throw new Error(\n 'INVALID_USEEVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.'\n );\n};\n","import React from 'react';\nimport events from '@wiggindev/events';\nimport type { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useEventListener = <\n K extends EventName<HTMLElementEventMap>,\n E extends HTMLElement\n>(\n eventName: K,\n listener: EventListener<HTMLElementEventMap, K>,\n element: React.RefObject<E>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n const node = element.current;\n if (!node || !node.addEventListener) {\n return;\n }\n events.element.on(node, eventName, stableListener);\n return () => events.element.off(node, eventName, stableListener);\n }, [element, eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useDocumentEventListener = <K extends EventName<DocumentEventMap>>(\n eventName: K,\n listener: EventListener<DocumentEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!document || !document.addEventListener) {\n return;\n }\n events.document.on(eventName, stableListener);\n return () => events.document.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useWindowEventListener = <K extends EventName<WindowEventMap>>(\n eventName: K,\n listener: EventListener<WindowEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!window || !window.addEventListener) {\n return;\n }\n events.window.on(eventName, stableListener);\n return () => events.window.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\n\nexport const usePrevious = <T>(value: T) => {\n const stateRef = React.useRef<T>();\n React.useEffect(() => {\n stateRef.current = value;\n }, [value]);\n return stateRef.current;\n};\n","import React from 'react';\nimport { throttle } from '@wiggindev/utils';\nimport { useWindowEventListener } from './useWindowEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport { useEvent } from './useEvent';\n\nconst getWindowDimensions = () => {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n};\n\nexport const useWindowDimensions = (throttleLimit = 250) => {\n const [windowDimensions, setWindowDimensions] = React.useState({\n width: 0,\n height: 0,\n });\n\n const updateWindowDimensions = () =>\n setWindowDimensions(getWindowDimensions());\n const handleResize = useEvent(\n throttle(updateWindowDimensions, throttleLimit)\n );\n\n useWindowEventListener('resize', handleResize);\n\n useIsomorphicLayoutEffect(() => {\n updateWindowDimensions();\n }, []);\n\n return windowDimensions;\n};\n"],"names":["useIsomorphicLayoutEffect","React","useLayoutEffect","useEffect","useEvent","callback","latestRef","useRef","throwInvokedBeforeMountError","current","stableRef","eventName","listener","element","stableListener","node","addEventListener","events","on","off","document","window","value","stateRef","useWindowDimensions","throttleLimit","windowDimensions","setWindowDimensions","useState","width","height","updateWindowDimensions","innerWidth","innerHeight","getWindowDimensions","handleResize","throttle","useWindowEventListener"],"mappings":"kGAEaA,QACS,2BAAcC,EAAMC,gBAAkBD,EAAME,mBCC5DC,EAA0CC,GAC5C,MAAeC,EAAGL,EAAMM,OACpBC,GAEJR,EAA0B,KACtBM,EAAUG,QAAUJ,GACrB,CAACA,IAEJ,QAAkBJ,EAAMM,OAAU,MAMlC,OALKG,EAAUD,UACXC,EAAUD,QAAUH,EAAUG,WAIjBA,QAGrB,MAAMD,EAA+B,KACjC,MAAM,UACF,kHClBwB,CAI5BG,EACAC,EACAC,KAEA,MAAMC,EAAiBV,EAASQ,GAChCX,EAAME,UAAU,KACZ,MAAUY,EAAGF,EAAQJ,QACrB,GAAKM,GAASA,EAAKC,iBAInB,OADAC,EAAOJ,QAAQK,GAAGH,EAAMJ,EAAWG,GAC5B,IAAMG,EAAOJ,QAAQM,IAAIJ,EAAMJ,EAAWG,IAClD,CAACD,EAASF,EAAWG,OCjBY,CACpCH,EACAC,KAEA,MAAME,EAAiBV,EAASQ,GAChCX,EAAME,UAAU,KACZ,GAAKiB,UAAaA,SAASJ,iBAI3B,OADAC,EAAOG,SAASF,GAAGP,EAAWG,GACvB,IAAMG,EAAOG,SAASD,IAAIR,EAAWG,IAC7C,CAACH,EAAWG,OCXmB,CAClCH,EACAC,KAEA,MAAME,EAAiBV,EAASQ,GAChCX,EAAME,UAAU,KACZ,GAAKkB,QAAWA,OAAOL,iBAIvB,OADAC,EAAOI,OAAOH,GAAGP,EAAWG,GACrB,IAAMG,EAAOI,OAAOF,IAAIR,EAAWG,IAC3C,CAACH,EAAWG,OCbYQ,IAC3B,MAAcC,EAAGtB,EAAMM,SAIvB,OAHAN,EAAME,UAAU,KACZoB,EAASd,QAAUa,GACpB,CAACA,IACWC,EAACd,SCOYe,EAAG,CAACC,EAAgB,OAChD,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAS,CAC3DC,MAAO,EACPC,OAAQ,IAGgBC,EAAG,IAC3BJ,EAfoB,MACxB,MAAQK,WAAYH,EAAOI,YAAaH,GAAWT,OACnD,MAAO,CACHQ,QACAC,WAWoBI,IACNC,EAAG/B,EACjBgC,EAASL,EAAwBN,IASrC,OANAY,EAAuB,SAAUF,GAEjCnC,EAA0B,KACtB+B,KACD,IAEIL"}
1
+ {"version":3,"file":"index.modern.js","sources":["../src/useIsomorphicLayoutEffect.ts","../src/useEvent.ts","../src/useEventListener.ts","../src/useDocumentEventListener.ts","../src/useWindowEventListener.ts","../src/usePrevious.ts","../src/useWindowDimensions.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n","import React from 'react';\nimport { AnyFunction } from '@wiggindev/utils';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEvent<C extends AnyFunction>(callback: C): C {\n const latestRef = React.useRef<C>(\n throwInvokedBeforeMountError as unknown as C\n );\n useIsomorphicLayoutEffect(() => {\n latestRef.current = callback;\n }, [callback]);\n\n const stableRef = React.useRef<C>(null as unknown as C);\n if (!stableRef.current) {\n stableRef.current = latestRef.current;\n }\n\n return stableRef.current;\n}\n\nconst throwInvokedBeforeMountError = () => {\n throw new Error(\n 'INVALID_USEEVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.'\n );\n};\n","import React from 'react';\nimport events from '@wiggindev/events';\nimport type { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useEventListener = <\n K extends EventName<HTMLElementEventMap>,\n E extends HTMLElement\n>(\n eventName: K,\n listener: EventListener<HTMLElementEventMap, K>,\n element: React.RefObject<E>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n const node = element.current;\n if (!node || !node.addEventListener) {\n return;\n }\n events.element.on(node, eventName, stableListener);\n return () => events.element.off(node, eventName, stableListener);\n }, [element, eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useDocumentEventListener = <K extends EventName<DocumentEventMap>>(\n eventName: K,\n listener: EventListener<DocumentEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!document || !document.addEventListener) {\n return;\n }\n events.document.on(eventName, stableListener);\n return () => events.document.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useWindowEventListener = <K extends EventName<WindowEventMap>>(\n eventName: K,\n listener: EventListener<WindowEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!window || !window.addEventListener) {\n return;\n }\n events.window.on(eventName, stableListener);\n return () => events.window.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\n\nexport const usePrevious = <T>(value: T) => {\n const stateRef = React.useRef<T>();\n React.useEffect(() => {\n stateRef.current = value;\n }, [value]);\n return stateRef.current;\n};\n","import React from 'react';\nimport { throttle } from '@wiggindev/utils';\nimport { useWindowEventListener } from './useWindowEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport { useEvent } from './useEvent';\n\nconst getWindowDimensions = () => {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n};\n\nexport const useWindowDimensions = (throttleLimit = 250) => {\n const [windowDimensions, setWindowDimensions] = React.useState({\n width: 0,\n height: 0,\n });\n\n const updateWindowDimensions = () =>\n setWindowDimensions(getWindowDimensions());\n const handleResize = useEvent(\n throttle(updateWindowDimensions, throttleLimit)\n );\n\n useWindowEventListener('resize', handleResize);\n\n useIsomorphicLayoutEffect(() => {\n updateWindowDimensions();\n }, []);\n\n return windowDimensions;\n};\n"],"names":["useIsomorphicLayoutEffect","React","useLayoutEffect","useEffect","useEvent","callback","latestRef","useRef","throwInvokedBeforeMountError","current","stableRef","eventName","listener","element","stableListener","node","addEventListener","events","on","off","document","window","value","stateRef","useWindowDimensions","throttleLimit","windowDimensions","setWindowDimensions","useState","width","height","updateWindowDimensions","innerWidth","innerHeight","getWindowDimensions","handleResize","throttle","useWindowEventListener"],"mappings":"kGAEaA,QACS,2BAAcC,EAAMC,gBAAkBD,EAAME,mBCC5DC,EAA0CC,GAC5C,MAAeC,EAAGL,EAAMM,OACpBC,GAEJR,EAA0B,KACtBM,EAAUG,QAAUJ,GACrB,CAACA,IAEJ,QAAkBJ,EAAMM,OAAU,MAKlC,OAJKG,EAAUD,UACXC,EAAUD,QAAUH,EAAUG,WAGjBA,QAGrB,MAAMD,EAA+B,KACjC,MAAM,UACF,kHCjBwB,CAI5BG,EACAC,EACAC,KAEA,MAAMC,EAAiBV,EAASQ,GAChCX,EAAME,UAAU,KACZ,MAAUY,EAAGF,EAAQJ,QACrB,GAAKM,GAASA,EAAKC,iBAInB,OADAC,EAAOJ,QAAQK,GAAGH,EAAMJ,EAAWG,GAC5B,IAAMG,EAAOJ,QAAQM,IAAIJ,EAAMJ,EAAWG,IAClD,CAACD,EAASF,EAAWG,OCjBY,CACpCH,EACAC,KAEA,MAAME,EAAiBV,EAASQ,GAChCX,EAAME,UAAU,KACZ,GAAKiB,UAAaA,SAASJ,iBAI3B,OADAC,EAAOG,SAASF,GAAGP,EAAWG,GACvB,IAAMG,EAAOG,SAASD,IAAIR,EAAWG,IAC7C,CAACH,EAAWG,OCXmB,CAClCH,EACAC,KAEA,MAAME,EAAiBV,EAASQ,GAChCX,EAAME,UAAU,KACZ,GAAKkB,QAAWA,OAAOL,iBAIvB,OADAC,EAAOI,OAAOH,GAAGP,EAAWG,GACrB,IAAMG,EAAOI,OAAOF,IAAIR,EAAWG,IAC3C,CAACH,EAAWG,OCbYQ,IAC3B,MAAcC,EAAGtB,EAAMM,SAIvB,OAHAN,EAAME,UAAU,KACZoB,EAASd,QAAUa,GACpB,CAACA,IACWC,EAACd,SCOYe,EAAG,CAACC,EAAgB,OAChD,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAS,CAC3DC,MAAO,EACPC,OAAQ,IAGgBC,EAAG,IAC3BJ,EAfoB,MACxB,MAAQK,WAAYH,EAAOI,YAAaH,GAAWT,OACnD,MAAO,CACHQ,QACAC,WAWoBI,IACNC,EAAG/B,EACjBgC,EAASL,EAAwBN,IASrC,OANAY,EAAuB,SAAUF,GAEjCnC,EAA0B,KACtB+B,KACD,IAEIL"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.js","sources":["../src/useIsomorphicLayoutEffect.ts","../src/useEvent.ts","../src/useEventListener.ts","../src/useDocumentEventListener.ts","../src/useWindowEventListener.ts","../src/usePrevious.ts","../src/useWindowDimensions.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n","import React from 'react';\nimport { AnyFunction } from '@wiggindev/utils';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEvent<C extends AnyFunction>(callback: C): C {\n const latestRef = React.useRef<C>(\n throwInvokedBeforeMountError as unknown as C\n );\n useIsomorphicLayoutEffect(() => {\n latestRef.current = callback;\n }, [callback]);\n\n const stableRef = React.useRef<C>(null as unknown as C);\n if (!stableRef.current) {\n stableRef.current = latestRef.current;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return stableRef.current;\n}\n\nconst throwInvokedBeforeMountError = () => {\n throw new Error(\n 'INVALID_USEEVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.'\n );\n};\n","import React from 'react';\nimport events from '@wiggindev/events';\nimport type { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useEventListener = <\n K extends EventName<HTMLElementEventMap>,\n E extends HTMLElement\n>(\n eventName: K,\n listener: EventListener<HTMLElementEventMap, K>,\n element: React.RefObject<E>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n const node = element.current;\n if (!node || !node.addEventListener) {\n return;\n }\n events.element.on(node, eventName, stableListener);\n return () => events.element.off(node, eventName, stableListener);\n }, [element, eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useDocumentEventListener = <K extends EventName<DocumentEventMap>>(\n eventName: K,\n listener: EventListener<DocumentEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!document || !document.addEventListener) {\n return;\n }\n events.document.on(eventName, stableListener);\n return () => events.document.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useWindowEventListener = <K extends EventName<WindowEventMap>>(\n eventName: K,\n listener: EventListener<WindowEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!window || !window.addEventListener) {\n return;\n }\n events.window.on(eventName, stableListener);\n return () => events.window.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\n\nexport const usePrevious = <T>(value: T) => {\n const stateRef = React.useRef<T>();\n React.useEffect(() => {\n stateRef.current = value;\n }, [value]);\n return stateRef.current;\n};\n","import React from 'react';\nimport { throttle } from '@wiggindev/utils';\nimport { useWindowEventListener } from './useWindowEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport { useEvent } from './useEvent';\n\nconst getWindowDimensions = () => {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n};\n\nexport const useWindowDimensions = (throttleLimit = 250) => {\n const [windowDimensions, setWindowDimensions] = React.useState({\n width: 0,\n height: 0,\n });\n\n const updateWindowDimensions = () =>\n setWindowDimensions(getWindowDimensions());\n const handleResize = useEvent(\n throttle(updateWindowDimensions, throttleLimit)\n );\n\n useWindowEventListener('resize', handleResize);\n\n useIsomorphicLayoutEffect(() => {\n updateWindowDimensions();\n }, []);\n\n return windowDimensions;\n};\n"],"names":["useIsomorphicLayoutEffect","React","useLayoutEffect","useEffect","callback","useRef","throwInvokedBeforeMountError","latestRef","current","stableRef","eventName","listener","element","useEvent","node","addEventListener","events","on","stableListener","off","document","window","value","stateRef","throttleLimit","useState","width","height","windowDimensions","setWindowDimensions","_React$useState","innerWidth","innerHeight","handleResize","throttle","updateWindowDimensions","useWindowEventListener"],"mappings":"kGAEaA,MACS,2BAAcC,EAAMC,gBAAkBD,EAAME,UCC5D,WAA0CC,GAC5C,MAAkBH,EAAMI,OACpBC,GAEJN,EAA0B,WACtBO,EAAUC,QAAUJ,GACrB,CAACA,IAEJ,IAAMK,EAAYR,EAAMI,OAAU,MAMlC,OALKI,EAAUD,UACXC,EAAUD,QAAUD,EAAUC,SAI3BC,EAAUD,QAGrB,IAAkCF,EAAG,WACjC,MAAM,UACF,kHClBwB,SAI5BI,EACAC,EACAC,GAEA,MAAuBC,EAASF,GAChCV,EAAME,UAAU,WACZ,IAAUW,EAAGF,EAAQJ,QACrB,GAAKM,GAASA,EAAKC,iBAInB,OADAC,EAAOJ,QAAQK,GAAGH,EAAMJ,EAAWQ,qBAChBF,EAACJ,QAAQO,IAAIL,EAAMJ,EAAWQ,KAClD,CAACN,EAASF,EAAWQ,OCjBY,SACpCR,EACAC,GAEA,MAAuBE,EAASF,GAChCV,EAAME,UAAU,WACZ,GAAKiB,UAAaA,SAASL,iBAI3B,OADAC,EAAOI,SAASH,GAAGP,EAAWQ,GACjBF,WAAAA,OAAAA,EAAOI,SAASD,IAAIT,EAAWQ,KAC7C,CAACR,EAAWQ,OCXmB,SAClCR,EACAC,GAEA,MAAuBE,EAASF,GAChCV,EAAME,UAAU,WACZ,GAAKkB,QAAWA,OAAON,iBAIvB,OADAC,EAAOK,OAAOJ,GAAGP,EAAWQ,GACfF,WAAAA,OAAAA,EAAOK,OAAOF,IAAIT,EAAWQ,KAC3C,CAACR,EAAWQ,OCbQ,SAAII,GAC3B,MAAiBrB,EAAMI,SAIvB,OAHAJ,EAAME,UAAU,WACZoB,EAASf,QAAUc,GACpB,CAACA,IACWC,EAACf,WCOe,SAACgB,YAAAA,IAAAA,EAAgB,KAChD,IAAgDvB,EAAAA,EAAMwB,SAAS,CAC3DC,MAAO,EACPC,OAAQ,IAFLC,EAAkBC,EAAAA,GAAAA,EAKzBC,EAAA,KAA+B,WAAA,OACRD,EAbhB,CACHH,OAF+CL,EAAAA,QAA3CU,WAGJJ,OAHuBK,EAAAA,cADH,IAC2BX,GAe7CY,EAAepB,EACjBqB,EAASC,EAAwBX,IASrC,OANAY,EAAuB,SAAUH,GAEjCjC,EAA0B,WACtBmC,KACD"}
1
+ {"version":3,"file":"index.module.js","sources":["../src/useIsomorphicLayoutEffect.ts","../src/useEvent.ts","../src/useEventListener.ts","../src/useDocumentEventListener.ts","../src/useWindowEventListener.ts","../src/usePrevious.ts","../src/useWindowDimensions.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n","import React from 'react';\nimport { AnyFunction } from '@wiggindev/utils';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEvent<C extends AnyFunction>(callback: C): C {\n const latestRef = React.useRef<C>(\n throwInvokedBeforeMountError as unknown as C\n );\n useIsomorphicLayoutEffect(() => {\n latestRef.current = callback;\n }, [callback]);\n\n const stableRef = React.useRef<C>(null as unknown as C);\n if (!stableRef.current) {\n stableRef.current = latestRef.current;\n }\n\n return stableRef.current;\n}\n\nconst throwInvokedBeforeMountError = () => {\n throw new Error(\n 'INVALID_USEEVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.'\n );\n};\n","import React from 'react';\nimport events from '@wiggindev/events';\nimport type { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useEventListener = <\n K extends EventName<HTMLElementEventMap>,\n E extends HTMLElement\n>(\n eventName: K,\n listener: EventListener<HTMLElementEventMap, K>,\n element: React.RefObject<E>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n const node = element.current;\n if (!node || !node.addEventListener) {\n return;\n }\n events.element.on(node, eventName, stableListener);\n return () => events.element.off(node, eventName, stableListener);\n }, [element, eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useDocumentEventListener = <K extends EventName<DocumentEventMap>>(\n eventName: K,\n listener: EventListener<DocumentEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!document || !document.addEventListener) {\n return;\n }\n events.document.on(eventName, stableListener);\n return () => events.document.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\nimport events, { EventName, EventListener } from '@wiggindev/events';\nimport { useEvent } from './useEvent';\n\nexport const useWindowEventListener = <K extends EventName<WindowEventMap>>(\n eventName: K,\n listener: EventListener<WindowEventMap, K>\n) => {\n const stableListener = useEvent(listener);\n React.useEffect(() => {\n if (!window || !window.addEventListener) {\n return;\n }\n events.window.on(eventName, stableListener);\n return () => events.window.off(eventName, stableListener);\n }, [eventName, stableListener]);\n};\n","import React from 'react';\n\nexport const usePrevious = <T>(value: T) => {\n const stateRef = React.useRef<T>();\n React.useEffect(() => {\n stateRef.current = value;\n }, [value]);\n return stateRef.current;\n};\n","import React from 'react';\nimport { throttle } from '@wiggindev/utils';\nimport { useWindowEventListener } from './useWindowEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport { useEvent } from './useEvent';\n\nconst getWindowDimensions = () => {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n};\n\nexport const useWindowDimensions = (throttleLimit = 250) => {\n const [windowDimensions, setWindowDimensions] = React.useState({\n width: 0,\n height: 0,\n });\n\n const updateWindowDimensions = () =>\n setWindowDimensions(getWindowDimensions());\n const handleResize = useEvent(\n throttle(updateWindowDimensions, throttleLimit)\n );\n\n useWindowEventListener('resize', handleResize);\n\n useIsomorphicLayoutEffect(() => {\n updateWindowDimensions();\n }, []);\n\n return windowDimensions;\n};\n"],"names":["useIsomorphicLayoutEffect","React","useLayoutEffect","useEffect","callback","useRef","throwInvokedBeforeMountError","latestRef","current","stableRef","eventName","listener","element","useEvent","node","addEventListener","events","on","stableListener","off","document","window","value","stateRef","throttleLimit","useState","width","height","windowDimensions","setWindowDimensions","_React$useState","innerWidth","innerHeight","handleResize","throttle","updateWindowDimensions","useWindowEventListener"],"mappings":"kGAEaA,MACS,2BAAcC,EAAMC,gBAAkBD,EAAME,UCC5D,WAA0CC,GAC5C,MAAkBH,EAAMI,OACpBC,GAEJN,EAA0B,WACtBO,EAAUC,QAAUJ,GACrB,CAACA,IAEJ,IAAMK,EAAYR,EAAMI,OAAU,MAKlC,OAJKI,EAAUD,UACXC,EAAUD,QAAUD,EAAUC,SAG3BC,EAAUD,QAGrB,IAAkCF,EAAG,WACjC,MAAM,UACF,kHCjBwB,SAI5BI,EACAC,EACAC,GAEA,MAAuBC,EAASF,GAChCV,EAAME,UAAU,WACZ,IAAUW,EAAGF,EAAQJ,QACrB,GAAKM,GAASA,EAAKC,iBAInB,OADAC,EAAOJ,QAAQK,GAAGH,EAAMJ,EAAWQ,qBAChBF,EAACJ,QAAQO,IAAIL,EAAMJ,EAAWQ,KAClD,CAACN,EAASF,EAAWQ,OCjBY,SACpCR,EACAC,GAEA,MAAuBE,EAASF,GAChCV,EAAME,UAAU,WACZ,GAAKiB,UAAaA,SAASL,iBAI3B,OADAC,EAAOI,SAASH,GAAGP,EAAWQ,GACjBF,WAAAA,OAAAA,EAAOI,SAASD,IAAIT,EAAWQ,KAC7C,CAACR,EAAWQ,OCXmB,SAClCR,EACAC,GAEA,MAAuBE,EAASF,GAChCV,EAAME,UAAU,WACZ,GAAKkB,QAAWA,OAAON,iBAIvB,OADAC,EAAOK,OAAOJ,GAAGP,EAAWQ,GACfF,WAAAA,OAAAA,EAAOK,OAAOF,IAAIT,EAAWQ,KAC3C,CAACR,EAAWQ,OCbQ,SAAII,GAC3B,MAAiBrB,EAAMI,SAIvB,OAHAJ,EAAME,UAAU,WACZoB,EAASf,QAAUc,GACpB,CAACA,IACWC,EAACf,WCOe,SAACgB,YAAAA,IAAAA,EAAgB,KAChD,IAAgDvB,EAAAA,EAAMwB,SAAS,CAC3DC,MAAO,EACPC,OAAQ,IAFLC,EAAkBC,EAAAA,GAAAA,EAKzBC,EAAA,KAA+B,WAAA,OACRD,EAbhB,CACHH,OAF+CL,EAAAA,QAA3CU,WAGJJ,OAHuBK,EAAAA,cADH,IAC2BX,GAe7CY,EAAepB,EACjBqB,EAASC,EAAwBX,IASrC,OANAY,EAAuB,SAAUH,GAEjCjC,EAA0B,WACtBmC,KACD"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@wiggindev/hooks",
3
3
  "description": "Various hooks that I use in my projects",
4
- "version": "0.2.9",
4
+ "version": "0.2.10",
5
5
  "author": {
6
6
  "name": "Andrew Wiggin",
7
7
  "email": "andrew@wiggin.dev",