Socket
Socket
Sign inDemoInstall

@react-aria/utils

Package Overview
Dependencies
Maintainers
2
Versions
771
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-aria/utils - npm Package Compare versions

Comparing version 3.0.0-nightly.2962 to 3.0.0-nightly.2969

2

dist/mergeRefs.main.js

@@ -18,3 +18,3 @@

*/ function $f05dc24eafaeb7e2$export$c9058316764c140e(...refs) {
if (refs.length === 1) return refs[0];
if (refs.length === 1 && refs[0]) return refs[0];
return (value)=>{

@@ -21,0 +21,0 @@ for (let ref of refs){

@@ -12,3 +12,3 @@ /*

*/ function $5dc95899b306f630$export$c9058316764c140e(...refs) {
if (refs.length === 1) return refs[0];
if (refs.length === 1 && refs[0]) return refs[0];
return (value)=>{

@@ -15,0 +15,0 @@ for (let ref of refs){

@@ -48,3 +48,3 @@ import React, { ForwardedRef, MutableRefObject, ReactNode, HTMLAttributes, EffectCallback, RefObject, Dispatch } from "react";

*/
export function mergeRefs<T>(...refs: Array<ForwardedRef<T> | MutableRefObject<T>>): ForwardedRef<T>;
export function mergeRefs<T>(...refs: Array<ForwardedRef<T> | MutableRefObject<T> | null | undefined>): ForwardedRef<T>;
interface Options {

@@ -160,3 +160,3 @@ /**

type useResizeObserverOptionsType<T> = {
ref: RefObject<T | undefined> | undefined;
ref: RefObject<T | undefined | null> | undefined;
box?: ResizeObserverBoxOptions;

@@ -169,3 +169,3 @@ onResize: () => void;

}
export function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T>): void;
export function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>): void;
export function isScrollable(node: Element, checkForOverflow?: boolean): boolean;

@@ -181,3 +181,3 @@ export function getScrollParent(node: Element, checkForOverflow?: boolean): Element;

export function useEffectEvent<T extends Function>(fn?: T): T;
export function useEvent<K extends keyof GlobalEventHandlersEventMap>(ref: RefObject<EventTarget>, event: K | (string & {}), handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
export function useEvent<K extends keyof GlobalEventHandlersEventMap>(ref: RefObject<EventTarget | null>, event: K | (string & {}), handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
type SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;

@@ -204,5 +204,5 @@ export function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>];

export function useDeepMemo<T>(value: T, isEqual: (a: T, b: T) => boolean): T;
export function useFormReset<T>(ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>, initialValue: T, onReset: (value: T) => void): void;
export function useFormReset<T>(ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null>, initialValue: T, onReset: (value: T) => void): void;
export { clamp, snapValueToStep } from '@react-stately/utils';
//# sourceMappingURL=types.d.ts.map
{
"name": "@react-aria/utils",
"version": "3.0.0-nightly.2962+59136f78e",
"version": "3.0.0-nightly.2969+2fd87d9f1",
"description": "Spectrum UI components in React",

@@ -25,5 +25,5 @@ "license": "Apache-2.0",

"dependencies": {
"@react-aria/ssr": "3.9.5-nightly.4674+59136f78e",
"@react-stately/utils": "3.0.0-nightly.2962+59136f78e",
"@react-types/shared": "3.0.0-nightly.2962+59136f78e",
"@react-aria/ssr": "3.9.5-nightly.4681+2fd87d9f1",
"@react-stately/utils": "3.0.0-nightly.2969+2fd87d9f1",
"@react-types/shared": "3.0.0-nightly.2969+2fd87d9f1",
"@swc/helpers": "^0.5.0",

@@ -33,3 +33,3 @@ "clsx": "^2.0.0"

"peerDependencies": {
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
},

@@ -39,3 +39,3 @@ "publishConfig": {

},
"gitHead": "59136f78e853e97bb4067a1268750c9f85900bf6"
"gitHead": "2fd87d9f1d894e6b00a595cce73c6e8828029132"
}

@@ -18,4 +18,4 @@ /*

*/
export function mergeRefs<T>(...refs: Array<ForwardedRef<T> | MutableRefObject<T>>): ForwardedRef<T> {
if (refs.length === 1) {
export function mergeRefs<T>(...refs: Array<ForwardedRef<T> | MutableRefObject<T> | null | undefined>): ForwardedRef<T> {
if (refs.length === 1 && refs[0]) {
return refs[0];

@@ -22,0 +22,0 @@ }

@@ -17,3 +17,3 @@ /*

export function useEvent<K extends keyof GlobalEventHandlersEventMap>(
ref: RefObject<EventTarget>,
ref: RefObject<EventTarget | null>,
event: K | (string & {}),

@@ -20,0 +20,0 @@ handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,

@@ -16,3 +16,3 @@ /*

export function useFormReset<T>(
ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>,
ref: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null>,
initialValue: T,

@@ -19,0 +19,0 @@ onReset: (value: T) => void

@@ -8,3 +8,3 @@ import {RefObject, useEffect} from 'react';

type useResizeObserverOptionsType<T> = {
ref: RefObject<T | undefined> | undefined,
ref: RefObject<T | undefined | null> | undefined,
box?: ResizeObserverBoxOptions,

@@ -11,0 +11,0 @@ onResize: () => void

@@ -21,3 +21,3 @@ /*

// Syncs ref from context with ref passed to hook
export function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T>) {
export function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>) {
useLayoutEffect(() => {

@@ -24,0 +24,0 @@ if (context && context.ref && ref) {

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc