Merge branch 'release-1.0.4'

Author: gfazioli

.gitignore

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

assets/css/demo.css

@@ -1,12 +1,15 @@
 {
   "name": "react-switch-button",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "homepage": "https://github.com/gfazioli/react-switch-button",
   "authors": [
-    "Giovambattista Fazioli <g.fazioli@wpxtre.me>"
+    "Giovambattista Fazioli <g.fazioli@undolog.com>"
   ],
   "description": "Switch button React component",
-  "main": "js/react-switch-button.js",
+  "main": [
+    "dist/react-switch-button.min.js",
+    "dist/react-switch-button.min.css"
+  ],
   "keywords": [
     "react",
     "switch",
@@ -15,10 +18,16 @@
     "ui"
   ],
   "license": "MIT",
+  "dependencies": {
+    "react": ">=0.13"
+  },
   "ignore": [
     "**/.*",
-    "node_modules",
     "bower_components",
+    "node_modules",
+    "package.json",
+    "src",
+    "exeample",
     "test",
     "tests"
   ]

bower.json

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

composer.json

@@ -0,0 +1,112 @@
+/**
+ * React Switch Control.
+ * Simple React UI component used to display a switch button control.
+ *
+ *   Usage: <SwitchButton {...props} />
+ *
+ * @class           SwitchButton
+ * @author          =undo= <g.fazioli@wpxtre.me>
+ * @date            2015-03-02
+ * @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.4',
+
+  /**
+   * The props types.
+   */
+  propTypes : {
+    id             : React.PropTypes.string,
+    name           : React.PropTypes.string,
+    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,
+    onChange       : React.PropTypes.func
+  },
+
+
+  /**
+   * Default propos.
+   *
+   * @returns {{id: string, name: string, title: string, label: string, label_right: string, defaultChecked: string, theme: string, checked: null, onChange: *}}
+   */
+  getDefaultProps : function()
+  {
+    return {
+      id             : '',
+      name           : 'switch-button',
+      title          : '',
+      label          : '',
+      label_right    : '',
+      labelRight     : '',
+      defaultChecked : '',
+      theme          : 'rsbc-switch-button-flat-round',
+      checked        : null,
+      onChange       : this.handleChange
+    };
+  },
+
+  // Handle change
+  handleChange : function()
+  {
+    // Override
+  },
+
+  /**
+   * Render Switch Button control
+   *
+   * @returns {XML}
+   */
+  render : function()
+  {
+    var id, label, labelRight;
+
+    if( this.props.id == '' && this.props.name != '' ) {
+      id = this.props.name;
+    }
+
+    if( this.props.label != '' ) {
+      label = (
+        React.createElement("label", {htmlFor: id}, this.props.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 (
+      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/.gitignore

@@ -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' )
+);