@kineticdata/react 6.0.1 → 6.0.3

package/lib/components/form/Form.js

@@ -28,14 +28,12 @@ var _Form = require("./Form.models");
 var _Form2 = require("./Form.helpers");
 var _excluded = ["components"];
 var _marked = /*#__PURE__*/_regeneratorRuntime3().mark(runDataSource);
-var getTimestamp = function getTimestamp() {
+var getTimestamp = exports.getTimestamp = function getTimestamp() {
   return Math.floor(new Date().getTime() / 1000);
 };
-exports.getTimestamp = getTimestamp;
-var isEmpty = function isEmpty(value) {
+var isEmpty = exports.isEmpty = function isEmpty(value) {
   return value === null || value === undefined || value === false || value === '' || (0, _immutable.isImmutable)(value) && value.isEmpty();
 };
-exports.isEmpty = isEmpty;
 var reinitializeFields = function reinitializeFields(fields) {
   return fields.map(function (field) {
     return field.merge({
@@ -54,15 +52,13 @@ var resetValues = function resetValues(fields) {
     });
   });
 };
-var checkRequired = function checkRequired(field) {
+var checkRequired = exports.checkRequired = function checkRequired(field) {
   return field.required && isEmpty(field.value) ? (0, _immutable.List)([field.requiredMessage]) : (0, _immutable.List)();
 };
-exports.checkRequired = checkRequired;
-var checkPattern = function checkPattern(field) {
+var checkPattern = exports.checkPattern = function checkPattern(field) {
   return field.pattern && field.type === 'text' && field.value !== '' && !field.value.match(field.pattern) ? (0, _immutable.List)([field.patternMessage]) : (0, _immutable.List)();
 };
-exports.checkPattern = checkPattern;
-var checkConstraint = function checkConstraint(bindings) {
+var checkConstraint = exports.checkConstraint = function checkConstraint(bindings) {
   return function (field) {
     if (field.constraint) {
       var result = field.constraint(bindings);
@@ -77,16 +73,14 @@ var checkConstraint = function checkConstraint(bindings) {
     return (0, _immutable.List)();
   };
 };
-exports.checkConstraint = checkConstraint;
-var validateField = function validateField(bindings) {
+var validateField = exports.validateField = function validateField(bindings) {
   return function (field) {
     return field.set('errors', (0, _immutable.List)([checkRequired, checkPattern, checkConstraint(bindings)]).flatMap(function (fn) {
       return fn(field);
     }));
   };
 };
-exports.validateField = validateField;
-var evaluateFieldProps = function evaluateFieldProps(bindings) {
+var evaluateFieldProps = exports.evaluateFieldProps = function evaluateFieldProps(bindings) {
   return function (field) {
     return field.functions.filter(function (fn) {
       return !!fn;
@@ -95,7 +89,6 @@ var evaluateFieldProps = function evaluateFieldProps(bindings) {
     }, field);
   };
 };
-exports.evaluateFieldProps = evaluateFieldProps;
 var initializeFields = function initializeFields(formState) {
   if (!formState.fields) {
     var fields = (0, _Form2.resolveFieldConfig)(formState.formOptions, formState.bindings, formState.fieldsFn, formState.addFields, formState.alterFields);
@@ -211,7 +204,7 @@ var digest = function digest(formState) {
   },
   RESET: function RESET(state, _ref10) {
     var formKey = _ref10.payload.formKey;
-    return state.hasIn(['forms', formKey]) ? state.updateIn(['forms', formKey, 'fields'], resetValues).updateIn(['forms', formKey], digest) : state;
+    return !!state.getIn(['forms', formKey]) ? state.updateIn(['forms', formKey, 'fields'], resetValues).updateIn(['forms', formKey], digest) : state;
   },
   SUBMIT: function SUBMIT(state, _ref11) {
     var _ref11$payload = _ref11.payload,
@@ -261,72 +254,66 @@ var selectDataSource = function selectDataSource(formKey, name) {
 (0, _store.regSaga)('CHECK_ON_LOAD', /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
   var checkActions;
   return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-    while (1) {
-      switch (_context2.prev = _context2.next) {
-        case 0:
-          checkActions = ['CONFIGURE_FORM', 'RESOLVE_DATA_SOURCE'];
-          _context2.next = 3;
-          return (0, _effects.takeEvery)(checkActions, function (_ref16) {
-            var formKey = _ref16.payload.formKey;
-            return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-              var formState;
-              return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-                while (1) {
-                  switch (_context.prev = _context.next) {
-                    case 0:
-                      _context.prev = 0;
-                      _context.next = 3;
-                      return (0, _effects.select)(selectForm(formKey));
-                    case 3:
-                      formState = _context.sent;
-                      if (!(formState && formState.callOnLoad && typeof formState.onLoad === 'function')) {
-                        _context.next = 7;
-                        break;
-                      }
-                      _context.next = 7;
-                      return (0, _effects.call)(formState.onLoad, formState.bindings);
-                    case 7:
-                      _context.next = 12;
-                      break;
-                    case 9:
-                      _context.prev = 9;
-                      _context.t0 = _context["catch"](0);
-                      console.error(_context.t0);
-                    case 12:
-                    case "end":
-                      return _context.stop();
+    while (1) switch (_context2.prev = _context2.next) {
+      case 0:
+        checkActions = ['CONFIGURE_FORM', 'RESOLVE_DATA_SOURCE'];
+        _context2.next = 3;
+        return (0, _effects.takeEvery)(checkActions, function (_ref16) {
+          var formKey = _ref16.payload.formKey;
+          return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+            var formState;
+            return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.prev = 0;
+                  _context.next = 3;
+                  return (0, _effects.select)(selectForm(formKey));
+                case 3:
+                  formState = _context.sent;
+                  if (!(formState && formState.callOnLoad && typeof formState.onLoad === 'function')) {
+                    _context.next = 7;
+                    break;
                   }
-                }
-              }, _callee, null, [[0, 9]]);
-            })();
-          });
-        case 3:
-        case "end":
-          return _context2.stop();
-      }
+                  _context.next = 7;
+                  return (0, _effects.call)(formState.onLoad, formState.bindings);
+                case 7:
+                  _context.next = 12;
+                  break;
+                case 9:
+                  _context.prev = 9;
+                  _context.t0 = _context["catch"](0);
+                  console.error(_context.t0);
+                case 12:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee, null, [[0, 9]]);
+          })();
+        });
+      case 3:
+      case "end":
+        return _context2.stop();
     }
   }, _callee2);
 }));
 (0, _store.regSaga)((0, _effects.takeEvery)('CONFIGURE_FORM', /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3(action) {
   var formKey, _yield$select, dataSources;
   return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
-    while (1) {
-      switch (_context3.prev = _context3.next) {
-        case 0:
-          formKey = action.payload.formKey;
-          _context3.next = 3;
-          return (0, _effects.select)(selectForm(formKey));
-        case 3:
-          _yield$select = _context3.sent;
-          dataSources = _yield$select.dataSources;
-          _context3.next = 7;
-          return (0, _effects.all)(dataSources.map(function (ds, name) {
-            return (0, _effects.fork)(runDataSource, formKey, name, ds);
-          }).valueSeq().toArray());
-        case 7:
-        case "end":
-          return _context3.stop();
-      }
+    while (1) switch (_context3.prev = _context3.next) {
+      case 0:
+        formKey = action.payload.formKey;
+        _context3.next = 3;
+        return (0, _effects.select)(selectForm(formKey));
+      case 3:
+        _yield$select = _context3.sent;
+        dataSources = _yield$select.dataSources;
+        _context3.next = 7;
+        return (0, _effects.all)(dataSources.map(function (ds, name) {
+          return (0, _effects.fork)(runDataSource, formKey, name, ds);
+        }).valueSeq().toArray());
+      case 7:
+      case "end":
+        return _context3.stop();
     }
   }, _callee3);
 })));
@@ -338,77 +325,75 @@ var selectDataSource = function selectDataSource(formKey, name) {
 function runDataSource(formKey, name, dataSource) {
   var params, paramsFn, prevParams, _yield$race, _yield$race2, checkAction, unmountAction, formState, _params, nextParams;
   return (0, _regeneratorRuntime2["default"])().wrap(function runDataSource$(_context4) {
-    while (1) {
-      switch (_context4.prev = _context4.next) {
-        case 0:
-          params = dataSource.params, paramsFn = dataSource.paramsFn;
-          prevParams = (0, _immutable.fromJS)(params);
-          if (!params) {
-            _context4.next = 5;
-            break;
-          }
+    while (1) switch (_context4.prev = _context4.next) {
+      case 0:
+        params = dataSource.params, paramsFn = dataSource.paramsFn;
+        prevParams = (0, _immutable.fromJS)(params);
+        if (!params) {
           _context4.next = 5;
-          return (0, _effects.put)((0, _store.action)('CALL_DATA_SOURCE', {
-            formKey: formKey,
-            name: name,
-            params: params
-          }));
-        case 5:
-          if (!paramsFn) {
-            _context4.next = 29;
-            break;
-          }
-        case 6:
-          if (!true) {
-            _context4.next = 29;
-            break;
-          }
-          _context4.next = 9;
-          return (0, _effects.race)([(0, _effects.take)(['CONFIGURE_FORM', 'REJECT_DATA_SOURCE', 'RESET', 'RESOLVE_DATA_SOURCE', 'SET_VALUE', 'TOGGLE_MULTI_VALUE', 'SUBMIT_SUCCESS']), (0, _effects.take)('UNMOUNT_FORM')]);
-        case 9:
-          _yield$race = _context4.sent;
-          _yield$race2 = (0, _slicedToArray2["default"])(_yield$race, 2);
-          checkAction = _yield$race2[0];
-          unmountAction = _yield$race2[1];
-          if (!(unmountAction && unmountAction.payload.formKey === formKey)) {
-            _context4.next = 17;
-            break;
-          }
-          return _context4.abrupt("break", 29);
-        case 17:
-          if (!(checkAction && checkAction.payload.formKey === formKey)) {
-            _context4.next = 27;
-            break;
-          }
-          _context4.next = 20;
-          return (0, _effects.select)(selectForm(formKey));
-        case 20:
-          formState = _context4.sent;
-          _params = formState.getIn(['dataSources', name, 'params']);
-          nextParams = (0, _immutable.fromJS)(_params);
-          if ((0, _immutable.is)(nextParams, prevParams)) {
-            _context4.next = 27;
-            break;
-          }
-          prevParams = nextParams;
+          break;
+        }
+        _context4.next = 5;
+        return (0, _effects.put)((0, _store.action)('CALL_DATA_SOURCE', {
+          formKey: formKey,
+          name: name,
+          params: params
+        }));
+      case 5:
+        if (!paramsFn) {
+          _context4.next = 29;
+          break;
+        }
+      case 6:
+        if (!true) {
+          _context4.next = 29;
+          break;
+        }
+        _context4.next = 9;
+        return (0, _effects.race)([(0, _effects.take)(['CONFIGURE_FORM', 'REJECT_DATA_SOURCE', 'RESET', 'RESOLVE_DATA_SOURCE', 'SET_VALUE', 'TOGGLE_MULTI_VALUE', 'SUBMIT_SUCCESS']), (0, _effects.take)('UNMOUNT_FORM')]);
+      case 9:
+        _yield$race = _context4.sent;
+        _yield$race2 = (0, _slicedToArray2["default"])(_yield$race, 2);
+        checkAction = _yield$race2[0];
+        unmountAction = _yield$race2[1];
+        if (!(unmountAction && unmountAction.payload.formKey === formKey)) {
+          _context4.next = 17;
+          break;
+        }
+        return _context4.abrupt("break", 29);
+      case 17:
+        if (!(checkAction && checkAction.payload.formKey === formKey)) {
           _context4.next = 27;
-          return (0, _effects.put)(_params ? (0, _store.action)('CALL_DATA_SOURCE', {
-            formKey: formKey,
-            name: name,
-            params: _params
-          }) : (0, _store.action)('RESOLVE_DATA_SOURCE', {
-            formKey: formKey,
-            name: name,
-            data: null,
-            timestamp: null
-          }));
-        case 27:
-          _context4.next = 6;
           break;
-        case 29:
-        case "end":
-          return _context4.stop();
-      }
+        }
+        _context4.next = 20;
+        return (0, _effects.select)(selectForm(formKey));
+      case 20:
+        formState = _context4.sent;
+        _params = formState.getIn(['dataSources', name, 'params']);
+        nextParams = (0, _immutable.fromJS)(_params);
+        if ((0, _immutable.is)(nextParams, prevParams)) {
+          _context4.next = 27;
+          break;
+        }
+        prevParams = nextParams;
+        _context4.next = 27;
+        return (0, _effects.put)(_params ? (0, _store.action)('CALL_DATA_SOURCE', {
+          formKey: formKey,
+          name: name,
+          params: _params
+        }) : (0, _store.action)('RESOLVE_DATA_SOURCE', {
+          formKey: formKey,
+          name: name,
+          data: null,
+          timestamp: null
+        }));
+      case 27:
+        _context4.next = 6;
+        break;
+      case 29:
+      case "end":
+        return _context4.stop();
     }
   }, _marked);
 }
@@ -420,100 +405,94 @@ function runDataSource(formKey, name, dataSource) {
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
     var _yield$select2, fn, transform, data, timestamp;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _context5.prev = 0;
-            _context5.next = 3;
-            return (0, _effects.select)(selectDataSource(formKey, name));
-          case 3:
-            _yield$select2 = _context5.sent;
-            fn = _yield$select2.fn;
-            transform = _yield$select2.transform;
-            _context5.next = 8;
-            return _effects.call.apply(void 0, [fn].concat((0, _toConsumableArray2["default"])(params)));
-          case 8:
-            data = _context5.sent;
-            _context5.next = 11;
-            return (0, _effects.call)(getTimestamp);
-          case 11:
-            timestamp = _context5.sent;
-            _context5.next = 14;
-            return (0, _effects.put)((0, _store.action)('RESOLVE_DATA_SOURCE', {
-              formKey: formKey,
-              name: name,
-              data: transform ? transform(data) : data,
-              timestamp: timestamp
-            }));
-          case 14:
-            _context5.next = 19;
-            break;
-          case 16:
-            _context5.prev = 16;
-            _context5.t0 = _context5["catch"](0);
-            console.error(_context5.t0);
-          case 19:
-          case "end":
-            return _context5.stop();
-        }
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _context5.prev = 0;
+          _context5.next = 3;
+          return (0, _effects.select)(selectDataSource(formKey, name));
+        case 3:
+          _yield$select2 = _context5.sent;
+          fn = _yield$select2.fn;
+          transform = _yield$select2.transform;
+          _context5.next = 8;
+          return _effects.call.apply(void 0, [fn].concat((0, _toConsumableArray2["default"])(params)));
+        case 8:
+          data = _context5.sent;
+          _context5.next = 11;
+          return (0, _effects.call)(getTimestamp);
+        case 11:
+          timestamp = _context5.sent;
+          _context5.next = 14;
+          return (0, _effects.put)((0, _store.action)('RESOLVE_DATA_SOURCE', {
+            formKey: formKey,
+            name: name,
+            data: transform ? transform(data) : data,
+            timestamp: timestamp
+          }));
+        case 14:
+          _context5.next = 19;
+          break;
+        case 16:
+          _context5.prev = 16;
+          _context5.t0 = _context5["catch"](0);
+          console.error(_context5.t0);
+        case 19:
+        case "end":
+          return _context5.stop();
       }
     }, _callee4, null, [[0, 16]]);
   })();
 }));
 (0, _store.regSaga)('HANDLE_SET_VALUE', /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee6() {
   return (0, _regeneratorRuntime2["default"])().wrap(function _callee6$(_context7) {
-    while (1) {
-      switch (_context7.prev = _context7.next) {
-        case 0:
-          _context7.next = 2;
-          return (0, _effects.takeEvery)(['SET_VALUE', 'TOGGLE_MULTI_VALUE'], function (_ref18) {
-            var _ref18$payload = _ref18.payload,
-              formKey = _ref18$payload.formKey,
-              name = _ref18$payload.name,
-              triggerChange = _ref18$payload.triggerChange;
-            return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee5() {
-              var _yield$select3, bindings, fields, _fields$get, _onChange;
-              return (0, _regeneratorRuntime2["default"])().wrap(function _callee5$(_context6) {
-                while (1) {
-                  switch (_context6.prev = _context6.next) {
-                    case 0:
-                      _context6.prev = 0;
-                      if (!triggerChange) {
-                        _context6.next = 11;
-                        break;
-                      }
-                      _context6.next = 4;
-                      return (0, _effects.select)(selectForm(formKey));
-                    case 4:
-                      _yield$select3 = _context6.sent;
-                      bindings = _yield$select3.bindings;
-                      fields = _yield$select3.fields;
-                      _fields$get = fields.get(name), _onChange = _fields$get.onChange;
-                      if (!_onChange) {
-                        _context6.next = 11;
-                        break;
-                      }
-                      _context6.next = 11;
-                      return (0, _effects.call)(_onChange, bindings, bindActions(formKey));
-                    case 11:
-                      _context6.next = 16;
-                      break;
-                    case 13:
-                      _context6.prev = 13;
-                      _context6.t0 = _context6["catch"](0);
-                      console.error(_context6.t0);
-                    case 16:
-                    case "end":
-                      return _context6.stop();
+    while (1) switch (_context7.prev = _context7.next) {
+      case 0:
+        _context7.next = 2;
+        return (0, _effects.takeEvery)(['SET_VALUE', 'TOGGLE_MULTI_VALUE'], function (_ref18) {
+          var _ref18$payload = _ref18.payload,
+            formKey = _ref18$payload.formKey,
+            name = _ref18$payload.name,
+            triggerChange = _ref18$payload.triggerChange;
+          return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee5() {
+            var _yield$select3, bindings, fields, _fields$get, _onChange;
+            return (0, _regeneratorRuntime2["default"])().wrap(function _callee5$(_context6) {
+              while (1) switch (_context6.prev = _context6.next) {
+                case 0:
+                  _context6.prev = 0;
+                  if (!triggerChange) {
+                    _context6.next = 11;
+                    break;
                   }
-                }
-              }, _callee5, null, [[0, 13]]);
-            })();
-          });
-        case 2:
-        case "end":
-          return _context7.stop();
-      }
+                  _context6.next = 4;
+                  return (0, _effects.select)(selectForm(formKey));
+                case 4:
+                  _yield$select3 = _context6.sent;
+                  bindings = _yield$select3.bindings;
+                  fields = _yield$select3.fields;
+                  _fields$get = fields.get(name), _onChange = _fields$get.onChange;
+                  if (!_onChange) {
+                    _context6.next = 11;
+                    break;
+                  }
+                  _context6.next = 11;
+                  return (0, _effects.call)(_onChange, bindings, bindActions(formKey));
+                case 11:
+                  _context6.next = 16;
+                  break;
+                case 13:
+                  _context6.prev = 13;
+                  _context6.t0 = _context6["catch"](0);
+                  console.error(_context6.t0);
+                case 16:
+                case "end":
+                  return _context6.stop();
+              }
+            }, _callee5, null, [[0, 13]]);
+          })();
+        });
+      case 2:
+      case "end":
+        return _context7.stop();
     }
   }, _callee6);
 }));
@@ -521,15 +500,13 @@ function runDataSource(formKey, name, dataSource) {
   var payload = _ref19.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee7() {
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee7$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            _context8.next = 2;
-            return (0, _effects.call)(console.error, 'REJECT_DATA_SOURCE', payload);
-          case 2:
-          case "end":
-            return _context8.stop();
-        }
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _context8.next = 2;
+          return (0, _effects.call)(console.error, 'REJECT_DATA_SOURCE', payload);
+        case 2:
+        case "end":
+          return _context8.stop();
       }
     }, _callee7);
   })();
@@ -542,95 +519,93 @@ function runDataSource(formKey, name, dataSource) {
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee8() {
     var _yield$select4, bindings, fields, _onSubmit, onSave, onError, computedFieldSet, values, errors, result;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee8$(_context9) {
-      while (1) {
-        switch (_context9.prev = _context9.next) {
-          case 0:
-            _context9.prev = 0;
-            _context9.next = 3;
-            return (0, _effects.select)(selectForm(formKey));
-          case 3:
-            _yield$select4 = _context9.sent;
-            bindings = _yield$select4.bindings;
-            fields = _yield$select4.fields;
-            _onSubmit = _yield$select4.onSubmit;
-            onSave = _yield$select4.onSave;
-            onError = _yield$select4.onError;
-            computedFieldSet = computeFieldSet(fields, fieldSet);
-            values = serializeImpl({
-              bindings: bindings,
-              fields: fields
-            }, fieldSet);
-            errors = fields.filter(function (field) {
-              return computedFieldSet.contains(field.name);
-            }).map(function (field) {
-              return field.errors;
-            }).filter(function (errors) {
-              return !errors.isEmpty();
-            });
-            if (!errors.isEmpty()) {
-              _context9.next = 32;
-              break;
-            }
-            _context9.prev = 13;
-            _context9.next = 16;
-            return (0, _effects.call)(_onSubmit, values, bindings);
-          case 16:
-            result = _context9.sent;
-            (0, _store.dispatch)('SUBMIT_SUCCESS', {
-              formKey: formKey
-            });
-            if (!onSave) {
-              _context9.next = 21;
-              break;
-            }
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          _context9.prev = 0;
+          _context9.next = 3;
+          return (0, _effects.select)(selectForm(formKey));
+        case 3:
+          _yield$select4 = _context9.sent;
+          bindings = _yield$select4.bindings;
+          fields = _yield$select4.fields;
+          _onSubmit = _yield$select4.onSubmit;
+          onSave = _yield$select4.onSave;
+          onError = _yield$select4.onError;
+          computedFieldSet = computeFieldSet(fields, fieldSet);
+          values = serializeImpl({
+            bindings: bindings,
+            fields: fields
+          }, fieldSet);
+          errors = fields.filter(function (field) {
+            return computedFieldSet.contains(field.name);
+          }).map(function (field) {
+            return field.errors;
+          }).filter(function (errors) {
+            return !errors.isEmpty();
+          });
+          if (!errors.isEmpty()) {
+            _context9.next = 32;
+            break;
+          }
+          _context9.prev = 13;
+          _context9.next = 16;
+          return (0, _effects.call)(_onSubmit, values, bindings);
+        case 16:
+          result = _context9.sent;
+          (0, _store.dispatch)('SUBMIT_SUCCESS', {
+            formKey: formKey
+          });
+          if (!onSave) {
             _context9.next = 21;
-            return (0, _effects.call)(onSave, result);
-          case 21:
-            _context9.next = 30;
             break;
-          case 23:
-            _context9.prev = 23;
-            _context9.t0 = _context9["catch"](13);
-            (0, _store.dispatch)('SUBMIT_ERROR', {
-              formKey: formKey,
-              error: typeof _context9.t0 === 'string' ? _context9.t0 : 'Unexpected error occurred'
-            });
-            if (typeof _context9.t0 !== 'string') {
-              console.error('Error handling  form submit', _context9.t0);
-            }
-            if (!onError) {
-              _context9.next = 30;
-              break;
-            }
+          }
+          _context9.next = 21;
+          return (0, _effects.call)(onSave, result);
+        case 21:
+          _context9.next = 30;
+          break;
+        case 23:
+          _context9.prev = 23;
+          _context9.t0 = _context9["catch"](13);
+          (0, _store.dispatch)('SUBMIT_ERROR', {
+            formKey: formKey,
+            error: typeof _context9.t0 === 'string' ? _context9.t0 : 'Unexpected error occurred'
+          });
+          if (typeof _context9.t0 !== 'string') {
+            console.error('Error handling  form submit', _context9.t0);
+          }
+          if (!onError) {
             _context9.next = 30;
-            return (0, _effects.call)(onError, _context9.t0);
-          case 30:
-            _context9.next = 34;
-            break;
-          case 32:
-            (0, _store.dispatch)('SUBMIT_FIELD_ERRORS', {
-              formKey: formKey,
-              fieldNames: errors.keySeq()
-            });
-            if ((0, _lodashEs.isFunction)(onInvalid)) {
-              onInvalid(errors);
-            }
-          case 34:
-            _context9.next = 39;
             break;
-          case 36:
-            _context9.prev = 36;
-            _context9.t1 = _context9["catch"](0);
-            console.error(_context9.t1);
-          case 39:
-          case "end":
-            return _context9.stop();
-        }
+          }
+          _context9.next = 30;
+          return (0, _effects.call)(onError, _context9.t0);
+        case 30:
+          _context9.next = 34;
+          break;
+        case 32:
+          (0, _store.dispatch)('SUBMIT_FIELD_ERRORS', {
+            formKey: formKey,
+            fieldNames: errors.keySeq()
+          });
+          if ((0, _lodashEs.isFunction)(onInvalid)) {
+            onInvalid(errors);
+          }
+        case 34:
+          _context9.next = 39;
+          break;
+        case 36:
+          _context9.prev = 36;
+          _context9.t1 = _context9["catch"](0);
+          console.error(_context9.t1);
+        case 39:
+        case "end":
+          return _context9.stop();
       }
     }, _callee8, null, [[0, 36], [13, 23]]);
   })();
 }));
-var setValue = function setValue(formKey, name, value) {
+var setValue = exports.setValue = function setValue(formKey, name, value) {
   var triggerChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   (0, _store.dispatch)('SET_VALUE', {
     formKey: formKey,
@@ -639,8 +614,7 @@ var setValue = function setValue(formKey, name, value) {
     triggerChange: triggerChange
   });
 };
-exports.setValue = setValue;
-var toggleMultiValue = function toggleMultiValue(formKey, name, value) {
+var toggleMultiValue = exports.toggleMultiValue = function toggleMultiValue(formKey, name, value) {
   var triggerChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   (0, _store.dispatch)('TOGGLE_MULTI_VALUE', {
     formKey: formKey,
@@ -649,7 +623,6 @@ var toggleMultiValue = function toggleMultiValue(formKey, name, value) {
     triggerChange: triggerChange
   });
 };
-exports.toggleMultiValue = toggleMultiValue;
 var actions = {
   setValue: function setValue(formKey) {
     return function (name, value) {
@@ -682,7 +655,7 @@ var bindActions = function bindActions(formKey) {
     return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, acc), {}, (0, _defineProperty2["default"])({}, name, fn(formKey)));
   }, {});
 };
-var onFocus = function onFocus(_ref23) {
+var onFocus = exports.onFocus = function onFocus(_ref23) {
   var formKey = _ref23.formKey,
     name = _ref23.name;
   return function () {
@@ -692,8 +665,7 @@ var onFocus = function onFocus(_ref23) {
     });
   };
 };
-exports.onFocus = onFocus;
-var onBlur = function onBlur(_ref24) {
+var onBlur = exports.onBlur = function onBlur(_ref24) {
   var formKey = _ref24.formKey,
     name = _ref24.name;
   return function () {
@@ -703,9 +675,8 @@ var onBlur = function onBlur(_ref24) {
     });
   };
 };
-exports.onBlur = onBlur;
 var LIST_VALUE_TYPES = ['checkbox-multi'];
-var onChange = function onChange(_ref25) {
+var onChange = exports.onChange = function onChange(_ref25) {
   var formKey = _ref25.formKey,
     type = _ref25.type,
     name = _ref25.name;
@@ -733,8 +704,7 @@ var onChange = function onChange(_ref25) {
     }
   };
 };
-exports.onChange = onChange;
-var onSubmit = function onSubmit(formKey, fieldSet) {
+var onSubmit = exports.onSubmit = function onSubmit(formKey, fieldSet) {
   return function (event) {
     event && event.preventDefault && event.preventDefault();
     (0, _store.dispatch)('SUBMIT', {
@@ -743,51 +713,43 @@ var onSubmit = function onSubmit(formKey, fieldSet) {
     });
   };
 };
-exports.onSubmit = onSubmit;
-var onReset = function onReset(formKey) {
+var onReset = exports.onReset = function onReset(formKey) {
   return function () {
     return resetForm(formKey);
   };
 };
-exports.onReset = onReset;
-var clearError = function clearError(formKey) {
+var clearError = exports.clearError = function clearError(formKey) {
   return function (event) {
     (0, _store.dispatch)('CLEAR_ERROR', {
       formKey: formKey
     });
   };
 };
-exports.clearError = clearError;
-var mountForm = function mountForm(formKey) {
+var mountForm = exports.mountForm = function mountForm(formKey) {
   return (0, _store.dispatch)('MOUNT_FORM', {
     formKey: formKey
   });
 };
-exports.mountForm = mountForm;
-var unmountForm = function unmountForm(formKey) {
+var unmountForm = exports.unmountForm = function unmountForm(formKey) {
   return (0, _store.dispatch)('UNMOUNT_FORM', {
     formKey: formKey
   });
 };
-exports.unmountForm = unmountForm;
-var resetForm = function resetForm(formKey) {
+var resetForm = exports.resetForm = function resetForm(formKey) {
   return (0, _store.dispatch)('RESET', {
     formKey: formKey
   });
 };
-exports.resetForm = resetForm;
-var reloadDataSource = function reloadDataSource(formKey, name) {
+var reloadDataSource = exports.reloadDataSource = function reloadDataSource(formKey, name) {
   return (0, _store.dispatch)('CALL_DATA_SOURCE', {
     formKey: formKey,
     name: name
   });
 };
-exports.reloadDataSource = reloadDataSource;
-var configureForm = function configureForm(config) {
+var configureForm = exports.configureForm = function configureForm(config) {
   return (0, _store.dispatch)('CONFIGURE_FORM', config);
 };
-exports.configureForm = configureForm;
-var submitForm = function submitForm(formKey, _ref26) {
+var submitForm = exports.submitForm = function submitForm(formKey, _ref26) {
   var fieldSet = _ref26.fieldSet,
     onInvalid = _ref26.onInvalid,
     values = _ref26.values;
@@ -798,13 +760,11 @@ var submitForm = function submitForm(formKey, _ref26) {
     values: values
   });
 };
-exports.submitForm = submitForm;
-var serializeForm = function serializeForm(formKey) {
+var serializeForm = exports.serializeForm = function serializeForm(formKey) {
   var _ref27 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     fieldSet = _ref27.fieldSet;
   return serializeImpl(selectForm(formKey)(_store.store.getState()), fieldSet);
 };
-exports.serializeForm = serializeForm;
 var serializeImpl = function serializeImpl(_ref28, fieldSet) {
   var bindings = _ref28.bindings,
     fields = _ref28.fields;
@@ -827,7 +787,7 @@ var serializeImpl = function serializeImpl(_ref28, fieldSet) {
 /**
  * @component
  */
-var Form = /*#__PURE__*/function (_Component) {
+var Form = exports.Form = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Form, _Component);
   var _super = (0, _createSuper2["default"])(Form);
   function Form(props) {
@@ -871,7 +831,6 @@ var Form = /*#__PURE__*/function (_Component) {
   }]);
   return Form;
 }(_react.Component);
-exports.Form = Form;
 var computeFieldSet = function computeFieldSet(fields, fieldSetProp) {
   var defaultFieldSet = (0, _immutable.OrderedSet)(fields.keySeq());
   return (0, _immutable.OrderedSet)(!fieldSetProp ? defaultFieldSet : typeof fieldSetProp === 'function' ? fieldSetProp(defaultFieldSet) : fieldSetProp);
@@ -1012,14 +971,13 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
   }]);
   return FormImplComponent;
 }(_react.Component);
-var mapStateToProps = function mapStateToProps(state, props) {
+var mapStateToProps = exports.mapStateToProps = function mapStateToProps(state, props) {
   return {
     formState: selectForm(props.formKey)(state)
   };
 };
-exports.mapStateToProps = mapStateToProps;
 var FormImpl = (0, _store.connect)(mapStateToProps)(FormImplComponent);
-var generateForm = function generateForm(_ref31) {
+var generateForm = exports.generateForm = function generateForm(_ref31) {
   var dataSources = _ref31.dataSources,
     fields = _ref31.fields,
     handleSubmit = _ref31.handleSubmit,
@@ -1044,5 +1002,4 @@ var generateForm = function generateForm(_ref31) {
       readOnly: configurationProps.readOnly
     }, configurationProps.children);
   };
-};
-exports.generateForm = generateForm;
+};