lucid-ui

<!doctype html> <html lang="en"> <head> <title>Code coverage report for components/Button/Button.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/Button</a> Button.jsx </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 100% Statements 11/11 </div> <div class='fl pad1y space-right2'> 50% Branches 1/2 </div> <div class='fl pad1y space-right2'> 100% Functions 0/0 </div> <div class='fl pad1y space-right2'> 100% Lines 11/11 </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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155</td><td class="line-coverage quiet">            120x                   120x                 120x                                                                                                                           120x                         6x 6x   6x   6x 6x                             90x   90x                                                              </td><td class="text"><pre class="prettyprint lang-js">import React from 'react'; import ReactDOM from 'react-dom'; import _ from 'lodash'; import { lucidClassNames } from '../../util/style-helpers'; import { createClass, omitProps } from '../../util/component-types';   const cx = lucidClassNames.bind('&-Button');   const { arrayOf, bool, func, node, oneOf, oneOfType, string, } = React.PropTypes;   /** * * {"categories": ["controls", "buttons"]} * * A basic button. Any props that are not explicitly called out below will be * passed through to the native `button` component. */ const Button = createClass({ displayName: 'Button', propName: 'Button', propTypes: { /** * Disables the Button by greying it out */ isDisabled: bool, /** * Activates the Button by giving it a "pressed down" look */ isActive: bool, /** * Class names that are appended to the defaults */ className: string, /** * Set this to `true` if you want the Button to only contain * an icon. */ hasOnlyIcon: bool, /** * Any valid React children */ children: oneOfType([ node, arrayOf(node), ]), /** * Style variations of the Button */ kind: oneOf([ 'primary', 'link', 'success', 'warning', 'danger', 'info', ]), /** * Size variations of the Button */ size: oneOf([ 'short', 'small', 'large', ]), /** * Called when the user clicks the `Button`. * * Signature: `({ event, props }) => {}` */ onClick: func, /** * Form element type variations of Button. Defaults to 'button' to avoid * being triggered by 'Enter' anywhere on the page. Passed through to DOM * Button. */ type: string, },   getDefaultProps() { return { isDisabled: false, isActive: false, onClick: _.noop, type: 'button', hasOnlyIcon: false, }; },   handleClick(event) { const { isDisabled, onClick, } = this.props; const domNode = ReactDOM.findDOMNode(this);   Eif (!isDisabled) { // required to correctly apply the focus state in Safari and Firefox domNode.focus(); onClick({ event, props: this.props }); } },   render() { const { isDisabled, isActive, hasOnlyIcon, kind, size, className, children, type, ...passThroughs, } = this.props;   return ( <button {...omitProps(passThroughs, Button, ['callbackId'])} className={cx('&', { '&-is-disabled': isDisabled, '&-is-active': isActive, '&-primary': kind === 'primary', '&-link': kind === 'link', '&-success': kind === 'success', '&-warning': kind === 'warning', '&-danger': kind === 'danger', '&-info': kind === 'info', '&-short': size === 'short', '&-small': size === 'small', '&-large': size === 'large', '&-has-only-icon': hasOnlyIcon, }, className)} onClick={this.handleClick} disabled={isDisabled} ref='button' type={type} > {children} </button> ); }, });   export default Button;  </pre></td></tr> </table></pre> <div class='push'></div> </div> <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>