@react-spectrum/utils - npm Package Compare versions

Comparing version 3.0.0-nightly.734 to 3.0.0-nightly.736

dist/main.js

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

dist/module.js

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

dist/types.d.ts

@@ -35,3 +35,8 @@ import { ReactElement, ReactNode, RefObject, CSSProperties, HTMLAttributes } from "react";
 export function useIsMobileDevice(): boolean;
+interface ViewportSize {
+    width: number;
+    height: number;
+}
+export function useViewportSize(): ViewportSize;
 
 //# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@react-spectrum/utils",
-  "version": "3.0.0-nightly.734+c5f4a778",
+  "version": "3.0.0-nightly.736+0ac271ac",
   "description": "Spectrum UI components in React",
@@ -23,6 +23,6 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "3.0.0-nightly.734+c5f4a778",
-    "@react-aria/ssr": "3.0.2-nightly.2412+c5f4a778",
-    "@react-aria/utils": "3.0.0-nightly.734+c5f4a778",
-    "@react-types/shared": "3.0.0-nightly.734+c5f4a778",
+    "@react-aria/i18n": "3.0.0-nightly.736+0ac271ac",
+    "@react-aria/ssr": "3.0.2-nightly.2414+0ac271ac",
+    "@react-aria/utils": "3.0.0-nightly.736+0ac271ac",
+    "@react-types/shared": "3.0.0-nightly.736+0ac271ac",
     "clsx": "^1.1.1"
@@ -36,3 +36,3 @@ },
   },
-  "gitHead": "c5f4a778679acd21cf9f178f26db191f0f195e40"
+  "gitHead": "0ac271ac5508fc6b03e0bd416142aba02546164a"
 }

src/index.ts

@@ -25,2 +25,2 @@ /*
 export * from './useIsMobileDevice';
-
+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

166625

6.79%

Number of package files

21

5%

Lines of code

1660

7.3%

Dependency changes

• Updated

  @react-aria/i18n@3.0.0-nightly.736+0ac271ac

• Updated

  @react-aria/ssr@3.0.2-nightly.2414+0ac271ac

• Updated

  @react-aria/utils@3.0.0-nightly.736+0ac271ac

• Updated

  @react-types/shared@3.0.0-nightly.736+0ac271ac