react-planner-viewer/lib/components/viewer2d/vertex.js

react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Vertex;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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 }; }

var STYLE = { fill: "#0096fd", stroke: SharedStyle.COLORS.white, cursor: "move" };

function Vertex(_ref) {
  var vertex = _ref.vertex,
      layer = _ref.layer;
  var x = vertex.x,
      y = vertex.y;


  return _react2.default.createElement(
    'g',
    {
      transform: 'translate(' + x + ', ' + y + ')',
      'data-element-root': true,
      'data-prototype': vertex.prototype,
      'data-id': vertex.id,
      'data-selected': vertex.selected,
      'data-layer': layer.id
    },
    _react2.default.createElement('circle', { cx: '0', cy: '0', r: '7', style: STYLE })
  );
}

Vertex.propTypes = {
  vertex: _propTypes2.default.object.isRequired,
  layer: _propTypes2.default.object.isRequired
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlcjJkL3ZlcnRleC5qc3giXSwibmFtZXMiOlsiVmVydGV4IiwiU2hhcmVkU3R5bGUiLCJTVFlMRSIsImZpbGwiLCJzdHJva2UiLCJDT0xPUlMiLCJ3aGl0ZSIsImN1cnNvciIsInZlcnRleCIsImxheWVyIiwieCIsInkiLCJwcm90b3R5cGUiLCJpZCIsInNlbGVjdGVkIiwicHJvcFR5cGVzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7a0JBTXdCQSxNOztBQU54Qjs7OztBQUNBOzs7O0FBQ0E7O0lBQVlDLFc7Ozs7OztBQUVaLElBQU1DLFFBQVEsRUFBQ0MsTUFBTSxTQUFQLEVBQWtCQyxRQUFRSCxZQUFZSSxNQUFaLENBQW1CQyxLQUE3QyxFQUFvREMsUUFBUSxNQUE1RCxFQUFkOztBQUVlLFNBQVNQLE1BQVQsT0FBaUM7QUFBQSxNQUFoQlEsTUFBZ0IsUUFBaEJBLE1BQWdCO0FBQUEsTUFBUkMsS0FBUSxRQUFSQSxLQUFRO0FBQUEsTUFFekNDLENBRnlDLEdBRWpDRixNQUZpQyxDQUV6Q0UsQ0FGeUM7QUFBQSxNQUV0Q0MsQ0FGc0MsR0FFakNILE1BRmlDLENBRXRDRyxDQUZzQzs7O0FBSTlDLFNBQ0U7QUFBQTtBQUFBO0FBQ0UsZ0NBQXdCRCxDQUF4QixVQUE4QkMsQ0FBOUIsTUFERjtBQUVFLCtCQUZGO0FBR0Usd0JBQWdCSCxPQUFPSSxTQUh6QjtBQUlFLGlCQUFTSixPQUFPSyxFQUpsQjtBQUtFLHVCQUFlTCxPQUFPTSxRQUx4QjtBQU1FLG9CQUFZTCxNQUFNSTtBQU5wQjtBQVFFLDhDQUFRLElBQUcsR0FBWCxFQUFlLElBQUcsR0FBbEIsRUFBc0IsR0FBRSxHQUF4QixFQUE0QixPQUFPWCxLQUFuQztBQVJGLEdBREY7QUFZRDs7QUFFREYsT0FBT2UsU0FBUCxHQUFtQjtBQUNqQlAsVUFBUSxvQkFBVVEsTUFBVixDQUFpQkMsVUFEUjtBQUVqQlIsU0FBTyxvQkFBVU8sTUFBVixDQUFpQkM7QUFGUCxDQUFuQiIsImZpbGUiOiJ2ZXJ0ZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCAqIGFzIFNoYXJlZFN0eWxlIGZyb20gJy4uLy4uL3NoYXJlZC1zdHlsZSc7XG5cbmNvbnN0IFNUWUxFID0ge2ZpbGw6IFwiIzAwOTZmZFwiLCBzdHJva2U6IFNoYXJlZFN0eWxlLkNPTE9SUy53aGl0ZSwgY3Vyc29yOiBcIm1vdmVcIn07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFZlcnRleCh7dmVydGV4LCBsYXllcn0pIHtcblxuICBsZXQge3gsIHl9ID0gdmVydGV4O1xuXG4gIHJldHVybiAoXG4gICAgPGdcbiAgICAgIHRyYW5zZm9ybT17YHRyYW5zbGF0ZSgke3h9LCAke3l9KWB9XG4gICAgICBkYXRhLWVsZW1lbnQtcm9vdFxuICAgICAgZGF0YS1wcm90b3R5cGU9e3ZlcnRleC5wcm90b3R5cGV9XG4gICAgICBkYXRhLWlkPXt2ZXJ0ZXguaWR9XG4gICAgICBkYXRhLXNlbGVjdGVkPXt2ZXJ0ZXguc2VsZWN0ZWR9XG4gICAgICBkYXRhLWxheWVyPXtsYXllci5pZH1cbiAgICA+XG4gICAgICA8Y2lyY2xlIGN4PVwiMFwiIGN5PVwiMFwiIHI9XCI3XCIgc3R5bGU9e1NUWUxFfS8+XG4gICAgPC9nPlxuICApO1xufVxuXG5WZXJ0ZXgucHJvcFR5cGVzID0ge1xuICB2ZXJ0ZXg6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgbGF5ZXI6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbn07XG4iXX0=