tandem-front-end/lib/components/root/workspace/index.js

Visual editor for web components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
require("./index.scss");
var React = require("react");
var recompose_1 = require("recompose");
var left_gutter_1 = require("./left-gutter");
var right_gutter_1 = require("./right-gutter");
var QuickSearchModal = require("../../quick-search/index.pc").Modal;
var ComponentPickerModal = require("../../component-picker/modal.pc").Modal;
var react_dnd_1 = require("react-dnd");
var editors_1 = require("./editors");
var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
var WorksapceBaseComponent = function (_a) {
    var root = _a.root, dispatch = _a.dispatch;
    return (React.createElement("div", { className: "m-workspace" },
        React.createElement(left_gutter_1.LeftGutterComponent, { editorWindows: root.editorWindows, rootDirectory: root.projectDirectory, dispatch: dispatch, root: root }),
        React.createElement(editors_1.EditorWindowsComponent, { root: root, dispatch: dispatch }),
        React.createElement(right_gutter_1.RightGutterComponent, { root: root, dispatch: dispatch }),
        React.createElement(QuickSearchModal, { root: root, dispatch: dispatch }),
        React.createElement(ComponentPickerModal, { root: root, dispatch: dispatch })));
};
exports.WorkspaceComponent = recompose_1.compose(recompose_1.pure, react_dnd_1.DragDropContext(react_dnd_html5_backend_1.default))(WorksapceBaseComponent);
//# sourceMappingURL=index.js.map