@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
46 lines (45 loc) • 2.5 kB
JavaScript
"use client";
require("../../../_virtual/_rolldown/runtime.cjs");
const require_create_event_handler = require("../../../core/utils/create-event-handler/create-event-handler.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 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();
if ((0, react.use)(require_HoverCardGroup.HoverCardGroupContext).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)
};
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Popover.Popover.Target, {
refProp,
...others,
children: (0, react.cloneElement)(child, eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners)
});
}
HoverCardTarget.displayName = "@mantine/core/HoverCardTarget";
//#endregion
exports.HoverCardTarget = HoverCardTarget;
//# sourceMappingURL=HoverCardTarget.cjs.map