Skip to content

Commit 2df213c

Browse files
gfazioligfazioli
committed
update 2.2.1
1 parent 9a9bf98 commit 2df213c

10 files changed

Lines changed: 168 additions & 106 deletions

File tree

‎README.md‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,6 @@
22

33
A Switch control built with and for [React](http://facebook.github.io/react/index.html)
44

5-
## New version 2.1.0
6-
7-
Add square theme.
8-
95
## Demo & Example
106

117
Example: [http://gfazioli.github.io/react-switch-button](http://gfazioli.github.io/react-switch-button)

‎bower.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "react-switch-button",
33
"main": "dist/react-switch-button.min.js",
4-
"version": "2.0.0",
4+
"version": "2.2.1",
55
"homepage": "http://gfazioli.github.io/react-switch-button/",
66
"authors": [
77
"Giovambattista Fazioli"

‎dist/react-switch-button.js‎

Lines changed: 30 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,41 @@
22
(function (global){
33
'use strict';
44

5-
var React = typeof window !== "undefined" ? window['React'] : typeof global !== "undefined" ? global['React'] : null;
5+
Object.defineProperty(exports, '__esModule', {
6+
value: true
7+
});
8+
9+
function _interopRequireDefault(obj) {
10+
return obj && obj.__esModule ? obj : { 'default': obj };
11+
}
12+
13+
var _react = typeof window !== "undefined" ? window['React'] : typeof global !== "undefined" ? global['React'] : null;
14+
15+
var _react2 = _interopRequireDefault(_react);
616

7-
var SwitchButton = React.createClass({
17+
var SwitchButton = _react2['default'].createClass({
818

919
// Display name
1020
displayName: 'Switch Button',
1121

1222
// Version
13-
version: '2.2.0',
23+
version: '2.2.1',
1424

1525
/**
1626
* The props types.
1727
*/
1828
propTypes: {
19-
id: React.PropTypes.string,
20-
name: React.PropTypes.string,
21-
title: React.PropTypes.string,
22-
label: React.PropTypes.string,
23-
labelRight: React.PropTypes.string,
24-
defaultChecked: React.PropTypes.bool,
25-
disabled: React.PropTypes.bool,
26-
theme: React.PropTypes.string,
27-
checked: React.PropTypes.string,
28-
mode: React.PropTypes.string,
29-
onChange: React.PropTypes.func
29+
id: _react2['default'].PropTypes.string,
30+
name: _react2['default'].PropTypes.string,
31+
title: _react2['default'].PropTypes.string,
32+
label: _react2['default'].PropTypes.string,
33+
labelRight: _react2['default'].PropTypes.string,
34+
defaultChecked: _react2['default'].PropTypes.bool,
35+
disabled: _react2['default'].PropTypes.bool,
36+
theme: _react2['default'].PropTypes.string,
37+
checked: _react2['default'].PropTypes.string,
38+
mode: _react2['default'].PropTypes.string,
39+
onChange: _react2['default'].PropTypes.func
3040
},
3141

3242
/**
@@ -71,28 +81,29 @@ var SwitchButton = React.createClass({
7181
}
7282

7383
if (this.props.label !== '') {
74-
label = React.createElement('label', { htmlFor: id }, this.props.label);
84+
label = _react2['default'].createElement('label', { htmlFor: id }, this.props.label);
7585
}
7686

7787
if (this.props.labelRight !== '') {
78-
labelRight = React.createElement('label', { htmlFor: id }, this.props.labelRight);
88+
labelRight = _react2['default'].createElement('label', { htmlFor: id }, this.props.labelRight);
7989
}
8090

8191
if (['switch', 'select'].indexOf(mode) < -1) {
8292
mode = "switch";
8393
}
8494

85-
return React.createElement('div', { className: 'rsbc-switch-button rsbc-mode-' + mode + ' ' + this.props.theme + (this.props.disabled ? " disabled" : "") }, label, React.createElement('input', { onChange: this.props.onChange,
95+
return _react2['default'].createElement('div', { className: 'rsbc-switch-button rsbc-mode-' + mode + ' ' + this.props.theme + (this.props.disabled ? " disabled" : "") }, label, _react2['default'].createElement('input', { onChange: this.props.onChange,
8696
defaultChecked: this.props.defaultChecked,
8797
disabled: this.props.disabled,
8898
id: id, name: this.props.name,
8999
type: 'checkbox',
90-
value: '1' }), React.createElement('label', { htmlFor: id }), labelRight);
100+
value: '1' }), _react2['default'].createElement('label', { htmlFor: id }), labelRight);
91101
}
92102

93103
});
94104

95-
module.exports = SwitchButton;
105+
exports['default'] = SwitchButton;
106+
module.exports = exports['default'];
96107

97108
}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
98109
},{}]},{},[1])(1)

‎dist/react-switch-button.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎example/dist/app.js‎

Lines changed: 49 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,24 @@
11
require=(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
2-
'use strict';
2+
"use strict";
33

4-
var React = require('react'),
5-
ReactDom = require('react-dom'),
6-
SwitchButton = require('react-switch-button');
4+
function _interopRequireDefault(obj) {
5+
return obj && obj.__esModule ? obj : { "default": obj };
6+
}
77

8-
var App = React.createClass({
9-
displayName: 'App',
8+
var _react = require("react");
9+
10+
var _react2 = _interopRequireDefault(_react);
11+
12+
var _reactDom = require("react-dom");
13+
14+
var _reactDom2 = _interopRequireDefault(_reactDom);
15+
16+
var _reactSwitchButton = require("react-switch-button");
17+
18+
var _reactSwitchButton2 = _interopRequireDefault(_reactSwitchButton);
19+
20+
var App = _react2["default"].createClass({
21+
displayName: "App",
1022

1123
onChange: function onChange(e) {
1224
var theme = this.state.theme === 'rsbc-switch-button-flat-square' ? 'rsbc-switch-button-flat-round' : 'rsbc-switch-button-flat-square';
@@ -27,75 +39,83 @@ var App = React.createClass({
2739

2840
var code = [{
2941
label: "Simple usage",
30-
code: '<SwitchButton name="switch-1" />', object: React.createElement(SwitchButton, { theme: this.state.theme, name: 'switch-1' })
42+
code: '<SwitchButton name="switch-1" />',
43+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { theme: this.state.theme,
44+
name: "switch-1" })
3145
}, {
3246
label: "Set Theme",
3347
code: '<SwitchButton name="switch-1t" theme="rsbc-switch-button-flat-square" defaultChecked={true} />',
34-
object: React.createElement(SwitchButton, { name: 'switch-1t',
35-
theme: 'rsbc-switch-button-flat-square',
48+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-1t",
49+
theme: "rsbc-switch-button-flat-square",
3650
defaultChecked: true })
3751
}, {
3852
label: "Set initial status",
3953
code: '<SwitchButton name="switch-2" defaultChecked={true} />',
40-
object: React.createElement(SwitchButton, { name: 'switch-2',
54+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-2",
4155
theme: this.state.theme,
4256
defaultChecked: true })
4357
}, {
4458
label: "Add left label",
4559
code: '<SwitchButton name="switch-3" label="Click me" defaultChecked={true} />',
46-
object: React.createElement(SwitchButton, { name: 'switch-3',
60+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-3",
4761
theme: this.state.theme,
48-
label: 'Click me',
62+
label: "Click me",
4963
defaultChecked: true })
5064
}, {
5165
label: "Add right label",
5266
code: '<SwitchButton name="switch-4" labelRight="Click me" defaultChecked={true} />',
53-
object: React.createElement(SwitchButton, { name: 'switch-4',
67+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-4",
5468
theme: this.state.theme,
55-
labelRight: 'Click me',
69+
labelRight: "Click me",
5670
defaultChecked: true })
5771
}, {
5872
label: "Add left and right label",
5973
code: '<SwitchButton name="switch-5" label="Both" label_right="Click me" defaultChecked={true} />',
60-
object: React.createElement(SwitchButton, { name: 'switch-5',
74+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-5",
6175
theme: this.state.theme,
62-
label: 'Both',
63-
labelRight: 'Click me',
76+
label: "Both",
77+
labelRight: "Click me",
6478
defaultChecked: true })
6579
}, {
6680
label: "Disabled when On",
6781
code: '<SwitchButton name="switch-6" label="Disabled" disabled={true} defaultChecked={true} />',
68-
object: React.createElement(SwitchButton, { name: 'switch-6',
82+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-6",
6983
theme: this.state.theme,
70-
label: 'Disabled',
84+
label: "Disabled",
7185
disabled: true,
7286
defaultChecked: true })
7387
}, {
7488
label: "Disabled when Off",
7589
code: '<SwitchButton name="switch-7" label="Disabled" disabled={true} />',
76-
object: React.createElement(SwitchButton, { name: 'switch-7',
90+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-7",
7791
theme: this.state.theme,
78-
label: 'Disabled',
92+
label: "Disabled",
7993
disabled: true })
8094
}, {
8195
label: "New in v2.2.0 Mode select",
8296
code: '<SwitchButton name="switch-8" label="Switch mode" mode="select"/>',
83-
object: React.createElement(SwitchButton, { name: 'switch-8',
84-
mode: 'select',
85-
labelRight: 'Turn right',
86-
label: 'Turn left' })
97+
object: _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-8",
98+
mode: "select",
99+
theme: this.state.theme,
100+
labelRight: "Turn right",
101+
label: "Turn left" })
87102
}];
88103

89104
var rows = code.map(function (o, i) {
90105

91-
return React.createElement('div', { className: 'example',
92-
key: i }, React.createElement('h3', null, o.label), React.createElement('pre', null, o.code), React.createElement('div', { className: 'result' }, o.object));
106+
return _react2["default"].createElement("div", { className: "example",
107+
key: i }, _react2["default"].createElement("h3", null, o.label), _react2["default"].createElement("pre", null, o.code), _react2["default"].createElement("div", { className: "result" }, o.object));
93108
});
94109

95-
return React.createElement('div', { className: 'examples' }, React.createElement('h1', null, 'Say Hello, React Switch Button'), React.createElement('div', { className: 'example' }, React.createElement('h3', null, 'New in v.2.1.0')), React.createElement(SwitchButton, { name: 'switch-theme', label: 'Switch Theme', onChange: this.onChange }), React.createElement('hr', null), rows);
110+
return _react2["default"].createElement("div", { className: "examples" }, _react2["default"].createElement("h1", null, "Say Hello, React Switch Button"), _react2["default"].createElement("div", { className: "example" }, _react2["default"].createElement("h3", null, "New in v.2.2.0")), _react2["default"].createElement(_reactSwitchButton2["default"], { name: "new-mode-select",
111+
mode: "select",
112+
labelRight: "Turn right",
113+
label: "Turn left" }), _react2["default"].createElement("div", { className: "example" }, _react2["default"].createElement("h3", null, "New in v.2.1.0")), _react2["default"].createElement(_reactSwitchButton2["default"], { name: "switch-theme",
114+
label: "Switch Theme",
115+
onChange: this.onChange }), _react2["default"].createElement("hr", null), rows);
96116
}
97117
});
98118

99-
ReactDom.render(React.createElement(App, null), document.getElementById('app'));
119+
_reactDom2["default"].render(_react2["default"].createElement(App, null), document.getElementById('app'));
100120

101121
},{"react":undefined,"react-dom":undefined,"react-switch-button":undefined}]},{},[1]);

‎example/dist/bundle.js‎

Lines changed: 30 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,41 @@
11
require=(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({"react-switch-button":[function(require,module,exports){
22
'use strict';
33

4-
var React = require('react');
4+
Object.defineProperty(exports, '__esModule', {
5+
value: true
6+
});
7+
8+
function _interopRequireDefault(obj) {
9+
return obj && obj.__esModule ? obj : { 'default': obj };
10+
}
11+
12+
var _react = require("react");
13+
14+
var _react2 = _interopRequireDefault(_react);
515

6-
var SwitchButton = React.createClass({
16+
var SwitchButton = _react2['default'].createClass({
717

818
// Display name
919
displayName: 'Switch Button',
1020

1121
// Version
12-
version: '2.2.0',
22+
version: '2.2.1',
1323

1424
/**
1525
* The props types.
1626
*/
1727
propTypes: {
18-
id: React.PropTypes.string,
19-
name: React.PropTypes.string,
20-
title: React.PropTypes.string,
21-
label: React.PropTypes.string,
22-
labelRight: React.PropTypes.string,
23-
defaultChecked: React.PropTypes.bool,
24-
disabled: React.PropTypes.bool,
25-
theme: React.PropTypes.string,
26-
checked: React.PropTypes.string,
27-
mode: React.PropTypes.string,
28-
onChange: React.PropTypes.func
28+
id: _react2['default'].PropTypes.string,
29+
name: _react2['default'].PropTypes.string,
30+
title: _react2['default'].PropTypes.string,
31+
label: _react2['default'].PropTypes.string,
32+
labelRight: _react2['default'].PropTypes.string,
33+
defaultChecked: _react2['default'].PropTypes.bool,
34+
disabled: _react2['default'].PropTypes.bool,
35+
theme: _react2['default'].PropTypes.string,
36+
checked: _react2['default'].PropTypes.string,
37+
mode: _react2['default'].PropTypes.string,
38+
onChange: _react2['default'].PropTypes.func
2939
},
3040

3141
/**
@@ -70,27 +80,28 @@ var SwitchButton = React.createClass({
7080
}
7181

7282
if (this.props.label !== '') {
73-
label = React.createElement('label', { htmlFor: id }, this.props.label);
83+
label = _react2['default'].createElement('label', { htmlFor: id }, this.props.label);
7484
}
7585

7686
if (this.props.labelRight !== '') {
77-
labelRight = React.createElement('label', { htmlFor: id }, this.props.labelRight);
87+
labelRight = _react2['default'].createElement('label', { htmlFor: id }, this.props.labelRight);
7888
}
7989

8090
if (['switch', 'select'].indexOf(mode) < -1) {
8191
mode = "switch";
8292
}
8393

84-
return React.createElement('div', { className: 'rsbc-switch-button rsbc-mode-' + mode + ' ' + this.props.theme + (this.props.disabled ? " disabled" : "") }, label, React.createElement('input', { onChange: this.props.onChange,
94+
return _react2['default'].createElement('div', { className: 'rsbc-switch-button rsbc-mode-' + mode + ' ' + this.props.theme + (this.props.disabled ? " disabled" : "") }, label, _react2['default'].createElement('input', { onChange: this.props.onChange,
8595
defaultChecked: this.props.defaultChecked,
8696
disabled: this.props.disabled,
8797
id: id, name: this.props.name,
8898
type: 'checkbox',
89-
value: '1' }), React.createElement('label', { htmlFor: id }), labelRight);
99+
value: '1' }), _react2['default'].createElement('label', { htmlFor: id }), labelRight);
90100
}
91101

92102
});
93103

94-
module.exports = SwitchButton;
104+
exports['default'] = SwitchButton;
105+
module.exports = exports['default'];
95106

96107
},{"react":undefined}]},{},[]);

0 commit comments

Comments
 (0)