29 lines
805 B
TypeScript
29 lines
805 B
TypeScript
import React, { FC } from 'react';
|
|
import { ClickOutsideWrapper } from '@grafana/ui';
|
|
import { PanelHeaderMenuProvider } from './PanelHeaderMenuProvider';
|
|
import { PanelHeaderMenu } from './PanelHeaderMenu';
|
|
import { DashboardModel, PanelModel } from '../../state';
|
|
|
|
interface Props {
|
|
panel: PanelModel;
|
|
dashboard: DashboardModel;
|
|
show: boolean;
|
|
onClose: () => void;
|
|
}
|
|
|
|
export const PanelHeaderMenuWrapper: FC<Props> = ({ show, onClose, panel, dashboard }) => {
|
|
if (!show) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<ClickOutsideWrapper onClick={onClose} parent={document}>
|
|
<PanelHeaderMenuProvider panel={panel} dashboard={dashboard}>
|
|
{({ items }) => {
|
|
return <PanelHeaderMenu items={items} />;
|
|
}}
|
|
</PanelHeaderMenuProvider>
|
|
</ClickOutsideWrapper>
|
|
);
|
|
};
|