@weser/hooks 0.0.1 → 0.0.3

package/README.md

@@ -1,6 +1,6 @@
 # @weser/hooks
 
-<img alt="npm version" src="https://badge.fury.io/js/@weser/hooks.svg"> <img alt="npm downloads" src="https://img.shields.io/npm/dm/@weser/hooks.svg"> <a href="https://bundlephobia.com/result?p=@weser/hooks@latest"><img alt="Bundlephobia" src="https://img.shields.io/bundlephobia/minzip/@weser/hooks.svg"></a>
+<img alt="npm version" src="https://badge.fury.io/js/@weser%2Fhooks.svg"> <img alt="npm downloads" src="https://img.shields.io/npm/dm/@weser/hooks.svg"> <a href="https://bundlephobia.com/result?p=@weser/hooks@latest"><img alt="Bundlephobia" src="https://img.shields.io/bundlephobia/minzip/@weser/hooks.svg"></a>
 
 ## Installation
 

package/dist/index.d.ts

@@ -1,8 +1,10 @@
+export { default as useBreakpoint } from './useBreakpoint.js';
 export { default as useClickAway } from './useClickAway.js';
 export { default as useClientOnly } from './useClientOnly.js';
 export { default as useDisclosure } from './useDisclosure.js';
 export { default as useFocusTrap } from './useFocusTrap.js';
 export { default as useKeyDown } from './useKeyDown.js';
+export { default as useRerender } from './useRerender.js';
 export { default as useRouteChange } from './useRouteChange.js';
 export { default as useScrollBlocking } from './useScrollBlocking.js';
 export { default as useTrigger } from './useTrigger.js';

package/dist/index.js

@@ -1,8 +1,10 @@
+export { default as useBreakpoint } from './useBreakpoint.js';
 export { default as useClickAway } from './useClickAway.js';
 export { default as useClientOnly } from './useClientOnly.js';
 export { default as useDisclosure } from './useDisclosure.js';
 export { default as useFocusTrap } from './useFocusTrap.js';
 export { default as useKeyDown } from './useKeyDown.js';
+export { default as useRerender } from './useRerender.js';
 export { default as useRouteChange } from './useRouteChange.js';
 export { default as useScrollBlocking } from './useScrollBlocking.js';
 export { default as useTrigger } from './useTrigger.js';

package/dist/useBreakpoint.d.ts

@@ -0,0 +1 @@
+export default function useBreakpoint(breakpoint: string, delay?: number): boolean;

package/dist/useBreakpoint.js

@@ -0,0 +1,19 @@
+import { useState, useEffect } from 'react';
+function debounce(handler, delay) {
+    let timeout;
+    return () => {
+        clearTimeout(timeout);
+        timeout = setTimeout(handler, delay);
+    };
+}
+export default function useBreakpoint(breakpoint, delay = 250) {
+    const [isMatching, setMatching] = useState(false);
+    useEffect(() => {
+        const handleResize = debounce(() => setMatching(window.matchMedia(breakpoint).matches), delay);
+        // initial check
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return isMatching;
+}

package/dist/useRerender.d.ts

@@ -0,0 +1 @@
+export default function useRerender(updateInterval?: number): Date;

package/dist/useRerender.js

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+export default function useRerender(updateInterval = 60 * 1000) {
+    const [time, setTime] = useState(new Date());
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setTime(new Date());
+        }, updateInterval);
+        return () => clearInterval(interval);
+    }, []);
+    return time;
+}

package/dist/useScrollBlocking.js

@@ -8,6 +8,9 @@ function blockScrolling(scrollElement) {
     scrollElement.style.top = -scrollTop + 'px';
 }
 function enableScrolling(scrollElement) {
+    if (scrollElement.style.position !== 'fixed') {
+        return;
+    }
     scrollElement.style.removeProperty('position');
     scrollElement.style.removeProperty('overflow');
     scrollElement.style.removeProperty('top');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/hooks",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "React hooks for building apps",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -52,5 +52,5 @@
     "rimraf": "^3.0.2",
     "typescript": "^5.4.5"
   },
-  "gitHead": "f8cd929768ab80c7c441f66770df2a95c33318a7"
+  "gitHead": "de1f00e9f6100c1e0ccfdb8145af827e027c280a"
 }