@react-aria/utils - npm Package Compare versions

Comparing version 3.0.0-nightly.754 to 3.0.0-nightly.757

dist/main.js

@@ -747,2 +747,39 @@ var _clsx = $parcel$interopDefault(require("clsx"));
 }
+
+// @ts-ignore
+let $f1a92c0e19f2e1ad09851454bf93009$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+
+function useViewportSize() {
+  let [size, setSize] = useState(() => $f1a92c0e19f2e1ad09851454bf93009$var$getViewportSize());
+  useEffect(() => {
+    // Use visualViewport api to track available height even on iOS virtual keyboard opening
+    let onResize = () => {
+      setSize($f1a92c0e19f2e1ad09851454bf93009$var$getViewportSize());
+    };
+
+    if (!$f1a92c0e19f2e1ad09851454bf93009$var$visualViewport) {
+      window.addEventListener('resize', onResize);
+    } else {
+      $f1a92c0e19f2e1ad09851454bf93009$var$visualViewport.addEventListener('resize', onResize);
+    }
+
+    return () => {
+      if (!$f1a92c0e19f2e1ad09851454bf93009$var$visualViewport) {
+        window.removeEventListener('resize', onResize);
+      } else {
+        $f1a92c0e19f2e1ad09851454bf93009$var$visualViewport.removeEventListener('resize', onResize);
+      }
+    };
+  }, []);
+  return size;
+}
+
+exports.useViewportSize = useViewportSize;
+
+function $f1a92c0e19f2e1ad09851454bf93009$var$getViewportSize() {
+  return {
+    width: ($f1a92c0e19f2e1ad09851454bf93009$var$visualViewport == null ? void 0 : $f1a92c0e19f2e1ad09851454bf93009$var$visualViewport.width) || window.innerWidth,
+    height: ($f1a92c0e19f2e1ad09851454bf93009$var$visualViewport == null ? void 0 : $f1a92c0e19f2e1ad09851454bf93009$var$visualViewport.height) || window.innerHeight
+  };
+}
 //# sourceMappingURL=main.js.map

dist/module.js

@@ -689,2 +689,36 @@ import _clsx from "clsx";
 }
+
+// @ts-ignore
+let $d662329747d896105af008c761523$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+export function useViewportSize() {
+  let [size, setSize] = useState(() => $d662329747d896105af008c761523$var$getViewportSize());
+  useEffect(() => {
+    // Use visualViewport api to track available height even on iOS virtual keyboard opening
+    let onResize = () => {
+      setSize($d662329747d896105af008c761523$var$getViewportSize());
+    };
+
+    if (!$d662329747d896105af008c761523$var$visualViewport) {
+      window.addEventListener('resize', onResize);
+    } else {
+      $d662329747d896105af008c761523$var$visualViewport.addEventListener('resize', onResize);
+    }
+
+    return () => {
+      if (!$d662329747d896105af008c761523$var$visualViewport) {
+        window.removeEventListener('resize', onResize);
+      } else {
+        $d662329747d896105af008c761523$var$visualViewport.removeEventListener('resize', onResize);
+      }
+    };
+  }, []);
+  return size;
+}
+
+function $d662329747d896105af008c761523$var$getViewportSize() {
+  return {
+    width: ($d662329747d896105af008c761523$var$visualViewport == null ? void 0 : $d662329747d896105af008c761523$var$visualViewport.width) || window.innerWidth,
+    height: ($d662329747d896105af008c761523$var$visualViewport == null ? void 0 : $d662329747d896105af008c761523$var$visualViewport.height) || window.innerHeight
+  };
+}
 //# sourceMappingURL=module.js.map

dist/types.d.ts

@@ -95,3 +95,8 @@ import React, { HTMLAttributes, MutableRefObject, EffectCallback, RefObject } from "react";
 export function getScrollParent(node: Element): Element;
+interface ViewportSize {
+    width: number;
+    height: number;
+}
+export function useViewportSize(): ViewportSize;
 
 //# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@react-aria/utils",
-  "version": "3.0.0-nightly.754+2ca7fc09",
+  "version": "3.0.0-nightly.757+eb8c7524",
   "description": "Spectrum UI components in React",
@@ -21,4 +21,4 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/ssr": "3.0.2-nightly.2432+2ca7fc09",
-    "@react-types/shared": "3.0.0-nightly.754+2ca7fc09",
+    "@react-aria/ssr": "3.0.2-nightly.2435+eb8c7524",
+    "@react-types/shared": "3.0.0-nightly.757+eb8c7524",
     "clsx": "^1.1.1"
@@ -32,3 +32,3 @@ },
   },
-  "gitHead": "2ca7fc0979fc8384613fbb3515ef06ffbe49d988"
+  "gitHead": "eb8c7524f8e58112192b1b2ade7dc131aea59906"
 }

src/index.ts

@@ -28,1 +28,2 @@ /*
 export * from './getScrollParent';
+export * from './useViewportSize';

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

207987

increased by5.3%

Number of package files

26

increased by4%

Lines of code

2186

increased by5.45%

Dependency changes

• Updated@react-aria/ssr@3.0.2-nightly.2435+eb8c7524

• Updated@react-types/shared@3.0.0-nightly.757+eb8c7524