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
151 lines (134 loc) • 14 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 RulesAndPoliciesIcon = function (_Component) {
_inherits(RulesAndPoliciesIcon, _Component);
function RulesAndPoliciesIcon() {
_classCallCheck(this, RulesAndPoliciesIcon);
return _possibleConstructorReturn(this, (RulesAndPoliciesIcon.__proto__ || Object.getPrototypeOf(RulesAndPoliciesIcon)).apply(this, arguments));
}
_createClass(RulesAndPoliciesIcon, [{
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,
'Rules and Policies'
),
_react2.default.createElement(
'desc',
null,
'Created with Sketch.'
),
_react2.default.createElement('defs', null),
_react2.default.createElement(
'g',
{
id: 'Rules-and-Policies',
stroke: 'none',
strokeWidth: '1',
fill: 'none',
fillRule: 'evenodd'
},
_react2.default.createElement(
'g',
{ id: 'Group-6', transform: 'translate(19.000000, 10.000000)' },
_react2.default.createElement(
'g',
{ id: 'file', fill: '#2AA7E2', fillRule: 'nonzero' },
_react2.default.createElement('path', {
d: 'M36.5,22 L11.5,22 C10.948,22 10.5,22.447 10.5,23 C10.5,23.553 10.948,24 11.5,24 L36.5,24 C37.052,24 37.5,23.553 37.5,23 C37.5,22.447 37.052,22 36.5,22 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M11.5,16 L21.5,16 C22.052,16 22.5,15.553 22.5,15 C22.5,14.447 22.052,14 21.5,14 L11.5,14 C10.948,14 10.5,14.447 10.5,15 C10.5,15.553 10.948,16 11.5,16 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M36.5,30 L11.5,30 C10.948,30 10.5,30.447 10.5,31 C10.5,31.553 10.948,32 11.5,32 L36.5,32 C37.052,32 37.5,31.553 37.5,31 C37.5,30.447 37.052,30 36.5,30 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M36.5,38 L11.5,38 C10.948,38 10.5,38.447 10.5,39 C10.5,39.553 10.948,40 11.5,40 L36.5,40 C37.052,40 37.5,39.553 37.5,39 C37.5,38.447 37.052,38 36.5,38 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M36.5,46 L11.5,46 C10.948,46 10.5,46.447 10.5,47 C10.5,47.553 10.948,48 11.5,48 L36.5,48 C37.052,48 37.5,47.553 37.5,47 C37.5,46.447 37.052,46 36.5,46 Z',
id: 'Shape'
}),
_react2.default.createElement('path', {
d: 'M32.914,0 L0.5,0 L0.5,60 L47.5,60 L47.5,14.586 L32.914,0 Z M33.5,3.414 L44.086,14 L33.5,14 L33.5,3.414 Z M2.5,58 L2.5,2 L31.5,2 L31.5,16 L45.5,16 L45.5,58 L2.5,58 Z',
id: 'Shape'
})
),
_react2.default.createElement(
'g',
{
id: 'medal',
transform: 'translate(29.000000, 40.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 RulesAndPoliciesIcon;
}(_react.Component);
RulesAndPoliciesIcon.propTypes = {
width: _propTypes.PropTypes.string
};
RulesAndPoliciesIcon.defaultProps = {
width: '20px'
};
exports.default = RulesAndPoliciesIcon;