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
83 lines (66 loc) • 6.1 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 FlipkartPlusBase = function (_Component) {
_inherits(FlipkartPlusBase, _Component);
function FlipkartPlusBase() {
_classCallCheck(this, FlipkartPlusBase);
return _possibleConstructorReturn(this, (FlipkartPlusBase.__proto__ || Object.getPrototypeOf(FlipkartPlusBase)).apply(this, arguments));
}
_createClass(FlipkartPlusBase, [{
key: 'render',
value: function render() {
return _react2.default.createElement(
'svg',
{ x: '0', y: '0', viewBox: '0 0 20 20', width: this.props.width },
_react2.default.createElement(
'g',
{
stroke: 'none',
strokeWidth: '1',
fill: this.props.color,
fillRule: 'evenodd'
},
_react2.default.createElement('path', {
d: 'M13.3085927,4.65931373 C13.3085927,4.65931373 15.8108822,5.84558824 17.0456017,6.34558824 C18.2459307,6.83578431 18.3827225,8.66421569 17.0615137,9.28186275 C15.7405615,9.8995098 15.3748422,10 15.3748422,10 C15.3748422,10 15.584008,9.4877451 15.5539805,8.99264706 C15.4680044,8.11029412 12.7380707,7.39460784 10.9300061,6.97058824 C10.9300061,6.97058824 9.54027299,2.80882353 8.91354571,1.6495098 C8.28117223,0.482843137 7,0 7,0 L10.0268721,0.0392156863 C10.0268721,0.0392156863 11.0691077,-0.00980392157 11.5310689,1.05637255 C11.9914901,2.12254902 13.3085927,4.65931373 13.3085927,4.65931373',
id: 'Fill-9',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M13.3389872,13.3059436 C13.3389872,13.3059436 12.1683416,15.7800705 11.65263,17.0453657 C11.1636355,18.2464978 9.29859307,18.3825234 8.68116084,17.0607648 C8.06372861,15.7390062 8,15.5054527 8,15.5054527 C8,15.5054527 8.37281239,15.5824483 8.96524339,15.5542166 C9.84763959,15.4669549 10.6055199,12.7387424 11.0285798,10.9293446 C11.0285798,10.9293446 15.1895681,9.53828989 16.3491838,8.91205862 C17.516643,8.28069429 18,7 18,7 L17.9610275,10.4750703 C17.9610275,10.4750703 18.0102946,11.0679368 16.9428403,11.5299107 C15.8758763,11.9893181 13.3389872,13.3059436 13.3389872,13.3059436',
id: 'Fill-10',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M4.71144754,13.3411592 C4.71144754,13.3411592 2.21329076,12.1648325 0.958414693,11.6585962 C-0.247245499,11.1694791 -0.384070795,9.34507214 0.942438858,8.72878454 C2.26869084,8.11494253 2.80336596,8 2.80336596,8 C2.80336596,8 2.45730876,8.52335534 2.54414515,9.1127415 C2.63226992,9.99559795 5.28503155,10.6143311 7.09854649,11.0349719 C7.09854649,11.0349719 8.54667863,15.1631206 9.12490079,16.3443385 C9.83041427,17.7823429 11,18 11,18 L7.55514616,17.9535339 C7.55514616,17.9535339 6.9606905,18 6.49687593,16.9361702 C6.0328037,15.8723404 4.71144754,13.3411592 4.71144754,13.3411592',
id: 'Fill-11',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M4.69499472,4.70833606 C4.69499472,4.70833606 5.87303925,2.21536401 6.38338611,0.956001071 C6.87262194,-0.246703416 8.70412647,-0.383198786 9.32248325,0.940548765 C9.94084002,2.2668717 10,2.50638244 10,2.50638244 C10,2.50638244 9.53383902,2.5141086 9.03993912,2.54243783 C8.1542578,2.63000089 7.43230969,5.28264676 7.00886172,7.09571734 C7.00886172,7.09571734 2.85637136,8.51990488 1.68029064,9.11996943 C0.063824042,9.94409242 0,11 0,11 L0.0655423816,7.55156037 C0.0655423816,7.55156037 0.0169379188,6.95664659 1.08549967,6.4930774 C2.15406142,6.02950822 4.69499472,4.70833606 4.69499472,4.70833606',
id: 'Fill-12',
fillRule: 'nonzero'
})
)
);
}
}]);
return FlipkartPlusBase;
}(_react.Component);
FlipkartPlusBase.propTypes = {
width: _propTypes.PropTypes.string,
color: _propTypes.PropTypes.string.isRequired
};
FlipkartPlusBase.defaultProps = {
width: '26px'
};
exports.default = FlipkartPlusBase;