@react-aria/interactions 3.27.1 → 3.28.0

package/dist/utils.module.js

@@ -1,155 +0,0 @@
-import {useLayoutEffect as $6dfIe$useLayoutEffect, getEventTarget as $6dfIe$getEventTarget, getActiveElement as $6dfIe$getActiveElement, isFocusable as $6dfIe$isFocusable, getOwnerWindow as $6dfIe$getOwnerWindow, focusWithoutScrolling as $6dfIe$focusWithoutScrolling} from "@react-aria/utils";
-import {useRef as $6dfIe$useRef, useCallback as $6dfIe$useCallback} from "react";
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-function $8a9cb279dc87e130$export$525bc4921d56d4a(nativeEvent) {
-    let event = nativeEvent;
-    event.nativeEvent = nativeEvent;
-    event.isDefaultPrevented = ()=>event.defaultPrevented;
-    // cancelBubble is technically deprecated in the spec, but still supported in all browsers.
-    event.isPropagationStopped = ()=>event.cancelBubble;
-    event.persist = ()=>{};
-    return event;
-}
-function $8a9cb279dc87e130$export$c2b7abe5d61ec696(event, target) {
-    Object.defineProperty(event, 'target', {
-        value: target
-    });
-    Object.defineProperty(event, 'currentTarget', {
-        value: target
-    });
-}
-function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
-    let stateRef = (0, $6dfIe$useRef)({
-        isFocused: false,
-        observer: null
-    });
-    // Clean up MutationObserver on unmount. See below.
-    (0, $6dfIe$useLayoutEffect)(()=>{
-        const state = stateRef.current;
-        return ()=>{
-            if (state.observer) {
-                state.observer.disconnect();
-                state.observer = null;
-            }
-        };
-    }, []);
-    // This function is called during a React onFocus event.
-    return (0, $6dfIe$useCallback)((e)=>{
-        // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
-        // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a
-        // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.
-        // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.
-        let eventTarget = (0, $6dfIe$getEventTarget)(e);
-        if (eventTarget instanceof HTMLButtonElement || eventTarget instanceof HTMLInputElement || eventTarget instanceof HTMLTextAreaElement || eventTarget instanceof HTMLSelectElement) {
-            stateRef.current.isFocused = true;
-            let target = eventTarget;
-            let onBlurHandler = (e)=>{
-                stateRef.current.isFocused = false;
-                if (target.disabled) {
-                    // For backward compatibility, dispatch a (fake) React synthetic event.
-                    let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e);
-                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-                }
-                // We no longer need the MutationObserver once the target is blurred.
-                if (stateRef.current.observer) {
-                    stateRef.current.observer.disconnect();
-                    stateRef.current.observer = null;
-                }
-            };
-            target.addEventListener('focusout', onBlurHandler, {
-                once: true
-            });
-            stateRef.current.observer = new MutationObserver(()=>{
-                if (stateRef.current.isFocused && target.disabled) {
-                    var _stateRef_current_observer;
-                    (_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === void 0 ? void 0 : _stateRef_current_observer.disconnect();
-                    let relatedTargetEl = target === (0, $6dfIe$getActiveElement)() ? null : (0, $6dfIe$getActiveElement)();
-                    target.dispatchEvent(new FocusEvent('blur', {
-                        relatedTarget: relatedTargetEl
-                    }));
-                    target.dispatchEvent(new FocusEvent('focusout', {
-                        bubbles: true,
-                        relatedTarget: relatedTargetEl
-                    }));
-                }
-            });
-            stateRef.current.observer.observe(target, {
-                attributes: true,
-                attributeFilter: [
-                    'disabled'
-                ]
-            });
-        }
-    }, [
-        onBlur
-    ]);
-}
-let $8a9cb279dc87e130$export$fda7da73ab5d4c48 = false;
-function $8a9cb279dc87e130$export$cabe61c495ee3649(target) {
-    // The browser will focus the nearest focusable ancestor of our target.
-    while(target && !(0, $6dfIe$isFocusable)(target))target = target.parentElement;
-    let window = (0, $6dfIe$getOwnerWindow)(target);
-    let activeElement = window.document.activeElement;
-    if (!activeElement || activeElement === target) return;
-    $8a9cb279dc87e130$export$fda7da73ab5d4c48 = true;
-    let isRefocusing = false;
-    let onBlur = (e)=>{
-        if ((0, $6dfIe$getEventTarget)(e) === activeElement || isRefocusing) e.stopImmediatePropagation();
-    };
-    let onFocusOut = (e)=>{
-        if ((0, $6dfIe$getEventTarget)(e) === activeElement || isRefocusing) {
-            e.stopImmediatePropagation();
-            // If there was no focusable ancestor, we don't expect a focus event.
-            // Re-focus the original active element here.
-            if (!target && !isRefocusing) {
-                isRefocusing = true;
-                (0, $6dfIe$focusWithoutScrolling)(activeElement);
-                cleanup();
-            }
-        }
-    };
-    let onFocus = (e)=>{
-        if ((0, $6dfIe$getEventTarget)(e) === target || isRefocusing) e.stopImmediatePropagation();
-    };
-    let onFocusIn = (e)=>{
-        if ((0, $6dfIe$getEventTarget)(e) === target || isRefocusing) {
-            e.stopImmediatePropagation();
-            if (!isRefocusing) {
-                isRefocusing = true;
-                (0, $6dfIe$focusWithoutScrolling)(activeElement);
-                cleanup();
-            }
-        }
-    };
-    window.addEventListener('blur', onBlur, true);
-    window.addEventListener('focusout', onFocusOut, true);
-    window.addEventListener('focusin', onFocusIn, true);
-    window.addEventListener('focus', onFocus, true);
-    let cleanup = ()=>{
-        cancelAnimationFrame(raf);
-        window.removeEventListener('blur', onBlur, true);
-        window.removeEventListener('focusout', onFocusOut, true);
-        window.removeEventListener('focusin', onFocusIn, true);
-        window.removeEventListener('focus', onFocus, true);
-        $8a9cb279dc87e130$export$fda7da73ab5d4c48 = false;
-        isRefocusing = false;
-    };
-    let raf = requestAnimationFrame(cleanup);
-    return cleanup;
-}
-
-
-export {$8a9cb279dc87e130$export$525bc4921d56d4a as createSyntheticEvent, $8a9cb279dc87e130$export$c2b7abe5d61ec696 as setEventTarget, $8a9cb279dc87e130$export$715c682d09d639cc as useSyntheticBlurEvent, $8a9cb279dc87e130$export$fda7da73ab5d4c48 as ignoreFocusEvent, $8a9cb279dc87e130$export$cabe61c495ee3649 as preventFocus};
-//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/interactions/src/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableElement} from '@react-types/shared';\nimport {focusWithoutScrolling, getActiveElement, getEventTarget, getOwnerWindow, isFocusable, useLayoutEffect} from '@react-aria/utils';\nimport {FocusEvent as ReactFocusEvent, SyntheticEvent, useCallback, useRef} from 'react';\n\n// Turn a native event into a React synthetic event.\nexport function createSyntheticEvent<E extends SyntheticEvent>(nativeEvent: Event): E {\n  let event = nativeEvent as any as E;\n  event.nativeEvent = nativeEvent;\n  event.isDefaultPrevented = () => event.defaultPrevented;\n  // cancelBubble is technically deprecated in the spec, but still supported in all browsers.\n  event.isPropagationStopped = () => (event as any).cancelBubble;\n  event.persist = () => {};\n  return event;\n}\n\nexport function setEventTarget(event: Event, target: Element): void {\n  Object.defineProperty(event, 'target', {value: target});\n  Object.defineProperty(event, 'currentTarget', {value: target});\n}\n\nexport function useSyntheticBlurEvent<Target extends Element = Element>(onBlur: (e: ReactFocusEvent<Target>) => void): (e: ReactFocusEvent<Target>) => void {\n  let stateRef = useRef({\n    isFocused: false,\n    observer: null as MutationObserver | null\n  });\n\n  // Clean up MutationObserver on unmount. See below.\n\n  useLayoutEffect(() => {\n    const state = stateRef.current;\n    return () => {\n      if (state.observer) {\n        state.observer.disconnect();\n        state.observer = null;\n      }\n    };\n  }, []);\n\n  // This function is called during a React onFocus event.\n  return useCallback((e: ReactFocusEvent<Target>) => {\n    // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142\n    // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a\n    // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.\n    // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.\n    let eventTarget = getEventTarget(e);\n    if (\n      eventTarget instanceof HTMLButtonElement ||\n      eventTarget instanceof HTMLInputElement ||\n      eventTarget instanceof HTMLTextAreaElement ||\n      eventTarget instanceof HTMLSelectElement\n    ) {\n      stateRef.current.isFocused = true;\n\n      let target = eventTarget;\n      let onBlurHandler: EventListenerOrEventListenerObject | null = (e) => {\n        stateRef.current.isFocused = false;\n\n        if (target.disabled) {\n          // For backward compatibility, dispatch a (fake) React synthetic event.\n          let event = createSyntheticEvent<ReactFocusEvent<Target>>(e);\n          onBlur?.(event);\n        }\n\n        // We no longer need the MutationObserver once the target is blurred.\n        if (stateRef.current.observer) {\n          stateRef.current.observer.disconnect();\n          stateRef.current.observer = null;\n        }\n      };\n\n      target.addEventListener('focusout', onBlurHandler, {once: true});\n\n      stateRef.current.observer = new MutationObserver(() => {\n        if (stateRef.current.isFocused && target.disabled) {\n          stateRef.current.observer?.disconnect();\n          let relatedTargetEl = target === getActiveElement() ? null : getActiveElement();\n          target.dispatchEvent(new FocusEvent('blur', {relatedTarget: relatedTargetEl}));\n          target.dispatchEvent(new FocusEvent('focusout', {bubbles: true, relatedTarget: relatedTargetEl}));\n        }\n      });\n\n      stateRef.current.observer.observe(target, {attributes: true, attributeFilter: ['disabled']});\n    }\n  }, [onBlur]);\n}\n\nexport let ignoreFocusEvent = false;\n\n/**\n * This function prevents the next focus event fired on `target`, without using `event.preventDefault()`.\n * It works by waiting for the series of focus events to occur, and reverts focus back to where it was before.\n * It also makes these events mostly non-observable by using a capturing listener on the window and stopping propagation.\n */\nexport function preventFocus(target: FocusableElement | null): (() => void) | undefined {\n  // The browser will focus the nearest focusable ancestor of our target.\n  while (target && !isFocusable(target)) {\n    target = target.parentElement;\n  }\n\n  let window = getOwnerWindow(target);\n  let activeElement = window.document.activeElement as FocusableElement | null;\n  if (!activeElement || activeElement === target) {\n    return;\n  }\n\n  ignoreFocusEvent = true;\n  let isRefocusing = false;\n  let onBlur = (e: FocusEvent) => {\n    if (getEventTarget(e) === activeElement || isRefocusing) {\n      e.stopImmediatePropagation();\n    }\n  };\n\n  let onFocusOut = (e: FocusEvent) => {\n    if (getEventTarget(e) === activeElement || isRefocusing) {\n      e.stopImmediatePropagation();\n\n      // If there was no focusable ancestor, we don't expect a focus event.\n      // Re-focus the original active element here.\n      if (!target && !isRefocusing) {\n        isRefocusing = true;\n        focusWithoutScrolling(activeElement);\n        cleanup();\n      }\n    }\n  };\n\n  let onFocus = (e: FocusEvent) => {\n    if (getEventTarget(e) === target || isRefocusing) {\n      e.stopImmediatePropagation();\n    }\n  };\n\n  let onFocusIn = (e: FocusEvent) => {\n    if (getEventTarget(e) === target || isRefocusing) {\n      e.stopImmediatePropagation();\n\n      if (!isRefocusing) {\n        isRefocusing = true;\n        focusWithoutScrolling(activeElement);\n        cleanup();\n      }\n    }\n  };\n\n  window.addEventListener('blur', onBlur, true);\n  window.addEventListener('focusout', onFocusOut, true);\n  window.addEventListener('focusin', onFocusIn, true);\n  window.addEventListener('focus', onFocus, true);\n\n  let cleanup = () => {\n    cancelAnimationFrame(raf);\n    window.removeEventListener('blur', onBlur, true);\n    window.removeEventListener('focusout', onFocusOut, true);\n    window.removeEventListener('focusin', onFocusIn, true);\n    window.removeEventListener('focus', onFocus, true);\n    ignoreFocusEvent = false;\n    isRefocusing = false;\n  };\n\n  let raf = requestAnimationFrame(cleanup);\n  return cleanup;\n}\n"],"names":[],"version":3,"file":"utils.module.js.map"}

package/src/PressResponder.tsx

@@ -1,67 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {FocusableElement} from '@react-types/shared';
-import {mergeProps, useObjectRef, useSyncRef} from '@react-aria/utils';
-import {PressProps} from './usePress';
-import {PressResponderContext} from './context';
-import React, {ForwardedRef, JSX, ReactNode, useContext, useEffect, useMemo, useRef} from 'react';
-
-interface PressResponderProps extends PressProps {
-  children: ReactNode
-}
-
-export const PressResponder:
-  React.ForwardRefExoticComponent<PressResponderProps & React.RefAttributes<FocusableElement>> =
-React.forwardRef(({children, ...props}: PressResponderProps, ref: ForwardedRef<FocusableElement>) => {
-  let isRegistered = useRef(false);
-  let prevContext = useContext(PressResponderContext);
-  let context: any = mergeProps(prevContext || {}, {
-    ...props,
-    register() {
-      isRegistered.current = true;
-      if (prevContext) {
-        prevContext.register();
-      }
-    }
-  });
-
-  context.ref = useObjectRef(ref || prevContext?.ref);
-  useSyncRef(prevContext, context.ref);
-
-  useEffect(() => {
-    if (!isRegistered.current) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.warn(
-          'A PressResponder was rendered without a pressable child. ' +
-          'Either call the usePress hook, or wrap your DOM node with <Pressable> component.'
-        );
-      }
-      isRegistered.current = true; // only warn once in strict mode.
-    }
-  }, []);
-
-  return (
-    <PressResponderContext.Provider value={context}>
-      {children}
-    </PressResponderContext.Provider>
-  );
-});
-
-export function ClearPressResponder({children}: {children: ReactNode}): JSX.Element {
-  let context = useMemo(() => ({register: () => {}}), []);
-  return (
-    <PressResponderContext.Provider value={context}>
-      {children}
-    </PressResponderContext.Provider>
-  );
-}

package/src/Pressable.tsx

@@ -1,97 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {DOMAttributes, FocusableElement} from '@react-types/shared';
-import {getOwnerWindow, isFocusable, mergeProps, mergeRefs, useObjectRef} from '@react-aria/utils';
-import {PressProps, usePress} from './usePress';
-import React, {ForwardedRef, ReactElement, useEffect} from 'react';
-import {useFocusable} from './useFocusable';
-
-interface PressableProps extends PressProps {
-  children: ReactElement<DOMAttributes, string>
-}
-
-export const Pressable:
-  React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<FocusableElement>> =
-React.forwardRef(({children, ...props}: PressableProps, ref: ForwardedRef<FocusableElement>) => {
-  ref = useObjectRef(ref);
-  let {pressProps} = usePress({...props, ref});
-  let {focusableProps} = useFocusable(props, ref);
-  let child = React.Children.only(children);
-
-  useEffect(() => {
-    if (process.env.NODE_ENV === 'production') {
-      return;
-    }
-
-    let el = ref.current;
-    if (!el || !(el instanceof getOwnerWindow(el).Element)) {
-      console.error('<Pressable> child must forward its ref to a DOM element.');
-      return;
-    }
-
-    if (!props.isDisabled && !isFocusable(el)) {
-      console.warn('<Pressable> child must be focusable. Please ensure the tabIndex prop is passed through.');
-      return;
-    }
-
-    if (
-      el.localName !== 'button' &&
-      el.localName !== 'input' &&
-      el.localName !== 'select' &&
-      el.localName !== 'textarea' &&
-      el.localName !== 'a' &&
-      el.localName !== 'area' &&
-      el.localName !== 'summary'
-    ) {
-      let role = el.getAttribute('role');
-      if (!role) {
-        console.warn('<Pressable> child must have an interactive ARIA role.');
-      } else if (
-        // https://w3c.github.io/aria/#widget_roles
-        role !== 'application' &&
-        role !== 'button' &&
-        role !== 'checkbox' &&
-        role !== 'combobox' &&
-        role !== 'gridcell' &&
-        role !== 'link' &&
-        role !== 'menuitem' &&
-        role !== 'menuitemcheckbox' &&
-        role !== 'menuitemradio' &&
-        role !== 'option' &&
-        role !== 'radio' &&
-        role !== 'searchbox' &&
-        role !== 'separator' &&
-        role !== 'slider' &&
-        role !== 'spinbutton' &&
-        role !== 'switch' &&
-        role !== 'tab' &&
-        role !== 'textbox' &&
-        role !== 'treeitem'
-      ) {
-        console.warn(`<Pressable> child must have an interactive ARIA role. Got "${role}".`);
-      }
-    }
-  }, [ref, props.isDisabled]);
-
-  // @ts-ignore
-  let childRef = parseInt(React.version, 10) < 19 ? child.ref : child.props.ref;
-
-  return React.cloneElement(
-    child,
-    {
-      ...mergeProps(pressProps, focusableProps, child.props),
-      // @ts-ignore
-      ref: mergeRefs(childRef, ref)
-    }
-  );
-});

package/src/context.ts

@@ -1,23 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {FocusableElement} from '@react-types/shared';
-import {PressProps} from './usePress';
-import React, {MutableRefObject} from 'react';
-
-interface IPressResponderContext extends PressProps {
-  register(): void,
-  ref?: MutableRefObject<FocusableElement>
-}
-
-export const PressResponderContext: React.Context<IPressResponderContext> = React.createContext<IPressResponderContext>({register: () => {}});
-PressResponderContext.displayName = 'PressResponderContext';

package/src/createEventHandler.ts

@@ -1,55 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {BaseEvent} from '@react-types/shared';
-import {SyntheticEvent} from 'react';
-
-/**
- * This function wraps a React event handler to make stopPropagation the default, and support continuePropagation instead.
- */
-export function createEventHandler<T extends SyntheticEvent>(handler?: (e: BaseEvent<T>) => void): ((e: T) => void) | undefined {
-  if (!handler) {
-    return undefined;
-  }
-
-  let shouldStopPropagation = true;
-  return (e: T) => {
-    let event: BaseEvent<T> = {
-      ...e,
-      preventDefault() {
-        e.preventDefault();
-      },
-      isDefaultPrevented() {
-        return e.isDefaultPrevented();
-      },
-      stopPropagation() {
-        if (shouldStopPropagation && process.env.NODE_ENV !== 'production') {
-          console.error('stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.');
-        } else {
-          shouldStopPropagation = true;
-        }
-      },
-      continuePropagation() {
-        shouldStopPropagation = false;
-      },
-      isPropagationStopped() {
-        return shouldStopPropagation;
-      }
-    };
-
-    handler(event);
-
-    if (shouldStopPropagation) {
-      e.stopPropagation();
-    }
-  };
-}

package/src/focusSafely.ts

@@ -1,49 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the 'License');
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {FocusableElement} from '@react-types/shared';
-import {
-  focusWithoutScrolling,
-  getActiveElement,
-  getOwnerDocument,
-  runAfterTransition
-} from '@react-aria/utils';
-import {getInteractionModality} from './useFocusVisible';
-
-/**
- * A utility function that focuses an element while avoiding undesired side effects such
- * as page scrolling and screen reader issues with CSS transitions.
- */
-export function focusSafely(element: FocusableElement): void {
-  if (!element.isConnected) {
-    return;
-  }
-
-  // If the user is interacting with a virtual cursor, e.g. screen reader, then
-  // wait until after any animated transitions that are currently occurring on
-  // the page before shifting focus. This avoids issues with VoiceOver on iOS
-  // causing the page to scroll when moving focus if the element is transitioning
-  // from off the screen.
-  const ownerDocument = getOwnerDocument(element);
-  if (getInteractionModality() === 'virtual') {
-    let lastFocusedElement = getActiveElement(ownerDocument);
-    runAfterTransition(() => {
-      const activeElement = getActiveElement(ownerDocument);
-      // If focus did not move or focus was lost to the body, and the element is still in the document, focus it.
-      if ((activeElement === lastFocusedElement || activeElement === ownerDocument.body) && element.isConnected) {
-        focusWithoutScrolling(element);
-      }
-    });
-  } else {
-    focusWithoutScrolling(element);
-  }
-}

package/src/textSelection.ts

@@ -1,101 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {getOwnerDocument, isIOS, runAfterTransition} from '@react-aria/utils';
-
-// Safari on iOS starts selecting text on long press. The only way to avoid this, it seems,
-// is to add user-select: none to the entire page. Adding it to the pressable element prevents
-// that element from being selected, but nearby elements may still receive selection. We add
-// user-select: none on touch start, and remove it again on touch end to prevent this.
-// This must be implemented using global state to avoid race conditions between multiple elements.
-
-// There are three possible states due to the delay before removing user-select: none after
-// pointer up. The 'default' state always transitions to the 'disabled' state, which transitions
-// to 'restoring'. The 'restoring' state can either transition back to 'disabled' or 'default'.
-
-// For non-iOS devices, we apply user-select: none to the pressed element instead to avoid possible
-// performance issues that arise from applying and removing user-select: none to the entire page
-// (see https://github.com/adobe/react-spectrum/issues/1609).
-type State = 'default' | 'disabled' | 'restoring';
-
-// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
-// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
-let state: State = 'default';
-let savedUserSelect = '';
-let modifiedElementMap = new WeakMap<Element, string>();
-
-export function disableTextSelection(target?: Element): void {
-  if (isIOS()) {
-    if (state === 'default') {
-
-      const documentObject = getOwnerDocument(target);
-      savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
-      documentObject.documentElement.style.webkitUserSelect = 'none';
-    }
-
-    state = 'disabled';
-  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
-    // If not iOS, store the target's original user-select and change to user-select: none
-    // Ignore state since it doesn't apply for non iOS
-    let property = 'userSelect' in target.style ? 'userSelect' : 'webkitUserSelect';
-    modifiedElementMap.set(target, target.style[property]);
-    target.style[property] = 'none';
-  }
-}
-
-export function restoreTextSelection(target?: Element): void {
-  if (isIOS()) {
-    // If the state is already default, there's nothing to do.
-    // If it is restoring, then there's no need to queue a second restore.
-    if (state !== 'disabled') {
-      return;
-    }
-
-    state = 'restoring';
-
-    // There appears to be a delay on iOS where selection still might occur
-    // after pointer up, so wait a bit before removing user-select.
-    setTimeout(() => {
-      // Wait for any CSS transitions to complete so we don't recompute style
-      // for the whole page in the middle of the animation and cause jank.
-      runAfterTransition(() => {
-        // Avoid race conditions
-        if (state === 'restoring') {
-
-          const documentObject = getOwnerDocument(target);
-          if (documentObject.documentElement.style.webkitUserSelect === 'none') {
-            documentObject.documentElement.style.webkitUserSelect = savedUserSelect || '';
-          }
-
-          savedUserSelect = '';
-          state = 'default';
-        }
-      });
-    }, 300);
-  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
-    // If not iOS, restore the target's original user-select if any
-    // Ignore state since it doesn't apply for non iOS
-    if (target && modifiedElementMap.has(target)) {
-      let targetOldUserSelect = modifiedElementMap.get(target) as string;
-      let property = 'userSelect' in target.style ? 'userSelect' : 'webkitUserSelect';
-
-      if (target.style[property] === 'none') {
-        target.style[property] = targetOldUserSelect;
-      }
-
-      if (target.getAttribute('style') === '') {
-        target.removeAttribute('style');
-      }
-      modifiedElementMap.delete(target);
-    }
-  }
-}

package/src/useFocus.ts

@@ -1,88 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-// Portions of the code in this file are based on code from react.
-// Original licensing for the following can be found in the
-// NOTICE file in the root directory of this source tree.
-// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
-
-import {DOMAttributes, FocusableElement, FocusEvents} from '@react-types/shared';
-import {FocusEvent, useCallback} from 'react';
-import {getActiveElement, getEventTarget, getOwnerDocument} from '@react-aria/utils';
-import {useSyntheticBlurEvent} from './utils';
-
-export interface FocusProps<Target = FocusableElement> extends FocusEvents<Target> {
-  /** Whether the focus events should be disabled. */
-  isDisabled?: boolean
-}
-
-export interface FocusResult<Target = FocusableElement> {
-  /** Props to spread onto the target element. */
-  focusProps: DOMAttributes<Target>
-}
-
-/**
- * Handles focus events for the immediate target.
- * Focus events on child elements will be ignored.
- */
-export function useFocus<Target extends FocusableElement = FocusableElement>(props: FocusProps<Target>): FocusResult<Target> {
-  let {
-    isDisabled,
-    onFocus: onFocusProp,
-    onBlur: onBlurProp,
-    onFocusChange
-  } = props;
-
-  const onBlur: FocusProps<Target>['onBlur'] = useCallback((e: FocusEvent<Target>) => {
-    if (getEventTarget(e) === e.currentTarget) {
-      if (onBlurProp) {
-        onBlurProp(e);
-      }
-
-      if (onFocusChange) {
-        onFocusChange(false);
-      }
-
-      return true;
-    }
-  }, [onBlurProp, onFocusChange]);
-
-
-  const onSyntheticFocus = useSyntheticBlurEvent<Target>(onBlur);
-
-  const onFocus: FocusProps<Target>['onFocus'] = useCallback((e: FocusEvent<Target>) => {
-    // Double check that document.activeElement actually matches e.target in case a previously chained
-    // focus handler already moved focus somewhere else.
-
-    let eventTarget = getEventTarget(e);
-    const ownerDocument = getOwnerDocument(eventTarget);
-    const activeElement = ownerDocument ? getActiveElement(ownerDocument) : getActiveElement();
-    if (eventTarget === e.currentTarget && eventTarget === activeElement) {
-      if (onFocusProp) {
-        onFocusProp(e);
-      }
-
-      if (onFocusChange) {
-        onFocusChange(true);
-      }
-
-      onSyntheticFocus(e);
-    }
-  }, [onFocusChange, onFocusProp, onSyntheticFocus]);
-
-  return {
-    focusProps: {
-      onFocus: (!isDisabled && (onFocusProp || onFocusChange || onBlurProp)) ? onFocus : undefined,
-      onBlur: (!isDisabled && (onBlurProp || onFocusChange)) ? onBlur : undefined
-    }
-  };
-}