@react-aria/utils 3.33.0 → 3.34.0

package/src/useValueEffect.ts

@@ -1,68 +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 {Dispatch, RefObject, useCallback, useRef, useState} from 'react';
-import {useLayoutEffect} from './';
-
-type SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;
-
-// This hook works like `useState`, but when setting the value, you pass a generator function
-// that can yield multiple values. Each yielded value updates the state and waits for the next
-// layout effect, then continues the generator. This allows sequential updates to state to be
-// written linearly.
-export function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>] {
-  let [value, setValue] = useState(defaultValue);
-  // Keep an up to date copy of value in a ref so we can access the current value in the generator.
-  // This allows us to maintain a stable queue function.
-  let currValue = useRef(value);
-  let effect: RefObject<Generator<S> | null> = useRef<Generator<S> | null>(null);
-
-  // Store the function in a ref so we can always access the current version
-  // which has the proper `value` in scope.
-  let nextRef = useRef(() => {
-    if (!effect.current) {
-      return;
-    }
-    // Run the generator to the next yield.
-    let newValue = effect.current.next();
-
-    // If the generator is done, reset the effect.
-    if (newValue.done) {
-      effect.current = null;
-      return;
-    }
-
-    // If the value is the same as the current value,
-    // then continue to the next yield. Otherwise,
-    // set the value in state and wait for the next layout effect.
-    if (currValue.current === newValue.value) {
-      nextRef.current();
-    } else {
-      setValue(newValue.value);
-    }
-  });
-
-  useLayoutEffect(() => {
-    currValue.current = value;
-    // If there is an effect currently running, continue to the next yield.
-    if (effect.current) {
-      nextRef.current();
-    }
-  });
-
-  let queue = useCallback(fn => {
-    effect.current = fn(currValue.current);
-    nextRef.current();
-  }, [nextRef]);
-
-  return [value, queue];
-}

package/src/useViewportSize.ts

@@ -1,96 +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 {useEffect, useState} from 'react';
-import {useIsSSR} from '@react-aria/ssr';
-import {willOpenKeyboard} from './keyboard';
-
-interface ViewportSize {
-  width: number,
-  height: number
-}
-
-let visualViewport = typeof document !== 'undefined' && window.visualViewport;
-
-export function useViewportSize(): ViewportSize {
-  let isSSR = useIsSSR();
-  let [size, setSize] = useState(() => isSSR ? {width: 0, height: 0} : getViewportSize());
-
-  useEffect(() => {
-    let updateSize = (newSize: ViewportSize) => {
-      setSize(size => {
-        if (newSize.width === size.width && newSize.height === size.height) {
-          return size;
-        }
-        return newSize;
-      });
-    };
-
-    // Use visualViewport api to track available height even on iOS virtual keyboard opening
-    let onResize = () => {
-      // Ignore updates when zoomed.
-      if (visualViewport && visualViewport.scale > 1) {
-        return;
-      }
-
-      updateSize(getViewportSize());
-    };
-
-    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.
-    // We can anticipate this and resize early by handling the blur event and using the layout size.
-    let frame: number;
-    let onBlur = (e: FocusEvent) => {
-      if (visualViewport && visualViewport.scale > 1) {
-        return;
-      }
-
-      if (willOpenKeyboard(e.target as Element)) {
-        // Wait one frame to see if a new element gets focused.
-        frame = requestAnimationFrame(() => {
-          if (!document.activeElement || !willOpenKeyboard(document.activeElement)) {
-            updateSize({width: document.documentElement.clientWidth, height: document.documentElement.clientHeight});
-          }
-        });
-      }
-    };
-
-    updateSize(getViewportSize());
-
-    window.addEventListener('blur', onBlur, true);
-
-    if (!visualViewport) {
-      window.addEventListener('resize', onResize);
-    } else {
-      visualViewport.addEventListener('resize', onResize);
-    }
-
-    return () => {
-      cancelAnimationFrame(frame);
-      window.removeEventListener('blur', onBlur, true);
-      if (!visualViewport) {
-        window.removeEventListener('resize', onResize);
-      } else {
-        visualViewport.removeEventListener('resize', onResize);
-      }
-    };
-  }, []);
-
-  return size;
-}
-
-function getViewportSize(): ViewportSize {
-  return {
-    // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
-    width: visualViewport ? visualViewport.width * visualViewport.scale : document.documentElement.clientWidth,
-    height: visualViewport ? visualViewport.height * visualViewport.scale : document.documentElement.clientHeight
-  };
-}