update checkbox to expose element/plugin

Author: levithomason

src/modules/Checkbox/Checkbox.js

@@ -1,54 +1,26 @@
 import _ from 'lodash';
 import META from 'src/utils/Meta';
+import getUnhandledProps from 'src/utils/getUnhandledProps';
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
 import $ from 'jquery';
 
 export default class Checkbox extends Component {
   static propTypes = {
-    beforeChecked: PropTypes.func,
-    beforeDeterminate: PropTypes.func,
-    beforeIndeterminate: PropTypes.func,
-    beforeUnchecked: PropTypes.func,
-    className: PropTypes.oneOfType([
-      PropTypes.string,
-      PropTypes.array,
-      PropTypes.object,
-    ]),
-    defaultChecked: PropTypes.bool,
+    className: PropTypes.string,
     label: PropTypes.string,
     name: PropTypes.string,
-    onChange: PropTypes.func,
-    onChecked: PropTypes.func,
-    onDeterminate: PropTypes.func,
-    onDisable: PropTypes.func,
-    onEnable: PropTypes.func,
-    onIndeterminate: PropTypes.func,
-    onUnchecked: PropTypes.func,
+    settings: PropTypes.object,
     type: PropTypes.string,
   };
 
   componentDidMount() {
-    this.container = $(this.refs.container);
-    this.input = $(this.refs.input);
-
-    this.container.checkbox({
-      onChange: this.props.onChange,
-      onChecked: this.props.onChecked,
-      onIndeterminate: this.props.onIndeterminate,
-      onDeterminate: this.props.onDeterminate,
-      onUnchecked: this.props.onUnchecked,
-      beforeChecked: this.props.beforeChecked,
-      beforeIndeterminate: this.props.beforeIndeterminate,
-      beforeDeterminate: this.props.beforeDeterminate,
-      beforeUnchecked: this.props.beforeUnchecked,
-      onEnable: this.props.onEnable,
-      onDisable: this.props.onDisable,
-    });
+    this.element = $(this.refs.element);
+    this.element.checkbox(this.props.settings);
   }
 
   componentWillUnmount() {
-    this.container.off();
+    this.element.off();
   }
 
   static _meta = {
@@ -77,11 +49,11 @@ export default class Checkbox extends Component {
       'checkbox'
     );
 
-    const checkboxProps = _.clone(this.props);
-    delete checkboxProps.className;
+    const props = getUnhandledProps(this);
+
     return (
-      <div className={classes} ref='container'>
-        <input {...checkboxProps} type={type} ref='checkbox' />
+      <div className={classes} ref='element'>
+        <input {...props} type={type} />
         <label>{this.props.label}</label>
       </div>
     );

test/specs/modules/Checkbox/Checkbox-test.js

@@ -10,7 +10,7 @@ describe('Checkbox', () => {
   it('should have a semantic ui plugin to handle the check action', () => {
     render(<Checkbox name='firstName' label='Include First' />)
       .first()
-      .container.checkbox.called.should.equal(true);
+      .element.checkbox.called.should.equal(true);
   });
   it('should have a fitted class if no label is given', () => {
     render(<Checkbox name='firstName' />).findClass('fitted');