Replace CommonJS requires with ES2015 imports

formsy · Jan 9, 2016 · df4da56 · df4da56
1 parent 3219208
commit df4da56
Show file tree

Hide file tree

Showing 18 changed files with 182 additions and 88 deletions.
diff --git a/lib/FormComponentMixin.js b/lib/FormComponentMixin.js
@@ -1,11 +1,15 @@
 'use strict';
 
-var React = require('react');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
 
 module.exports = {
 
   propTypes: {
-    name: React.PropTypes.string.isRequired
+    name: _react2['default'].PropTypes.string.isRequired
   },
 
   handleValueChange: function handleValueChange(event, value) {

diff --git a/lib/FormsyCheckbox.js b/lib/FormsyCheckbox.js
@@ -2,15 +2,28 @@
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Formsy = require('formsy-react');
-var Checkbox = require('material-ui/lib/checkbox');
-var FormComponentMixin = require('./FormComponentMixin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsyCheckbox = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _materialUiLibCheckbox = require('material-ui/lib/checkbox');
+
+var _materialUiLibCheckbox2 = _interopRequireDefault(_materialUiLibCheckbox);
+
+var _FormComponentMixin = require('./FormComponentMixin');
+
+var _FormComponentMixin2 = _interopRequireDefault(_FormComponentMixin);
+
+var FormsyCheckbox = _react2['default'].createClass({
   displayName: 'FormsyCheckbox',
 
-  mixins: [Formsy.Mixin, FormComponentMixin],
+  mixins: [_formsyReact2['default'].Mixin, _FormComponentMixin2['default']],
 
   componentDidMount: function componentDidMount() {
     this.setValue(this._checkbox.isChecked());
@@ -19,7 +32,7 @@ var FormsyCheckbox = React.createClass({
   render: function render() {
     var _this = this;
 
-    return React.createElement(Checkbox, _extends({}, this.props, {
+    return _react2['default'].createElement(_materialUiLibCheckbox2['default'], _extends({}, this.props, {
       ref: function (c) {
         return _this._checkbox = c;
       },

diff --git a/lib/FormsyDate.js b/lib/FormsyDate.js
@@ -2,18 +2,31 @@
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Formsy = require('formsy-react');
-var DatePicker = require('material-ui/lib/date-picker/date-picker');
-var FormComponentMixin = require('./FormComponentMixin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsyDate = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _materialUiLibDatePickerDatePicker = require('material-ui/lib/date-picker/date-picker');
+
+var _materialUiLibDatePickerDatePicker2 = _interopRequireDefault(_materialUiLibDatePickerDatePicker);
+
+var _FormComponentMixin = require('./FormComponentMixin');
+
+var _FormComponentMixin2 = _interopRequireDefault(_FormComponentMixin);
+
+var FormsyDate = _react2['default'].createClass({
   displayName: 'FormsyDate',
 
-  mixins: [Formsy.Mixin, FormComponentMixin],
+  mixins: [_formsyReact2['default'].Mixin, _FormComponentMixin2['default']],
 
   render: function render() {
-    return React.createElement(DatePicker,
+    return _react2['default'].createElement(_materialUiLibDatePickerDatePicker2['default'],
     // Sets the default date format to be ISO8601 (YYYY-MM-DD), accounting for current timezone
     _extends({ formatDate: function (date) {
         return new Date(date.toDateString() + " 12:00:00 +0000").toISOString().substring(0, 10);

diff --git a/lib/FormsyRadio.js b/lib/FormsyRadio.js
@@ -1,12 +1,19 @@
 'use strict';
 
-var React = require('react');
-var Formsy = require('formsy-react');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsyRadio = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var FormsyRadio = _react2['default'].createClass({
   displayName: 'FormsyRadio',
 
-  mixins: [Formsy.Mixin],
+  mixins: [_formsyReact2['default'].Mixin],
 
   // Material-UI replaces any component inside RadioButtonGroup with RadioButton, so no need to render it here
   render: function render() {}

diff --git a/lib/FormsyRadioGroup.js b/lib/FormsyRadioGroup.js
@@ -2,15 +2,28 @@
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Formsy = require('formsy-react');
-var RadioButtonGroup = require('material-ui/lib/radio-button-group');
-var FormComponentMixin = require('./FormComponentMixin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsyRadioGroup = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _materialUiLibRadioButtonGroup = require('material-ui/lib/radio-button-group');
+
+var _materialUiLibRadioButtonGroup2 = _interopRequireDefault(_materialUiLibRadioButtonGroup);
+
+var _FormComponentMixin = require('./FormComponentMixin');
+
+var _FormComponentMixin2 = _interopRequireDefault(_FormComponentMixin);
+
+var FormsyRadioGroup = _react2['default'].createClass({
   displayName: 'FormsyRadioGroup',
 
-  mixins: [Formsy.Mixin, FormComponentMixin],
+  mixins: [_formsyReact2['default'].Mixin, _FormComponentMixin2['default']],
 
   componentDidMount: function componentDidMount() {
     this.setValue(this._radio.getSelectedValue());
@@ -19,8 +32,8 @@ var FormsyRadioGroup = React.createClass({
   render: function render() {
     var _this = this;
 
-    return React.createElement(
-      RadioButtonGroup,
+    return _react2['default'].createElement(
+      _materialUiLibRadioButtonGroup2['default'],
       _extends({}, this.props, {
         ref: function (c) {
           return _this._radio = c;

diff --git a/lib/FormsySelect.js b/lib/FormsySelect.js
@@ -2,26 +2,35 @@
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Formsy = require('formsy-react');
-var SelectField = require('material-ui/lib/select-field');
-var FormComponentMixin = require('./FormComponentMixin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsySelect = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _materialUiLibSelectField = require('material-ui/lib/select-field');
+
+var _materialUiLibSelectField2 = _interopRequireDefault(_materialUiLibSelectField);
+
+var FormsySelect = _react2['default'].createClass({
   displayName: 'FormsySelect',
 
-  mixins: [Formsy.Mixin],
+  mixins: [_formsyReact2['default'].Mixin],
 
   propTypes: {
-    name: React.PropTypes.string.isRequired
+    name: _react2['default'].PropTypes.string.isRequired
   },
 
   handleChange: function handleChange(event) {
     this.setValue(event.target.value);
   },
 
   render: function render() {
-    return React.createElement(SelectField, _extends({}, this.props, {
+    return _react2['default'].createElement(_materialUiLibSelectField2['default'], _extends({}, this.props, {
       onChange: this.handleChange,
       errorText: this.getErrorMessage(),
       value: this.getValue() }));

diff --git a/lib/FormsyText.js b/lib/FormsyText.js
@@ -2,18 +2,28 @@
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Formsy = require('formsy-react');
-var TextField = require('material-ui/lib/text-field');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsyText = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _materialUiLibTextField = require('material-ui/lib/text-field');
+
+var _materialUiLibTextField2 = _interopRequireDefault(_materialUiLibTextField);
+
+var FormsyText = _react2['default'].createClass({
   displayName: 'FormsyText',
 
-  mixins: [Formsy.Mixin],
+  mixins: [_formsyReact2['default'].Mixin],
 
   propTypes: {
-    name: React.PropTypes.string.isRequired,
-    value: React.PropTypes.string
+    name: _react2['default'].PropTypes.string.isRequired,
+    value: _react2['default'].PropTypes.string
   },
 
   handleChange: function handleChange(event) {
@@ -40,7 +50,7 @@ var FormsyText = React.createClass({
   },
 
   render: function render() {
-    return React.createElement(TextField, _extends({}, this.props, {
+    return _react2['default'].createElement(_materialUiLibTextField2['default'], _extends({}, this.props, {
       defaultValue: this.props.value,
       onChange: this.handleChange,
       onBlur: this.handleBlur,

diff --git a/lib/FormsyTime.js b/lib/FormsyTime.js
@@ -2,18 +2,31 @@
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Formsy = require('formsy-react');
-var TimePicker = require('material-ui/lib/time-picker/time-picker');
-var FormComponentMixin = require('./FormComponentMixin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsyTime = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _materialUiLibTimePickerTimePicker = require('material-ui/lib/time-picker/time-picker');
+
+var _materialUiLibTimePickerTimePicker2 = _interopRequireDefault(_materialUiLibTimePickerTimePicker);
+
+var _FormComponentMixin = require('./FormComponentMixin');
+
+var _FormComponentMixin2 = _interopRequireDefault(_FormComponentMixin);
+
+var FormsyTime = _react2['default'].createClass({
   displayName: 'FormsyTime',
 
-  mixins: [Formsy.Mixin, FormComponentMixin],
+  mixins: [_formsyReact2['default'].Mixin, _FormComponentMixin2['default']],
 
   render: function render() {
-    return React.createElement(TimePicker, _extends({}, this.props, {
+    return _react2['default'].createElement(_materialUiLibTimePickerTimePicker2['default'], _extends({}, this.props, {
       onChange: this.handleValueChange }));
   }
 });

diff --git a/lib/FormsyToggle.js b/lib/FormsyToggle.js
@@ -2,15 +2,28 @@
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Formsy = require('formsy-react');
-var Toggle = require('material-ui/lib/toggle');
-var FormComponentMixin = require('./FormComponentMixin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var FormsyToggle = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _materialUiLibToggle = require('material-ui/lib/toggle');
+
+var _materialUiLibToggle2 = _interopRequireDefault(_materialUiLibToggle);
+
+var _FormComponentMixin = require('./FormComponentMixin');
+
+var _FormComponentMixin2 = _interopRequireDefault(_FormComponentMixin);
+
+var FormsyToggle = _react2['default'].createClass({
   displayName: 'FormsyToggle',
 
-  mixins: [Formsy.Mixin, FormComponentMixin],
+  mixins: [_formsyReact2['default'].Mixin, _FormComponentMixin2['default']],
 
   componentDidMount: function componentDidMount() {
     this.setValue(this._toggle.isToggled());
@@ -19,7 +32,7 @@ var FormsyToggle = React.createClass({
   render: function render() {
     var _this = this;
 
-    return React.createElement(Toggle, _extends({}, this.props, {
+    return _react2['default'].createElement(_materialUiLibToggle2['default'], _extends({}, this.props, {
       ref: function (c) {
         return _this._toggle = c;
       },

diff --git a/src/FormComponentMixin.js b/src/FormComponentMixin.js
@@ -1,4 +1,4 @@
-const React = require('react');
+import React from 'react';
 
 module.exports = {
 

diff --git a/src/FormsyCheckbox.jsx b/src/FormsyCheckbox.jsx
@@ -1,7 +1,7 @@
-const React = require('react');
-const Formsy = require('formsy-react');
-const Checkbox = require('material-ui/lib/checkbox');
-const FormComponentMixin = require('./FormComponentMixin');
+import React from 'react';
+import Formsy from 'formsy-react';
+import Checkbox from 'material-ui/lib/checkbox';
+import FormComponentMixin from './FormComponentMixin';
 
 let FormsyCheckbox = React.createClass({
   mixins: [ Formsy.Mixin, FormComponentMixin ],

diff --git a/src/FormsyDate.jsx b/src/FormsyDate.jsx
@@ -1,7 +1,7 @@
-const React = require('react');
-const Formsy = require('formsy-react');
-const DatePicker = require('material-ui/lib/date-picker/date-picker');
-const FormComponentMixin = require('./FormComponentMixin');
+import React from 'react';
+import Formsy from 'formsy-react';
+import DatePicker from 'material-ui/lib/date-picker/date-picker';
+import FormComponentMixin from './FormComponentMixin';
 
 let FormsyDate = React.createClass({
   mixins: [ Formsy.Mixin, FormComponentMixin ],

diff --git a/src/FormsyRadio.jsx b/src/FormsyRadio.jsx
@@ -1,5 +1,5 @@
-const React = require('react');
-const Formsy = require('formsy-react');
+import React from 'react';
+import Formsy from 'formsy-react';
 
 let FormsyRadio = React.createClass({
   mixins: [ Formsy.Mixin ],

diff --git a/src/FormsyRadioGroup.jsx b/src/FormsyRadioGroup.jsx
@@ -1,7 +1,7 @@
-const React = require('react');
-const Formsy = require('formsy-react');
-const RadioButtonGroup = require('material-ui/lib/radio-button-group');
-const FormComponentMixin = require('./FormComponentMixin');
+import React from 'react';
+import Formsy from 'formsy-react';
+import RadioButtonGroup from 'material-ui/lib/radio-button-group';
+import FormComponentMixin from './FormComponentMixin';
 
 let FormsyRadioGroup = React.createClass({
   mixins: [ Formsy.Mixin, FormComponentMixin ],