lucid-ui

<!doctype html> <html lang="en"> <head> <title>Code coverage report for components/SwitchLabeled/SwitchLabeled.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/SwitchLabeled</a> SwitchLabeled.jsx </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 66.67% Statements 8/12 </div> <div class='fl pad1y space-right2'> 50% Branches 3/6 </div> <div class='fl pad1y space-right2'> 100% Functions 0/0 </div> <div class='fl pad1y space-right2'> 66.67% Lines 8/12 </div> </div> </div> <div class='status-line medium'></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</td><td class="line-coverage quiet">              120x           120x               120x                                                                                   120x               28x                                       28x   28x   28x                                                                    </td><td class="text"><pre class="prettyprint lang-js">import _ from 'lodash'; import React from 'react'; import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; import { lucidClassNames } from '../../util/style-helpers'; import { createClass, getFirst, omitProps } from '../../util/component-types'; import Switch from '../Switch/Switch';   const cx = lucidClassNames.bind('&-SwitchLabeled'); const { any, node, object, string, } = React.PropTypes;   /** * {"categories": ["controls", "toggles"], "extend": "Switch", "madeFrom": ["Switch"]} * * This is a composite of the `Switch` component and the native `label` * element. */ const SwitchLabeled = createClass({ displayName: 'SwitchLabeled',   components: { /** * Label to be shown alongside the switch. */ Label: createClass({ displayName: 'SwitchLabeled.Label', propName: 'Label', propTypes: { /** * Used to identify the purpose of this switch to the user -- can be * any renderable content. */ children: node, }, }), },   propTypes: { ...Switch.propTypes,   /** * Appended to the component-specific class names set on the root * element. */ className: string,   /** * Passed through to the root element. */ style: object,   /** * Child element whose children are used to identify the purpose of this * switch to the user. */ Label: any, },   getDefaultProps() { return { isDisabled: false, isSelected: false, onSelect: _.noop, }; },   componentWillMount() { this._labelKey = 0; },   componentWillReceiveProps(nextProps) { const currentLabel = _.get(getFirst(this.props, SwitchLabeled.Label), 'props.children', null); const nextLabel = _.get(getFirst(nextProps, SwitchLabeled.Label), 'props.children', null);   if (currentLabel !== nextLabel) { this._labelKey++; } },   render() { const { className, isDisabled, isSelected, onSelect, style, ...passThroughs, } = this.props;   const labelChildProps = _.get(getFirst(this.props, SwitchLabeled.Label), 'props');   return ( <label className={cx('&', { '&-is-disabled': isDisabled, '&-is-selected': isSelected, }, className)} style={style} > <Switch className={className} isDisabled={isDisabled} isSelected={isSelected} onSelect={onSelect} {...omitProps(passThroughs, SwitchLabeled)} /> <ReactCSSTransitionGroup transitionName={cx('&-text')} transitionEnterTimeout={100} transitionLeaveTimeout={100} style={{position: 'relative'}} className={cx('&-text')} > { labelChildProps ? {labelChildProps.children || labelChildProps} : null } </ReactCSSTransitionGroup> </label> ); }, });   export default SwitchLabeled;  </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>