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

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

import React from 'react';
import PropTypes from 'prop-types';
import * as SharedStyle from '../../shared-style';

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

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


  return React.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
    },
    React.createElement('circle', { cx: '0', cy: '0', r: '7', style: STYLE })
  );
}

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