react-planner-viewer
Version:
react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode
66 lines (48 loc) • 5.23 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = State;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _scene = require('./scene');
var _scene2 = _interopRequireDefault(_scene);
var _snap = require('./snap');
var _snap2 = _interopRequireDefault(_snap);
var _sharedStyle = require('../../shared-style');
var SharedStyle = _interopRequireWildcard(_sharedStyle);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function State(_ref) {
var state = _ref.state,
catalog = _ref.catalog;
var viewer2D = state.viewer2D,
mode = state.mode,
activeSnapElement = state.activeSnapElement,
snapElements = state.snapElements,
scene = state.scene;
var width = scene.width,
height = scene.height;
activeSnapElement = activeSnapElement ? _react2.default.createElement(_snap2.default, { snap: activeSnapElement, width: scene.width, height: scene.height }) : null;
// snapElements = snapElements.map((snap,id) => <Snap key={id} snap={snap} width={scene.width} height={scene.height}/>);
snapElements = null; //only for debug purpose
return _react2.default.createElement(
'g',
null,
_react2.default.createElement('rect', { x: '0', y: '0', width: width, height: height, fill: 'transparent' }),
_react2.default.createElement(
'g',
{ transform: 'translate(0, ' + scene.height + ') scale(1, -1)' },
_react2.default.createElement(_scene2.default, { scene: scene, catalog: catalog }),
activeSnapElement,
snapElements
)
);
}
State.propTypes = {
state: _propTypes2.default.object.isRequired,
catalog: _propTypes2.default.object.isRequired
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlcjJkL3N0YXRlLmpzeCJdLCJuYW1lcyI6WyJTdGF0ZSIsIlNoYXJlZFN0eWxlIiwic3RhdGUiLCJjYXRhbG9nIiwidmlld2VyMkQiLCJtb2RlIiwiYWN0aXZlU25hcEVsZW1lbnQiLCJzbmFwRWxlbWVudHMiLCJzY2VuZSIsIndpZHRoIiwiaGVpZ2h0IiwicHJvcFR5cGVzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7a0JBTXdCQSxLOztBQU54Qjs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOztJQUFZQyxXOzs7Ozs7QUFFRyxTQUFTRCxLQUFULE9BQWlDO0FBQUEsTUFBakJFLEtBQWlCLFFBQWpCQSxLQUFpQjtBQUFBLE1BQVZDLE9BQVUsUUFBVkEsT0FBVTtBQUFBLE1BRXpDQyxRQUZ5QyxHQUVpQkYsS0FGakIsQ0FFekNFLFFBRnlDO0FBQUEsTUFFL0JDLElBRitCLEdBRWlCSCxLQUZqQixDQUUvQkcsSUFGK0I7QUFBQSxNQUV6QkMsaUJBRnlCLEdBRWlCSixLQUZqQixDQUV6QkksaUJBRnlCO0FBQUEsTUFFTkMsWUFGTSxHQUVpQkwsS0FGakIsQ0FFTkssWUFGTTtBQUFBLE1BRVFDLEtBRlIsR0FFaUJOLEtBRmpCLENBRVFNLEtBRlI7QUFBQSxNQUd6Q0MsS0FIeUMsR0FHeEJELEtBSHdCLENBR3pDQyxLQUh5QztBQUFBLE1BR2xDQyxNQUhrQyxHQUd4QkYsS0FId0IsQ0FHbENFLE1BSGtDOzs7QUFLOUNKLHNCQUFvQkEsb0JBQ2xCLGdEQUFNLE1BQU1BLGlCQUFaLEVBQStCLE9BQU9FLE1BQU1DLEtBQTVDLEVBQW1ELFFBQVFELE1BQU1FLE1BQWpFLEdBRGtCLEdBQzJELElBRC9FO0FBRUY7QUFDRUgsaUJBQWUsSUFBZixDQVI4QyxDQVF6Qjs7QUFFckIsU0FDRTtBQUFBO0FBQUE7QUFDRSw0Q0FBTSxHQUFFLEdBQVIsRUFBWSxHQUFFLEdBQWQsRUFBa0IsT0FBT0UsS0FBekIsRUFBZ0MsUUFBUUMsTUFBeEMsRUFBZ0QsTUFBTSxhQUF0RCxHQURGO0FBRUU7QUFBQTtBQUFBLFFBQUcsNkJBQTJCRixNQUFNRSxNQUFqQyxtQkFBSDtBQUNFLHVEQUFPLE9BQU9GLEtBQWQsRUFBcUIsU0FBU0wsT0FBOUIsR0FERjtBQUVHRyx1QkFGSDtBQUdHQztBQUhIO0FBRkYsR0FERjtBQVVEOztBQUVEUCxNQUFNVyxTQUFOLEdBQWtCO0FBQ2hCVCxTQUFPLG9CQUFVVSxNQUFWLENBQWlCQyxVQURSO0FBRWhCVixXQUFTLG9CQUFVUyxNQUFWLENBQWlCQztBQUZWLENBQWxCIiwiZmlsZSI6InN0YXRlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgU2NlbmUgZnJvbSAnLi9zY2VuZSc7XG5pbXBvcnQgU25hcCBmcm9tICcuL3NuYXAnO1xuaW1wb3J0ICogYXMgU2hhcmVkU3R5bGUgZnJvbSAnLi4vLi4vc2hhcmVkLXN0eWxlJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU3RhdGUoe3N0YXRlLCBjYXRhbG9nfSkge1xuXG4gIGxldCB7dmlld2VyMkQsIG1vZGUsIGFjdGl2ZVNuYXBFbGVtZW50LCBzbmFwRWxlbWVudHMsIHNjZW5lfSA9IHN0YXRlO1xuICBsZXQge3dpZHRoLCBoZWlnaHR9ID0gc2NlbmU7XG5cbiAgYWN0aXZlU25hcEVsZW1lbnQgPSBhY3RpdmVTbmFwRWxlbWVudCA/XG4gICAgPFNuYXAgc25hcD17YWN0aXZlU25hcEVsZW1lbnR9IHdpZHRoPXtzY2VuZS53aWR0aH0gaGVpZ2h0PXtzY2VuZS5oZWlnaHR9Lz4gOiBudWxsO1xuLy8gc25hcEVsZW1lbnRzID0gc25hcEVsZW1lbnRzLm1hcCgoc25hcCxpZCkgPT4gPFNuYXAga2V5PXtpZH0gc25hcD17c25hcH0gd2lkdGg9e3NjZW5lLndpZHRofSBoZWlnaHQ9e3NjZW5lLmhlaWdodH0vPik7XG4gIHNuYXBFbGVtZW50cyA9IG51bGw7IC8vb25seSBmb3IgZGVidWcgcHVycG9zZVxuXG4gIHJldHVybiAoXG4gICAgPGc+XG4gICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9e3dpZHRofSBoZWlnaHQ9e2hlaWdodH0gZmlsbD17J3RyYW5zcGFyZW50J30vPlxuICAgICAgPGcgdHJhbnNmb3JtPXtgdHJhbnNsYXRlKDAsICR7c2NlbmUuaGVpZ2h0fSkgc2NhbGUoMSwgLTEpYH0+XG4gICAgICAgIDxTY2VuZSBzY2VuZT17c2NlbmV9IGNhdGFsb2c9e2NhdGFsb2d9Lz5cbiAgICAgICAge2FjdGl2ZVNuYXBFbGVtZW50fVxuICAgICAgICB7c25hcEVsZW1lbnRzfVxuICAgICAgPC9nPlxuICAgIDwvZz5cbiAgKVxufVxuXG5TdGF0ZS5wcm9wVHlwZXMgPSB7XG4gIHN0YXRlOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIGNhdGFsb2c6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZFxufTtcbiJdfQ==