mirror of
https://github.com/Tria-plc/emaui.git
synced 2026-08-27 17:50:56 +00:00
42 lines
1.2 KiB
JavaScript
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
|