@mantine/core/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.cjs

React components library focused on usability, accessibility and developer experience

"use client";
const require_create_event_handler = require("../../../core/utils/create-event-handler/create-event-handler.cjs");
const require_get_ref_prop = require("../../../core/utils/get-ref-prop/get-ref-prop.cjs");
const require_get_single_element_child = require("../../../core/utils/get-single-element-child/get-single-element-child.cjs");
const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
const require_Popover = require("../../Popover/Popover.cjs");
const require_HoverCard_context = require("../HoverCard.context.cjs");
const require_HoverCardGroup = require("../HoverCardGroup/HoverCardGroup.cjs");
let react = require("react");
let _mantine_hooks = require("@mantine/hooks");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx
const defaultProps = { refProp: "ref" };
function HoverCardTarget(props) {
	const { children, refProp, eventPropsWrapperName, ...others } = require_use_props.useProps("HoverCardTarget", defaultProps, props);
	const child = require_get_single_element_child.getSingleElementChild(children);
	if (!child) throw new Error("HoverCard.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");
	const ctx = require_HoverCard_context.useHoverCardContext();
	const groupContext = (0, react.use)(require_HoverCardGroup.HoverCardGroupContext);
	const targetRef = (0, _mantine_hooks.useMergedRef)(require_get_ref_prop.getRefProp(child), ctx.assignTarget);
	if (groupContext.withinGroup && ctx.getReferenceProps && ctx.reference) {
		const referenceProps = ctx.getReferenceProps();
		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Popover.Popover.Target, {
			refProp,
			...others,
			children: (0, react.cloneElement)(child, eventPropsWrapperName ? { [eventPropsWrapperName]: {
				...referenceProps,
				ref: ctx.reference
			} } : {
				...referenceProps,
				ref: ctx.reference
			})
		});
	}
	const eventListeners = {
		onMouseEnter: require_create_event_handler.createEventHandler(child.props.onMouseEnter, ctx.openDropdown),
		onMouseLeave: require_create_event_handler.createEventHandler(child.props.onMouseLeave, ctx.closeDropdown)
	};
	const clonedProps = {
		...eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners,
		ref: targetRef
	};
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Popover.Popover.Target, {
		refProp,
		...others,
		children: (0, react.cloneElement)(child, clonedProps)
	});
}
HoverCardTarget.displayName = "@mantine/core/HoverCardTarget";
//#endregion
exports.HoverCardTarget = HoverCardTarget;

//# sourceMappingURL=HoverCardTarget.cjs.map