@nodeject/ui-components
Version:
UI library for non-trivial components
36 lines (35 loc) • 1.88 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.WidgetMenu = void 0;
/**
* A menu with visualization options for the HierarchyChart
*/
var React = require("react");
var react_1 = require("react");
var antd_1 = require("antd");
var WidgetMenu_module_less_1 = require("./WidgetMenu.module.less");
var WidgetMenu = function (props) {
var onEditModeToggle = props.onEditModeToggle, onPanzoomToggle = props.onPanzoomToggle, showEditModeButton = props.showEditModeButton, showPanzoomButton = props.showPanzoomButton;
var _a = react_1.useState(props.enablePanzoom), enablePanzoom = _a[0], setEnablePanzoom = _a[1];
var _b = react_1.useState(props.enableEditMode), enableEditMode = _b[0], setEnableEditMode = _b[1];
React.useEffect(function () {
onPanzoomToggle(enablePanzoom);
}, [enablePanzoom]);
React.useEffect(function () {
onEditModeToggle(enableEditMode);
}, [enableEditMode]);
var onChangePanzoom = function (e) {
setEnablePanzoom(e.target.checked);
};
var onChangeEditMode = function (e) {
setEnableEditMode(e.target.checked);
};
var panzoomButton = showPanzoomButton && (React.createElement(antd_1.Checkbox, { onChange: onChangePanzoom, defaultChecked: props.enablePanzoom }, "Move"));
var editModeButton = showEditModeButton && (React.createElement(antd_1.Checkbox, { onChange: onChangeEditMode, defaultChecked: props.enableEditMode }, "Edit"));
props.debugMessages &&
console.log("\n ===============================\n ================================\n WidgetMenu\n " + JSON.stringify(props) + "\n ");
return (React.createElement("div", { className: WidgetMenu_module_less_1.default.widgetMenu },
panzoomButton,
editModeButton));
};
exports.WidgetMenu = WidgetMenu;