@availity/hooks 3.1.2 → 3.2.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 3.2.0 (2022-02-18)
+
+
+### Features
+
+* **hooks:** add documentation to sidebar, some formatting ([fbd9964](https://github.com/Availity/availity-react/commit/fbd99648c18993394f773d8540c1be023acf6e5b))
+* **hooks:** add useWindowDimensionsHook ([203d9c0](https://github.com/Availity/availity-react/commit/203d9c0a31362ec084c94c4ae50ab4b6efbc876b))
+
+
+
+
+
 ## [3.1.2](https://github.com/Availity/availity-react/compare/@availity/hooks@3.1.1...@availity/hooks@3.1.2) (2021-12-20)
 
 **Note:** Version bump only for package @availity/hooks

package/index.d.ts

@@ -7,3 +7,4 @@ export { default as useCurrentUser } from './types/useCurrentUser';
 export { default as useProviders } from './types/useProviders';
 export { default as usePermissions } from './types/usePermissions';
 export { default as useOrganizations } from './types/useOrganizations';
+export { default as useWindowDimensions } from './types/useWindowDimensions';

package/index.js

@@ -7,3 +7,4 @@ export { default as useCurrentUser } from './src/useCurrentUser';
 export { default as useProviders } from './src/useProviders';
 export { default as usePermissions } from './src/usePermissions';
 export { default as useOrganizations } from './src/useOrganizations';
+export { default as useWindowDimensions } from './src/useWindowDimensions';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/hooks",
-  "version": "3.1.2",
+  "version": "3.2.0",
   "description": "A group of pre-built hooks that are common in most apps",
   "keywords": [
     "react",
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5983e704cd833c6e93ef6d00472f48a0876fe782"
+  "gitHead": "abf384b83ac5948b55377ccca91cbdb8ea81f753"
 }

package/src/useWindowDimensions.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react';
+
+const getWindowDimensions = () => {
+  const { innerWidth: width, innerHeight: height } = window;
+  return {
+    width,
+    height,
+  };
+};
+
+const useWindowDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+
+  useEffect(() => {
+    const handleResize = () => {
+      setWindowDimensions(getWindowDimensions());
+    };
+
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+
+  return windowDimensions;
+};
+
+export default useWindowDimensions;

package/types/useWindowDimensions.d.ts

@@ -0,0 +1,8 @@
+export type Dimensions = {
+  width: number;
+  height: number;
+};
+
+declare function useWindowDimensions(): Dimensions;
+
+export default useWindowDimensions;