@untemps/svelte-use-tooltip/dist/useTooltip.js

Svelte action to display a tooltip

import Tooltip from './Tooltip';

import './useTooltip.css';

const useTooltip = (
	node,
	{
		content,
		contentSelector,
		contentActions,
		containerClassName,
		position,
		animated,
		animationEnterClassName,
		animationLeaveClassName,
		enterDelay,
		leaveDelay,
		onEnter,
		onLeave,
		offset,
		disabled
	}
) => {
	const tooltip = new Tooltip(
		node,
		content,
		contentSelector,
		contentActions,
		containerClassName,
		position,
		animated,
		animationEnterClassName,
		animationLeaveClassName,
		enterDelay,
		leaveDelay,
		onEnter,
		onLeave,
		offset,
		disabled
	);

	return {
		update: ({
			content: newContent,
			contentSelector: newContentSelector,
			contentActions: newContentActions,
			containerClassName: newContainerClassName,
			position: newPosition,
			animated: newAnimated,
			animationEnterClassName: newAnimationEnterClassName,
			animationLeaveClassName: newAnimationLeaveClassName,
			enterDelay: newEnterDelay,
			leaveDelay: newLeaveDelay,
			onEnter: newOnEnter,
			onLeave: newOnLeave,
			offset: newOffset,
			disabled: newDisabled
		}) =>
			tooltip.update(
				newContent,
				newContentSelector,
				newContentActions,
				newContainerClassName,
				newPosition,
				newAnimated,
				newAnimationEnterClassName,
				newAnimationLeaveClassName,
				newEnterDelay,
				newLeaveDelay,
				newOnEnter,
				newOnLeave,
				newOffset,
				newDisabled
			),
		destroy: () => tooltip.destroy()
	};
};

export default useTooltip;