Updated for release

Author: gfazioli

.gitignore

@@ -0,0 +1,2 @@
+/node_modules
+/bower_components

dist/.gitignore

@@ -0,0 +1 @@
+/.module-cache

dist/react-switch-button.js

@@ -7,16 +7,22 @@
  * @class           SwitchButton
  * @author          =undo= <g.fazioli@wpxtre.me>
  * @date            2015-03-02
- * @version         1.0.3
+ * @version         1.0.4
+ *
+ * @history         1.0.0 First public release
+ * @history         1.0.3 Minor fixes
+ * @history         1.0.4 @deprecated since 1.0.4 - use labelRight instead - issue #5 https://github.com/gfazioli/react-switch-button/issues/5
  */
 
+"use strict";
+
 var SwitchButton = React.createClass( {
 
   // Display name
   displayName : 'Switch Button',
 
   // Version
-  version : '1.0.3',
+  version : '1.0.4',
 
   /**
    * The props types.
@@ -27,6 +33,7 @@ var SwitchButton = React.createClass( {
     title          : React.PropTypes.string,
     label          : React.PropTypes.string,
     label_right    : React.PropTypes.string,
+    labelRight     : React.PropTypes.string,
     defaultChecked : React.PropTypes.string,
     theme          : React.PropTypes.string,
     checked        : React.PropTypes.string,
@@ -47,6 +54,7 @@ var SwitchButton = React.createClass( {
       title          : '',
       label          : '',
       label_right    : '',
+      labelRight     : '',
       defaultChecked : '',
       theme          : 'rsbc-switch-button-flat-round',
       checked        : null,
@@ -55,7 +63,7 @@ var SwitchButton = React.createClass( {
   },
 
   // Handle change
-  handleChange    : function()
+  handleChange : function()
   {
     // Override
   },
@@ -67,32 +75,38 @@ var SwitchButton = React.createClass( {
    */
   render : function()
   {
-    var id, label, label_right;
+    var id, label, labelRight;
 
     if( this.props.id == '' && this.props.name != '' ) {
       id = this.props.name;
     }
 
     if( this.props.label != '' ) {
       label = (
-        <label htmlFor={id}>{this.props.label}</label>
+        React.createElement("label", {htmlFor: id}, this.props.label)
       );
     }
 
-    if( this.props.label_right != '' ) {
-      label_right = (
-        <label htmlFor={id}>{this.props.label_right}</label>
+    // @deprecated since 1.0.4 - use labelRight instead - issue #5 https://github.com/gfazioli/react-switch-button/issues/5
+    if( 'undefined' !== this.props.label_right || this.props.label_right != '' ) {
+      this.props.labelRight = this.props.label_right;
+    }
+
+    if( this.props.labelRight != '' ) {
+      labelRight = (
+        React.createElement("label", {htmlFor: id}, this.props.labelRight)
       );
     }
 
     return (
-      <div className={'rsbc-switch-button ' + this.props.theme }>
-        {label}
-        <input onChange={this.props.onChange} checked={this.props.checked} defaultChecked={this.props.defaultChecked} id={id} name={this.props.name} type="checkbox" value="1" />
-        <label htmlFor={id}></label>
-        {label_right}
-      </div>
+      React.createElement("div", {className: 'rsbc-switch-button ' + this.props.theme}, 
+        label, 
+        React.createElement("input", {onChange: this.props.onChange, checked: this.props.checked, defaultChecked: this.props.defaultChecked, 
+               id: id, name: this.props.name, type: "checkbox", value: "1"}), 
+        React.createElement("label", {htmlFor: id}), 
+        labelRight
+      )
     );
   }
 
-} );
+} );

dist/react-switch-button.min.css

@@ -0,0 +1,56 @@
+/**
+ * Demo Switch Button control.
+ *
+ */
+
+var Demo = React.createClass( {displayName: "Demo",
+
+  render : function()
+  {
+
+    var style = { textAlign : 'center' };
+
+    var code = [
+      { code : '<SwitchButton name="switch-1" />', object : React.createElement(SwitchButton, {name: "switch-1"}) },
+      { code : '<SwitchButton name="switch-2" defaultChecked="checked" />', object : React.createElement(SwitchButton, {name: "switch-2", defaultChecked: "checked"}) },
+      {
+        code   : '<SwitchButton name="switch-3" label="Click me" defaultChecked="checked" />',
+        object : React.createElement(SwitchButton, {name: "switch-3", label: "Click me", defaultChecked: "checked"})
+      },
+      {
+        code   : '<SwitchButton name="switch-4" label_right="Click me" defaultChecked="checked" />',
+        object : React.createElement(SwitchButton, {name: "switch-4", label_right: "Click me", defaultChecked: "checked"})
+      },
+      {
+        code   : '<SwitchButton name="switch-5" label="Both" label_right="Click me" defaultChecked="checked" />',
+        object : React.createElement(SwitchButton, {name: "switch-5", label: "Both", label_right: "Click me", defaultChecked: "checked"})
+      }
+    ];
+
+    var rows = code.map( function( o, i )
+    {
+
+      return (
+        React.createElement("div", {key: i}, 
+          React.createElement("pre", null, o.code), 
+        o.object
+        )
+      );
+
+    } );
+
+    return (
+      React.createElement("div", {style: style}, 
+        React.createElement("h1", null, "Hello, React Switch Button"), 
+      rows
+      )
+    );
+  }
+
+
+} );
+
+React.render(
+  React.createElement(Demo, null),
+  document.getElementById( 'content' )
+);