@vitus-labs/hooks 0.69.0 → 0.71.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/analysis/vitus-labs-hooks.browser.js.html +1 -1
- package/lib/analysis/vitus-labs-hooks.js.html +1 -1
- package/lib/analysis/vitus-labs-hooks.module.js.html +1 -1
- package/lib/analysis/vitus-labs-hooks.native.js.html +1 -1
- package/lib/types/useWindowResize.d.ts.map +1 -1
- package/lib/vitus-labs-hooks.browser.js +11 -16
- package/lib/vitus-labs-hooks.browser.js.map +1 -1
- package/lib/vitus-labs-hooks.js +11 -16
- package/lib/vitus-labs-hooks.js.map +1 -1
- package/lib/vitus-labs-hooks.module.js +11 -16
- package/lib/vitus-labs-hooks.module.js.map +1 -1
- package/lib/vitus-labs-hooks.native.js +11 -16
- package/lib/vitus-labs-hooks.native.js.map +1 -1
- package/package.json +3 -3
|
@@ -6618,7 +6618,7 @@ var drawChart = (function (exports) {
|
|
|
6618
6618
|
</script>
|
|
6619
6619
|
<script>
|
|
6620
6620
|
/*<!--*/
|
|
6621
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.browser.js","children":[{"name":"src","children":[{"uid":"
|
|
6621
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.browser.js","children":[{"name":"src","children":[{"uid":"ffbf-25","name":"useHover.ts"},{"uid":"ffbf-27","name":"useWindowResize.ts"},{"uid":"ffbf-29","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"ffbf-25":{"renderedLength":333,"gzipLength":179,"brotliLength":0,"metaUid":"ffbf-24"},"ffbf-27":{"renderedLength":723,"gzipLength":315,"brotliLength":0,"metaUid":"ffbf-26"},"ffbf-29":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"ffbf-28"}},"nodeMetas":{"ffbf-24":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.browser.js":"ffbf-25"},"imported":[{"uid":"ffbf-30"}],"importedBy":[{"uid":"ffbf-28"}]},"ffbf-26":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.browser.js":"ffbf-27"},"imported":[{"uid":"ffbf-30"},{"uid":"ffbf-31"}],"importedBy":[{"uid":"ffbf-28"}]},"ffbf-28":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.browser.js":"ffbf-29"},"imported":[{"uid":"ffbf-24"},{"uid":"ffbf-26"}],"importedBy":[],"isEntry":true},"ffbf-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-24"},{"uid":"ffbf-26"}],"isExternal":true},"ffbf-31":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-26"}],"isExternal":true}},"env":{"rollup":"3.10.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6622
6622
|
|
|
6623
6623
|
const run = () => {
|
|
6624
6624
|
const width = window.innerWidth;
|
|
@@ -6618,7 +6618,7 @@ var drawChart = (function (exports) {
|
|
|
6618
6618
|
</script>
|
|
6619
6619
|
<script>
|
|
6620
6620
|
/*<!--*/
|
|
6621
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.js","children":[{"name":"src","children":[{"uid":"
|
|
6621
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.js","children":[{"name":"src","children":[{"uid":"ffbf-1","name":"useHover.ts"},{"uid":"ffbf-3","name":"useWindowResize.ts"},{"uid":"ffbf-5","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"ffbf-1":{"renderedLength":351,"gzipLength":184,"brotliLength":0,"metaUid":"ffbf-0"},"ffbf-3":{"renderedLength":746,"gzipLength":324,"brotliLength":0,"metaUid":"ffbf-2"},"ffbf-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"ffbf-4"}},"nodeMetas":{"ffbf-0":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.js":"ffbf-1"},"imported":[{"uid":"ffbf-6"}],"importedBy":[{"uid":"ffbf-4"}]},"ffbf-2":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.js":"ffbf-3"},"imported":[{"uid":"ffbf-6"},{"uid":"ffbf-7"}],"importedBy":[{"uid":"ffbf-4"}]},"ffbf-4":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.js":"ffbf-5"},"imported":[{"uid":"ffbf-0"},{"uid":"ffbf-2"}],"importedBy":[],"isEntry":true},"ffbf-6":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-0"},{"uid":"ffbf-2"}],"isExternal":true},"ffbf-7":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-2"}],"isExternal":true}},"env":{"rollup":"3.10.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6622
6622
|
|
|
6623
6623
|
const run = () => {
|
|
6624
6624
|
const width = window.innerWidth;
|
|
@@ -6618,7 +6618,7 @@ var drawChart = (function (exports) {
|
|
|
6618
6618
|
</script>
|
|
6619
6619
|
<script>
|
|
6620
6620
|
/*<!--*/
|
|
6621
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.module.js","children":[{"name":"src","children":[{"uid":"
|
|
6621
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.module.js","children":[{"name":"src","children":[{"uid":"ffbf-9","name":"useHover.ts"},{"uid":"ffbf-11","name":"useWindowResize.ts"},{"uid":"ffbf-13","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"ffbf-9":{"renderedLength":333,"gzipLength":179,"brotliLength":0,"metaUid":"ffbf-8"},"ffbf-11":{"renderedLength":723,"gzipLength":315,"brotliLength":0,"metaUid":"ffbf-10"},"ffbf-13":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"ffbf-12"}},"nodeMetas":{"ffbf-8":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.module.js":"ffbf-9"},"imported":[{"uid":"ffbf-14"}],"importedBy":[{"uid":"ffbf-12"}]},"ffbf-10":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.module.js":"ffbf-11"},"imported":[{"uid":"ffbf-14"},{"uid":"ffbf-15"}],"importedBy":[{"uid":"ffbf-12"}]},"ffbf-12":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.module.js":"ffbf-13"},"imported":[{"uid":"ffbf-8"},{"uid":"ffbf-10"}],"importedBy":[],"isEntry":true},"ffbf-14":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-8"},{"uid":"ffbf-10"}],"isExternal":true},"ffbf-15":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-10"}],"isExternal":true}},"env":{"rollup":"3.10.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6622
6622
|
|
|
6623
6623
|
const run = () => {
|
|
6624
6624
|
const width = window.innerWidth;
|
|
@@ -6618,7 +6618,7 @@ var drawChart = (function (exports) {
|
|
|
6618
6618
|
</script>
|
|
6619
6619
|
<script>
|
|
6620
6620
|
/*<!--*/
|
|
6621
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.native.js","children":[{"name":"src","children":[{"uid":"
|
|
6621
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.native.js","children":[{"name":"src","children":[{"uid":"ffbf-17","name":"useHover.ts"},{"uid":"ffbf-19","name":"useWindowResize.ts"},{"uid":"ffbf-21","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"ffbf-17":{"renderedLength":333,"gzipLength":179,"brotliLength":0,"metaUid":"ffbf-16"},"ffbf-19":{"renderedLength":723,"gzipLength":315,"brotliLength":0,"metaUid":"ffbf-18"},"ffbf-21":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"ffbf-20"}},"nodeMetas":{"ffbf-16":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.native.js":"ffbf-17"},"imported":[{"uid":"ffbf-22"}],"importedBy":[{"uid":"ffbf-20"}]},"ffbf-18":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.native.js":"ffbf-19"},"imported":[{"uid":"ffbf-22"},{"uid":"ffbf-23"}],"importedBy":[{"uid":"ffbf-20"}]},"ffbf-20":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.native.js":"ffbf-21"},"imported":[{"uid":"ffbf-16"},{"uid":"ffbf-18"}],"importedBy":[],"isEntry":true},"ffbf-22":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-16"},{"uid":"ffbf-18"}],"isExternal":true},"ffbf-23":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"ffbf-18"}],"isExternal":true}},"env":{"rollup":"3.10.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6622
6622
|
|
|
6623
6623
|
const run = () => {
|
|
6624
6624
|
const width = window.innerWidth;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../src/useWindowResize.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAC5B,MAAM,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;CAClC,CAAC,EACF,aAAa,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,KAC3B,KAAK,CAAA;AAEV,QAAA,MAAM,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../src/useWindowResize.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAC5B,MAAM,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;CAClC,CAAC,EACF,aAAa,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,KAC3B,KAAK,CAAA;AAEV,QAAA,MAAM,eAAe,EAAE,eAyBtB,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -12,27 +12,22 @@ const useHover = (initial = false) => {
|
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
-
const useWindowResize = ({ throttleDelay = 200, onChange }, { width = 0, height = 0 } = {}) => {
|
|
15
|
+
const useWindowResize = ({ throttleDelay = 200, onChange } = {}, { width = 0, height = 0 } = {}) => {
|
|
16
16
|
const [windowSize, setWindowSize] = useState({ width, height });
|
|
17
|
-
|
|
18
|
-
const
|
|
17
|
+
const updateSizes = useCallback(() => {
|
|
18
|
+
const sizes = {
|
|
19
19
|
width: window.innerWidth,
|
|
20
20
|
height: window.innerHeight,
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
setWindowSize(getSize());
|
|
29
|
-
if (onChange) {
|
|
30
|
-
onChange(calculatedSize);
|
|
31
|
-
}
|
|
32
|
-
}, throttleDelay);
|
|
21
|
+
};
|
|
22
|
+
setWindowSize(sizes);
|
|
23
|
+
if (onChange)
|
|
24
|
+
onChange(sizes);
|
|
25
|
+
}, [onChange]);
|
|
26
|
+
const handleResize = throttle(updateSizes, throttleDelay);
|
|
27
|
+
useEffect(() => {
|
|
33
28
|
window.addEventListener('resize', handleResize, false);
|
|
34
29
|
return () => window.removeEventListener('resize', handleResize, false);
|
|
35
|
-
}, [
|
|
30
|
+
}, [updateSizes]);
|
|
36
31
|
return windowSize;
|
|
37
32
|
};
|
|
38
33
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-hooks.browser.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange },\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n
|
|
1
|
+
{"version":3,"file":"vitus-labs-hooks.browser.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect, useCallback } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange } = {},\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n const updateSizes = useCallback(() => {\n const sizes = {\n width: window.innerWidth,\n height: window.innerHeight,\n }\n\n setWindowSize(sizes)\n if (onChange) onChange(sizes)\n }, [onChange])\n\n const handleResize = throttle(updateSizes, throttleDelay)\n\n useEffect(() => {\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [updateSizes])\n\n return windowSize\n}\n\nexport default useWindowResize\n"],"names":[],"mappings":";;;AAQA,MAAM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK,KAAI;IAC7C,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;AAE9C,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AACzD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;AACL,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;ACHM,MAAA,eAAe,GAAoB,CACvC,EAAE,aAAa,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EACtC,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAC5B;AACF,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;AAE/D,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;SAC3B,CAAA;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;AACpB,QAAA,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC/B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;IAEzD,SAAS,CAAC,MAAK;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AAEtD,QAAA,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AACxE,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;AAEjB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;"}
|
package/lib/vitus-labs-hooks.js
CHANGED
|
@@ -16,27 +16,22 @@ const useHover = (initial = false) => {
|
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
|
|
19
|
-
const useWindowResize = ({ throttleDelay = 200, onChange }, { width = 0, height = 0 } = {}) => {
|
|
19
|
+
const useWindowResize = ({ throttleDelay = 200, onChange } = {}, { width = 0, height = 0 } = {}) => {
|
|
20
20
|
const [windowSize, setWindowSize] = react.useState({ width, height });
|
|
21
|
-
react.
|
|
22
|
-
const
|
|
21
|
+
const updateSizes = react.useCallback(() => {
|
|
22
|
+
const sizes = {
|
|
23
23
|
width: window.innerWidth,
|
|
24
24
|
height: window.innerHeight,
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
setWindowSize(getSize());
|
|
33
|
-
if (onChange) {
|
|
34
|
-
onChange(calculatedSize);
|
|
35
|
-
}
|
|
36
|
-
}, throttleDelay);
|
|
25
|
+
};
|
|
26
|
+
setWindowSize(sizes);
|
|
27
|
+
if (onChange)
|
|
28
|
+
onChange(sizes);
|
|
29
|
+
}, [onChange]);
|
|
30
|
+
const handleResize = core.throttle(updateSizes, throttleDelay);
|
|
31
|
+
react.useEffect(() => {
|
|
37
32
|
window.addEventListener('resize', handleResize, false);
|
|
38
33
|
return () => window.removeEventListener('resize', handleResize, false);
|
|
39
|
-
}, [
|
|
34
|
+
}, [updateSizes]);
|
|
40
35
|
return windowSize;
|
|
41
36
|
};
|
|
42
37
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-hooks.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange },\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n
|
|
1
|
+
{"version":3,"file":"vitus-labs-hooks.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect, useCallback } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange } = {},\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n const updateSizes = useCallback(() => {\n const sizes = {\n width: window.innerWidth,\n height: window.innerHeight,\n }\n\n setWindowSize(sizes)\n if (onChange) onChange(sizes)\n }, [onChange])\n\n const handleResize = throttle(updateSizes, throttleDelay)\n\n useEffect(() => {\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [updateSizes])\n\n return windowSize\n}\n\nexport default useWindowResize\n"],"names":["useState","useCallback","throttle","useEffect"],"mappings":";;;;;;;AAQA,MAAM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK,KAAI;IAC7C,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC,CAAA;AAE9C,IAAA,MAAM,QAAQ,GAAGC,iBAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AACzD,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;AACL,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;ACHM,MAAA,eAAe,GAAoB,CACvC,EAAE,aAAa,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EACtC,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAC5B;AACF,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGD,cAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;AAE/D,IAAA,MAAM,WAAW,GAAGC,iBAAW,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;SAC3B,CAAA;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;AACpB,QAAA,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC/B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,YAAY,GAAGC,aAAQ,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;IAEzDC,eAAS,CAAC,MAAK;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AAEtD,QAAA,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AACxE,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;AAEjB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;;"}
|
|
@@ -12,27 +12,22 @@ const useHover = (initial = false) => {
|
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
-
const useWindowResize = ({ throttleDelay = 200, onChange }, { width = 0, height = 0 } = {}) => {
|
|
15
|
+
const useWindowResize = ({ throttleDelay = 200, onChange } = {}, { width = 0, height = 0 } = {}) => {
|
|
16
16
|
const [windowSize, setWindowSize] = useState({ width, height });
|
|
17
|
-
|
|
18
|
-
const
|
|
17
|
+
const updateSizes = useCallback(() => {
|
|
18
|
+
const sizes = {
|
|
19
19
|
width: window.innerWidth,
|
|
20
20
|
height: window.innerHeight,
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
setWindowSize(getSize());
|
|
29
|
-
if (onChange) {
|
|
30
|
-
onChange(calculatedSize);
|
|
31
|
-
}
|
|
32
|
-
}, throttleDelay);
|
|
21
|
+
};
|
|
22
|
+
setWindowSize(sizes);
|
|
23
|
+
if (onChange)
|
|
24
|
+
onChange(sizes);
|
|
25
|
+
}, [onChange]);
|
|
26
|
+
const handleResize = throttle(updateSizes, throttleDelay);
|
|
27
|
+
useEffect(() => {
|
|
33
28
|
window.addEventListener('resize', handleResize, false);
|
|
34
29
|
return () => window.removeEventListener('resize', handleResize, false);
|
|
35
|
-
}, [
|
|
30
|
+
}, [updateSizes]);
|
|
36
31
|
return windowSize;
|
|
37
32
|
};
|
|
38
33
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-hooks.module.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange },\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n
|
|
1
|
+
{"version":3,"file":"vitus-labs-hooks.module.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect, useCallback } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange } = {},\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n const updateSizes = useCallback(() => {\n const sizes = {\n width: window.innerWidth,\n height: window.innerHeight,\n }\n\n setWindowSize(sizes)\n if (onChange) onChange(sizes)\n }, [onChange])\n\n const handleResize = throttle(updateSizes, throttleDelay)\n\n useEffect(() => {\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [updateSizes])\n\n return windowSize\n}\n\nexport default useWindowResize\n"],"names":[],"mappings":";;;AAQA,MAAM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK,KAAI;IAC7C,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;AAE9C,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AACzD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;AACL,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;ACHM,MAAA,eAAe,GAAoB,CACvC,EAAE,aAAa,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EACtC,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAC5B;AACF,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;AAE/D,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;SAC3B,CAAA;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;AACpB,QAAA,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC/B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;IAEzD,SAAS,CAAC,MAAK;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AAEtD,QAAA,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AACxE,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;AAEjB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;"}
|
|
@@ -12,27 +12,22 @@ const useHover = (initial = false) => {
|
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
-
const useWindowResize = ({ throttleDelay = 200, onChange }, { width = 0, height = 0 } = {}) => {
|
|
15
|
+
const useWindowResize = ({ throttleDelay = 200, onChange } = {}, { width = 0, height = 0 } = {}) => {
|
|
16
16
|
const [windowSize, setWindowSize] = useState({ width, height });
|
|
17
|
-
|
|
18
|
-
const
|
|
17
|
+
const updateSizes = useCallback(() => {
|
|
18
|
+
const sizes = {
|
|
19
19
|
width: window.innerWidth,
|
|
20
20
|
height: window.innerHeight,
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
setWindowSize(getSize());
|
|
29
|
-
if (onChange) {
|
|
30
|
-
onChange(calculatedSize);
|
|
31
|
-
}
|
|
32
|
-
}, throttleDelay);
|
|
21
|
+
};
|
|
22
|
+
setWindowSize(sizes);
|
|
23
|
+
if (onChange)
|
|
24
|
+
onChange(sizes);
|
|
25
|
+
}, [onChange]);
|
|
26
|
+
const handleResize = throttle(updateSizes, throttleDelay);
|
|
27
|
+
useEffect(() => {
|
|
33
28
|
window.addEventListener('resize', handleResize, false);
|
|
34
29
|
return () => window.removeEventListener('resize', handleResize, false);
|
|
35
|
-
}, [
|
|
30
|
+
}, [updateSizes]);
|
|
36
31
|
return windowSize;
|
|
37
32
|
};
|
|
38
33
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-hooks.native.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange },\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n
|
|
1
|
+
{"version":3,"file":"vitus-labs-hooks.native.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { useState, useEffect, useCallback } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>\n) => Sizes\n\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange } = {},\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n const updateSizes = useCallback(() => {\n const sizes = {\n width: window.innerWidth,\n height: window.innerHeight,\n }\n\n setWindowSize(sizes)\n if (onChange) onChange(sizes)\n }, [onChange])\n\n const handleResize = throttle(updateSizes, throttleDelay)\n\n useEffect(() => {\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [updateSizes])\n\n return windowSize\n}\n\nexport default useWindowResize\n"],"names":[],"mappings":";;;AAQA,MAAM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK,KAAI;IAC7C,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;AAE9C,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AACzD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;AACL,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;ACHM,MAAA,eAAe,GAAoB,CACvC,EAAE,aAAa,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EACtC,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAC5B;AACF,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;AAE/D,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;SAC3B,CAAA;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;AACpB,QAAA,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC/B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;IAEzD,SAAS,CAAC,MAAK;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AAEtD,QAAA,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;AACxE,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;AAEjB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitus-labs/hooks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.71.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Vit Bokisch <vit@bokisch.cz>",
|
|
6
6
|
"maintainers": [
|
|
@@ -47,11 +47,11 @@
|
|
|
47
47
|
"react": ">= 16.8"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@vitus-labs/core": "^0.
|
|
50
|
+
"@vitus-labs/core": "^0.71.0",
|
|
51
51
|
"@vitus-labs/tools-babel": "^0.41.0",
|
|
52
52
|
"@vitus-labs/tools-rollup": "^0.41.0",
|
|
53
53
|
"@vitus-labs/tools-storybook": "^0.41.0",
|
|
54
54
|
"@vitus-labs/tools-typescript": "^0.41.0"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "85009a7b1a2d804b75fecb9e9ee58571cfe5744f"
|
|
57
57
|
}
|