@react-aria/utils - npm Package Compare versions

Comparing version 3.0.0-nightly-73414999f-240916 to 3.0.0-nightly-7aa6265a2-241112

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/openLink.main.js

@@ -123,4 +123,6 @@ var $1117b6c0d4c4c164$exports = require("./focusWithoutScrolling.main.js");
     let router = $4068a0fae83b6d84$export$9a302a45f65d0572();
+    var _props_href;
+    const href = router.useHref((_props_href = props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
-        'data-href': props.href ? router.useHref(props.href) : undefined,
+        'data-href': props.href ? href : undefined,
         'data-target': props.target,
@@ -145,4 +147,6 @@ 'data-rel': props.rel,
     let router = $4068a0fae83b6d84$export$9a302a45f65d0572();
+    var _props_href;
+    const href = router.useHref((_props_href = props === null || props === void 0 ? void 0 : props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
-        href: (props === null || props === void 0 ? void 0 : props.href) ? router.useHref(props === null || props === void 0 ? void 0 : props.href) : undefined,
+        href: (props === null || props === void 0 ? void 0 : props.href) ? href : undefined,
         target: props === null || props === void 0 ? void 0 : props.target,
@@ -149,0 +153,0 @@ rel: props === null || props === void 0 ? void 0 : props.rel,

dist/openLink.module.js

@@ -107,4 +107,6 @@ import {focusWithoutScrolling as $7215afc6de606d6b$export$de79e2c695e052f3} from "./focusWithoutScrolling.module.js";
     let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+    var _props_href;
+    const href = router.useHref((_props_href = props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
-        'data-href': props.href ? router.useHref(props.href) : undefined,
+        'data-href': props.href ? href : undefined,
         'data-target': props.target,
@@ -129,4 +131,6 @@ 'data-rel': props.rel,
     let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+    var _props_href;
+    const href = router.useHref((_props_href = props === null || props === void 0 ? void 0 : props.href) !== null && _props_href !== void 0 ? _props_href : '');
     return {
-        href: (props === null || props === void 0 ? void 0 : props.href) ? router.useHref(props === null || props === void 0 ? void 0 : props.href) : undefined,
+        href: (props === null || props === void 0 ? void 0 : props.href) ? href : undefined,
         target: props === null || props === void 0 ? void 0 : props.target,
@@ -133,0 +137,0 @@ rel: props === null || props === void 0 ? void 0 : props.rel,

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

@@ -177,3 +177,3 @@ import React, { ForwardedRef, MutableRefObject, ReactNode, HTMLAttributes, EffectCallback, Dispatch, RefObject as _RefObject1 } from "react";
 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;
@@ -206,7 +206,7 @@ export function getScrollParents(node: Element, checkForOverflow?: boolean): Element[];
  */
-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 {
@@ -213,0 +213,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/useLoadMore.main.js

@@ -63,3 +63,4 @@ var $2a8c0bb1629926c8$exports = require("./useEvent.main.js");
         props,
-        ref
+        ref,
+        items
     ]);
@@ -66,0 +67,0 @@ // TODO: maybe this should still just return scroll props?

dist/useLoadMore.module.js

@@ -57,3 +57,4 @@ import {useEvent as $e9faafb641e167db$export$90fc3a17d93f704c} from "./useEvent.module.js";
         props,
-        ref
+        ref,
+        items
     ]);
@@ -60,0 +61,0 @@ // TODO: maybe this should still just return scroll props?

package.json

 {
   "name": "@react-aria/utils",
-  "version": "3.0.0-nightly-73414999f-240916",
+  "version": "3.0.0-nightly-7aa6265a2-241112",
   "description": "Spectrum UI components in React",
@@ -25,5 +25,5 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/ssr": "^3.0.0-nightly-73414999f-240916",
-    "@react-stately/utils": "^3.0.0-nightly-73414999f-240916",
-    "@react-types/shared": "^3.0.0-nightly-73414999f-240916",
+    "@react-aria/ssr": "^3.0.0-nightly-7aa6265a2-241112",
+    "@react-stately/utils": "^3.0.0-nightly-7aa6265a2-241112",
+    "@react-types/shared": "^3.0.0-nightly-7aa6265a2-241112",
     "@swc/helpers": "^0.5.0",
@@ -38,3 +38,3 @@ "clsx": "^2.0.0"
   },
-  "stableVersion": "3.25.2"
+  "stableVersion": "3.25.3"
 }

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

@@ -84,4 +84,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;
@@ -88,0 +88,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';
@@ -77,3 +77,3 @@
     lastItems.current = items;
-  }, [isLoading, onLoadMore, props, ref]);
+  }, [isLoading, onLoadMore, props, ref, items]);
 
@@ -80,0 +80,0 @@ // TODO: maybe this should still just return scroll props?

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

559294

increased by0.16%

Lines of code

6597

increased by0.26%

Dependency changes

• Updated@react-aria/ssr@^3.0.0-nightly-7aa6265a2-241112

• Updated@react-stately/utils@^3.0.0-nightly-7aa6265a2-241112

• Updated@react-types/shared@^3.0.0-nightly-7aa6265a2-241112