@adamjanicki/ui 1.2.1 → 1.2.2

package/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { default as useMediaQuery } from "./useMediaQuery";
 export { default as useWatchScroll } from "./useWatchScroll";
 export { default as useFocusTrap } from "./useFocusTrap";
 export { default as useScrollToHash } from "./useScrollToHash";
+export { default as useWindowResize } from "./useWindowResize";

package/hooks/index.js

@@ -3,3 +3,4 @@ export { default as useMediaQuery } from "./useMediaQuery";
 export { default as useWatchScroll } from "./useWatchScroll";
 export { default as useFocusTrap } from "./useFocusTrap";
 export { default as useScrollToHash } from "./useScrollToHash";
+export { default as useWindowResize } from "./useWindowResize";

package/hooks/useScrollLock.d.ts

@@ -9,7 +9,7 @@ type ScrollLock = {
     unlock: () => void;
 };
 /**
- * Hook to lock and unlock the scroll position
+ * Hook to lock and unlock the scroll position.
  * @returns Object with lock and unlock functions to lock and unlock the scroll position
  */
 declare const useScrollLock: () => ScrollLock;

package/hooks/useScrollLock.js

@@ -1,6 +1,6 @@
 import { useCallback } from "react";
 /**
- * Hook to lock and unlock the scroll position
+ * Hook to lock and unlock the scroll position.
  * @returns Object with lock and unlock functions to lock and unlock the scroll position
  */
 var useScrollLock = function () {

package/hooks/useWindowResize.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A hook that listens for window resize events.
+ *
+ * @param callback the callback function fired when the window is resized.
+ */
+declare const useWindowResize: (callback: (event?: UIEvent) => void) => void;
+export default useWindowResize;

package/hooks/useWindowResize.js

@@ -0,0 +1,13 @@
+import { useEffect } from "react";
+/**
+ * A hook that listens for window resize events.
+ *
+ * @param callback the callback function fired when the window is resized.
+ */
+var useWindowResize = function (callback) {
+    useEffect(function () {
+        window.addEventListener("resize", callback);
+        return function () { return window.removeEventListener("resize", callback); };
+    }, [callback]);
+};
+export default useWindowResize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Basic UI components and hooks for React in TypeScript",
   "main": "./index.js",
   "types": "./index.d.ts",