opendash
Version:
open.DASH data visualization framework
39 lines • 3.28 kB
JavaScript
import * as React from "react";
import { Dropdown, Menu, message } from "antd";
import { EditOutlined, DeleteOutlined, ShareAltOutlined, FullscreenOutlined, ReloadOutlined, SettingOutlined, MoreOutlined, } from "@ant-design/icons";
import { WidgetContainer, WidgetHeader, WidgetHeaderName, WidgetContent, WidgetHeaderAction, } from "./WidgetComponentLayoutDefault.layout";
import { useTranslation } from "..";
export var WidgetComponentLayoutDefault = React.memo(function WidgetComponentLayoutComponent(_a) {
var children = _a.children, widget = _a.widget, type = _a.type, state = _a.state, setState = _a.setState, container = _a.container;
var _b, _c, _d;
var t = useTranslation(["opendash"])[0];
var hasSettings = ((_b = type) === null || _b === void 0 ? void 0 : _b.settingsComponent) || ((_c = type) === null || _c === void 0 ? void 0 : _c.dataItems) || ((_d = type) === null || _d === void 0 ? void 0 : _d.dataHistory);
return (React.createElement(WidgetContainer, null,
React.createElement(WidgetHeader, null,
React.createElement(Dropdown, { placement: "bottomRight", overlay: React.createElement(Menu, null,
React.createElement(Menu.Item, { title: t("widgets.rename_modal_tooltip"), onClick: function (e) { return setState({ rename: true }); } },
React.createElement(EditOutlined, null),
t("ui.rename")),
React.createElement(Menu.Item, { title: t("widgets.delete_modal_tooltip"), onClick: function (e) { return setState({ delete: true }); } },
React.createElement(DeleteOutlined, null),
t("ui.delete")),
React.createElement(Menu.Item, { title: t("widgets.share_modal_tooltip"), onClick: function (e) { return setState({ share: true }); } },
React.createElement(ShareAltOutlined, null),
t("ui.share")),
React.createElement(Menu.Item, { title: t("widgets.fullscreen_tooltip"), onClick: function (e) {
message.info("Coming soon..");
} },
React.createElement(FullscreenOutlined, null),
t("widgets.fullscreen_action")),
React.createElement(Menu.Item, { disabled: !hasSettings, title: t("widgets.reload_tooltip"), onClick: function (e) { return setState({ key: "" + Math.random() }); } },
React.createElement(ReloadOutlined, null),
t("widgets.reload")),
React.createElement(Menu.Item, { disabled: !hasSettings, title: t("widgets.settings_modal_tooltip"), onClick: function (e) { return setState({ settings: true }); } },
React.createElement(SettingOutlined, null),
t("widgets.settings"))) },
React.createElement(WidgetHeaderAction, null,
React.createElement(MoreOutlined, null))),
React.createElement(WidgetHeaderName, { title: widget.name }, widget.name)),
React.createElement(WidgetContent, { ref: container }, children)));
});
//# sourceMappingURL=WidgetComponentLayoutDefault.js.map