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
187 lines (170 loc) • 19.3 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 ProductQualityIcon = function (_Component) {
_inherits(ProductQualityIcon, _Component);
function ProductQualityIcon() {
_classCallCheck(this, ProductQualityIcon);
return _possibleConstructorReturn(this, (ProductQualityIcon.__proto__ || Object.getPrototypeOf(ProductQualityIcon)).apply(this, arguments));
}
_createClass(ProductQualityIcon, [{
key: 'render',
value: function render() {
return _react2.default.createElement(
'svg',
{ x: '0', y: '0', viewBox: '0 0 100 90', width: this.props.width },
_react2.default.createElement(
'title',
null,
'Good Product Quality'
),
_react2.default.createElement(
'desc',
null,
'Created with Sketch.'
),
_react2.default.createElement('defs', null),
_react2.default.createElement(
'g',
{
id: 'Good-Product-Quality',
stroke: 'none',
strokeWidth: '1',
fill: 'none',
fillRule: 'evenodd'
},
_react2.default.createElement(
'g',
{ id: 'Group-5', transform: 'translate(10.000000, 9.000000)' },
_react2.default.createElement(
'g',
{
id: 'shopping-basket',
fill: '#2AA7E2',
fillRule: 'nonzero'
},
_react2.default.createElement(
'g',
{ id: 'Group' },
_react2.default.createElement('path', {
d: 'M60.6553333,61.2747644 L13.3446667,61.2747644 C11.1246667,61.2747644 9.28587879,59.6158247 9.06612121,57.4165575 L5.96260606,26.4504282 C5.93121212,26.1356092 6.03436364,25.823023 6.24739394,25.5908161 C6.46042424,25.3563764 6.76090909,25.2224109 7.07933333,25.2224109 L66.9251515,25.2224109 C67.2413333,25.2224109 67.5440606,25.3563764 67.7570909,25.5908161 C67.9701212,25.823023 68.0732727,26.137842 68.0418788,26.4504282 L64.9406061,57.4165575 C64.7163636,59.6158247 62.8753333,61.2747644 60.6553333,61.2747644 Z M8.31490909,27.4574023 L11.2950909,57.1955144 C11.4004848,58.2493764 12.2795152,59.0420057 13.3424242,59.0420057 L60.6553333,59.0420057 C61.7182424,59.0420057 62.5995152,58.2493764 62.7049091,57.1955144 L65.6850909,27.4574023 L8.31490909,27.4574023 Z',
id: 'Shape',
stroke: '#FFFFFF',
strokeWidth: '0.5'
}),
_react2.default.createElement(
'g',
{
transform: 'translate(15.696970, 0.000000)',
id: 'Shape',
stroke: '#FFFFFF',
strokeWidth: '0.5'
},
_react2.default.createElement('path', { d: 'M1.35442424,14.3243161 C1.03375758,14.3243161 0.715333333,14.1881178 0.495575758,13.9246523 C0.0941818182,13.4535402 0.156969697,12.7479885 0.632363636,12.3527902 L14.6385455,0.653135057 C15.1161818,0.257936782 15.8225455,0.318221264 16.2172121,0.791566092 C16.6163636,1.26267816 16.5535758,1.96822989 16.0781818,2.36342816 L2.072,14.0630833 C1.86345455,14.2372385 1.60781818,14.3243161 1.35442424,14.3243161 Z' }),
_react2.default.createElement('path', { d: 'M41.2538788,14.3243161 C41.0004848,14.3243161 40.7448485,14.2372385 40.5340606,14.0630833 L26.5256364,2.36342816 C26.0524848,1.96599713 25.989697,1.26267816 26.3866061,0.789333333 C26.788,0.318221264 27.4921212,0.255704023 27.9675152,0.650902299 L41.9759394,12.3505575 C42.4490909,12.7479885 42.5118788,13.4513075 42.1149697,13.9246523 C41.8929697,14.1881178 41.5745455,14.3243161 41.2538788,14.3243161 Z' })
),
_react2.default.createElement('path', {
d: 'M70.1318182,27.4574023 L3.86818182,27.4574023 C1.73563636,27.4574023 0,25.7292471 0,23.6058937 L0,16.4655316 C0,14.3421782 1.73563636,12.614023 3.86818182,12.614023 L70.1318182,12.614023 C72.2643636,12.614023 74,14.3421782 74,16.4655316 L74,23.6058937 C74,25.7292471 72.2666061,27.4574023 70.1318182,27.4574023 Z M3.86818182,14.8445489 C2.97121212,14.8445489 2.24242424,15.5701954 2.24242424,16.4632989 L2.24242424,23.6036609 C2.24242424,24.4967644 2.97121212,25.2224109 3.86818182,25.2224109 L70.1318182,25.2224109 C71.0265455,25.2224109 71.7575758,24.4967644 71.7575758,23.6036609 L71.7575758,16.4632989 C71.7575758,15.5701954 71.0287879,14.8445489 70.1318182,14.8445489 L3.86818182,14.8445489 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M70.1318182,27.4574023 L3.86818182,27.4574023 C1.73563636,27.4574023 0,25.7292471 0,23.6058937 L0,16.4655316 C0,14.3421782 1.73563636,12.614023 3.86818182,12.614023 L70.1318182,12.614023 C72.2643636,12.614023 74,14.3421782 74,16.4655316 L74,23.6058937 C74,25.7292471 72.2666061,27.4574023 70.1318182,27.4574023 Z M3.86818182,14.8445489 C2.97121212,14.8445489 2.24242424,15.5701954 2.24242424,16.4632989 L2.24242424,23.6036609 C2.24242424,24.4967644 2.97121212,25.2224109 3.86818182,25.2224109 L70.1318182,25.2224109 C71.0265455,25.2224109 71.7575758,24.4967644 71.7575758,23.6036609 L71.7575758,16.4632989 C71.7575758,15.5701954 71.0287879,14.8445489 70.1318182,14.8445489 L3.86818182,14.8445489 Z',
id: 'Shape',
stroke: '#FFFFFF',
strokeWidth: '0.5'
})
),
_react2.default.createElement(
'g',
{
id: 'Group',
transform: 'translate(19.270833, 33.145833)',
stroke: '#FFFFFF',
strokeWidth: '0.5'
},
_react2.default.createElement('path', {
d: 'M1.24670956,18.6843833 C0.633488971,18.6843833 0.135802696,18.18365 0.135802696,17.566675 L0.135802696,1.35990417 C0.135802696,0.742929167 0.633488971,0.242195833 1.24670956,0.242195833 C1.85993015,0.242195833 2.35761642,0.742929167 2.35761642,1.35990417 L2.35761642,17.566675 C2.35761642,18.1858854 1.86215196,18.6843833 1.24670956,18.6843833 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M11.9780699,18.6843833 C11.3648493,18.6843833 10.867163,18.18365 10.867163,17.566675 L10.867163,1.35990417 C10.867163,0.742929167 11.3648493,0.242195833 11.9780699,0.242195833 C12.5912904,0.242195833 13.0889767,0.742929167 13.0889767,1.35990417 L13.0889767,17.566675 C13.0889767,18.1858854 12.5935123,18.6843833 11.9780699,18.6843833 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M22.7094301,18.6843833 C22.0962096,18.6843833 21.5985233,18.18365 21.5985233,17.566675 L21.5985233,1.35990417 C21.5985233,0.742929167 22.0962096,0.242195833 22.7094301,0.242195833 C23.3226507,0.242195833 23.820337,0.742929167 23.820337,1.35990417 L23.820337,17.566675 C23.820337,18.1858854 23.3226507,18.6843833 22.7094301,18.6843833 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M33.4407904,18.6843833 C32.8275699,18.6843833 32.3298836,18.18365 32.3298836,17.566675 L32.3298836,1.35990417 C32.3298836,0.742929167 32.8275699,0.242195833 33.4407904,0.242195833 C34.054011,0.242195833 34.5516973,0.742929167 34.5516973,1.35990417 L34.5516973,17.566675 C34.5516973,18.1858854 34.054011,18.6843833 33.4407904,18.6843833 Z',
id: 'Shape'
})
)
),
_react2.default.createElement(
'g',
{
id: 'medal',
transform: 'translate(47.000000, 42.000000)'
},
_react2.default.createElement('path', {
d: 'M33.2489609,32.6281952 L27.5185177,22.5612003 C28.0993059,22.2901658 28.4477788,21.6706584 28.4090595,20.9737126 L27.9831482,17.4115452 L30.4224585,14.8560773 C30.9645275,14.3140083 31.0032467,13.3847473 30.4611777,12.7265207 L28.0218674,10.0936143 L28.5252172,6.49272771 C28.6026556,5.71834349 28.0605866,4.94395926 27.2862024,4.78908242 L23.7627542,4.09213662 L22.0591089,0.955880523 C21.710636,0.220215513 20.8588134,-0.0895381756 20.0844292,0.220215513 L20.04571,0.220215513 L16.7932962,1.73026474 L13.6183209,0.181496302 C13.269848,-0.0120997535 12.8439367,-0.0508189645 12.4567446,0.0653386687 C12.0695525,0.181496302 11.7597988,0.452530779 11.5662027,0.801003679 L9.82383823,3.93725978 L6.30039003,4.55676715 C5.48728659,4.711644 4.94521764,5.44730901 5.02265606,6.29913165 L5.44856738,9.86129907 L3.00925708,12.416767 C2.46718813,12.958836 2.42846892,13.888097 2.97053787,14.5463236 L5.40984817,17.17923 L4.90649843,20.7801166 C4.82906,21.4770624 5.25497133,22.135289 5.91319791,22.4063235 L0.144035465,32.6281952 C-0.0108413791,32.8605104 0.027877832,33.1702641 0.144035465,33.4025794 C0.298912309,33.6348947 0.531227576,33.7897715 0.802262053,33.7897715 L6.99733582,33.7897715 L9.82383823,38.7071113 C9.97871508,38.9394266 10.2110303,39.0943034 10.4820648,39.0943034 C10.7530993,39.0943034 11.0241338,38.9394266 11.1402914,38.7071113 L16.6771386,29.2596238 L22.2139858,38.823269 C22.3688626,39.0555842 22.6011779,39.2104611 22.8722124,39.2104611 C23.1432468,39.2104611 23.4142813,39.0555842 23.530439,38.823269 L26.3569414,33.7897715 L32.5520151,33.7897715 C32.8230496,33.7897715 33.0940841,33.6348947 33.2102417,33.4025794 C33.4038378,33.1702641 33.4038378,32.8605104 33.2489609,32.6281952 Z',
id: 'Shape',
fill: '#FFFFFF',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M33.2489609,32.6281952 L27.5185177,22.5612003 C28.0993059,22.2901658 28.4477788,21.6706584 28.4090595,20.9737126 L27.9831482,17.4115452 L30.4224585,14.8560773 C30.9645275,14.3140083 31.0032467,13.3847473 30.4611777,12.7265207 L28.0218674,10.0936143 L28.5252172,6.49272771 C28.6026556,5.71834349 28.0605866,4.94395926 27.2862024,4.78908242 L23.7627542,4.09213662 L22.0591089,0.955880523 C21.710636,0.220215513 20.8588134,-0.0895381756 20.0844292,0.220215513 L20.04571,0.220215513 L16.7932962,1.73026474 L13.6183209,0.181496302 C13.269848,-0.0120997535 12.8439367,-0.0508189645 12.4567446,0.0653386687 C12.0695525,0.181496302 11.7597988,0.452530779 11.5662027,0.801003679 L9.82383823,3.93725978 L6.30039003,4.55676715 C5.48728659,4.711644 4.94521764,5.44730901 5.02265606,6.29913165 L5.44856738,9.86129907 L3.00925708,12.416767 C2.46718813,12.958836 2.42846892,13.888097 2.97053787,14.5463236 L5.40984817,17.17923 L4.90649843,20.7801166 C4.82906,21.4770624 5.25497133,22.135289 5.91319791,22.4063235 L0.144035465,32.6281952 C-0.0108413791,32.8605104 0.027877832,33.1702641 0.144035465,33.4025794 C0.298912309,33.6348947 0.531227576,33.7897715 0.802262053,33.7897715 L6.99733582,33.7897715 L9.82383823,38.7071113 C9.97871508,38.9394266 10.2110303,39.0943034 10.4820648,39.0943034 C10.7530993,39.0943034 11.0241338,38.9394266 11.1402914,38.7071113 L16.6771386,29.2596238 L22.2139858,38.823269 C22.3688626,39.0555842 22.6011779,39.2104611 22.8722124,39.2104611 C23.1432468,39.2104611 23.4142813,39.0555842 23.530439,38.823269 L26.3569414,33.7897715 L32.5520151,33.7897715 C32.8230496,33.7897715 33.0940841,33.6348947 33.2102417,33.4025794 C33.4038378,33.1702641 33.4038378,32.8605104 33.2489609,32.6281952 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M10.520784,36.7711508 L8.12019295,32.6281952 C7.9653161,32.3958799 7.73300084,32.2410031 7.46196636,32.2410031 L2.11871523,32.2410031 L7.46196636,22.7935156 L9.66896139,23.1807077 L11.3726067,26.3169638 C11.7210796,27.0526288 12.5729022,27.3623825 13.3472864,27.0526288 L13.3860057,27.0526288 L14.9734933,26.3169638 L15.7478775,27.6721362 L10.520784,36.7711508 Z',
id: 'Path',
fill: '#FFE600'
}),
_react2.default.createElement('path', {
d: 'M25.93103,32.2410031 C25.6599956,32.2410031 25.3889611,32.3958799 25.2728035,32.6281952 L22.8722124,36.8873084 L17.4128036,27.4398209 C17.3740844,27.3236633 17.3353652,27.2462248 17.2579268,27.1687864 L16.4061041,25.6587372 L16.6771386,25.5425796 L19.8521139,27.091348 C20.0844292,27.2075056 20.3167444,27.2462248 20.5490597,27.2462248 C21.0911287,27.2462248 21.6331976,26.9751904 21.9042321,26.4718406 L23.6465966,23.3355845 L25.9697492,22.9096732 L31.2742812,32.2410031 L25.93103,32.2410031 Z',
id: 'Path',
fill: '#FFE600'
}),
_react2.default.createElement('path', {
d: 'M12.7664983,25.6587372 C12.7277791,25.6587372 12.7277791,25.6587372 12.7277791,25.6587372 L11.0241338,22.4450427 C10.7918185,22.0578506 10.4046264,21.7480969 9.93999587,21.7093777 L6.37782845,21.0511511 L6.88117819,17.4889837 C6.95861661,17.0243531 6.80373977,16.5210034 6.49398608,16.2112497 L4.09339499,13.5783433 L6.53270529,11.0228754 C6.88117819,10.6744025 7.03605504,10.209772 6.95861661,9.74514144 L6.53270529,6.22169323 C6.53270529,6.22169323 6.53270529,6.18297402 6.5714245,6.14425481 L10.0948727,5.52474743 C10.520784,5.44730901 10.9466954,5.17627453 11.1790106,4.75036321 L12.9213751,1.61410711 L16.0963504,3.16287555 C16.5222617,3.39519082 17.0643307,3.39519082 17.490242,3.16287555 L20.7039365,1.69154553 C20.7426558,1.69154553 20.7426558,1.69154553 20.7426558,1.69154553 L22.446301,4.90524005 C22.6786163,5.29243216 23.0658084,5.60218585 23.4917197,5.64090506 L27.0151679,6.33785086 L26.5118182,9.90001828 C26.4343798,10.3646488 26.5892566,10.8679986 26.8990103,11.1777522 L29.3383206,13.8106586 L26.8602911,16.3661265 C26.5118182,16.7145994 26.3569414,17.17923 26.4343798,17.6438605 L26.8602911,21.2060279 L23.3755621,21.7868161 C22.9496508,21.8642545 22.5237395,22.135289 22.2914242,22.5612003 L20.5490597,25.6974564 L17.3740844,24.148688 C16.9481731,23.9163727 16.4061041,23.9163727 15.9801928,24.148688 L12.7664983,25.6587372 Z',
id: 'Path',
fill: '#FFE600'
}),
_react2.default.createElement('path', {
d: 'M24.4209808,13.6557818 C24.4209808,9.39666854 20.9362518,5.91193954 16.6771386,5.91193954 C12.4180254,5.91193954 8.93329638,9.39666854 8.93329638,13.6557818 C8.93329638,17.914895 12.4180254,21.399624 16.6771386,21.399624 C20.9362518,21.399624 24.4209808,17.914895 24.4209808,13.6557818 Z',
id: 'Shape',
fill: '#2AA7E2',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M16.6771386,19.8508555 C13.269848,19.8508555 10.4820648,17.0630723 10.4820648,13.6557818 C10.4820648,10.2484912 13.269848,7.46070798 16.6771386,7.46070798 C20.0844292,7.46070798 22.8722124,10.2484912 22.8722124,13.6557818 C22.8722124,17.0630723 20.0844292,19.8508555 16.6771386,19.8508555 Z',
id: 'Path',
fill: '#FFFFFF'
})
)
)
)
);
}
}]);
return ProductQualityIcon;
}(_react.Component);
ProductQualityIcon.propTypes = {
width: _propTypes.PropTypes.string
};
ProductQualityIcon.defaultProps = {
width: '20px'
};
exports.default = ProductQualityIcon;