fk-react-ui-components
Version:
Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should
165 lines (148 loc) • 10.6 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var PackageCheckIcon = function (_Component) {
_inherits(PackageCheckIcon, _Component);
function PackageCheckIcon() {
_classCallCheck(this, PackageCheckIcon);
return _possibleConstructorReturn(this, (PackageCheckIcon.__proto__ || Object.getPrototypeOf(PackageCheckIcon)).apply(this, arguments));
}
_createClass(PackageCheckIcon, [{
key: 'render',
value: function render() {
return _react2.default.createElement(
'svg',
{ x: '0', y: '0', viewBox: '0 0 100 80', width: this.props.width },
_react2.default.createElement(
'title',
null,
'Stage 3'
),
_react2.default.createElement(
'desc',
null,
'Created with Sketch.'
),
_react2.default.createElement('defs', null),
_react2.default.createElement(
'g',
{
id: 'Stage-3',
stroke: 'none',
strokeWidth: '1',
fill: 'none',
fillRule: 'evenodd'
},
_react2.default.createElement(
'g',
{
id: 'Group-13',
transform: 'translate(23.000000, 23.000000)'
},
_react2.default.createElement(
'g',
{ id: 'archive' },
_react2.default.createElement('path', {
d: 'M50,6.92583333 C50,6.76 49.9566667,6.6075 49.8908333,6.46666667 C49.8683333,6.2925 49.7975,6.12333333 49.6791667,5.98416667 L44.55,0 L5.45,0 L0.32,5.985 C0.201666667,6.12333333 0.130833333,6.29166667 0.109166667,6.46666667 C0.0433333333,6.6075 0,6.76 0,6.92583333 L0,15.8333333 L2.5,15.8333333 L2.5,50 L47.5,50 L47.5,15.8333333 L50,15.8333333 L50,6.92583333 Z M45.8333333,48.3333333 L4.16666667,48.3333333 L4.16666667,15.8333333 L45.8333333,15.8333333 L45.8333333,48.3333333 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('polygon', {
id: 'Path',
fill: '#FFE600',
points: '48.3333333 14.1666667 47.5 14.1666667 2.5 14.1666667 1.66666667 14.1666667 1.66666667 7.5 48.3333333 7.5'
}),
_react2.default.createElement('polygon', {
id: 'Path',
fill: '#FFE600',
points: '6.21666667 1.66666667 43.7833333 1.66666667 47.355 5.83333333 2.645 5.83333333'
}),
_react2.default.createElement('path', {
d: 'M35,19.1666667 L15,19.1666667 L15,27.5 L35,27.5 L35,19.1666667 Z M33.3333333,25.8333333 L16.6666667,25.8333333 L16.6666667,20.8333333 L33.3333333,20.8333333 L33.3333333,25.8333333 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M37.5,31.6666667 L12.5,31.6666667 L12.5,43.3333333 L37.5,43.3333333 L37.5,31.6666667 Z M35.8333333,41.6666667 L14.1666667,41.6666667 L14.1666667,33.3333333 L35.8333333,33.3333333 L35.8333333,41.6666667 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M18.3333333,40 L22.5,40 C22.96,40 23.3333333,39.6275 23.3333333,39.1666667 C23.3333333,38.7058333 22.96,38.3333333 22.5,38.3333333 L18.3333333,38.3333333 C17.8733333,38.3333333 17.5,38.7058333 17.5,39.1666667 C17.5,39.6275 17.8733333,40 18.3333333,40 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M22.5,36.6666667 L31.6666667,36.6666667 C32.1266667,36.6666667 32.5,36.2941667 32.5,35.8333333 C32.5,35.3725 32.1266667,35 31.6666667,35 L22.5,35 C22.04,35 21.6666667,35.3725 21.6666667,35.8333333 C21.6666667,36.2941667 22.04,36.6666667 22.5,36.6666667 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M18.3333333,36.6666667 C18.55,36.6666667 18.7666667,36.575 18.925,36.425 C19.075,36.2666667 19.1666667,36.05 19.1666667,35.8333333 C19.1666667,35.6158333 19.075,35.3991667 18.925,35.2416667 C18.6083333,34.9333333 18.0583333,34.9333333 17.7416667,35.2416667 C17.5916667,35.3991667 17.5,35.6158333 17.5,35.8333333 C17.5,36.0583333 17.5916667,36.2666667 17.7416667,36.425 C17.9,36.575 18.1083333,36.6666667 18.3333333,36.6666667 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M26.075,38.575 C25.925,38.7325 25.8333333,38.9491667 25.8333333,39.1666667 C25.8333333,39.3833333 25.925,39.6 26.075,39.7583333 C26.2333333,39.9083333 26.45,40 26.6666667,40 C26.8833333,40 27.1,39.9083333 27.2583333,39.7583333 C27.4083333,39.6 27.5,39.3833333 27.5,39.1666667 C27.5,38.9491667 27.4083333,38.7325 27.2583333,38.575 C26.95,38.2666667 26.3833333,38.2666667 26.075,38.575 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M31.6666667,38.3333333 L30.8333333,38.3333333 C30.3733333,38.3333333 30,38.7058333 30,39.1666667 C30,39.6275 30.3733333,40 30.8333333,40 L31.6666667,40 C32.1266667,40 32.5,39.6275 32.5,39.1666667 C32.5,38.7058333 32.1266667,38.3333333 31.6666667,38.3333333 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
})
),
_react2.default.createElement(
'g',
{
id: 'Group-9',
transform: 'translate(35.000000, 35.000000)'
},
_react2.default.createElement('circle', {
id: 'Oval-4',
stroke: '#2AA7E2',
strokeWidth: '2',
fill: '#FFE600',
cx: '10',
cy: '10',
r: '10'
}),
_react2.default.createElement('path', {
d: 'M13.9174871,6.27139415 L8.54743546,11.6418589 L6.58240964,9.67683305 C6.22055077,9.3145611 5.63356282,9.3145611 5.27170396,9.67683305 C4.90943201,10.0386919 4.90943201,10.6256799 5.27170396,10.9875387 L7.89228916,13.6081239 C8.07321859,13.7890534 8.3107401,13.8799312 8.54784854,13.8799312 C8.78495697,13.8799312 9.0220654,13.7894664 9.20299484,13.6081239 L15.2286059,7.58251291 C15.5904647,7.22024096 15.5904647,6.63366609 15.2286059,6.27139415 C14.8663339,5.90953528 14.279759,5.90953528 13.9174871,6.27139415 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
})
)
)
)
);
}
}]);
return PackageCheckIcon;
}(_react.Component);
PackageCheckIcon.propTypes = {
width: _propTypes.PropTypes.string
};
PackageCheckIcon.defaultProps = {
width: '20px'
};
exports.default = PackageCheckIcon;