@vitus-labs/hooks 0.24.0

package/lib/index.d.ts

@@ -0,0 +1,17 @@
+declare type UseHover = (initialValue?: boolean) => {
+    hover: boolean;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+};
+declare const useHover: UseHover;
+
+declare type UseWindowResize = (throttleDelay?: number, defaultValues?: Partial<{
+    width: number;
+    height: number;
+}>) => {
+    width: number;
+    height: number;
+};
+declare const useWindowResize: UseWindowResize;
+
+export { UseHover, UseWindowResize, useHover, useWindowResize };

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+import useHover, { UseHover } from './useHover';
+import useWindowResize, { UseWindowResize } from './useWindowResize';
+export type { UseHover, UseWindowResize };
+export { useHover, useWindowResize };

package/lib/types/useHover.d.ts

@@ -0,0 +1,7 @@
+export declare type UseHover = (initialValue?: boolean) => {
+    hover: boolean;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+};
+declare const useHover: UseHover;
+export default useHover;

package/lib/types/useWindowResize.d.ts

@@ -0,0 +1,9 @@
+export declare type UseWindowResize = (throttleDelay?: number, defaultValues?: Partial<{
+    width: number;
+    height: number;
+}>) => {
+    width: number;
+    height: number;
+};
+declare const useWindowResize: UseWindowResize;
+export default useWindowResize;

package/lib/vitus-labs-hooks.browser.js

@@ -0,0 +1,32 @@
+import { useState, useCallback, useEffect } from 'react';
+import { throttle } from '@vitus-labs/core';
+
+const useHover = (initial = false) => {
+    const [hover, handleHover] = useState(initial);
+    const setHover = useCallback(() => handleHover(true), []);
+    const unsetHover = useCallback(() => handleHover(false), []);
+    return {
+        hover,
+        onMouseEnter: setHover,
+        onMouseLeave: unsetHover,
+    };
+};
+
+const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
+    const getSize = () => ({
+        width: window.innerWidth ,
+        height: window.innerHeight ,
+    });
+    const [windowSize, setWindowSize] = useState(getSize);
+    const handleResize = throttle(() => {
+        setWindowSize(getSize());
+    }, throttleDelay);
+    useEffect(() => {
+        window.addEventListener('resize', handleResize, false);
+        return () => window.removeEventListener('resize', handleResize, false);
+    }, []); // Empty array ensures that effect is only run on mount and unmount
+    return windowSize;
+};
+
+export { useHover, useWindowResize };
+//# sourceMappingURL=vitus-labs-hooks.browser.js.map

package/lib/vitus-labs-hooks.browser.js.map

@@ -0,0 +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  defaultValues?: 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 getSize = () => ({\n    width: __CLIENT__ ? window.innerWidth : width,\n    height: __CLIENT__ ? window.innerHeight : height,\n  })\n\n  const [windowSize, setWindowSize] = useState(getSize)\n\n  const handleResize = throttle(() => {\n    setWindowSize(getSize())\n  }, throttleDelay)\n\n  useEffect(() => {\n    if (__SERVER__) return undefined\n\n    window.addEventListener('resize', handleResize, false)\n\n    return () => window.removeEventListener('resize', handleResize, false)\n  }, []) // Empty array ensures that effect is only run on mount and unmount\n\n  return windowSize\n}\n\nexport default useWindowResize\n"],"names":[],"mappings":";;;MAQM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK;IACzC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACzD,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;QACL,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;MCLM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE;IAE9B,MAAM,OAAO,GAAG,OAAO;QACrB,KAAK,EAAe,MAAM,CAAC,UAAU,CAAQ;QAC7C,MAAM,EAAe,MAAM,CAAC,WAAW,CAAS;KACjD,CAAC,CAAA;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAErD,MAAM,YAAY,GAAG,QAAQ,CAAC;QAC5B,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;KACzB,EAAE,aAAa,CAAC,CAAA;IAEjB,SAAS,CAAC;QAGR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QAEtD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;KACvE,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AACnB;;;;"}

package/lib/vitus-labs-hooks.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var core = require('@vitus-labs/core');
+
+const useHover = (initial = false) => {
+    const [hover, handleHover] = react.useState(initial);
+    const setHover = react.useCallback(() => handleHover(true), []);
+    const unsetHover = react.useCallback(() => handleHover(false), []);
+    return {
+        hover,
+        onMouseEnter: setHover,
+        onMouseLeave: unsetHover,
+    };
+};
+
+const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
+    const getSize = () => ({
+        width: width,
+        height: height,
+    });
+    const [windowSize, setWindowSize] = react.useState(getSize);
+    core.throttle(() => {
+        setWindowSize(getSize());
+    }, throttleDelay);
+    react.useEffect(() => {
+        return undefined;
+    }, []); // Empty array ensures that effect is only run on mount and unmount
+    return windowSize;
+};
+
+exports.useHover = useHover;
+exports.useWindowResize = useWindowResize;
+//# sourceMappingURL=vitus-labs-hooks.js.map

package/lib/vitus-labs-hooks.js.map

@@ -0,0 +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  defaultValues?: 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 getSize = () => ({\n    width: __CLIENT__ ? window.innerWidth : width,\n    height: __CLIENT__ ? window.innerHeight : height,\n  })\n\n  const [windowSize, setWindowSize] = useState(getSize)\n\n  const handleResize = throttle(() => {\n    setWindowSize(getSize())\n  }, throttleDelay)\n\n  useEffect(() => {\n    if (__SERVER__) return undefined\n\n    window.addEventListener('resize', handleResize, false)\n\n    return () => window.removeEventListener('resize', handleResize, false)\n  }, []) // Empty array ensures that effect is only run on mount and unmount\n\n  return windowSize\n}\n\nexport default useWindowResize\n"],"names":["useState","useCallback","throttle","useEffect"],"mappings":";;;;;;;MAQM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK;IACzC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAGC,iBAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACzD,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;QACL,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;MCLM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE;IAE9B,MAAM,OAAO,GAAG,OAAO;QACrB,KAAK,EAAmC,KAAK;QAC7C,MAAM,EAAoC,MAAM;KACjD,CAAC,CAAA;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGD,cAAQ,CAAC,OAAO,CAAC,CAAA;IAEhCE,aAAQ,CAAC;QAC5B,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;KACzB,EAAE,aAAa,EAAC;IAEjBC,eAAS,CAAC;QACQ,OAAO,SAAS,CAAA;KAKjC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AACnB;;;;;"}

package/lib/vitus-labs-hooks.module.js

@@ -0,0 +1,32 @@
+import { useState, useCallback, useEffect } from 'react';
+import { throttle } from '@vitus-labs/core';
+
+const useHover = (initial = false) => {
+    const [hover, handleHover] = useState(initial);
+    const setHover = useCallback(() => handleHover(true), []);
+    const unsetHover = useCallback(() => handleHover(false), []);
+    return {
+        hover,
+        onMouseEnter: setHover,
+        onMouseLeave: unsetHover,
+    };
+};
+
+const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
+    const getSize = () => ({
+        width: width,
+        height: height,
+    });
+    const [windowSize, setWindowSize] = useState(getSize);
+    const handleResize = throttle(() => {
+        setWindowSize(getSize());
+    }, throttleDelay);
+    useEffect(() => {
+        window.addEventListener('resize', handleResize, false);
+        return () => window.removeEventListener('resize', handleResize, false);
+    }, []); // Empty array ensures that effect is only run on mount and unmount
+    return windowSize;
+};
+
+export { useHover, useWindowResize };
+//# sourceMappingURL=vitus-labs-hooks.module.js.map

package/lib/vitus-labs-hooks.module.js.map

@@ -0,0 +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  defaultValues?: 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 getSize = () => ({\n    width: __CLIENT__ ? window.innerWidth : width,\n    height: __CLIENT__ ? window.innerHeight : height,\n  })\n\n  const [windowSize, setWindowSize] = useState(getSize)\n\n  const handleResize = throttle(() => {\n    setWindowSize(getSize())\n  }, throttleDelay)\n\n  useEffect(() => {\n    if (__SERVER__) return undefined\n\n    window.addEventListener('resize', handleResize, false)\n\n    return () => window.removeEventListener('resize', handleResize, false)\n  }, []) // Empty array ensures that effect is only run on mount and unmount\n\n  return windowSize\n}\n\nexport default useWindowResize\n"],"names":[],"mappings":";;;MAQM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK;IACzC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACzD,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;QACL,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;MCLM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE;IAE9B,MAAM,OAAO,GAAG,OAAO;QACrB,KAAK,EAAmC,KAAK;QAC7C,MAAM,EAAoC,MAAM;KACjD,CAAC,CAAA;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAErD,MAAM,YAAY,GAAG,QAAQ,CAAC;QAC5B,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;KACzB,EAAE,aAAa,CAAC,CAAA;IAEjB,SAAS,CAAC;QAGR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QAEtD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;KACvE,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AACnB;;;;"}

package/lib/vitus-labs-hooks.native.js

@@ -0,0 +1,32 @@
+import { useState, useCallback, useEffect } from 'react';
+import { throttle } from '@vitus-labs/core';
+
+const useHover = (initial = false) => {
+    const [hover, handleHover] = useState(initial);
+    const setHover = useCallback(() => handleHover(true), []);
+    const unsetHover = useCallback(() => handleHover(false), []);
+    return {
+        hover,
+        onMouseEnter: setHover,
+        onMouseLeave: unsetHover,
+    };
+};
+
+const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
+    const getSize = () => ({
+        width: window.innerWidth ,
+        height: window.innerHeight ,
+    });
+    const [windowSize, setWindowSize] = useState(getSize);
+    const handleResize = throttle(() => {
+        setWindowSize(getSize());
+    }, throttleDelay);
+    useEffect(() => {
+        window.addEventListener('resize', handleResize, false);
+        return () => window.removeEventListener('resize', handleResize, false);
+    }, []); // Empty array ensures that effect is only run on mount and unmount
+    return windowSize;
+};
+
+export { useHover, useWindowResize };
+//# sourceMappingURL=vitus-labs-hooks.native.js.map

package/lib/vitus-labs-hooks.native.js.map

@@ -0,0 +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  defaultValues?: 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 getSize = () => ({\n    width: __CLIENT__ ? window.innerWidth : width,\n    height: __CLIENT__ ? window.innerHeight : height,\n  })\n\n  const [windowSize, setWindowSize] = useState(getSize)\n\n  const handleResize = throttle(() => {\n    setWindowSize(getSize())\n  }, throttleDelay)\n\n  useEffect(() => {\n    if (__SERVER__) return undefined\n\n    window.addEventListener('resize', handleResize, false)\n\n    return () => window.removeEventListener('resize', handleResize, false)\n  }, []) // Empty array ensures that effect is only run on mount and unmount\n\n  return windowSize\n}\n\nexport default useWindowResize\n"],"names":[],"mappings":";;;MAQM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK;IACzC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACzD,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK;QACL,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,UAAU;KACzB,CAAA;AACH;;MCLM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE;IAE9B,MAAM,OAAO,GAAG,OAAO;QACrB,KAAK,EAAe,MAAM,CAAC,UAAU,CAAQ;QAC7C,MAAM,EAAe,MAAM,CAAC,WAAW,CAAS;KACjD,CAAC,CAAA;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAErD,MAAM,YAAY,GAAG,QAAQ,CAAC;QAC5B,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;KACzB,EAAE,aAAa,CAAC,CAAA;IAEjB,SAAS,CAAC;QAGR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QAEtD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;KACvE,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AACnB;;;;"}

package/lib/vitus-labs-hooks.umd.js

@@ -0,0 +1,39 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@vitus-labs/core')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@vitus-labs/core'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.vitusLabsHooks = {}, global.React, global.core));
+})(this, (function (exports, react, core) { 'use strict';
+
+  const useHover = (initial = false) => {
+      const [hover, handleHover] = react.useState(initial);
+      const setHover = react.useCallback(() => handleHover(true), []);
+      const unsetHover = react.useCallback(() => handleHover(false), []);
+      return {
+          hover,
+          onMouseEnter: setHover,
+          onMouseLeave: unsetHover,
+      };
+  };
+
+  const useWindowResize = (throttleDelay = 200, { width = 0, height = 0 } = {}) => {
+      const getSize = () => ({
+          width: width,
+          height: height,
+      });
+      const [windowSize, setWindowSize] = react.useState(getSize);
+      core.throttle(() => {
+          setWindowSize(getSize());
+      }, throttleDelay);
+      react.useEffect(() => {
+          return undefined;
+      }, []); // Empty array ensures that effect is only run on mount and unmount
+      return windowSize;
+  };
+
+  exports.useHover = useHover;
+  exports.useWindowResize = useWindowResize;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=vitus-labs-hooks.umd.js.map

package/lib/vitus-labs-hooks.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitus-labs-hooks.umd.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  defaultValues?: 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 getSize = () => ({\n    width: __CLIENT__ ? window.innerWidth : width,\n    height: __CLIENT__ ? window.innerHeight : height,\n  })\n\n  const [windowSize, setWindowSize] = useState(getSize)\n\n  const handleResize = throttle(() => {\n    setWindowSize(getSize())\n  }, throttleDelay)\n\n  useEffect(() => {\n    if (__SERVER__) return undefined\n\n    window.addEventListener('resize', handleResize, false)\n\n    return () => window.removeEventListener('resize', handleResize, false)\n  }, []) // Empty array ensures that effect is only run on mount and unmount\n\n  return windowSize\n}\n\nexport default useWindowResize\n"],"names":["useState","useCallback","throttle","useEffect"],"mappings":";;;;;;QAQM,QAAQ,GAAa,CAAC,OAAO,GAAG,KAAK;MACzC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC,CAAA;MAE9C,MAAM,QAAQ,GAAGC,iBAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;MACzD,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;MAE5D,OAAO;UACL,KAAK;UACL,YAAY,EAAE,QAAQ;UACtB,YAAY,EAAE,UAAU;OACzB,CAAA;EACH;;QCLM,eAAe,GAAoB,CACvC,aAAa,GAAG,GAAG,EACnB,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE;MAE9B,MAAM,OAAO,GAAG,OAAO;UACrB,KAAK,EAAmC,KAAK;UAC7C,MAAM,EAAoC,MAAM;OACjD,CAAC,CAAA;MAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGD,cAAQ,CAAC,OAAO,CAAC,CAAA;MAEhCE,aAAQ,CAAC;UAC5B,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;OACzB,EAAE,aAAa,EAAC;MAEjBC,eAAS,CAAC;UACQ,OAAO,SAAS,CAAA;OAKjC,EAAE,EAAE,CAAC,CAAA;MAEN,OAAO,UAAU,CAAA;EACnB;;;;;;;;;;;"}

package/lib/vitus-labs-hooks.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@vitus-labs/core")):"function"==typeof define&&define.amd?define(["exports","react","@vitus-labs/core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).vitusLabsHooks={},e.React,e.core)}(this,(function(e,t,o){"use strict";e.useHover=(e=!1)=>{const[o,s]=t.useState(e);return{hover:o,onMouseEnter:t.useCallback((()=>s(!0)),[]),onMouseLeave:t.useCallback((()=>s(!1)),[])}},e.useWindowResize=(e=200,{width:s=0,height:u=0}={})=>{const i=()=>({width:s,height:u}),[r,n]=t.useState(i);return o.throttle((()=>{n(i())}),e),t.useEffect((()=>{}),[]),r},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=vitus-labs-hooks.umd.min.js.map

package/lib/vitus-labs-hooks.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitus-labs-hooks.umd.min.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  defaultValues?: 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 getSize = () => ({\n    width: __CLIENT__ ? window.innerWidth : width,\n    height: __CLIENT__ ? window.innerHeight : height,\n  })\n\n  const [windowSize, setWindowSize] = useState(getSize)\n\n  const handleResize = throttle(() => {\n    setWindowSize(getSize())\n  }, throttleDelay)\n\n  useEffect(() => {\n    if (__SERVER__) return undefined\n\n    window.addEventListener('resize', handleResize, false)\n\n    return () => window.removeEventListener('resize', handleResize, false)\n  }, []) // Empty array ensures that effect is only run on mount and unmount\n\n  return windowSize\n}\n\nexport default useWindowResize\n"],"names":["initial","hover","handleHover","useState","onMouseEnter","useCallback","onMouseLeave","throttleDelay","width","height","getSize","windowSize","setWindowSize","throttle","useEffect"],"mappings":"4VAQ2B,CAACA,GAAU,KACpC,MAAOC,EAAOC,GAAeC,WAASH,GAKtC,MAAO,CACLC,MAAAA,EACAG,aALeC,eAAY,IAAMH,GAAY,IAAO,IAMpDI,aALiBD,eAAY,IAAMH,GAAY,IAAQ,wBCElB,CACvCK,EAAgB,KACdC,MAAAA,EAAQ,EAAGC,OAAAA,EAAS,GAAM,MAE5B,MAAMC,EAAU,MACdF,MAAwCA,EACxCC,OAA0CA,KAGrCE,EAAYC,GAAiBT,WAASO,GAc7C,OAZqBG,YAAS,KAC5BD,EAAcF,OACbH,GAEHO,aAAU,QAMP,IAEIH"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@vitus-labs/hooks",
+  "version": "0.24.0",
+  "license": "MIT",
+  "author": "Vit Bokisch <vit@bokisch.cz>",
+  "maintainers": [
+    "Vit Bokisch <vit@bokisch.cz>"
+  ],
+  "main": "lib/vitus-labs-hooks.js",
+  "umd:main": "lib/vitus-labs-hooks.umd.js",
+  "module": "lib/vitus-labs-hooks.module.js",
+  "typings": "lib/index.d.ts",
+  "browser": {
+    "./lib/vitus-labs-hooks.js": "./lib/vitus-labs-hooks.js",
+    "./lib/vitus-labs-hooks.module.js": "./lib/vitus-labs-hooks.browser.js"
+  },
+  "unpkg": "lib/vitus-labs-hooks.umd.min.js",
+  "jsnext:main": "lib/vitus-labs-hooks.module.js",
+  "react-native": "lib/vitus-labs-hooks.native.js",
+  "files": [
+    "lib/"
+  ],
+  "homepage": "https://github.com/vitus-labs/ui-system/tree/master/packages/hooks",
+  "description": "Universal styles",
+  "scripts": {
+    "prepublish": "yarn build",
+    "build": "yarn vl_build",
+    "build:watch": "yarn vl_build-watch",
+    "lint:css": "stylelint src/*.ts src/*.tsx",
+    "lint:ts": "eslint src/*",
+    "lint": "yarn lint:css && yarn lint:ts",
+    "test": "jest --runInBand",
+    "test:coverage": "jest --runInBand --coverage",
+    "test:watch": "jest --runInBand --watch",
+    "cover": "coveralls < .coverage/lcov.info"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vitus-labs/ui-system.git"
+  },
+  "bugs": {
+    "url": "https://github.com/vitus-labs/ui-system/issues"
+  },
+  "peerDependencies": {
+    "@vitus-labs/core": "^0.13.4",
+    "react": ">= 16.8"
+  },
+  "devDependencies": {
+    "@vitus-labs/core": "^0.24.0",
+    "@vitus-labs/tools-babel": "^0.26.0",
+    "@vitus-labs/tools-rollup": "^0.26.0",
+    "@vitus-labs/tools-typescript": "^0.26.0"
+  },
+  "gitHead": "938a695278cd5a5b51772b3f9794c5a210ef68a5"
+}