@react-aria/utils - npm Package Compare versions

Comparing version 3.25.3 to 3.26.0

dist/focusWithoutScrolling.main.js

@@ -39,3 +39,3 @@
             });
-        } catch (e) {
+        } catch  {
         // Ignore
@@ -42,0 +42,0 @@ }

dist/focusWithoutScrolling.module.js

@@ -33,3 +33,3 @@ /*
             });
-        } catch (e) {
+        } catch  {
         // Ignore
@@ -36,0 +36,0 @@ }

dist/isScrollable.main.js

@@ -18,2 +18,3 @@
  */ function $9a54e9cd5db23b5d$export$2bb74740c4e19def(node, checkForOverflow) {
+    if (!node) return false;
     let style = window.getComputedStyle(node);
@@ -20,0 +21,0 @@ let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);

dist/isScrollable.module.js

@@ -12,2 +12,3 @@ /*
  */ function $cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow) {
+    if (!node) return false;
     let style = window.getComputedStyle(node);
@@ -14,0 +15,0 @@ let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);

dist/scrollIntoView.main.js

@@ -63,3 +63,3 @@ var $49f0d9486c2408aa$exports = require("./getScrollParents.main.js");
 function $449412113267a1fe$export$c826860796309d1b(targetElement, opts) {
-    if (document.contains(targetElement)) {
+    if (targetElement && document.contains(targetElement)) {
         let root = document.scrollingElement || document.documentElement;
@@ -66,0 +66,0 @@ let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';

dist/scrollIntoView.module.js

@@ -56,3 +56,3 @@ import {getScrollParents as $a40c673dc9f6d9c7$export$94ed1c92c7beeb22} from "./getScrollParents.module.js";
 function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
-    if (document.contains(targetElement)) {
+    if (targetElement && document.contains(targetElement)) {
         let root = document.scrollingElement || document.documentElement;
@@ -59,0 +59,0 @@ let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';

dist/types.d.ts

@@ -103,25 +103,25 @@ import React, { ForwardedRef, MutableRefObject, ReactNode, HTMLAttributes, EffectCallback, Dispatch, RefObject as _RefObject1 } from "react";
 export function useSyntheticLinkProps(props: LinkDOMProps): {
-    'data-href': string;
-    'data-target': React.HTMLAttributeAnchorTarget;
-    'data-rel': string;
-    'data-download': string | boolean;
-    'data-ping': string;
-    'data-referrer-policy': React.HTMLAttributeReferrerPolicy;
+    'data-href': string | undefined;
+    'data-target': React.HTMLAttributeAnchorTarget | undefined;
+    'data-rel': string | undefined;
+    'data-download': string | boolean | undefined;
+    'data-ping': string | undefined;
+    'data-referrer-policy': React.HTMLAttributeReferrerPolicy | undefined;
 };
 /** @deprecated - For backward compatibility. */
 export function getSyntheticLinkProps(props: LinkDOMProps): {
-    'data-href': string;
-    'data-target': React.HTMLAttributeAnchorTarget;
-    'data-rel': string;
-    'data-download': string | boolean;
-    'data-ping': string;
-    'data-referrer-policy': React.HTMLAttributeReferrerPolicy;
+    'data-href': string | undefined;
+    'data-target': React.HTMLAttributeAnchorTarget | undefined;
+    'data-rel': string | undefined;
+    'data-download': string | boolean | undefined;
+    'data-ping': string | undefined;
+    'data-referrer-policy': React.HTMLAttributeReferrerPolicy | undefined;
 };
-export function useLinkProps(props: LinkDOMProps): {
-    href: string;
-    target: React.HTMLAttributeAnchorTarget;
-    rel: string;
-    download: string | boolean;
-    ping: string;
-    referrerPolicy: React.HTMLAttributeReferrerPolicy;
+export function useLinkProps(props?: LinkDOMProps): {
+    href: string | undefined;
+    target: React.HTMLAttributeAnchorTarget | undefined;
+    rel: string | undefined;
+    download: string | boolean | undefined;
+    ping: string | undefined;
+    referrerPolicy: React.HTMLAttributeReferrerPolicy | undefined;
 };
@@ -178,3 +178,3 @@ export function runAfterTransition(fn: () => void): void;
 export function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void;
-export function isScrollable(node: Element, checkForOverflow?: boolean): boolean;
+export function isScrollable(node: Element | null, checkForOverflow?: boolean): boolean;
 export function getScrollParent(node: Element, checkForOverflow?: boolean): Element;
@@ -194,3 +194,3 @@ export function getScrollParents(node: Element, checkForOverflow?: boolean): Element[];
     /** The optional containing element of the target to be centered in the viewport. */
-    containingElement?: Element;
+    containingElement?: Element | null;
 }
@@ -208,7 +208,7 @@ /**
  */
-export function scrollIntoViewport(targetElement: Element, opts?: ScrollIntoViewportOpts): void;
+export function scrollIntoViewport(targetElement: Element | null, opts?: ScrollIntoViewportOpts): void;
 export function isVirtualClick(event: MouseEvent | PointerEvent): boolean;
 export function isVirtualPointerEvent(event: PointerEvent): boolean;
 export function useDeepMemo<T>(value: T, isEqual: (a: T, b: T) => boolean): T;
-export function useFormReset<T>(ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null>, initialValue: T, onReset: (value: T) => void): void;
+export function useFormReset<T>(ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined, initialValue: T, onReset: (value: T) => void): void;
 interface LoadMoreProps {
@@ -215,0 +215,0 @@ /** Whether data is currently being loaded. */

dist/useGlobalListeners.main.js

@@ -49,3 +49,2 @@ var $eHdSW$react = require("react");
     ]);
-    // eslint-disable-next-line arrow-body-style
     (0, $eHdSW$react.useEffect)(()=>{
@@ -52,0 +51,0 @@ return removeAllGlobalListeners;

dist/useGlobalListeners.module.js

@@ -43,3 +43,2 @@ import {useRef as $lPAwt$useRef, useCallback as $lPAwt$useCallback, useEffect as $lPAwt$useEffect} from "react";
     ]);
-    // eslint-disable-next-line arrow-body-style
     (0, $lPAwt$useEffect)(()=>{
@@ -46,0 +45,0 @@ return removeAllGlobalListeners;

dist/useViewportSize.main.js

@@ -22,3 +22,2 @@ var $4gIVO$react = require("react");
 
-// @ts-ignore
 let $8b24bab62f5c65ad$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
@@ -25,0 +24,0 @@ function $8b24bab62f5c65ad$export$d699905dd57c73ca() {

dist/useViewportSize.module.js

@@ -16,3 +16,2 @@ import {useState as $fuDHA$useState, useEffect as $fuDHA$useEffect} from "react";
 
-// @ts-ignore
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
@@ -19,0 +18,0 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {

package.json

 {
   "name": "@react-aria/utils",
-  "version": "3.25.3",
+  "version": "3.26.0",
   "description": "Spectrum UI components in React",
@@ -25,5 +25,5 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/ssr": "^3.9.6",
-    "@react-stately/utils": "^3.10.4",
-    "@react-types/shared": "^3.25.0",
+    "@react-aria/ssr": "^3.9.7",
+    "@react-stately/utils": "^3.10.5",
+    "@react-types/shared": "^3.26.0",
     "@swc/helpers": "^0.5.0",
@@ -33,7 +33,8 @@ "clsx": "^2.0.0"
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
-  }
-}
+  },
+  "gitHead": "71f0ef23053f9e03ee7e97df736e8b083e006849"
+}

src/focusWithoutScrolling.ts

@@ -53,3 +53,3 @@ /*
       });
-    } catch (e) {
+    } catch {
       // Ignore
@@ -56,0 +56,0 @@ }

src/isScrollable.ts

@@ -13,3 +13,6 @@ /*
 
-export function isScrollable(node: Element, checkForOverflow?: boolean): boolean {
+export function isScrollable(node: Element | null, checkForOverflow?: boolean): boolean {
+  if (!node) {
+    return false;
+  }
   let style = window.getComputedStyle(node);
@@ -16,0 +19,0 @@ let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);

src/mergeProps.ts

@@ -26,3 +26,3 @@ /*
 type NullToObject<T> = T extends (null | undefined) ? {} : T;
-// eslint-disable-next-line no-undef, @typescript-eslint/no-unused-vars
+ 
 type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;
@@ -29,0 +29,0 @@

src/scrollIntoView.ts

@@ -17,3 +17,3 @@ /*
   /** The optional containing element of the target to be centered in the viewport. */
-  containingElement?: Element
+  containingElement?: Element | null
 }
@@ -85,4 +85,4 @@
  */
-export function scrollIntoViewport(targetElement: Element, opts?: ScrollIntoViewportOpts) {
-  if (document.contains(targetElement)) {
+export function scrollIntoViewport(targetElement: Element | null, opts?: ScrollIntoViewportOpts) {
+  if (targetElement && document.contains(targetElement)) {
     let root = document.scrollingElement || document.documentElement;
@@ -89,0 +89,0 @@ let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';

src/useFormReset.ts

@@ -18,3 +18,3 @@ /*
 export function useFormReset<T>(
-  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null>,
+  ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null> | undefined,
   initialValue: T,
@@ -21,0 +21,0 @@ onReset: (value: T) => void

src/useGlobalListeners.ts

@@ -45,3 +45,3 @@ /*
 
-  // eslint-disable-next-line arrow-body-style
+   
   useEffect(() => {
@@ -48,0 +48,0 @@ return removeAllGlobalListeners;

src/useLoadMore.ts

@@ -15,3 +15,3 @@ /*
 import {useEvent} from './useEvent';
-// eslint-disable-next-line rulesdir/useLayoutEffectRule
+ 
 import {useLayoutEffect} from './useLayoutEffect';
@@ -18,0 +18,0 @@

src/useViewportSize.ts

@@ -21,3 +21,2 @@ /*
 
-// @ts-ignore
 let visualViewport = typeof document !== 'undefined' && window.visualViewport;
@@ -24,0 +23,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

570713

increased by2.03%

Number of package files

203

increased by0.5%

Worsened metrics

Lines of code

6593

decreased by-0.06%

Dependency changes

• + Addedreact@19.0.0-rc-fb9a90fa48-20240614(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedreact@18.3.1(transitive)

• Updated@react-aria/ssr@^3.9.7

• Updated@react-stately/utils@^3.10.5

• Updated@react-types/shared@^3.26.0