@mantine/hooks/esm/use-queue/use-queue.mjs

A collection of 50+ hooks for state and UI management

"use client";
import { useState } from "react";
//#region packages/@mantine/hooks/src/use-queue/use-queue.ts
function useQueue({ initialValues = [], limit }) {
	const [state, setState] = useState({
		state: initialValues.slice(0, limit),
		queue: initialValues.slice(limit)
	});
	const add = (...items) => setState((current) => {
		const results = [
			...current.state,
			...current.queue,
			...items
		];
		return {
			state: results.slice(0, limit),
			queue: results.slice(limit)
		};
	});
	const update = (fn) => setState((current) => {
		const results = fn([...current.state, ...current.queue]);
		return {
			state: results.slice(0, limit),
			queue: results.slice(limit)
		};
	});
	const cleanQueue = () => setState((current) => ({
		state: current.state,
		queue: []
	}));
	return {
		state: state.state,
		queue: state.queue,
		add,
		update,
		cleanQueue
	};
}
//#endregion
export { useQueue };

//# sourceMappingURL=use-queue.mjs.map