@yamada-ui/react/dist/esm/components/snacks/use-snacks.js

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


import { useSystem } from "../../core/system/system-provider.js";
import { useCallback, useMemo, useState } from "react";

//#region src/components/snacks/use-snacks.tsx
let counter = 0;
/**
* `useSnacks` is a custom hook for controlling notifications used in forms and the like.
*
* @see https://yamada-ui.com/docs/hooks/use-snacks
*/
const useSnacks = (options = {}) => {
	const [items, setItems] = useState([]);
	const { config } = useSystem();
	const systemOptions = useMemo(() => config.snacks ?? {}, [config]);
	const defaultOptions = useMemo(() => ({
		...systemOptions,
		...options
	}), [options, systemOptions]);
	const { direction, limit = 3, startIndex } = defaultOptions;
	const getOptions = useCallback((options$1) => ({
		...defaultOptions,
		...options$1
	}), [defaultOptions]);
	return {
		snack: useMemo(() => {
			const methods = (options$1 = {}) => {
				options$1 = getOptions(options$1);
				counter += 1;
				const { id = counter.toString(),...rest } = options$1;
				const onClose = () => setItems((prev) => prev.filter((prevOptions) => prevOptions.id !== id));
				const snack = {
					id,
					onClose,
					...rest
				};
				setItems((prev) => [...prev.splice(-1 * ((limit ?? Infinity) - 1)), snack]);
				return id;
			};
			methods.update = (id, options$1) => {
				options$1 = getOptions(options$1);
				setItems((prev) => prev.map((prevOptions) => prevOptions.id === id ? {
					...prevOptions,
					...options$1
				} : prevOptions));
			};
			methods.closeAll = () => {
				setItems([]);
			};
			methods.close = (id) => {
				setItems((prev) => prev.filter((prevOptions) => prevOptions.id !== id));
			};
			methods.isActive = (id) => !!items.find((prevOptions) => prevOptions.id === id);
			return methods;
		}, [
			items,
			limit,
			getOptions
		]),
		snacks: useMemo(() => ({
			direction,
			items,
			startIndex
		}), [
			direction,
			startIndex,
			items
		])
	};
};

//#endregion
export { useSnacks };
//# sourceMappingURL=use-snacks.js.map