react-planner-viewer
Version:
react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode
39 lines (33 loc) • 3.96 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import { List } from 'immutable';
export default 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 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(React.createElement('line', { key: x, x1: x, y1: '0', x2: x, y2: height, strokeWidth: '1', stroke: color }));
}
return React.createElement(
'g',
null,
rendered
);
}
GuideVerticalStreak.propTypes = {
width: PropTypes.number.isRequired,
height: PropTypes.number.isRequired,
guide: PropTypes.object.isRequired
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlcjJkL2d1aWRlcy9ndWlkZS12ZXJ0aWNhbC1zdHJlYWsuanN4Il0sIm5hbWVzIjpbIlJlYWN0IiwiUHJvcFR5cGVzIiwiTGlzdCIsIkd1aWRlVmVydGljYWxTdHJlYWsiLCJ3aWR0aCIsImhlaWdodCIsImd1aWRlIiwic3RlcCIsInByb3BlcnRpZXMiLCJnZXQiLCJjb2xvcnMiLCJoYXMiLCJyZW5kZXJlZCIsImkiLCJ4IiwiY29sb3IiLCJzaXplIiwicHVzaCIsInByb3BUeXBlcyIsIm51bWJlciIsImlzUmVxdWlyZWQiLCJvYmplY3QiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxPQUFPQyxTQUFQLE1BQXNCLFlBQXRCO0FBQ0EsU0FBUUMsSUFBUixRQUFtQixXQUFuQjs7QUFFQSxlQUFlLFNBQVNDLG1CQUFULE9BQXFEO0FBQUEsTUFBdkJDLEtBQXVCLFFBQXZCQSxLQUF1QjtBQUFBLE1BQWhCQyxNQUFnQixRQUFoQkEsTUFBZ0I7QUFBQSxNQUFSQyxLQUFRLFFBQVJBLEtBQVE7O0FBQ2xFLE1BQUlDLE9BQU9ELE1BQU1FLFVBQU4sQ0FBaUJDLEdBQWpCLENBQXFCLE1BQXJCLENBQVg7QUFDQSxNQUFJQyxlQUFKOztBQUVBLE1BQUlKLE1BQU1FLFVBQU4sQ0FBaUJHLEdBQWpCLENBQXFCLE9BQXJCLENBQUosRUFBbUM7QUFDakNELGFBQVMsSUFBSVIsSUFBSixDQUFTLENBQUNJLE1BQU1FLFVBQU4sQ0FBaUJDLEdBQWpCLENBQXFCLE9BQXJCLENBQUQsQ0FBVCxDQUFUO0FBQ0QsR0FGRCxNQUVPO0FBQ0xDLGFBQVNKLE1BQU1FLFVBQU4sQ0FBaUJDLEdBQWpCLENBQXFCLFFBQXJCLENBQVQ7QUFDRDs7QUFFRCxNQUFJRyxXQUFXLEVBQWY7QUFDQSxNQUFJQyxJQUFJLENBQVI7QUFDQSxPQUFLLElBQUlDLElBQUksQ0FBYixFQUFnQkEsS0FBS1YsS0FBckIsRUFBNEJVLEtBQUtQLElBQWpDLEVBQXVDO0FBQ3JDLFFBQUlRLFFBQVFMLE9BQU9ELEdBQVAsQ0FBV0ksSUFBSUgsT0FBT00sSUFBdEIsQ0FBWjtBQUNBSDtBQUNBRCxhQUFTSyxJQUFULENBQWMsOEJBQU0sS0FBS0gsQ0FBWCxFQUFjLElBQUlBLENBQWxCLEVBQXFCLElBQUcsR0FBeEIsRUFBNEIsSUFBSUEsQ0FBaEMsRUFBbUMsSUFBSVQsTUFBdkMsRUFBK0MsYUFBWSxHQUEzRCxFQUErRCxRQUFRVSxLQUF2RSxHQUFkO0FBQ0Q7O0FBRUQsU0FBUTtBQUFBO0FBQUE7QUFBSUg7QUFBSixHQUFSO0FBQ0Q7O0FBRURULG9CQUFvQmUsU0FBcEIsR0FBZ0M7QUFDOUJkLFNBQU9ILFVBQVVrQixNQUFWLENBQWlCQyxVQURNO0FBRTlCZixVQUFRSixVQUFVa0IsTUFBVixDQUFpQkMsVUFGSztBQUc5QmQsU0FBT0wsVUFBVW9CLE1BQVYsQ0FBaUJEO0FBSE0sQ0FBaEMiLCJmaWxlIjoiZ3VpZGUtdmVydGljYWwtc3RyZWFrLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQge0xpc3R9IGZyb20gJ2ltbXV0YWJsZSc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEd1aWRlVmVydGljYWxTdHJlYWsoe3dpZHRoLCBoZWlnaHQsIGd1aWRlfSkge1xuICBsZXQgc3RlcCA9IGd1aWRlLnByb3BlcnRpZXMuZ2V0KCdzdGVwJyk7XG4gIGxldCBjb2xvcnM7XG5cbiAgaWYgKGd1aWRlLnByb3BlcnRpZXMuaGFzKCdjb2xvcicpKSB7XG4gICAgY29sb3JzID0gbmV3IExpc3QoW2d1aWRlLnByb3BlcnRpZXMuZ2V0KCdjb2xvcicpXSk7XG4gIH0gZWxzZSB7XG4gICAgY29sb3JzID0gZ3VpZGUucHJvcGVydGllcy5nZXQoJ2NvbG9ycycpO1xuICB9XG5cbiAgbGV0IHJlbmRlcmVkID0gW107XG4gIGxldCBpID0gMDtcbiAgZm9yIChsZXQgeCA9IDA7IHggPD0gd2lkdGg7IHggKz0gc3RlcCkge1xuICAgIGxldCBjb2xvciA9IGNvbG9ycy5nZXQoaSAlIGNvbG9ycy5zaXplKTtcbiAgICBpKys7XG4gICAgcmVuZGVyZWQucHVzaCg8bGluZSBrZXk9e3h9IHgxPXt4fSB5MT1cIjBcIiB4Mj17eH0geTI9e2hlaWdodH0gc3Ryb2tlV2lkdGg9XCIxXCIgc3Ryb2tlPXtjb2xvcn0vPik7XG4gIH1cblxuICByZXR1cm4gKDxnPntyZW5kZXJlZH08L2c+KTtcbn1cblxuR3VpZGVWZXJ0aWNhbFN0cmVhay5wcm9wVHlwZXMgPSB7XG4gIHdpZHRoOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIGhlaWdodDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBndWlkZTogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkXG59O1xuIl19