UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

183 lines (182 loc) 5.96 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for components/Icon/StarOutlineIcon/StarOutlineIcon.jsx</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../../../prettify.css" /> <link rel="stylesheet" href="../../../base.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type='text/css'> .coverage-summary .sorter { background-image: url(../../../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1> <a href="../../../index.html">All files</a> / <a href="index.html">components/Icon/StarOutlineIcon</a> StarOutlineIcon.jsx </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Statements</span> <span class='fraction'>4/4</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Branches</span> <span class='fraction'>0/0</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Functions</span> <span class='fraction'>0/0</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Lines</span> <span class='fraction'>4/4</span> </div> </div> </div> <div class='status-line high'></div> <pre><table class="coverage"> <tr><td class="line-count quiet">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40</td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">120x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">120x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">8x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">8x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import _ from 'lodash'; import React from 'react'; import Icon from '../Icon'; import { lucidClassNames } from '../../../util/style-helpers'; import { createClass } from '../../../util/component-types'; &nbsp; const cx = lucidClassNames.bind('&amp;-StarOutlineIcon'); &nbsp; /** * * {"categories": ["visual design", "icons"], "extend": "Icon", "madeFrom": ["Icon"]} * * It's gone supernova. */ const StarOutlineIcon = createClass({ displayName: 'StarOutlineIcon', propTypes: { ...Icon.propTypes, }, &nbsp; render() { const { className, ...passThroughs, } = this.props; &nbsp; return ( &lt;Icon {...passThroughs} {..._.pick(passThroughs, _.keys(Icon.propTypes))} className={cx('&amp;', className)} &gt; &lt;path d='M8.006,1.285L9.848,5.82h4.766L10.77,8.905l1.439,4.884l-4.204-2.824l-4.203,2.824L5.24,8.905L1.398,5.819h4.766 L8.006,1.285 M8.008,0c0,0-0.001,0.001-0.003,0.001C8.004,0.001,8.003,0,8.003,0v0.001c-0.237,0.003-0.45,0.143-0.535,0.357L5.593,5 H0.58C0.334,5,0.115,5.148,0.034,5.371c-0.083,0.222-0.01,0.47,0.181,0.618l4.052,3.226l-1.496,5.074 c-0.068,0.227,0.021,0.471,0.219,0.607C3.091,14.965,3.208,15,3.328,15c0.114,0,0.231-0.033,0.33-0.1l4.347-2.92l4.349,2.92 c0.099,0.065,0.215,0.1,0.33,0.1c0.119,0,0.236-0.035,0.338-0.104c0.199-0.138,0.287-0.381,0.22-0.607l-1.497-5.074l4.053-3.226 c0.189-0.148,0.264-0.396,0.18-0.618C15.896,5.148,15.677,5,15.432,5h-5.014L8.544,0.358C8.458,0.144,8.246,0.004,8.008,0L8.008,0 L8.008,0z'/&gt; &lt;/Icon&gt; ); }, }); &nbsp; export default StarOutlineIcon; &nbsp;</pre></td></tr> </table></pre> <div class='push'></div><!-- for sticky footer --> </div><!-- /wrapper --> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Fri Feb 03 2017 18:10:35 GMT+0000 (UTC) </div> </div> <script src="../../../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../../../sorter.js"></script> </body> </html>