@uidu/forms - npm Package Compare versions

Comparing version 0.5.60 to 0.5.61

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+<a name="0.5.61"></a>
+## [0.5.61](https://github.com/uidu-org/uidu-ui-kit/compare/@uidu/forms@0.5.60...@uidu/forms@0.5.61) (2018-05-08)
+
+
+
+
+**Note:** Version bump only for package @uidu/forms
+
 <a name="0.5.60"></a>
@@ -8,0 +16,0 @@ ## [0.5.60](https://github.com/uidu-org/uidu-ui-kit/compare/@uidu/forms@0.5.59...@uidu/forms@0.5.60) (2018-05-08)

lib/actions.js

@@ -0,13 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
 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; };
 
+exports.default = FormActions;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default function FormActions(_ref) {
-  let { className } = _ref,
+function FormActions(_ref) {
+  var className = _ref.className,
       otherProps = _objectWithoutProperties(_ref, ['className']);
 
-  return React.createElement('div', _extends({}, otherProps, { className: className }));
+  return _react2.default.createElement('div', _extends({}, otherProps, { className: className }));
 }
@@ -20,3 +35,4 @@
 FormActions.propTypes = {
-  className: PropTypes.string
-};
+  className: _propTypes2.default.string
+};
+module.exports = exports['default'];

lib/destroy.js

@@ -0,10 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FormDestroy;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-import React from 'react';
-
-export default function FormDestroy(_ref) {
-  let { className, onDestroy, object } = _ref,
+function FormDestroy(_ref) {
+  var className = _ref.className,
+      onDestroy = _ref.onDestroy,
+      object = _ref.object,
       otherProps = _objectWithoutProperties(_ref, ['className', 'onDestroy', 'object']);
 
-  const destroy = e => {
+  var destroy = function destroy(e) {
     e.preventDefault();
@@ -16,3 +29,3 @@ if (confirm(window.I18n.t('utils.alerts.destroy'))) {
 
-  return React.createElement(
+  return _react2.default.createElement(
     'a',
@@ -22,2 +35,3 @@ { href: '#', className: className, onClick: destroy },
   );
-}
+}
+module.exports = exports['default'];

lib/footer.js

@@ -0,13 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
 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; };
 
+exports.default = FormFooter;
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-import React from 'react';
+function FormFooter(_ref) {
+  var otherProps = _objectWithoutProperties(_ref, []);
 
-export default function FormFooter(_ref) {
-  let otherProps = _objectWithoutProperties(_ref, []);
-
-  return React.createElement("div", _extends({}, otherProps, {
+  return _react2.default.createElement("div", _extends({}, otherProps, {
     className: "d-flex align-items-center justify-content-between"
   }));
-}
+}
+module.exports = exports["default"];

lib/form.js

@@ -0,16 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
 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; };
 
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Formsy from 'formsy-react';
-import OptionsProvider from './hoc/options-provider';
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-export default class Form extends Component {
-  constructor(props) {
-    super(props);
-    Object.defineProperty(this, 'enableButton', {
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _formsyReact = require('formsy-react');
+
+var _formsyReact2 = _interopRequireDefault(_formsyReact);
+
+var _optionsProvider = require('./hoc/options-provider');
+
+var _optionsProvider2 = _interopRequireDefault(_optionsProvider);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Form = function (_Component) {
+  _inherits(Form, _Component);
+
+  function Form(props) {
+    _classCallCheck(this, Form);
+
+    var _this = _possibleConstructorReturn(this, (Form.__proto__ || Object.getPrototypeOf(Form)).call(this, props));
+
+    Object.defineProperty(_this, 'enableButton', {
       enumerable: true,
       writable: true,
-      value: () => {
-        this.setState({
+      value: function value() {
+        _this.setState({
           canSubmit: true
@@ -20,7 +52,7 @@ });
     });
-    Object.defineProperty(this, 'disableButton', {
+    Object.defineProperty(_this, 'disableButton', {
       enumerable: true,
       writable: true,
-      value: () => {
-        this.setState({
+      value: function value() {
+        _this.setState({
           canSubmit: false
@@ -30,99 +62,113 @@ });
     });
-    Object.defineProperty(this, 'handleSubmit', {
+    Object.defineProperty(_this, 'handleSubmit', {
       enumerable: true,
       writable: true,
-      value: (model, resetForm) => {
-        const modelToSubmit = model;
-        this.setState({
+      value: function value(model, resetForm) {
+        var modelToSubmit = model;
+        _this.setState({
           canSubmit: false,
           loading: true
-        }, () => {
-          this.props.handleSubmit(modelToSubmit, resetForm);
+        }, function () {
+          _this.props.handleSubmit(modelToSubmit, resetForm);
         });
       }
     });
-    this.state = {
+
+    _this.state = {
       canSubmit: false,
       loading: false
     };
+    return _this;
   }
 
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.submitted) {
-      this.setState({
-        loading: false
-      });
+  _createClass(Form, [{
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(nextProps) {
+      if (nextProps.submitted) {
+        this.setState({
+          loading: false
+        });
+      }
     }
-  }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
 
-  render() {
-    const formsyProps = Object.assign({}, this.props);
-    delete formsyProps.elementWrapperClassName;
-    delete formsyProps.inputsWrapperProps;
-    delete formsyProps.labelClassName;
-    delete formsyProps.layout;
-    delete formsyProps.rowClassName;
-    delete formsyProps.validatePristine;
-    delete formsyProps.validateOnSubmit;
+      var formsyProps = Object.assign({}, this.props);
+      delete formsyProps.elementWrapperClassName;
+      delete formsyProps.inputsWrapperProps;
+      delete formsyProps.labelClassName;
+      delete formsyProps.layout;
+      delete formsyProps.rowClassName;
+      delete formsyProps.validatePristine;
+      delete formsyProps.validateOnSubmit;
 
-    delete formsyProps.handleSubmit;
-    delete formsyProps.footerRenderer;
-    delete formsyProps.submitted;
-    delete formsyProps.withLoader;
+      delete formsyProps.handleSubmit;
+      delete formsyProps.footerRenderer;
+      delete formsyProps.submitted;
+      delete formsyProps.withLoader;
 
-    const { loading, canSubmit } = this.state;
+      var _state = this.state,
+          loading = _state.loading,
+          canSubmit = _state.canSubmit;
+      var _props = this.props,
+          footerRenderer = _props.footerRenderer,
+          children = _props.children,
+          withLoader = _props.withLoader,
+          inputsWrapperProps = _props.inputsWrapperProps;
 
-    const {
-      footerRenderer,
-      children,
-      withLoader,
-      inputsWrapperProps
-    } = this.props;
 
-    return React.createElement(
-      OptionsProvider,
-      this.props,
-      React.createElement(
-        Formsy,
-        _extends({}, formsyProps, {
-          ref: c => {
-            this.form = c;
-          },
-          onValidSubmit: this.handleSubmit,
-          onValid: this.enableButton,
-          onInvalid: this.disableButton
-        }),
-        React.createElement(
-          'div',
-          _extends({ style: { position: 'relative' } }, inputsWrapperProps),
-          loading && withLoader && React.createElement(
+      return _react2.default.createElement(
+        _optionsProvider2.default,
+        this.props,
+        _react2.default.createElement(
+          _formsyReact2.default,
+          _extends({}, formsyProps, {
+            ref: function ref(c) {
+              _this2.form = c;
+            },
+            onValidSubmit: this.handleSubmit,
+            onValid: this.enableButton,
+            onInvalid: this.disableButton
+          }),
+          _react2.default.createElement(
             'div',
-            { className: 'form-loader' },
-            React.createElement(
+            _extends({ style: { position: 'relative' } }, inputsWrapperProps),
+            loading && withLoader && _react2.default.createElement(
               'div',
-              { className: 'vertical-align' },
-              React.createElement(
-                'span',
-                { className: 'spinner' },
-                React.createElement('span', { className: 'bounce1' }),
-                React.createElement('span', { className: 'bounce2' }),
-                React.createElement('span', { className: 'bounce3' })
+              { className: 'form-loader' },
+              _react2.default.createElement(
+                'div',
+                { className: 'vertical-align' },
+                _react2.default.createElement(
+                  'span',
+                  { className: 'spinner' },
+                  _react2.default.createElement('span', { className: 'bounce1' }),
+                  _react2.default.createElement('span', { className: 'bounce2' }),
+                  _react2.default.createElement('span', { className: 'bounce3' })
+                )
               )
-            )
+            ),
+            children
           ),
-          children
-        ),
-        footerRenderer({ loading, canSubmit }, this.form, this.handleSubmit)
-      )
-    );
-  }
-}
+          footerRenderer({ loading: loading, canSubmit: canSubmit }, this.form, this.handleSubmit)
+        )
+      );
+    }
+  }]);
 
+  return Form;
+}(_react.Component);
+
+exports.default = Form;
+
+
 Form.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  submitted: PropTypes.bool,
-  withLoader: PropTypes.bool,
-  inputsWrapperProps: PropTypes.shape(PropTypes.obj),
-  footerRenderer: PropTypes.func.isRequired,
-  handleSubmit: PropTypes.func.isRequired
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]).isRequired,
+  submitted: _propTypes2.default.bool,
+  withLoader: _propTypes2.default.bool,
+  inputsWrapperProps: _propTypes2.default.shape(_propTypes2.default.obj),
+  footerRenderer: _propTypes2.default.func.isRequired,
+  handleSubmit: _propTypes2.default.func.isRequired
 };
@@ -134,2 +180,3 @@
   withLoader: true
-};
+};
+module.exports = exports['default'];

lib/hoc/options-provider.js

@@ -0,29 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
 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; };
 
-import { Component, Children } from 'react';
-import PropTypes from 'prop-types';
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-class OptionsProvider extends Component {
-  getChildContext() {
-    return {
-      layout: this.props.layout,
-      validateOnSubmit: this.props.validateOnSubmit,
-      validatePristine: this.props.validatePristine,
-      rowClassName: this.props.rowClassName,
-      labelClassName: this.props.labelClassName,
-      elementWrapperClassName: this.props.elementWrapperClassName
-    };
-  }
+var _react = require('react');
 
-  render() {
-    return Children.only(this.props.children);
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var OptionsProvider = function (_Component) {
+  _inherits(OptionsProvider, _Component);
+
+  function OptionsProvider() {
+    _classCallCheck(this, OptionsProvider);
+
+    return _possibleConstructorReturn(this, (OptionsProvider.__proto__ || Object.getPrototypeOf(OptionsProvider)).apply(this, arguments));
   }
-}
 
-const classNamesType = PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.object]);
+  _createClass(OptionsProvider, [{
+    key: 'getChildContext',
+    value: function getChildContext() {
+      return {
+        layout: this.props.layout,
+        validateOnSubmit: this.props.validateOnSubmit,
+        validatePristine: this.props.validatePristine,
+        rowClassName: this.props.rowClassName,
+        labelClassName: this.props.labelClassName,
+        elementWrapperClassName: this.props.elementWrapperClassName
+      };
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      return _react.Children.only(this.props.children);
+    }
+  }]);
 
-const propTypes = {
-  layout: PropTypes.string,
-  validateOnSubmit: PropTypes.bool,
-  validatePristine: PropTypes.bool,
+  return OptionsProvider;
+}(_react.Component);
+
+var classNamesType = _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array, _propTypes2.default.object]);
+
+var propTypes = {
+  layout: _propTypes2.default.string,
+  validateOnSubmit: _propTypes2.default.bool,
+  validatePristine: _propTypes2.default.bool,
   elementWrapperClassName: classNamesType,
@@ -35,3 +68,3 @@ labelClassName: classNamesType,
 OptionsProvider.propTypes = _extends({}, propTypes, {
-  children: PropTypes.node.isRequired
+  children: _propTypes2.default.node.isRequired
 });
@@ -50,2 +83,3 @@
 
-export default OptionsProvider;
+exports.default = OptionsProvider;
+module.exports = exports['default'];

lib/index.js

@@ -1,9 +0,41 @@
-import Form from './form';
-import FormActions from './actions';
-import FormDestroy from './destroy';
-import FormFooter from './footer';
-import FormMeta from './meta';
-import FormSubmit from './submit';
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormSubmit = exports.FormMeta = exports.FormFooter = exports.FormDestroy = exports.FormActions = exports.Form = undefined;
+
+var _form = require('./form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _actions = require('./actions');
+
+var _actions2 = _interopRequireDefault(_actions);
+
+var _destroy = require('./destroy');
+
+var _destroy2 = _interopRequireDefault(_destroy);
+
+var _footer = require('./footer');
+
+var _footer2 = _interopRequireDefault(_footer);
+
+var _meta = require('./meta');
+
+var _meta2 = _interopRequireDefault(_meta);
+
+var _submit = require('./submit');
+
+var _submit2 = _interopRequireDefault(_submit);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 // import ModalHeader from './header';
 
-export { Form, FormActions, FormDestroy, FormFooter, FormMeta, FormSubmit };
+exports.Form = _form2.default;
+exports.FormActions = _actions2.default;
+exports.FormDestroy = _destroy2.default;
+exports.FormFooter = _footer2.default;
+exports.FormMeta = _meta2.default;
+exports.FormSubmit = _submit2.default;

lib/meta.js

@@ -0,14 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
 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; };
 
+exports.default = FormMeta;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-export default function FormMeta(_ref) {
-  let { className } = _ref,
+function FormMeta(_ref) {
+  var className = _ref.className,
       otherProps = _objectWithoutProperties(_ref, ['className']);
 
-  return React.createElement('div', _extends({}, otherProps, { className: classNames('form-meta', className) }));
+  return _react2.default.createElement('div', _extends({}, otherProps, { className: (0, _classnames2.default)('form-meta', className) }));
 }
@@ -21,3 +39,4 @@
 FormMeta.propTypes = {
-  className: PropTypes.string
-};
+  className: _propTypes2.default.string
+};
+module.exports = exports['default'];

lib/submit.js

@@ -1,55 +0,101 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
+'use strict';
 
-import LaddaButton, { XL, SLIDE_UP } from 'react-ladda';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-export default class FormSubmit extends Component {
-  constructor(...args) {
-    var _temp;
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-    return _temp = super(...args), Object.defineProperty(this, 'getActionBasedOnMethod', {
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reactLadda = require('react-ladda');
+
+var _reactLadda2 = _interopRequireDefault(_reactLadda);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var FormSubmit = function (_Component) {
+  _inherits(FormSubmit, _Component);
+
+  function FormSubmit() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    _classCallCheck(this, FormSubmit);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FormSubmit.__proto__ || Object.getPrototypeOf(FormSubmit)).call.apply(_ref, [this].concat(args))), _this), Object.defineProperty(_this, 'getActionBasedOnMethod', {
       enumerable: true,
       writable: true,
-      value: () => {
-        const { label, method } = this.props;
+      value: function value() {
+        var _this$props = _this.props,
+            label = _this$props.label,
+            method = _this$props.method;
+
         return label || (method === 'POST' ? 'Save' : 'Update');
       }
-    }), Object.defineProperty(this, 'initElementRef', {
+    }), Object.defineProperty(_this, 'initElementRef', {
       enumerable: true,
       writable: true,
-      value: control => {
-        this.element = control ? control.node : null;
+      value: function value(control) {
+        _this.element = control ? control.node : null;
       }
-    }), _temp;
+    }), _temp), _possibleConstructorReturn(_this, _ret);
   }
 
-  render() {
-    const {
-      className,
-      // state from Form
-      canSubmit,
-      loading
-    } = this.props;
-    return React.createElement(
-      LaddaButton,
-      {
-        ref: this.initElementRef,
-        type: 'submit',
-        loading: loading,
-        className: classNames('btn btn-primary', className, {
-          'btn-fill': canSubmit
-        }),
-        disabled: !canSubmit,
-        'data-size': XL,
-        'data-style': SLIDE_UP,
-        'data-spinner-size': 30,
-        'data-spinner-color': '#ddd',
-        'data-spinner-lines': 12
-      },
-      this.getActionBasedOnMethod()
-    );
-  }
-}
+  _createClass(FormSubmit, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          className = _props.className,
+          canSubmit = _props.canSubmit,
+          loading = _props.loading;
 
+      return _react2.default.createElement(
+        _reactLadda2.default,
+        {
+          ref: this.initElementRef,
+          type: 'submit',
+          loading: loading,
+          className: (0, _classnames2.default)('btn btn-primary', className, {
+            'btn-fill': canSubmit
+          }),
+          disabled: !canSubmit,
+          'data-size': _reactLadda.XL,
+          'data-style': _reactLadda.SLIDE_UP,
+          'data-spinner-size': 30,
+          'data-spinner-color': '#ddd',
+          'data-spinner-lines': 12
+        },
+        this.getActionBasedOnMethod()
+      );
+    }
+  }]);
+
+  return FormSubmit;
+}(_react.Component);
+
+exports.default = FormSubmit;
+
+
 FormSubmit.defaultProps = {
@@ -64,7 +110,8 @@ className: null,
 FormSubmit.propTypes = {
-  className: PropTypes.string,
-  label: PropTypes.node,
-  method: PropTypes.string,
-  canSubmit: PropTypes.bool,
-  loading: PropTypes.bool
-};
+  className: _propTypes2.default.string,
+  label: _propTypes2.default.node,
+  method: _propTypes2.default.string,
+  canSubmit: _propTypes2.default.bool,
+  loading: _propTypes2.default.bool
+};
+module.exports = exports['default'];

package.json

 {
   "name": "@uidu/forms",
-  "version": "0.5.60",
+  "version": "0.5.61",
   "description": "Forms using Formsy",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

34646

increased by44.06%

Number of package files

23

increased by4.55%

Lines of code

691

increased by23.84%

No dependency changes