@szhsin/react-accordion/dist/esm/hooks/useAccordionItemEffect.mjs

The complete accordion solution for React.

import { getItemState, useAccordionContext } from "./useAccordionContext.mjs";
import { useCallback, useEffect, useRef } from "react";
//#region src/hooks/useAccordionItemEffect.ts
const useAccordionItemEffect = ({ itemKey, initialEntered, disabled } = {}) => {
	const itemRef = useRef(null);
	const context = useAccordionContext();
	const key = itemKey ?? itemRef.current;
	const state = getItemState(context, key, initialEntered);
	const { setItem, deleteItem, toggle } = context;
	useEffect(() => {
		if (disabled) return;
		const key = itemKey ?? itemRef.current;
		setItem(key, { initialEntered });
		return () => void deleteItem(key);
	}, [
		setItem,
		deleteItem,
		itemKey,
		initialEntered,
		disabled
	]);
	return {
		itemRef,
		state,
		toggle: useCallback((toEnter) => toggle(key, toEnter), [toggle, key])
	};
};
//#endregion
export { useAccordionItemEffect };