@mantine/hooks/esm/use-state-history/use-state-history.mjs

A collection of 50+ hooks for state and UI management

'use client';
import { useState, useCallback, useMemo } from 'react';

function useStateHistory(initialValue) {
  const [state, setState] = useState({
    history: [initialValue],
    current: 0
  });
  const set = useCallback(
    (val) => setState((currentState) => {
      const nextState = [...currentState.history.slice(0, currentState.current + 1), val];
      return {
        history: nextState,
        current: nextState.length - 1
      };
    }),
    []
  );
  const back = useCallback(
    (steps = 1) => setState((currentState) => ({
      history: currentState.history,
      current: Math.max(0, currentState.current - steps)
    })),
    []
  );
  const forward = useCallback(
    (steps = 1) => setState((currentState) => ({
      history: currentState.history,
      current: Math.min(currentState.history.length - 1, currentState.current + steps)
    })),
    []
  );
  const reset = useCallback(() => {
    setState({ history: [initialValue], current: 0 });
  }, [initialValue]);
  const handlers = useMemo(() => ({ back, forward, reset, set }), [back, forward, reset, set]);
  return [state.history[state.current], handlers, state];
}

export { useStateHistory };
//# sourceMappingURL=use-state-history.mjs.map