@gorpacrate/core-graphics/lib/renderer/static-renderer.js

A core library for creating shape-based graphic editors

"use strict";
exports.__esModule = true;
var tslib_1 = require("tslib");
var React = require("react");
var declarations_1 = require("../declarations");
var data_1 = require("../utils/data");
var grid_defs_1 = require("./grid-defs");
var shapes_renderer_1 = require("./shapes-renderer");
var StaticRenderer = /** @class */ (function (_super) {
    tslib_1.__extends(StaticRenderer, _super);
    function StaticRenderer() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StaticRenderer.prototype.render = function () {
        var _a = this.props, scene = _a.scene, shapesDeclarations = _a.shapesDeclarations, grid = _a.grid;
        var _b = this.props.viewport, height = _b.height, width = _b.width, x1 = _b.x1, y1 = _b.y1;
        return (React.createElement("svg", { width: width, height: height },
            React.createElement("g", { transform: "translate(" + -x1 + " " + -y1 + ")" },
                grid.on && React.createElement(grid_defs_1["default"], { vx: 0, vy: 0, size: grid.size }),
                React.createElement("rect", { x: x1, y: y1, width: width, height: height, fill: grid.on ? "url(#" + grid_defs_1.GRID_DEFS_ID + ")" : 'transparent' }),
                React.createElement(shapes_renderer_1["default"], { mode: declarations_1.modeSelect(), scene: scene, shapesDeclarations: shapesDeclarations, onEditorEvent: data_1.noop }))));
    };
    return StaticRenderer;
}(React.Component));
exports["default"] = StaticRenderer;
//# sourceMappingURL=static-renderer.js.map