UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

210 lines (209 loc) 7.52 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for components/Icon/TableGearIcon/TableGearIcon.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/TableGearIcon</a> TableGearIcon.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 41 42 43 44 45 46 47 48 49</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-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> <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, omitProps } from '../../../util/component-types'; &nbsp; const cx = lucidClassNames.bind('&amp;-TableGearIcon'); &nbsp; /** * * {"categories": ["visual design", "icons"], "extend": "Icon", "madeFrom": ["Icon"]} * * A table configuration Icon. */ &nbsp; const TableGearIcon = createClass({ displayName: 'TableGearIcon', propTypes: { ...Icon.propTypes, }, &nbsp; render() { const { className, ...passThroughs, } = this.props; &nbsp; return ( &lt;Icon {...omitProps(passThroughs, TableGearIcon)} {..._.pick(passThroughs, _.keys(Icon.propTypes))} className={cx('&amp;', className)} &gt; &lt;g opacity='0.25'&gt; &lt;rect x='3' y='4' width='1' height='8'/&gt; &lt;rect x='6' y='4' width='1' height='8'/&gt; &lt;rect x='9' y='4' width='1' height='5.5'/&gt; &lt;rect x='12' y='4' width='1' height='3.847'/&gt; &lt;/g&gt; &nbsp; &lt;path d='M15.79,9.298L14.6,9.079c-0.115-0.022-0.156-0.117-0.09-0.215l0.684-1.013 c0.064-0.098,0.053-0.246-0.03-0.329l-0.656-0.654c-0.083-0.085-0.229-0.099-0.329-0.031L13.164,7.52 c-0.098,0.065-0.193,0.025-0.216-0.091l-0.22-1.191c-0.021-0.114-0.138-0.21-0.252-0.21H11.55c-0.116,0-0.231,0.096-0.252,0.21 l-0.219,1.191c-0.022,0.116-0.119,0.156-0.216,0.091L9.852,6.837C9.753,6.77,9.605,6.783,9.521,6.868L8.866,7.522 c-0.083,0.083-0.095,0.232-0.031,0.33l0.683,1.013C9.584,8.963,9.545,9.057,9.43,9.08L8.237,9.298 C8.121,9.32,8.027,9.436,8.027,9.55v0.929c0,0.116,0.094,0.23,0.21,0.252l1.191,0.222c0.116,0.021,0.156,0.116,0.09,0.214 L8.834,12.18c-0.062,0.098-0.052,0.243,0.031,0.326l0.656,0.656c0.082,0.083,0.229,0.097,0.328,0.031l1.012-0.685 c0.098-0.065,0.193-0.026,0.217,0.093l0.219,1.188c0.021,0.116,0.137,0.21,0.253,0.21h0.929c0.114,0,0.23-0.094,0.252-0.21 l0.22-1.188c0.021-0.119,0.118-0.158,0.216-0.093l1.012,0.685c0.1,0.063,0.246,0.052,0.329-0.031l0.656-0.655 c0.083-0.084,0.097-0.229,0.03-0.327l-0.684-1.015c-0.066-0.097-0.027-0.192,0.09-0.214l1.19-0.221 c0.116-0.021,0.21-0.137,0.21-0.252V9.55C16,9.436,15.906,9.32,15.79,9.298z M12.014,11.814c-0.992,0-1.799-0.806-1.799-1.799 c0-0.992,0.807-1.798,1.799-1.798s1.799,0.806,1.799,1.798C13.812,11.011,13.006,11.814,12.014,11.814z'/&gt; &lt;path d='M8,12H1.25C1.112,12,1,11.889,1,11.75v-7.5C1,4.112,1.112,4,1.25,4h12.5C13.889,4,14,4.112,14,4.25V6h1V3.25 C15,2.56,14.439,2,13.75,2H1.25C0.56,2,0,2.56,0,3.25v8.5C0,12.439,0.56,13,1.25,13H8V12z'/&gt; &lt;/Icon&gt; ); }, }); &nbsp; export default TableGearIcon; &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>