@react-aria/utils 3.21.0 → 3.22.0

package/src/domHelpers.ts

@@ -0,0 +1,14 @@
+export const getOwnerDocument = (el: Element | null | undefined): Document => {
+  return el?.ownerDocument ?? document;
+};
+
+export const getOwnerWindow = (
+  el: (Window & typeof global) | Element | null | undefined
+): Window & typeof global => {
+  if (el && 'window' in el && el.window === el) {
+    return el;
+  }
+
+  const doc = getOwnerDocument(el as Element | null | undefined);
+  return doc.defaultView || window;
+};

package/src/index.ts

@@ -11,6 +11,7 @@
  */
 export {useId, mergeIds, useSlotId} from './useId';
 export {chain} from './chain';
+export {getOwnerDocument, getOwnerWindow} from './domHelpers';
 export {mergeProps} from './mergeProps';
 export {mergeRefs} from './mergeRefs';
 export {filterDOMProps} from './filterDOMProps';

package/src/openLink.tsx

@@ -103,13 +103,13 @@ export function openLink(target: HTMLAnchorElement, modifiers: Modifiers, setOpe
     // @ts-ignore - keyIdentifier is a non-standard property, but it's what webkit expects
     ? new KeyboardEvent('keydown', {keyIdentifier: 'Enter', metaKey, ctrlKey, altKey, shiftKey})
     : new MouseEvent('click', {metaKey, ctrlKey, altKey, shiftKey, bubbles: true, cancelable: true});
-  openLink.isOpening = setOpening;
+  (openLink as any).isOpening = setOpening;
   focusWithoutScrolling(target);
   target.dispatchEvent(event);
-  openLink.isOpening = false;
+  (openLink as any).isOpening = false;
 }
-
-openLink.isOpening = false;
+// https://github.com/parcel-bundler/parcel/issues/8724
+(openLink as any).isOpening = false;
 
 function getSyntheticLink(target: Element, open: (link: HTMLAnchorElement) => void) {
   if (target instanceof HTMLAnchorElement) {

package/src/useDescription.ts

@@ -17,7 +17,7 @@ import {useState} from 'react';
 let descriptionId = 0;
 const descriptionNodes = new Map<string, {refCount: number, element: Element}>();
 
-export function useDescription(description: string): AriaLabelingProps {
+export function useDescription(description?: string): AriaLabelingProps {
   let [id, setId] = useState(undefined);
 
   useLayoutEffect(() => {

package/src/useEffectEvent.ts

@@ -13,13 +13,14 @@
 import {useCallback, useRef} from 'react';
 import {useLayoutEffect} from './useLayoutEffect';
 
-export function useEffectEvent(fn) {
-  const ref = useRef(null);
+export function useEffectEvent<T extends Function>(fn: T): T {
+  const ref = useRef<T | null>(null);
   useLayoutEffect(() => {
     ref.current = fn;
   }, [fn]);
-  return useCallback((...args) => {
-    const f = ref.current;
+  // @ts-ignore
+  return useCallback<T>((...args) => {
+    const f = ref.current!;
     return f(...args);
   }, []);
 }

package/src/useEvent.ts

@@ -16,7 +16,7 @@ import {useEffectEvent} from './useEffectEvent';
 export function useEvent<K extends keyof GlobalEventHandlersEventMap>(
   ref: RefObject<EventTarget>,
   event: K,
-  handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,
+  handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,
   options?: boolean | AddEventListenerOptions
 ) {
   let handleEvent = useEffectEvent(handler);

package/src/useId.ts

@@ -15,6 +15,13 @@ import {useLayoutEffect} from './useLayoutEffect';
 import {useSSRSafeId} from '@react-aria/ssr';
 import {useValueEffect} from './';
 
+// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
+let canUseDOM = Boolean(
+  typeof window !== 'undefined' &&
+  window.document &&
+  window.document.createElement
+);
+
 let idsUpdaterMap: Map<string, (v: string) => void> = new Map();
 
 /**
@@ -31,7 +38,9 @@ export function useId(defaultId?: string): string {
     nextId.current = val;
   }, []);
 
-  idsUpdaterMap.set(res, updateValue);
+  if (canUseDOM) {
+    idsUpdaterMap.set(res, updateValue);
+  }
 
   useLayoutEffect(() => {
     let r = res;

package/src/useSyncRef.ts

@@ -18,7 +18,7 @@ interface ContextValue<T> {
 }
 
 // Syncs ref from context with ref passed to hook
-export function useSyncRef<T>(context: ContextValue<T>, ref: RefObject<T>) {
+export function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T>) {
   useLayoutEffect(() => {
     if (context && context.ref && ref) {
       context.ref.current = ref.current;