Files
emaui/node_modules/@mantine/hooks/esm/use-state-history/use-state-history.mjs
2026-05-29 15:23:46 +03:00

42 lines
1.2 KiB
JavaScript

'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