minor changes

components/app/index.jsx

@@ -8,7 +8,7 @@ const App = (props) => {
   }
 
   return (
-    <div className={className} data-react-toolbox='app'>
+    <div data-react-toolbox='app' className={className}>
       {props.children}
     </div>
   );

components/autocomplete/index.jsx

@@ -24,10 +24,10 @@ class Autocomplete extends React.Component {
   };
 
   static defaultProps = {
-      className: '',
-      direction: 'auto',
-      multiple: true,
-      source: {}
+    className: '',
+    direction: 'auto',
+    multiple: true,
+    source: {}
   };
 
   state = {
@@ -59,8 +59,7 @@ class Autocomplete extends React.Component {
   };
 
   handleQueryChange = (event) => {
-    const query = event.target.value;
-    this.setState({query});
+    this.setState({event: event.target.value});
   };
 
   handleQueryFocus = () => {
@@ -185,8 +184,8 @@ class Autocomplete extends React.Component {
         <Input
           ref='input'
           {...this.props}
-          label=''
           className={style.input}
+          label=''
           onBlur={this.handleQueryBlur}
           onChange={this.handleQueryChange}
           onFocus={this.handleQueryFocus}

components/button/index.jsx

@@ -51,8 +51,8 @@ class Button extends React.Component {
         data-react-toolbox='button'
         {...others}
         className={className}
-        onMouseDown={this.handleMouseDown}
         disabled={this.props.disabled || this.props.loading}
+        onMouseDown={this.handleMouseDown}
       >
         { ripple ? <Ripple ref='ripple' loading={loading}/> : null }
         { icon ? <FontIcon className={style.icon} value={icon}/> : null }