@mdxeditor/editor
Version:
React component for rich text markdown editing
19 lines (18 loc) • 987 B
JavaScript
import React__default from "react";
import * as RadixPopover from "@radix-ui/react-popover";
import { editorRootElementRef$ } from "../index.js";
import styles from "../../../styles/ui.module.css.js";
import { useCellValue } from "@mdxeditor/gurx";
const PopoverPortal = (props) => {
const editorRootElementRef = useCellValue(editorRootElementRef$);
return /* @__PURE__ */ React__default.createElement(RadixPopover.Portal, { ...props, container: editorRootElementRef == null ? void 0 : editorRootElementRef.current });
};
const PopoverContent = React__default.forwardRef(
(props, ref) => {
return /* @__PURE__ */ React__default.createElement(RadixPopover.Content, { ...props, className: styles.popoverContent, sideOffset: 5, side: "top", ref }, /* @__PURE__ */ React__default.createElement("span", { className: styles.popoverArrow }, /* @__PURE__ */ React__default.createElement(RadixPopover.Arrow, null)), props.children);
}
);
export {
PopoverContent,
PopoverPortal
};