@aweebit/react-essentials 0.5.4 → 0.7.0

package/lib/hooks/useStateWithDeps.ts

@@ -1,79 +0,0 @@
-/**
- * @file Based on {@link https://github.com/peterjuras/use-state-with-deps}
- *
- * @license MIT
- * @copyright 2020 Peter Juras
- */
-
-import {
-  useCallback,
-  useRef,
-  type DependencyList,
-  type Dispatch,
-  type SetStateAction,
-} from 'react';
-import { depsAreEqual, isFunction } from '../utils/index.js';
-import useForceUpdate from './useForceUpdate.js';
-
-/**
- * `useState` hook with an additional dependency array that resets the state
- * to the `initialState` param when the dependencies passed in the `deps` array
- * change
- *
- * @param initialState The state that will be set when the component mounts or
- * the dependencies change
- *
- * It can also be a function which returns a state value. If the state is reset
- * due to a change of dependencies, this function will be passed the previous
- * state as its argument (will be `undefined` in the first call upon mount).
- *
- * @param deps Dependencies that reset the state to `initialState`
- */
-export default function useStateWithDeps<S>(
-  initialState: S | ((previousState?: S) => S),
-  deps: DependencyList,
-): [S, Dispatch<SetStateAction<S>>] {
-  // It would be possible to use useState instead of
-  // useRef to store the state, however this would
-  // trigger re-renders whenever the state is reset due
-  // to a change in dependencies. In order to avoid these
-  // re-renders, the state is stored in a ref and an
-  // update is triggered via forceUpdate below when necessary
-  const state = useRef(undefined as S);
-
-  const prevDeps = useRef(deps);
-  const isMounted = useRef(false);
-
-  // If first render, or if dependencies have changed since last time
-  if (!isMounted.current || !depsAreEqual(prevDeps.current, deps)) {
-    // Update state and deps
-    let nextState: S;
-    if (isFunction(initialState)) {
-      nextState = initialState(state.current);
-    } else {
-      nextState = initialState;
-    }
-    state.current = nextState;
-    prevDeps.current = deps;
-    isMounted.current = true;
-  }
-
-  const [forceUpdate] = useForceUpdate();
-
-  const updateState = useCallback(function updateState(
-    newState: S | ((previousState: S) => S),
-  ): void {
-    let nextState: S;
-    if (isFunction(newState)) {
-      nextState = newState(state.current);
-    } else {
-      nextState = newState;
-    }
-    if (!Object.is(state.current, nextState)) {
-      state.current = nextState;
-      forceUpdate();
-    }
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return [state.current, updateState];
-}

package/lib/index.ts

@@ -1,5 +0,0 @@
-export { default as useEventListener } from './hooks/useEventListener.js';
-export { default as useForceUpdate } from './hooks/useForceUpdate.js';
-export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
-export { default as useReducerWithDeps } from './hooks/useReducerWithDeps.js';
-export { default as useStateWithDeps } from './hooks/useStateWithDeps.js';