Fix errors highlighted by akismet-react app

client/components/form/input-checkbox-multiple.jsx

@@ -1,5 +1,6 @@
 /** External Dependencies **/
 var React = require( 'react' ),
+	ReactDom = require( 'react-dom' ),
 	classNames = require( 'classnames' ),
 	forEach = require( 'lodash/forEach' ),
 	isArray = require( 'lodash/isArray' ),
@@ -70,9 +71,9 @@ module.exports = React.createClass( {
 	},
 
 	unHighlightAllSites: function( event ) {
-		var checked = $( React.findDOMNode( this.refs.allItems ) ).prop( 'checked' );
+		var checked = $( ReactDom.findDOMNode( this.refs.allItems ) ).prop( 'checked' );
 		if ( checked && ! event.target.checked ) {
-			$( React.findDOMNode( this.refs.allItems ) ).prop( 'checked', false );
+			$( ReactDom.findDOMNode( this.refs.allItems ) ).prop( 'checked', false );
 		}
 	},
 

client/components/form/input-text.js

@@ -1,5 +1,6 @@
 /** External Dependencies **/
 var React = require( 'react' ),
+	ReactDom = require( 'react-dom' ),
 	Formsy = require( 'formsy-react' ),
 	classNames = require( 'classnames' ),
 	Payment = require( 'payment' );
@@ -20,6 +21,7 @@ module.exports = React.createClass( {
 		description: React.PropTypes.string,
 		className: React.PropTypes.any,
 		style: React.PropTypes.any,
+		style: React.PropTypes.any,
 		floatingLabel: React.PropTypes.any,
 		label: React.PropTypes.any,
 		type: React.PropTypes.string,
@@ -60,7 +62,7 @@ module.exports = React.createClass( {
 	},
 
 	focus: function() {
-		React.findDOMNode( this.refs.input ).focus();
+		ReactDom.findDOMNode( this.refs.input ).focus();
 	},
 
 	getDefaultProps: function() {

client/components/modal/index.jsx

@@ -1,4 +1,5 @@
 var React = require( 'react' ),
+	ReactDom = require( 'react-dom' ),
 	Icon = require( '../icon' ),
 	classNames = require( 'classnames' ),
 	assign = require( 'lodash/assign' );
@@ -49,7 +50,7 @@ let Modal = React.createClass( {
 		jQuery( 'body' ).addClass( 'dops-modal-showing' );
 		jQuery( document ).keyup( this.handleEscapeKey );
 		try {
-			focusTrap.activate(this.getDOMNode(), {
+			focusTrap.activate( ReactDom.findDOMNode( this ), {
 				// onDeactivate: this.maybeClose,
 				initialFocus: this.props.initialFocus,
 			});

client/components/my-sites-navigation/picker/index.jsx

@@ -2,6 +2,7 @@
  * External dependencies
  */
 var React = require( 'react' ),
+	ReactDom = require( 'react-dom' ),
 	noop = require( 'lodash/noop' );
 
 /**
@@ -36,7 +37,7 @@ module.exports = React.createClass( {
 	},
 
 	closePickerOnOutsideClick: function( event ) {
-		var pickerNode = React.findDOMNode( this.refs.siteSelector );
+		var pickerNode = ReactDom.findDOMNode( this.refs.siteSelector );
 
 		// If the picker is open & the user clicks outside of it, let's close it
 		if ( this.props.showingSites &&

client/components/my-sites-navigation/site-selector/index.jsx

@@ -2,6 +2,7 @@
  * External dependencies
  */
 var React = require( 'react' ),
+	ReactDom = require( 'react-dom' ),
 	page = require( 'page' ),
 	noop = require( 'lodash/noop' ),
 	classNames = require( 'classnames' );
@@ -48,7 +49,7 @@ module.exports = React.createClass( {
 	},
 
 	doSearch: function() {
-		this.setState( { search: React.findDOMNode( this.refs.searchInput ).value } );
+		this.setState( { search: ReactDom.findDOMNode( this.refs.searchInput ).value } );
 	},
 
 	onSiteSelect: function( event ) {

client/components/notice/style.scss

@@ -15,6 +15,10 @@
 	line-height: 1.4285;
 	animation: appear .3s ease-in-out;
 
+	&::before{
+		@extend %dashicon;
+	}
+
 	.dops-notice__text {
 		flex-grow: 1;
 		flex-basis: 100px;
@@ -31,7 +35,6 @@
 		font-size: inherit;
 
 		&::before {
-			@extend %dashicon;
 			content: '\f534';
 			position: absolute;
 				top: 23px;

client/lib/credit-card-details/validation.js

@@ -6,7 +6,7 @@ var creditcards = require( 'creditcards' ),
 	isArray = require( 'lodash/isArray' ),
 	isEmpty = require( 'lodash/isEmpty' ),
 	toArray = require( 'lodash/toArray' ),
-	inRange = require( 'lodash/number/inRange' ),
+	inRange = require( 'lodash/inRange' ),
 	capitalize = require( 'lodash/capitalize' );
 
 /**

client/lib/wpcom-undocumented/lib/undocumented.js

@@ -4,7 +4,7 @@
 var debug = require( 'debug' )( 'calypso:wpcom-undocumented:undocumented' ),
 	isPlainObject = require( 'lodash/isPlainObject' ),
 	clone = require( 'lodash/clone' ),
-	omit = require( 'lodash/object/omit' ),
+	omit = require( 'lodash/omit' ),
 	camelCase = require( 'lodash/camelCase' ),
 	snakeCase = require( 'lodash/snakeCase' );
 

client/scss/calypso-form.scss

@@ -1,5 +1,6 @@
 // Below, you can choose from either using global form styles or class-driven
 // form styles. By default, the global styles are on.
+@import 'extends';
 
 %form {
 	ul {