build

Author: aaronshaf

example/bundle.js.map

@@ -12,7 +12,13 @@ var Check = _interopRequire(require("./check"));
 
 var X = _interopRequire(require("./x"));
 
+var addons = require("react/addons").addons;
+
+var PureRenderMixin = addons.PureRenderMixin;
+
 module.exports = React.createClass({
+  mixins: [PureRenderMixin],
+
   displayName: "Toggle",
 
   propTypes: {
@@ -27,20 +33,36 @@ module.exports = React.createClass({
   },
 
   getInitialState: function getInitialState() {
+    var checked = false;
+    if ("checked" in this.props) {
+      checked = this.props.checked;
+    } else if ("defaultChecked" in this.props) {
+      checked = this.props.defaultChecked;
+    }
     return {
+      checked: !!checked,
       hasFocus: false
     };
   },
 
+  componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
+    if ("checked" in nextProps) {
+      this.setState({ checked: !!nextProps.checked });
+    }
+  },
+
   handleClick: function handleClick(event) {
-    var checkbox = this.refs.input.getDOMNode();
-    var checkboxWasDirectlyClicked = event.target === checkbox;
-    if (checkboxWasDirectlyClicked) {
+    var checkbox = React.findDOMNode(this.refs.input);
+    if (event.target !== checkbox) {
+      event.preventDefault();
+      checkbox.focus();
+      checkbox.click();
       return;
     }
-    event.preventDefault();
-    checkbox.click();
-    checkbox.focus();
+
+    if (!("checked" in this.props)) {
+      this.setState({ checked: checkbox.checked });
+    }
   },
 
   handleFocus: function handleFocus() {
@@ -51,19 +73,9 @@ module.exports = React.createClass({
     this.setState({ hasFocus: false });
   },
 
-  isChecked: function isChecked() {
-    if (this.props.checked != null) {
-      return this.props.checked;
-    }
-    if (this.refs.input) {
-      return this.refs.input.getDOMNode().checked;
-    }
-    return this.props.defaultChecked || false;
-  },
-
   render: function render() {
     var classes = classNames("react-toggle", {
-      "react-toggle--checked": this.isChecked(),
+      "react-toggle--checked": this.state.checked,
       "react-toggle--focus": this.state.hasFocus,
       "react-toggle--disabled": this.props.disabled
     });