@vitus-labs/hooks 0.57.0-alpha.4 → 0.57.0-alpha.8
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/index.d.ts +1 -1
- package/lib/types/useWindowResize.d.ts +1 -1
- package/lib/vitus-labs-hooks.browser.js +10 -9
- package/lib/vitus-labs-hooks.browser.js.map +1 -1
- package/lib/vitus-labs-hooks.js +12 -10
- package/lib/vitus-labs-hooks.js.map +1 -1
- package/lib/vitus-labs-hooks.module.js +10 -9
- package/lib/vitus-labs-hooks.module.js.map +1 -1
- package/lib/vitus-labs-hooks.native.js +10 -9
- package/lib/vitus-labs-hooks.native.js.map +1 -1
- package/package.json +5 -3
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.browser.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.browser.js","children":[{"name":"src","children":[{"uid":"2afa-25","name":"useHover.ts"},{"uid":"2afa-27","name":"useWindowResize.ts"},{"uid":"2afa-29","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"2afa-25":{"renderedLength":333,"gzipLength":179,"brotliLength":0,"mainUid":"2afa-24"},"2afa-27":{"renderedLength":651,"gzipLength":282,"brotliLength":0,"mainUid":"2afa-26"},"2afa-29":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"2afa-28"}},"nodeMetas":{"2afa-24":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.browser.js":"2afa-25"},"imported":[{"uid":"2afa-30"}],"importedBy":[{"uid":"2afa-28"}]},"2afa-26":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.browser.js":"2afa-27"},"imported":[{"uid":"2afa-30"},{"uid":"2afa-31"}],"importedBy":[{"uid":"2afa-28"}]},"2afa-28":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.browser.js":"2afa-29"},"imported":[{"uid":"2afa-24"},{"uid":"2afa-26"}],"importedBy":[],"isEntry":true},"2afa-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-24"},{"uid":"2afa-26"}],"isExternal":true},"2afa-31":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-26"}],"isExternal":true}},"env":{"rollup":"2.72.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.js","children":[{"name":"src","children":[{"uid":"2afa-1","name":"useHover.ts"},{"uid":"2afa-3","name":"useWindowResize.ts"},{"uid":"2afa-5","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"2afa-1":{"renderedLength":351,"gzipLength":184,"brotliLength":0,"mainUid":"2afa-0"},"2afa-3":{"renderedLength":668,"gzipLength":290,"brotliLength":0,"mainUid":"2afa-2"},"2afa-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"2afa-4"}},"nodeMetas":{"2afa-0":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.js":"2afa-1"},"imported":[{"uid":"2afa-6"}],"importedBy":[{"uid":"2afa-4"}]},"2afa-2":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.js":"2afa-3"},"imported":[{"uid":"2afa-6"},{"uid":"2afa-7"}],"importedBy":[{"uid":"2afa-4"}]},"2afa-4":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.js":"2afa-5"},"imported":[{"uid":"2afa-0"},{"uid":"2afa-2"}],"importedBy":[],"isEntry":true},"2afa-6":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-0"},{"uid":"2afa-2"}],"isExternal":true},"2afa-7":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-2"}],"isExternal":true}},"env":{"rollup":"2.72.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.module.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.module.js","children":[{"name":"src","children":[{"uid":"2afa-9","name":"useHover.ts"},{"uid":"2afa-11","name":"useWindowResize.ts"},{"uid":"2afa-13","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"2afa-9":{"renderedLength":333,"gzipLength":179,"brotliLength":0,"mainUid":"2afa-8"},"2afa-11":{"renderedLength":651,"gzipLength":282,"brotliLength":0,"mainUid":"2afa-10"},"2afa-13":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"2afa-12"}},"nodeMetas":{"2afa-8":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.module.js":"2afa-9"},"imported":[{"uid":"2afa-14"}],"importedBy":[{"uid":"2afa-12"}]},"2afa-10":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.module.js":"2afa-11"},"imported":[{"uid":"2afa-14"},{"uid":"2afa-15"}],"importedBy":[{"uid":"2afa-12"}]},"2afa-12":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.module.js":"2afa-13"},"imported":[{"uid":"2afa-8"},{"uid":"2afa-10"}],"importedBy":[],"isEntry":true},"2afa-14":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-8"},{"uid":"2afa-10"}],"isExternal":true},"2afa-15":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-10"}],"isExternal":true}},"env":{"rollup":"2.72.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.native.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-hooks.native.js","children":[{"name":"src","children":[{"uid":"2afa-17","name":"useHover.ts"},{"uid":"2afa-19","name":"useWindowResize.ts"},{"uid":"2afa-21","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"2afa-17":{"renderedLength":333,"gzipLength":179,"brotliLength":0,"mainUid":"2afa-16"},"2afa-19":{"renderedLength":651,"gzipLength":282,"brotliLength":0,"mainUid":"2afa-18"},"2afa-21":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"2afa-20"}},"nodeMetas":{"2afa-16":{"id":"/src/useHover.ts","moduleParts":{"vitus-labs-hooks.native.js":"2afa-17"},"imported":[{"uid":"2afa-22"}],"importedBy":[{"uid":"2afa-20"}]},"2afa-18":{"id":"/src/useWindowResize.ts","moduleParts":{"vitus-labs-hooks.native.js":"2afa-19"},"imported":[{"uid":"2afa-22"},{"uid":"2afa-23"}],"importedBy":[{"uid":"2afa-20"}]},"2afa-20":{"id":"/src/index.ts","moduleParts":{"vitus-labs-hooks.native.js":"2afa-21"},"imported":[{"uid":"2afa-16"},{"uid":"2afa-18"}],"importedBy":[],"isEntry":true},"2afa-22":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-16"},{"uid":"2afa-18"}],"isExternal":true},"2afa-23":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"2afa-18"}],"isExternal":true}},"env":{"rollup":"2.72.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
package/lib/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ declare type UseHover = (initialValue?: boolean) => {
|
|
|
5
5
|
};
|
|
6
6
|
declare const useHover: UseHover;
|
|
7
7
|
|
|
8
|
-
declare type UseWindowResize = (throttleDelay?: number,
|
|
8
|
+
declare type UseWindowResize = (throttleDelay?: number, initialValues?: Partial<{
|
|
9
9
|
width: number;
|
|
10
10
|
height: number;
|
|
11
11
|
}>) => {
|
|
@@ -13,18 +13,19 @@ const useHover = (initial = false) => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
|
|
16
|
-
const
|
|
17
|
-
width: window.innerWidth ,
|
|
18
|
-
height: window.innerHeight ,
|
|
19
|
-
});
|
|
20
|
-
const [windowSize, setWindowSize] = useState(getSize);
|
|
21
|
-
const handleResize = throttle(() => {
|
|
22
|
-
setWindowSize(getSize());
|
|
23
|
-
}, throttleDelay);
|
|
16
|
+
const [windowSize, setWindowSize] = useState({ width, height });
|
|
24
17
|
useEffect(() => {
|
|
18
|
+
const getSize = () => ({
|
|
19
|
+
width: window.innerWidth,
|
|
20
|
+
height: window.innerHeight,
|
|
21
|
+
});
|
|
22
|
+
setWindowSize(getSize());
|
|
23
|
+
const handleResize = throttle(() => {
|
|
24
|
+
setWindowSize(getSize());
|
|
25
|
+
}, throttleDelay);
|
|
25
26
|
window.addEventListener('resize', handleResize, false);
|
|
26
27
|
return () => window.removeEventListener('resize', handleResize, false);
|
|
27
|
-
}, [
|
|
28
|
+
}, [throttleDelay]);
|
|
28
29
|
return windowSize;
|
|
29
30
|
};
|
|
30
31
|
|
|
@@ -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\nexport type UseWindowResize = (\n throttleDelay?: number,\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 } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\nexport type UseWindowResize = (\n throttleDelay?: number,\n initialValues?: Partial<{\n width: number\n height: number\n }>\n) => {\n width: number\n height: number\n}\n\nconst useWindowResize: UseWindowResize = (\n throttleDelay = 200,\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n useEffect(() => {\n const getSize = () => ({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n\n setWindowSize(getSize())\n\n const handleResize = throttle(() => {\n setWindowSize(getSize())\n }, throttleDelay)\n\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [throttleDelay])\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;;ACLA,MAAM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,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;IAE/D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,OAAO;YACrB,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;AAC3B,SAAA,CAAC,CAAA;AAEF,QAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;AAExB,QAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAK;AACjC,YAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;SACzB,EAAE,aAAa,CAAC,CAAA;QAEjB,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,aAAa,CAAC,CAAC,CAAA;AAEnB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;"}
|
package/lib/vitus-labs-hooks.js
CHANGED
|
@@ -17,17 +17,19 @@ const useHover = (initial = false) => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
|
|
20
|
-
const
|
|
21
|
-
width: width,
|
|
22
|
-
height: height,
|
|
23
|
-
});
|
|
24
|
-
const [windowSize, setWindowSize] = react.useState(getSize);
|
|
25
|
-
const handleResize = core.throttle(() => {
|
|
26
|
-
setWindowSize(getSize());
|
|
27
|
-
}, throttleDelay);
|
|
20
|
+
const [windowSize, setWindowSize] = react.useState({ width, height });
|
|
28
21
|
react.useEffect(() => {
|
|
29
|
-
|
|
30
|
-
|
|
22
|
+
const getSize = () => ({
|
|
23
|
+
width: window.innerWidth,
|
|
24
|
+
height: window.innerHeight,
|
|
25
|
+
});
|
|
26
|
+
setWindowSize(getSize());
|
|
27
|
+
const handleResize = core.throttle(() => {
|
|
28
|
+
setWindowSize(getSize());
|
|
29
|
+
}, throttleDelay);
|
|
30
|
+
window.addEventListener('resize', handleResize, false);
|
|
31
|
+
return () => window.removeEventListener('resize', handleResize, false);
|
|
32
|
+
}, [throttleDelay]);
|
|
31
33
|
return windowSize;
|
|
32
34
|
};
|
|
33
35
|
|
|
@@ -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\nexport type UseWindowResize = (\n throttleDelay?: number,\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 } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\nexport type UseWindowResize = (\n throttleDelay?: number,\n initialValues?: Partial<{\n width: number\n height: number\n }>\n) => {\n width: number\n height: number\n}\n\nconst useWindowResize: UseWindowResize = (\n throttleDelay = 200,\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n useEffect(() => {\n const getSize = () => ({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n\n setWindowSize(getSize())\n\n const handleResize = throttle(() => {\n setWindowSize(getSize())\n }, throttleDelay)\n\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [throttleDelay])\n\n return windowSize\n}\n\nexport default useWindowResize\n"],"names":["useState","useCallback","useEffect","throttle"],"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;;ACLA,MAAM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,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;IAE/DE,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,OAAO;YACrB,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;AAC3B,SAAA,CAAC,CAAA;AAEF,QAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;AAExB,QAAA,MAAM,YAAY,GAAGC,aAAQ,CAAC,MAAK;AACjC,YAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;SACzB,EAAE,aAAa,CAAC,CAAA;QAEjB,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,aAAa,CAAC,CAAC,CAAA;AAEnB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;;"}
|
|
@@ -13,18 +13,19 @@ const useHover = (initial = false) => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
|
|
16
|
-
const
|
|
17
|
-
width: width,
|
|
18
|
-
height: height,
|
|
19
|
-
});
|
|
20
|
-
const [windowSize, setWindowSize] = useState(getSize);
|
|
21
|
-
const handleResize = throttle(() => {
|
|
22
|
-
setWindowSize(getSize());
|
|
23
|
-
}, throttleDelay);
|
|
16
|
+
const [windowSize, setWindowSize] = useState({ width, height });
|
|
24
17
|
useEffect(() => {
|
|
18
|
+
const getSize = () => ({
|
|
19
|
+
width: window.innerWidth,
|
|
20
|
+
height: window.innerHeight,
|
|
21
|
+
});
|
|
22
|
+
setWindowSize(getSize());
|
|
23
|
+
const handleResize = throttle(() => {
|
|
24
|
+
setWindowSize(getSize());
|
|
25
|
+
}, throttleDelay);
|
|
25
26
|
window.addEventListener('resize', handleResize, false);
|
|
26
27
|
return () => window.removeEventListener('resize', handleResize, false);
|
|
27
|
-
}, [
|
|
28
|
+
}, [throttleDelay]);
|
|
28
29
|
return windowSize;
|
|
29
30
|
};
|
|
30
31
|
|
|
@@ -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\nexport type UseWindowResize = (\n throttleDelay?: number,\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 } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\nexport type UseWindowResize = (\n throttleDelay?: number,\n initialValues?: Partial<{\n width: number\n height: number\n }>\n) => {\n width: number\n height: number\n}\n\nconst useWindowResize: UseWindowResize = (\n throttleDelay = 200,\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n useEffect(() => {\n const getSize = () => ({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n\n setWindowSize(getSize())\n\n const handleResize = throttle(() => {\n setWindowSize(getSize())\n }, throttleDelay)\n\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [throttleDelay])\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;;ACLA,MAAM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,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;IAE/D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,OAAO;YACrB,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;AAC3B,SAAA,CAAC,CAAA;AAEF,QAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;AAExB,QAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAK;AACjC,YAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;SACzB,EAAE,aAAa,CAAC,CAAA;QAEjB,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,aAAa,CAAC,CAAC,CAAA;AAEnB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;"}
|
|
@@ -13,18 +13,19 @@ const useHover = (initial = false) => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
|
|
16
|
-
const
|
|
17
|
-
width: window.innerWidth ,
|
|
18
|
-
height: window.innerHeight ,
|
|
19
|
-
});
|
|
20
|
-
const [windowSize, setWindowSize] = useState(getSize);
|
|
21
|
-
const handleResize = throttle(() => {
|
|
22
|
-
setWindowSize(getSize());
|
|
23
|
-
}, throttleDelay);
|
|
16
|
+
const [windowSize, setWindowSize] = useState({ width, height });
|
|
24
17
|
useEffect(() => {
|
|
18
|
+
const getSize = () => ({
|
|
19
|
+
width: window.innerWidth,
|
|
20
|
+
height: window.innerHeight,
|
|
21
|
+
});
|
|
22
|
+
setWindowSize(getSize());
|
|
23
|
+
const handleResize = throttle(() => {
|
|
24
|
+
setWindowSize(getSize());
|
|
25
|
+
}, throttleDelay);
|
|
25
26
|
window.addEventListener('resize', handleResize, false);
|
|
26
27
|
return () => window.removeEventListener('resize', handleResize, false);
|
|
27
|
-
}, [
|
|
28
|
+
}, [throttleDelay]);
|
|
28
29
|
return windowSize;
|
|
29
30
|
};
|
|
30
31
|
|
|
@@ -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\nexport type UseWindowResize = (\n throttleDelay?: number,\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 } from 'react'\nimport { throttle } from '@vitus-labs/core'\n\nexport type UseWindowResize = (\n throttleDelay?: number,\n initialValues?: Partial<{\n width: number\n height: number\n }>\n) => {\n width: number\n height: number\n}\n\nconst useWindowResize: UseWindowResize = (\n throttleDelay = 200,\n { width = 0, height = 0 } = {}\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n\n useEffect(() => {\n const getSize = () => ({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n\n setWindowSize(getSize())\n\n const handleResize = throttle(() => {\n setWindowSize(getSize())\n }, throttleDelay)\n\n window.addEventListener('resize', handleResize, false)\n\n return () => window.removeEventListener('resize', handleResize, false)\n }, [throttleDelay])\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;;ACLA,MAAM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,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;IAE/D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,OAAO;YACrB,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC,WAAW;AAC3B,SAAA,CAAC,CAAA;AAEF,QAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;AAExB,QAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAK;AACjC,YAAA,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;SACzB,EAAE,aAAa,CAAC,CAAA;QAEjB,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,aAAa,CAAC,CAAC,CAAA;AAEnB,IAAA,OAAO,UAAU,CAAA;AACnB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitus-labs/hooks",
|
|
3
|
-
"version": "0.57.0-alpha.
|
|
3
|
+
"version": "0.57.0-alpha.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Vit Bokisch <vit@bokisch.cz>",
|
|
6
6
|
"maintainers": [
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
"homepage": "https://github.com/vitus-labs/ui-system/tree/master/packages/hooks",
|
|
21
21
|
"description": "Universal styles",
|
|
22
22
|
"scripts": {
|
|
23
|
+
"dev": "yarn vl_stories",
|
|
23
24
|
"prepublish": "yarn build",
|
|
24
25
|
"build": "yarn vl_build",
|
|
25
26
|
"build:watch": "yarn vl_build-watch",
|
|
@@ -46,10 +47,11 @@
|
|
|
46
47
|
"react": ">= 16.8"
|
|
47
48
|
},
|
|
48
49
|
"devDependencies": {
|
|
49
|
-
"@vitus-labs/core": "^0.57.0-alpha.
|
|
50
|
+
"@vitus-labs/core": "^0.57.0-alpha.8",
|
|
50
51
|
"@vitus-labs/tools-babel": "^0.33.0",
|
|
51
52
|
"@vitus-labs/tools-rollup": "^0.33.0",
|
|
53
|
+
"@vitus-labs/tools-storybook": "^0.33.0",
|
|
52
54
|
"@vitus-labs/tools-typescript": "^0.33.0"
|
|
53
55
|
},
|
|
54
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "23678ccbb5a669bc3544d4c855308c81bd02e3ba"
|
|
55
57
|
}
|