devexpress-reporting-react
Version:
DevExpress Reporting React provides the capability to develop a reporting application to create and customize reports.
15 lines (14 loc) • 837 B
JavaScript
import React from 'react';
import { Popover } from 'devextreme-react/popover';
const EditorDescriptionPopover = ({ data }) => {
const ref = React.useRef();
const [container, setContainer] = React.useState();
React.useEffect(() => {
const element = ref.current.instance().element();
setContainer(data.getPopupContainer(element));
}, [data]);
return (React.createElement(Popover, { ref: ref, container: container, target: data.target, position: "bottom", showCloseButton: false, onHiding: data.onHiding, hideOnOutsideClick: true, hideOnParentScroll: true, width: "350px", visible: data.visible },
React.createElement("div", { className: "propertygrid-editor-description-popover-content" },
React.createElement("span", null, data.data))));
};
export default EditorDescriptionPopover;