"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DataDefinitionBuilder = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = tslib_1.__importDefault(require("react"));
const Topbar_1 = require("../CommonUI/BuilderUI/Topbar");
const Sidebar_1 = require("../CommonUI/BuilderUI/Sidebar");
const DataBuilder_1 = require("./DataBuilder");
const DataIcon_1 = require("../CommonUI/Icon/DataIcon");
class DataDefinitionBuilderEditContext {
    clipboardElement;
    lastSelectionElement;
    onCopy(_id) { }
    onCut(_id) { }
    onDelete(_id) { }
    onPaste(_id) { }
}
class DataDefinitionBuilder extends react_1.default.Component {
    render() {
        return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column", height: "100vh", overflow: "hidden" }, "data-testid": "FormDesigner", children: [(0, jsx_runtime_1.jsx)(Topbar_1.Topbar, { onChangeName: (newName) => {
                        if (this.props.onDataDefinitionNameUpdate)
                            this.props.onDataDefinitionNameUpdate(newName);
                    }, editContext: new DataDefinitionBuilderEditContext(), isRequiredActionGroup: false, onSave: this.props.onSave, onClose: this.props.onClose, name: this.props.dataDefinitionName }), (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, { items: [
                        {
                            label: "Design",
                            icon: (0, jsx_runtime_1.jsx)(DataIcon_1.DataIcon, {}),
                            value: "Design",
                            renderUI: () => (0, jsx_runtime_1.jsx)(DataBuilder_1.DataBuilder, { definition: this.props.definition.dataDefinition }),
                        },
                    ], value: "Design", onChange: () => { } })] }));
    }
}
exports.DataDefinitionBuilder = DataDefinitionBuilder;
//# sourceMappingURL=DataDefinitionBuilder.js.map