react-planner-viewer/lib/components/viewer2d/guides/guide-vertical-streak.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 = GuideVerticalStreak;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _immutable = require('immutable');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function GuideVerticalStreak(_ref) {
  var width = _ref.width,
      height = _ref.height,
      guide = _ref.guide;

  var step = guide.properties.get('step');
  var colors = void 0;

  if (guide.properties.has('color')) {
    colors = new _immutable.List([guide.properties.get('color')]);
  } else {
    colors = guide.properties.get('colors');
  }

  var rendered = [];
  var i = 0;
  for (var x = 0; x <= width; x += step) {
    var color = colors.get(i % colors.size);
    i++;
    rendered.push(_react2.default.createElement('line', { key: x, x1: x, y1: '0', x2: x, y2: height, strokeWidth: '1', stroke: color }));
  }

  return _react2.default.createElement(
    'g',
    null,
    rendered
  );
}

GuideVerticalStreak.propTypes = {
  width: _propTypes2.default.number.isRequired,
  height: _propTypes2.default.number.isRequired,
  guide: _propTypes2.default.object.isRequired
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlcjJkL2d1aWRlcy9ndWlkZS12ZXJ0aWNhbC1zdHJlYWsuanN4Il0sIm5hbWVzIjpbIkd1aWRlVmVydGljYWxTdHJlYWsiLCJ3aWR0aCIsImhlaWdodCIsImd1aWRlIiwic3RlcCIsInByb3BlcnRpZXMiLCJnZXQiLCJjb2xvcnMiLCJoYXMiLCJyZW5kZXJlZCIsImkiLCJ4IiwiY29sb3IiLCJzaXplIiwicHVzaCIsInByb3BUeXBlcyIsIm51bWJlciIsImlzUmVxdWlyZWQiLCJvYmplY3QiXSwibWFwcGluZ3MiOiI7Ozs7O2tCQUl3QkEsbUI7O0FBSnhCOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUVlLFNBQVNBLG1CQUFULE9BQXFEO0FBQUEsTUFBdkJDLEtBQXVCLFFBQXZCQSxLQUF1QjtBQUFBLE1BQWhCQyxNQUFnQixRQUFoQkEsTUFBZ0I7QUFBQSxNQUFSQyxLQUFRLFFBQVJBLEtBQVE7O0FBQ2xFLE1BQUlDLE9BQU9ELE1BQU1FLFVBQU4sQ0FBaUJDLEdBQWpCLENBQXFCLE1BQXJCLENBQVg7QUFDQSxNQUFJQyxlQUFKOztBQUVBLE1BQUlKLE1BQU1FLFVBQU4sQ0FBaUJHLEdBQWpCLENBQXFCLE9BQXJCLENBQUosRUFBbUM7QUFDakNELGFBQVMsb0JBQVMsQ0FBQ0osTUFBTUUsVUFBTixDQUFpQkMsR0FBakIsQ0FBcUIsT0FBckIsQ0FBRCxDQUFULENBQVQ7QUFDRCxHQUZELE1BRU87QUFDTEMsYUFBU0osTUFBTUUsVUFBTixDQUFpQkMsR0FBakIsQ0FBcUIsUUFBckIsQ0FBVDtBQUNEOztBQUVELE1BQUlHLFdBQVcsRUFBZjtBQUNBLE1BQUlDLElBQUksQ0FBUjtBQUNBLE9BQUssSUFBSUMsSUFBSSxDQUFiLEVBQWdCQSxLQUFLVixLQUFyQixFQUE0QlUsS0FBS1AsSUFBakMsRUFBdUM7QUFDckMsUUFBSVEsUUFBUUwsT0FBT0QsR0FBUCxDQUFXSSxJQUFJSCxPQUFPTSxJQUF0QixDQUFaO0FBQ0FIO0FBQ0FELGFBQVNLLElBQVQsQ0FBYyx3Q0FBTSxLQUFLSCxDQUFYLEVBQWMsSUFBSUEsQ0FBbEIsRUFBcUIsSUFBRyxHQUF4QixFQUE0QixJQUFJQSxDQUFoQyxFQUFtQyxJQUFJVCxNQUF2QyxFQUErQyxhQUFZLEdBQTNELEVBQStELFFBQVFVLEtBQXZFLEdBQWQ7QUFDRDs7QUFFRCxTQUFRO0FBQUE7QUFBQTtBQUFJSDtBQUFKLEdBQVI7QUFDRDs7QUFFRFQsb0JBQW9CZSxTQUFwQixHQUFnQztBQUM5QmQsU0FBTyxvQkFBVWUsTUFBVixDQUFpQkMsVUFETTtBQUU5QmYsVUFBUSxvQkFBVWMsTUFBVixDQUFpQkMsVUFGSztBQUc5QmQsU0FBTyxvQkFBVWUsTUFBVixDQUFpQkQ7QUFITSxDQUFoQyIsImZpbGUiOiJndWlkZS12ZXJ0aWNhbC1zdHJlYWsuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7TGlzdH0gZnJvbSAnaW1tdXRhYmxlJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gR3VpZGVWZXJ0aWNhbFN0cmVhayh7d2lkdGgsIGhlaWdodCwgZ3VpZGV9KSB7XG4gIGxldCBzdGVwID0gZ3VpZGUucHJvcGVydGllcy5nZXQoJ3N0ZXAnKTtcbiAgbGV0IGNvbG9ycztcblxuICBpZiAoZ3VpZGUucHJvcGVydGllcy5oYXMoJ2NvbG9yJykpIHtcbiAgICBjb2xvcnMgPSBuZXcgTGlzdChbZ3VpZGUucHJvcGVydGllcy5nZXQoJ2NvbG9yJyldKTtcbiAgfSBlbHNlIHtcbiAgICBjb2xvcnMgPSBndWlkZS5wcm9wZXJ0aWVzLmdldCgnY29sb3JzJyk7XG4gIH1cblxuICBsZXQgcmVuZGVyZWQgPSBbXTtcbiAgbGV0IGkgPSAwO1xuICBmb3IgKGxldCB4ID0gMDsgeCA8PSB3aWR0aDsgeCArPSBzdGVwKSB7XG4gICAgbGV0IGNvbG9yID0gY29sb3JzLmdldChpICUgY29sb3JzLnNpemUpO1xuICAgIGkrKztcbiAgICByZW5kZXJlZC5wdXNoKDxsaW5lIGtleT17eH0geDE9e3h9IHkxPVwiMFwiIHgyPXt4fSB5Mj17aGVpZ2h0fSBzdHJva2VXaWR0aD1cIjFcIiBzdHJva2U9e2NvbG9yfS8+KTtcbiAgfVxuXG4gIHJldHVybiAoPGc+e3JlbmRlcmVkfTwvZz4pO1xufVxuXG5HdWlkZVZlcnRpY2FsU3RyZWFrLnByb3BUeXBlcyA9IHtcbiAgd2lkdGg6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgaGVpZ2h0OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIGd1aWRlOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbn07XG4iXX0=