@kineticdata/react 5.1.2 → 6.0.1

package/lib/components/form/Form.js

@@ -1,32 +1,41 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+"use strict";
 
-var _marked = /*#__PURE__*/_regeneratorRuntime.mark(runDataSource);
-
-import React, { Component, createRef } from 'react';
-import { all, call, fork, put, race, select, take, takeEvery } from 'redux-saga/effects';
-import { fromJS, is, isImmutable, List, Map, OrderedMap, OrderedSet } from 'immutable';
-import { isFunction, pick } from 'lodash-es';
-import { action, connect, dispatch, regHandlers, regSaga, store } from '../../store';
-import { ComponentConfigContext } from '../common/ComponentConfigContext';
-import { generateKey } from '../../helpers';
-import { DATA_SOURCE_STATUS, FIELD_DEFAULT_VALUES } from './Form.models';
-import { createField, createFormState, getComponentName, getFieldComponentProps, resolveFieldConfig } from './Form.helpers';
-export var getTimestamp = function getTimestamp() {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _regeneratorRuntime3 = require("@babel/runtime/helpers/regeneratorRuntime")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateField = exports.unmountForm = exports.toggleMultiValue = exports.submitForm = exports.setValue = exports.serializeForm = exports.resetForm = exports.reloadDataSource = exports.onSubmit = exports.onReset = exports.onFocus = exports.onChange = exports.onBlur = exports.mountForm = exports.mapStateToProps = exports.isEmpty = exports.getTimestamp = exports.generateForm = exports.evaluateFieldProps = exports.configureForm = exports.clearError = exports.checkRequired = exports.checkPattern = exports.checkConstraint = exports.Form = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _react = _interopRequireWildcard(require("react"));
+var _effects = require("redux-saga/effects");
+var _immutable = require("immutable");
+var _lodashEs = require("lodash-es");
+var _store = require("../../store");
+var _ComponentConfigContext = require("../common/ComponentConfigContext");
+var _helpers = require("../../helpers");
+var _Form = require("./Form.models");
+var _Form2 = require("./Form.helpers");
+var _excluded = ["components"];
+var _marked = /*#__PURE__*/_regeneratorRuntime3().mark(runDataSource);
+var getTimestamp = function getTimestamp() {
   return Math.floor(new Date().getTime() / 1000);
 };
-export var isEmpty = function isEmpty(value) {
-  return value === null || value === undefined || value === false || value === '' || isImmutable(value) && value.isEmpty();
+exports.getTimestamp = getTimestamp;
+var 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({
@@ -36,7 +45,6 @@ var reinitializeFields = function reinitializeFields(fields) {
     });
   });
 };
-
 var resetValues = function resetValues(fields) {
   return fields.map(function (field) {
     return field.merge({
@@ -46,62 +54,60 @@ var resetValues = function resetValues(fields) {
     });
   });
 };
-
-export var checkRequired = function checkRequired(field) {
-  return field.required && isEmpty(field.value) ? List([field.requiredMessage]) : List();
+var checkRequired = function checkRequired(field) {
+  return field.required && isEmpty(field.value) ? (0, _immutable.List)([field.requiredMessage]) : (0, _immutable.List)();
 };
-export var checkPattern = function checkPattern(field) {
-  return field.pattern && field.type === 'text' && field.value !== '' && !field.value.match(field.pattern) ? List([field.patternMessage]) : List();
+exports.checkRequired = checkRequired;
+var 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)();
 };
-export var checkConstraint = function checkConstraint(bindings) {
+exports.checkPattern = checkPattern;
+var checkConstraint = function checkConstraint(bindings) {
   return function (field) {
     if (field.constraint) {
       var result = field.constraint(bindings);
-
       if (!result) {
-        return List([field.constraintMessage]);
+        return (0, _immutable.List)([field.constraintMessage]);
       } else if (typeof result === 'string') {
-        return List([result]);
+        return (0, _immutable.List)([result]);
       }
-    } // Return no errors if there was no constraint or if the constraint did not
+    }
+    // Return no errors if there was no constraint or if the constraint did not
     // evaluate to false or an error string.
-
-
-    return List();
+    return (0, _immutable.List)();
   };
 };
-export var validateField = function validateField(bindings) {
+exports.checkConstraint = checkConstraint;
+var validateField = function validateField(bindings) {
   return function (field) {
-    return field.set('errors', List([checkRequired, checkPattern, checkConstraint(bindings)]).flatMap(function (fn) {
+    return field.set('errors', (0, _immutable.List)([checkRequired, checkPattern, checkConstraint(bindings)]).flatMap(function (fn) {
       return fn(field);
     }));
   };
 };
-export var evaluateFieldProps = function evaluateFieldProps(bindings) {
+exports.validateField = validateField;
+var evaluateFieldProps = function evaluateFieldProps(bindings) {
   return function (field) {
     return field.functions.filter(function (fn) {
       return !!fn;
     }).reduce(function (reduction, fn, prop) {
-      return reduction.set(prop, fromJS(fn(bindings)));
+      return reduction.set(prop, (0, _immutable.fromJS)(fn(bindings)));
     }, field);
   };
 };
-
+exports.evaluateFieldProps = evaluateFieldProps;
 var initializeFields = function initializeFields(formState) {
   if (!formState.fields) {
-    var fields = resolveFieldConfig(formState.formOptions, formState.bindings, formState.fieldsFn, formState.addFields, formState.alterFields);
-
+    var fields = (0, _Form2.resolveFieldConfig)(formState.formOptions, formState.bindings, formState.fieldsFn, formState.addFields, formState.alterFields);
     if (!!fields) {
-      return buildBindings(formState.set('fields', fields.map(createField(formState.formKey))).set('callOnLoad', true));
+      return buildBindings(formState.set('fields', fields.map((0, _Form2.createField)(formState.formKey))).set('callOnLoad', true));
     }
   }
-
   return formState.set('callOnLoad', false);
 };
-
 var buildBindings = function buildBindings(formState) {
   return formState.set('bindings', formState.dataSources.filter(function (dataSource) {
-    return dataSource.status === DATA_SOURCE_STATUS.RESOLVED;
+    return dataSource.status === _Form.DATA_SOURCE_STATUS.RESOLVED;
   }).map(function (dataSource) {
     return dataSource.data;
   }).merge(formState.fields ? {
@@ -110,7 +116,6 @@ var buildBindings = function buildBindings(formState) {
     })
   } : {}).toObject());
 };
-
 var evaluateDataSources = function evaluateDataSources(formState) {
   return formState.update('dataSources', function (dataSources) {
     return dataSources.map(function (dataSource) {
@@ -118,20 +123,17 @@ var evaluateDataSources = function evaluateDataSources(formState) {
     });
   });
 };
-
 var evaluateFields = function evaluateFields(formState) {
   return formState.fields ? formState.update('fields', function (fields) {
     return fields.map(evaluateFieldProps(formState.bindings)).map(validateField(formState.bindings));
   }) : formState;
 };
-
 var digest = function digest(formState) {
   return formState && [buildBindings, initializeFields, evaluateFields, evaluateDataSources].reduce(function (reduction, fn) {
     return fn(reduction);
   }, formState);
 };
-
-regHandlers({
+(0, _store.regHandlers)({
   MOUNT_FORM: function MOUNT_FORM(state, _ref) {
     var formKey = _ref.payload.formKey;
     return state.setIn(['forms', formKey], null);
@@ -142,46 +144,46 @@ regHandlers({
   },
   CONFIGURE_FORM: function CONFIGURE_FORM(state, _ref3) {
     var payload = _ref3.payload;
-    return state.getIn(['forms', payload.formKey]) !== null ? state.setIn(['forms', payload.formKey, 'callOnLoad'], false) : state.setIn(['forms', payload.formKey], digest(createFormState(payload)));
+    return state.getIn(['forms', payload.formKey]) !== null ? state.setIn(['forms', payload.formKey, 'callOnLoad'], false) : state.setIn(['forms', payload.formKey], digest((0, _Form2.createFormState)(payload)));
   },
   SET_VALUE: function SET_VALUE(state, _ref4) {
     var _ref4$payload = _ref4.payload,
-        formKey = _ref4$payload.formKey,
-        name = _ref4$payload.name,
-        value = _ref4$payload.value;
+      formKey = _ref4$payload.formKey,
+      name = _ref4$payload.name,
+      value = _ref4$payload.value;
     return state.updateIn(['forms', formKey, 'fields', name], function (field) {
       return field.merge({
-        value: value || FIELD_DEFAULT_VALUES.get(field.type, ''),
+        value: value || _Form.FIELD_DEFAULT_VALUES.get(field.type, ''),
         touched: true,
-        dirty: !is(value, field.initialValue)
+        dirty: !(0, _immutable.is)(value, field.initialValue)
       });
     }).updateIn(['forms', formKey], digest);
   },
   TOGGLE_MULTI_VALUE: function TOGGLE_MULTI_VALUE(state, _ref5) {
     var _ref5$payload = _ref5.payload,
-        formKey = _ref5$payload.formKey,
-        name = _ref5$payload.name,
-        value = _ref5$payload.value;
+      formKey = _ref5$payload.formKey,
+      name = _ref5$payload.name,
+      value = _ref5$payload.value;
     return state.updateIn(['forms', formKey, 'fields', name], function (field) {
       return field.merge({
         value: field.get('value').includes(value) ? field.get('value').filter(function (v) {
           return v !== value;
         }) : field.get('value').push(value),
         touched: true,
-        dirty: !is(value, field.initialValue)
+        dirty: !(0, _immutable.is)(value, field.initialValue)
       });
     }).updateIn(['forms', formKey], digest);
   },
   FOCUS_FIELD: function FOCUS_FIELD(state, _ref6) {
     var _ref6$payload = _ref6.payload,
-        formKey = _ref6$payload.formKey,
-        name = _ref6$payload.name;
+      formKey = _ref6$payload.formKey,
+      name = _ref6$payload.name;
     return state.setIn(['forms', formKey, 'fields', name, 'focused'], true);
   },
   BLUR_FIELD: function BLUR_FIELD(state, _ref7) {
     var _ref7$payload = _ref7.payload,
-        formKey = _ref7$payload.formKey,
-        name = _ref7$payload.name;
+      formKey = _ref7$payload.formKey,
+      name = _ref7$payload.name;
     return state.mergeIn(['forms', formKey, 'fields', name], {
       focused: false,
       touched: true
@@ -189,21 +191,21 @@ regHandlers({
   },
   CALL_DATA_SOURCE: function CALL_DATA_SOURCE(state, _ref8) {
     var _ref8$payload = _ref8.payload,
-        formKey = _ref8$payload.formKey,
-        name = _ref8$payload.name;
+      formKey = _ref8$payload.formKey,
+      name = _ref8$payload.name;
     return state.mergeIn(['forms', formKey, 'dataSources', name], {
-      status: DATA_SOURCE_STATUS.PENDING
+      status: _Form.DATA_SOURCE_STATUS.PENDING
     });
   },
   RESOLVE_DATA_SOURCE: function RESOLVE_DATA_SOURCE(state, _ref9) {
     var _ref9$payload = _ref9.payload,
-        formKey = _ref9$payload.formKey,
-        name = _ref9$payload.name,
-        data = _ref9$payload.data;
+      formKey = _ref9$payload.formKey,
+      name = _ref9$payload.name,
+      data = _ref9$payload.data;
     return state.updateIn(['forms', formKey, 'dataSources', name], function (dataSource) {
       return dataSource && dataSource.merge({
-        data: fromJS(data),
-        status: DATA_SOURCE_STATUS.RESOLVED
+        data: (0, _immutable.fromJS)(data),
+        status: _Form.DATA_SOURCE_STATUS.RESOLVED
       });
     }).updateIn(['forms', formKey], digest);
   },
@@ -213,11 +215,11 @@ regHandlers({
   },
   SUBMIT: function SUBMIT(state, _ref11) {
     var _ref11$payload = _ref11.payload,
-        formKey = _ref11$payload.formKey,
-        values = _ref11$payload.values;
+      formKey = _ref11$payload.formKey,
+      values = _ref11$payload.values;
     return state.setIn(['forms', formKey, 'submitting'], true).updateIn(['forms', formKey, 'fields'], function (fields) {
-      return Map(values).reduce(function (fields, value, fieldName) {
-        return fields.setIn([fieldName, 'value'], value || FIELD_DEFAULT_VALUES.get(fields.getIn([fieldName, 'type']), ''));
+      return (0, _immutable.Map)(values).reduce(function (fields, value, fieldName) {
+        return fields.setIn([fieldName, 'value'], value || _Form.FIELD_DEFAULT_VALUES.get(fields.getIn([fieldName, 'type']), ''));
       }, fields);
     }).updateIn(['forms', formKey], digest);
   },
@@ -227,8 +229,8 @@ regHandlers({
   },
   SUBMIT_ERROR: function SUBMIT_ERROR(state, _ref13) {
     var _ref13$payload = _ref13.payload,
-        formKey = _ref13$payload.formKey,
-        error = _ref13$payload.error;
+      formKey = _ref13$payload.formKey,
+      error = _ref13$payload.error;
     return state.setIn(['forms', formKey, 'submitting'], false).setIn(['forms', formKey, 'error'], error);
   },
   CLEAR_ERROR: function CLEAR_ERROR(state, _ref14) {
@@ -237,8 +239,8 @@ regHandlers({
   },
   SUBMIT_FIELD_ERRORS: function SUBMIT_FIELD_ERRORS(state, _ref15) {
     var _ref15$payload = _ref15.payload,
-        formKey = _ref15$payload.formKey,
-        fieldNames = _ref15$payload.fieldNames;
+      formKey = _ref15$payload.formKey,
+      fieldNames = _ref15$payload.fieldNames;
     return state.setIn(['forms', formKey, 'submitting'], false).setIn(['forms', formKey, 'error'], 'There are invalid fields').updateIn(['forms', formKey, 'fields'], function (fields) {
       return fields.map(function (field) {
         return fieldNames.includes(field.name) ? field.set('touched', true) : field;
@@ -246,66 +248,58 @@ regHandlers({
     });
   }
 });
-
 var selectForm = function selectForm(formKey) {
   return function (state) {
     return state.getIn(['forms', formKey]);
   };
 };
-
 var selectDataSource = function selectDataSource(formKey, name) {
   return function (state) {
     return selectForm(formKey)(state).getIn(['dataSources', name]);
   };
 };
-
-regSaga('CHECK_ON_LOAD', /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+(0, _store.regSaga)('CHECK_ON_LOAD', /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
   var checkActions;
-  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+  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 takeEvery(checkActions, /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref16) {
-            var formKey, formState;
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    formKey = _ref16.payload.formKey;
-                    _context.prev = 1;
-                    _context.next = 4;
-                    return select(selectForm(formKey));
-
-                  case 4:
-                    formState = _context.sent;
-
-                    if (!(formState && formState.callOnLoad && typeof formState.onLoad === 'function')) {
-                      _context.next = 8;
+          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;
-                    }
-
-                    _context.next = 8;
-                    return call(formState.onLoad, formState.bindings);
-
-                  case 8:
-                    _context.next = 13;
-                    break;
-
-                  case 10:
-                    _context.prev = 10;
-                    _context.t0 = _context["catch"](1);
-                    console.error(_context.t0);
-
-                  case 13:
-                  case "end":
-                    return _context.stop();
+                    case 9:
+                      _context.prev = 9;
+                      _context.t0 = _context["catch"](0);
+                      console.error(_context.t0);
+                    case 12:
+                    case "end":
+                      return _context.stop();
+                  }
                 }
-              }
-            }, _callee, null, [[1, 10]]);
-          }));
-
+              }, _callee, null, [[0, 9]]);
+            })();
+          });
         case 3:
         case "end":
           return _context2.stop();
@@ -313,122 +307,104 @@ regSaga('CHECK_ON_LOAD', /*#__PURE__*/_regeneratorRuntime.mark(function _callee2
     }
   }, _callee2);
 }));
-regSaga(takeEvery('CONFIGURE_FORM', /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(action) {
+(0, _store.regSaga)((0, _effects.takeEvery)('CONFIGURE_FORM', /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3(action) {
   var formKey, _yield$select, dataSources;
-
-  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+  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 select(selectForm(formKey));
-
+          return (0, _effects.select)(selectForm(formKey));
         case 3:
           _yield$select = _context3.sent;
           dataSources = _yield$select.dataSources;
           _context3.next = 7;
-          return all(dataSources.map(function (ds, name) {
-            return fork(runDataSource, formKey, name, ds);
+          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);
-}))); // Create a process that represents a datasource, it listens for form events
+})));
+
+// Create a process that represents a datasource, it listens for form events
 // and checks to see if its parameters have changed, if it detects parameter
 // changes it should trigger a call to the datasource function. Finally, it
 // listens for a UNMOUNT_FORM action to end the while-loop.
-
 function runDataSource(formKey, name, dataSource) {
   var params, paramsFn, prevParams, _yield$race, _yield$race2, checkAction, unmountAction, formState, _params, nextParams;
-
-  return _regeneratorRuntime.wrap(function runDataSource$(_context4) {
+  return (0, _regeneratorRuntime2["default"])().wrap(function runDataSource$(_context4) {
     while (1) {
       switch (_context4.prev = _context4.next) {
         case 0:
           params = dataSource.params, paramsFn = dataSource.paramsFn;
-          prevParams = fromJS(params);
-
+          prevParams = (0, _immutable.fromJS)(params);
           if (!params) {
             _context4.next = 5;
             break;
           }
-
           _context4.next = 5;
-          return put(action('CALL_DATA_SOURCE', {
+          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 race([take(['CONFIGURE_FORM', 'REJECT_DATA_SOURCE', 'RESET', 'RESOLVE_DATA_SOURCE', 'SET_VALUE', 'TOGGLE_MULTI_VALUE', 'SUBMIT_SUCCESS']), take('UNMOUNT_FORM')]);
-
+          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 = _slicedToArray(_yield$race, 2);
+          _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 select(selectForm(formKey));
-
+          return (0, _effects.select)(selectForm(formKey));
         case 20:
           formState = _context4.sent;
           _params = formState.getIn(['dataSources', name, 'params']);
-          nextParams = fromJS(_params);
-
-          if (is(nextParams, prevParams)) {
+          nextParams = (0, _immutable.fromJS)(_params);
+          if ((0, _immutable.is)(nextParams, prevParams)) {
             _context4.next = 27;
             break;
           }
-
           prevParams = nextParams;
           _context4.next = 27;
-          return put(_params ? action('CALL_DATA_SOURCE', {
+          return (0, _effects.put)(_params ? (0, _store.action)('CALL_DATA_SOURCE', {
             formKey: formKey,
             name: name,
             params: _params
-          }) : action('RESOLVE_DATA_SOURCE', {
+          }) : (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();
@@ -436,112 +412,104 @@ function runDataSource(formKey, name, dataSource) {
     }
   }, _marked);
 }
-
-regSaga(takeEvery('CALL_DATA_SOURCE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref17) {
-  var _ref17$payload, formKey, name, params, _yield$select2, fn, transform, data, timestamp;
-
-  return _regeneratorRuntime.wrap(function _callee4$(_context5) {
-    while (1) {
-      switch (_context5.prev = _context5.next) {
-        case 0:
-          _ref17$payload = _ref17.payload, formKey = _ref17$payload.formKey, name = _ref17$payload.name, params = _ref17$payload.params;
-          _context5.prev = 1;
-          _context5.next = 4;
-          return select(selectDataSource(formKey, name));
-
-        case 4:
-          _yield$select2 = _context5.sent;
-          fn = _yield$select2.fn;
-          transform = _yield$select2.transform;
-          _context5.next = 9;
-          return call.apply(void 0, [fn].concat(_toConsumableArray(params)));
-
-        case 9:
-          data = _context5.sent;
-          _context5.next = 12;
-          return call(getTimestamp);
-
-        case 12:
-          timestamp = _context5.sent;
-          _context5.next = 15;
-          return put(action('RESOLVE_DATA_SOURCE', {
-            formKey: formKey,
-            name: name,
-            data: transform ? transform(data) : data,
-            timestamp: timestamp
-          }));
-
-        case 15:
-          _context5.next = 20;
-          break;
-
-        case 17:
-          _context5.prev = 17;
-          _context5.t0 = _context5["catch"](1);
-          console.error(_context5.t0);
-
-        case 20:
-        case "end":
-          return _context5.stop();
+(0, _store.regSaga)((0, _effects.takeEvery)('CALL_DATA_SOURCE', function (_ref17) {
+  var _ref17$payload = _ref17.payload,
+    formKey = _ref17$payload.formKey,
+    name = _ref17$payload.name,
+    params = _ref17$payload.params;
+  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();
+        }
       }
-    }
-  }, _callee4, null, [[1, 17]]);
-})));
-regSaga('HANDLE_SET_VALUE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-  return _regeneratorRuntime.wrap(function _callee6$(_context7) {
+    }, _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 takeEvery(['SET_VALUE', 'TOGGLE_MULTI_VALUE'], /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref18) {
-            var _ref18$payload, formKey, name, triggerChange, _yield$select3, bindings, fields, _fields$get, _onChange;
-
-            return _regeneratorRuntime.wrap(function _callee5$(_context6) {
-              while (1) {
-                switch (_context6.prev = _context6.next) {
-                  case 0:
-                    _ref18$payload = _ref18.payload, formKey = _ref18$payload.formKey, name = _ref18$payload.name, triggerChange = _ref18$payload.triggerChange;
-                    _context6.prev = 1;
-
-                    if (!triggerChange) {
-                      _context6.next = 12;
-                      break;
-                    }
-
-                    _context6.next = 5;
-                    return select(selectForm(formKey));
-
-                  case 5:
-                    _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 = 12;
+          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;
-                    }
-
-                    _context6.next = 12;
-                    return call(_onChange, bindings, bindActions(formKey));
-
-                  case 12:
-                    _context6.next = 17;
-                    break;
-
-                  case 14:
-                    _context6.prev = 14;
-                    _context6.t0 = _context6["catch"](1);
-                    console.error(_context6.t0);
-
-                  case 17:
-                  case "end":
-                    return _context6.stop();
+                    case 13:
+                      _context6.prev = 13;
+                      _context6.t0 = _context6["catch"](0);
+                      console.error(_context6.t0);
+                    case 16:
+                    case "end":
+                      return _context6.stop();
+                  }
                 }
-              }
-            }, _callee5, null, [[1, 14]]);
-          }));
-
+              }, _callee5, null, [[0, 13]]);
+            })();
+          });
         case 2:
         case "end":
           return _context7.stop();
@@ -549,155 +517,144 @@ regSaga('HANDLE_SET_VALUE', /*#__PURE__*/_regeneratorRuntime.mark(function _call
     }
   }, _callee6);
 }));
-regSaga(takeEvery('REJECT_DATA_SOURCE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_ref19) {
-  var payload;
-  return _regeneratorRuntime.wrap(function _callee7$(_context8) {
-    while (1) {
-      switch (_context8.prev = _context8.next) {
-        case 0:
-          payload = _ref19.payload;
-          _context8.next = 3;
-          return call(console.error, 'REJECT_DATA_SOURCE', payload);
-
-        case 3:
-        case "end":
-          return _context8.stop();
+(0, _store.regSaga)((0, _effects.takeEvery)('REJECT_DATA_SOURCE', function (_ref19) {
+  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();
+        }
       }
-    }
-  }, _callee7);
-})));
-regSaga(takeEvery('SUBMIT', /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(_ref20) {
-  var _ref20$payload, formKey, fieldSet, onInvalid, _yield$select4, bindings, fields, _onSubmit, onSave, onError, computedFieldSet, values, errors, result;
-
-  return _regeneratorRuntime.wrap(function _callee8$(_context9) {
-    while (1) {
-      switch (_context9.prev = _context9.next) {
-        case 0:
-          _ref20$payload = _ref20.payload, formKey = _ref20$payload.formKey, fieldSet = _ref20$payload.fieldSet, onInvalid = _ref20$payload.onInvalid;
-          _context9.prev = 1;
-          _context9.next = 4;
-          return select(selectForm(formKey));
-
-        case 4:
-          _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 = 33;
+    }, _callee7);
+  })();
+}));
+(0, _store.regSaga)((0, _effects.takeEvery)('SUBMIT', function (_ref20) {
+  var _ref20$payload = _ref20.payload,
+    formKey = _ref20$payload.formKey,
+    fieldSet = _ref20$payload.fieldSet,
+    onInvalid = _ref20$payload.onInvalid;
+  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;
+            }
+            _context9.next = 21;
+            return (0, _effects.call)(onSave, result);
+          case 21:
+            _context9.next = 30;
             break;
-          }
-
-          _context9.prev = 14;
-          _context9.next = 17;
-          return call(_onSubmit, values, bindings);
-
-        case 17:
-          result = _context9.sent;
-          dispatch('SUBMIT_SUCCESS', {
-            formKey: formKey
-          });
-
-          if (!onSave) {
-            _context9.next = 22;
+          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 = 30;
+            return (0, _effects.call)(onError, _context9.t0);
+          case 30:
+            _context9.next = 34;
             break;
-          }
-
-          _context9.next = 22;
-          return call(onSave, result);
-
-        case 22:
-          _context9.next = 31;
-          break;
-
-        case 24:
-          _context9.prev = 24;
-          _context9.t0 = _context9["catch"](14);
-          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 = 31;
+          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;
-          }
-
-          _context9.next = 31;
-          return call(onError, _context9.t0);
-
-        case 31:
-          _context9.next = 35;
-          break;
-
-        case 33:
-          dispatch('SUBMIT_FIELD_ERRORS', {
-            formKey: formKey,
-            fieldNames: errors.keySeq()
-          });
-
-          if (isFunction(onInvalid)) {
-            onInvalid(errors);
-          }
-
-        case 35:
-          _context9.next = 40;
-          break;
-
-        case 37:
-          _context9.prev = 37;
-          _context9.t1 = _context9["catch"](1);
-          console.error(_context9.t1);
-
-        case 40:
-        case "end":
-          return _context9.stop();
+          case 36:
+            _context9.prev = 36;
+            _context9.t1 = _context9["catch"](0);
+            console.error(_context9.t1);
+          case 39:
+          case "end":
+            return _context9.stop();
+        }
       }
-    }
-  }, _callee8, null, [[1, 37], [14, 24]]);
-})));
-export var setValue = function setValue(formKey, name, value) {
+    }, _callee8, null, [[0, 36], [13, 23]]);
+  })();
+}));
+var setValue = function setValue(formKey, name, value) {
   var triggerChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  dispatch('SET_VALUE', {
+  (0, _store.dispatch)('SET_VALUE', {
     formKey: formKey,
     name: name,
     value: value,
     triggerChange: triggerChange
   });
 };
-export var toggleMultiValue = function toggleMultiValue(formKey, name, value) {
+exports.setValue = setValue;
+var toggleMultiValue = function toggleMultiValue(formKey, name, value) {
   var triggerChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  dispatch('TOGGLE_MULTI_VALUE', {
+  (0, _store.dispatch)('TOGGLE_MULTI_VALUE', {
     formKey: formKey,
     name: name,
     value: value,
     triggerChange: triggerChange
   });
 };
+exports.toggleMultiValue = toggleMultiValue;
 var actions = {
   setValue: function setValue(formKey) {
     return function (name, value) {
       var triggerChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      return dispatch('SET_VALUE', {
+      return (0, _store.dispatch)('SET_VALUE', {
         formKey: formKey,
         name: name,
         value: value,
@@ -708,7 +665,7 @@ var actions = {
   toggleMultiValue: function toggleMultiValue(formKey) {
     return function (name, value) {
       var triggerChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      return dispatch('TOGGLE_MULTI_VALUE', {
+      return (0, _store.dispatch)('TOGGLE_MULTI_VALUE', {
         formKey: formKey,
         name: name,
         value: value,
@@ -717,51 +674,49 @@ var actions = {
     };
   }
 };
-
 var bindActions = function bindActions(formKey) {
   return Object.entries(actions).reduce(function (acc, _ref21) {
-    var _ref22 = _slicedToArray(_ref21, 2),
-        name = _ref22[0],
-        fn = _ref22[1];
-
-    return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, name, fn(formKey)));
+    var _ref22 = (0, _slicedToArray2["default"])(_ref21, 2),
+      name = _ref22[0],
+      fn = _ref22[1];
+    return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, acc), {}, (0, _defineProperty2["default"])({}, name, fn(formKey)));
   }, {});
 };
-
-export var onFocus = function onFocus(_ref23) {
+var onFocus = function onFocus(_ref23) {
   var formKey = _ref23.formKey,
-      name = _ref23.name;
+    name = _ref23.name;
   return function () {
-    dispatch('FOCUS_FIELD', {
+    (0, _store.dispatch)('FOCUS_FIELD', {
       formKey: formKey,
       name: name
     });
   };
 };
-export var onBlur = function onBlur(_ref24) {
+exports.onFocus = onFocus;
+var onBlur = function onBlur(_ref24) {
   var formKey = _ref24.formKey,
-      name = _ref24.name;
+    name = _ref24.name;
   return function () {
-    dispatch('BLUR_FIELD', {
+    (0, _store.dispatch)('BLUR_FIELD', {
       formKey: formKey,
       name: name
     });
   };
 };
+exports.onBlur = onBlur;
 var LIST_VALUE_TYPES = ['checkbox-multi'];
-export var onChange = function onChange(_ref25) {
+var onChange = function onChange(_ref25) {
   var formKey = _ref25.formKey,
-      type = _ref25.type,
-      name = _ref25.name;
+    type = _ref25.type,
+    name = _ref25.name;
   return function (event) {
     var value;
-
     if (type === 'checkbox' && event && event.target) {
       value = event.target.checked;
     } else if (type === 'checkbox-multi') {
       value = event.target.value;
     } else if (type === 'select-multi' && event && event.target && event.target.options) {
-      value = List(event.target.options).filter(function (o) {
+      value = (0, _immutable.List)(event.target.options).filter(function (o) {
         return o.selected;
       }).map(function (o) {
         return o.value;
@@ -771,7 +726,6 @@ export var onChange = function onChange(_ref25) {
     } else {
       value = event;
     }
-
     if (LIST_VALUE_TYPES.includes(type)) {
       actions.toggleMultiValue(formKey)(name, value);
     } else {
@@ -779,79 +733,90 @@ export var onChange = function onChange(_ref25) {
     }
   };
 };
-export var onSubmit = function onSubmit(formKey, fieldSet) {
+exports.onChange = onChange;
+var onSubmit = function onSubmit(formKey, fieldSet) {
   return function (event) {
     event && event.preventDefault && event.preventDefault();
-    dispatch('SUBMIT', {
+    (0, _store.dispatch)('SUBMIT', {
       formKey: formKey,
       fieldSet: fieldSet
     });
   };
 };
-export var onReset = function onReset(formKey) {
+exports.onSubmit = onSubmit;
+var onReset = function onReset(formKey) {
   return function () {
     return resetForm(formKey);
   };
 };
-export var clearError = function clearError(formKey) {
+exports.onReset = onReset;
+var clearError = function clearError(formKey) {
   return function (event) {
-    dispatch('CLEAR_ERROR', {
+    (0, _store.dispatch)('CLEAR_ERROR', {
       formKey: formKey
     });
   };
 };
-export var mountForm = function mountForm(formKey) {
-  return dispatch('MOUNT_FORM', {
+exports.clearError = clearError;
+var mountForm = function mountForm(formKey) {
+  return (0, _store.dispatch)('MOUNT_FORM', {
     formKey: formKey
   });
 };
-export var unmountForm = function unmountForm(formKey) {
-  return dispatch('UNMOUNT_FORM', {
+exports.mountForm = mountForm;
+var unmountForm = function unmountForm(formKey) {
+  return (0, _store.dispatch)('UNMOUNT_FORM', {
     formKey: formKey
   });
 };
-export var resetForm = function resetForm(formKey) {
-  return dispatch('RESET', {
+exports.unmountForm = unmountForm;
+var resetForm = function resetForm(formKey) {
+  return (0, _store.dispatch)('RESET', {
     formKey: formKey
   });
 };
-export var reloadDataSource = function reloadDataSource(formKey, name) {
-  return dispatch('CALL_DATA_SOURCE', {
+exports.resetForm = resetForm;
+var reloadDataSource = function reloadDataSource(formKey, name) {
+  return (0, _store.dispatch)('CALL_DATA_SOURCE', {
     formKey: formKey,
     name: name
   });
 };
-export var configureForm = function configureForm(config) {
-  return dispatch('CONFIGURE_FORM', config);
+exports.reloadDataSource = reloadDataSource;
+var configureForm = function configureForm(config) {
+  return (0, _store.dispatch)('CONFIGURE_FORM', config);
 };
-export var submitForm = function submitForm(formKey, _ref26) {
+exports.configureForm = configureForm;
+var submitForm = function submitForm(formKey, _ref26) {
   var fieldSet = _ref26.fieldSet,
-      onInvalid = _ref26.onInvalid,
-      values = _ref26.values;
-  return dispatch('SUBMIT', {
+    onInvalid = _ref26.onInvalid,
+    values = _ref26.values;
+  return (0, _store.dispatch)('SUBMIT', {
     formKey: formKey,
     fieldSet: fieldSet,
     onInvalid: onInvalid,
     values: values
   });
 };
-export var serializeForm = function serializeForm(formKey) {
+exports.submitForm = submitForm;
+var serializeForm = function serializeForm(formKey) {
   var _ref27 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      fieldSet = _ref27.fieldSet;
-
-  return serializeImpl(selectForm(formKey)(store.getState()), fieldSet);
+    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;
+    fields = _ref28.fields;
   var computedFieldSet = computeFieldSet(fields, fieldSet);
   return fields.filter(function (field) {
     return !field["transient"] && computedFieldSet.contains(field.name);
   }).map(function (field) {
     return field.serialize ? field.serialize(bindings) : field.value;
   });
-}; // Wraps the FormImpl to handle the formKey behavior. If this is passed a
+};
+
+// Wraps the FormImpl to handle the formKey behavior. If this is passed a
 // formKey prop this wrapper is essentially a noop, but if it is not passed a
 // formKey then it generates one and stores it as component state and passes
 // that to FormImpl. When it generates its own form key it then mounts/unmounts
@@ -862,25 +827,18 @@ var serializeImpl = function serializeImpl(_ref28, fieldSet) {
 /**
  * @component
  */
-
-
-export var Form = /*#__PURE__*/function (_Component) {
-  _inherits(Form, _Component);
-
-  var _super = _createSuper(Form);
-
+var Form = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(Form, _Component);
+  var _super = (0, _createSuper2["default"])(Form);
   function Form(props) {
     var _this;
-
-    _classCallCheck(this, Form);
-
+    (0, _classCallCheck2["default"])(this, Form);
     _this = _super.call(this, props);
     _this.auto = !_this.props.formKey || _this.props.uncontrolled;
-    _this.formKey = _this.props.formKey || 'f' + generateKey();
+    _this.formKey = _this.props.formKey || 'f' + (0, _helpers.generateKey)();
     return _this;
   }
-
-  _createClass(Form, [{
+  (0, _createClass2["default"])(Form, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.auto) {
@@ -898,54 +856,43 @@ export var Form = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          components = _this$props.components,
-          props = _objectWithoutProperties(_this$props, ["components"]);
-
-      return /*#__PURE__*/React.createElement(ComponentConfigContext.Consumer, null, function (config) {
-        return /*#__PURE__*/React.createElement(FormImpl, Object.assign({}, props, {
+        components = _this$props.components,
+        props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      return /*#__PURE__*/_react["default"].createElement(_ComponentConfigContext.ComponentConfigContext.Consumer, null, function (config) {
+        return /*#__PURE__*/_react["default"].createElement(FormImpl, Object.assign({}, props, {
           formKey: _this2.auto ? _this2.formKey : _this2.props.formKey,
-          components: config.merge(Map(components).filter(function (c) {
+          components: config.merge((0, _immutable.Map)(components).filter(function (c) {
             return !!c;
           }))
         }));
       });
     }
   }]);
-
   return Form;
-}(Component);
-
+}(_react.Component);
+exports.Form = Form;
 var computeFieldSet = function computeFieldSet(fields, fieldSetProp) {
-  var defaultFieldSet = OrderedSet(fields.keySeq());
-  return OrderedSet(!fieldSetProp ? defaultFieldSet : typeof fieldSetProp === 'function' ? fieldSetProp(defaultFieldSet) : fieldSetProp);
+  var defaultFieldSet = (0, _immutable.OrderedSet)(fields.keySeq());
+  return (0, _immutable.OrderedSet)(!fieldSetProp ? defaultFieldSet : typeof fieldSetProp === 'function' ? fieldSetProp(defaultFieldSet) : fieldSetProp);
 };
-
 var evaluateReadOnly = function evaluateReadOnly(readOnlyProp, bindings) {
   return typeof readOnlyProp === 'boolean' ? readOnlyProp : typeof readOnlyProp === 'function' ? readOnlyProp(bindings) : false;
 };
-
 var FormImplComponent = /*#__PURE__*/function (_Component2) {
-  _inherits(FormImplComponent, _Component2);
-
-  var _super2 = _createSuper(FormImplComponent);
-
+  (0, _inherits2["default"])(FormImplComponent, _Component2);
+  var _super2 = (0, _createSuper2["default"])(FormImplComponent);
   function FormImplComponent() {
     var _this3;
-
-    _classCallCheck(this, FormImplComponent);
-
+    (0, _classCallCheck2["default"])(this, FormImplComponent);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this3 = _super2.call.apply(_super2, [this].concat(args));
-    _this3.focusRef = createRef();
+    _this3.focusRef = /*#__PURE__*/(0, _react.createRef)();
     return _this3;
   }
-
-  _createClass(FormImplComponent, [{
+  (0, _createClass2["default"])(FormImplComponent, [{
     key: "checkConfigure",
     value: function checkConfigure() {
       if (this.props.formState === null) {
@@ -955,10 +902,10 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.checkConfigure(); // if the form was mounted then hidden (by being unrendered) its possible
+      this.checkConfigure();
+      // if the form was mounted then hidden (by being unrendered) its possible
       // that when its shown again the fields will already be ready to render so
       // we need to check focus on mount as well
-
       if (this.props.formState && this.props.formState.fields && this.focusRef.current) {
         this.focusRef.current.focus();
       }
@@ -966,12 +913,13 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      this.checkConfigure(); // after the first render where fields should be rendered, check to see if
+      this.checkConfigure();
+      // after the first render where fields should be rendered, check to see if
       // we should focus a field (based on the autoFocus prop passed to the Form)
-
       if (this.props.formState && this.props.formState.fields && !(prevProps.formState && prevProps.formState.fields) && this.focusRef.current) {
         this.focusRef.current.focus();
-      } // else if the autoFocus prop has been changed we will also focus the new
+      }
+      // else if the autoFocus prop has been changed we will also focus the new
       // resulting focus element
       else if (this.props.autoFocus !== prevProps.autoFocus && this.focusRef.current) {
         this.focusRef.current.focus();
@@ -981,66 +929,62 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var _this$props2 = this.props,
-          addFields = _this$props2.addFields,
-          alterFields = _this$props2.alterFields,
-          autoFocus = _this$props2.autoFocus,
-          components = _this$props2.components,
-          fieldsFn = _this$props2.fields,
-          fieldSet = _this$props2.fieldSet,
-          formKey = _this$props2.formKey,
-          formState = _this$props2.formState,
-          readOnly = _this$props2.readOnly;
+        addFields = _this$props2.addFields,
+        alterFields = _this$props2.alterFields,
+        autoFocus = _this$props2.autoFocus,
+        components = _this$props2.components,
+        fieldsFn = _this$props2.fields,
+        fieldSet = _this$props2.fieldSet,
+        formKey = _this$props2.formKey,
+        formState = _this$props2.formState,
+        readOnly = _this$props2.readOnly;
       var bindings = formState ? formState.bindings : {};
       var initialized = formState ? !!formState.fields : false;
       var form = null;
-
       if (initialized) {
         var _components$toObject = components.toObject(),
-            FormButtons = _components$toObject.FormButtons,
-            FormError = _components$toObject.FormError,
-            FormLayout = _components$toObject.FormLayout;
-
+          FormButtons = _components$toObject.FormButtons,
+          FormError = _components$toObject.FormError,
+          FormLayout = _components$toObject.FormLayout;
         var error = formState.error,
-            fields = formState.fields,
-            formOptions = formState.formOptions,
-            submitting = formState.submitting; // Build a map of components by field, merging the fields, addFields, and
-
+          fields = formState.fields,
+          formOptions = formState.formOptions,
+          submitting = formState.submitting;
+        // Build a map of components by field, merging the fields, addFields, and
         var dirty = fields.some(function (field) {
           return field.dirty;
-        }); // alterFields options. Note that we get those from the parent props not
+        });
+        // alterFields options. Note that we get those from the parent props not
         // redux store because we want to see new components on HMR updates.
-
-        var fieldComponents = resolveFieldConfig(formOptions, bindings, fieldsFn, addFields, alterFields).filter(function (fieldConfig) {
+        var fieldComponents = (0, _Form2.resolveFieldConfig)(formOptions, bindings, fieldsFn, addFields, alterFields).filter(function (fieldConfig) {
           return fieldConfig.component;
         }).map(function (fieldConfig) {
           return fieldConfig.component;
         });
         var readOnlyResult = evaluateReadOnly(readOnly, bindings);
         var computedFieldSet = computeFieldSet(fields, fieldSet);
-        form = /*#__PURE__*/React.createElement(FormLayout, {
+        form = /*#__PURE__*/_react["default"].createElement(FormLayout, {
           formKey: formKey,
           formOptions: formOptions,
-          fields: OrderedMap(computedFieldSet.map(function (name) {
+          fields: (0, _immutable.OrderedMap)(computedFieldSet.map(function (name) {
             return [name, fields.get(name)];
           })).mapEntries(function (_ref29, index) {
-            var _ref30 = _slicedToArray(_ref29, 2),
-                name = _ref30[0],
-                field = _ref30[1];
-
-            var FieldImpl = fieldComponents.get(name) || components.get(getComponentName(field), null);
-            return [name, FieldImpl ? /*#__PURE__*/React.createElement(FieldImpl, Object.assign({
+            var _ref30 = (0, _slicedToArray2["default"])(_ref29, 2),
+              name = _ref30[0],
+              field = _ref30[1];
+            var FieldImpl = fieldComponents.get(name) || components.get((0, _Form2.getComponentName)(field), null);
+            return [name, FieldImpl ? /*#__PURE__*/_react["default"].createElement(FieldImpl, Object.assign({
               key: name,
               focusRef: name === autoFocus || index === autoFocus ? _this4.focusRef : null
-            }, getFieldComponentProps(field, readOnlyResult))) : null];
+            }, (0, _Form2.getFieldComponentProps)(field, readOnlyResult))) : null];
           }),
           dirty: dirty,
-          error: error && /*#__PURE__*/React.createElement(FormError, {
+          error: error && /*#__PURE__*/_react["default"].createElement(FormError, {
             error: error,
             clear: clearError(formKey)
           }),
-          buttons: !readOnlyResult && /*#__PURE__*/React.createElement(FormButtons, {
+          buttons: !readOnlyResult && /*#__PURE__*/_react["default"].createElement(FormButtons, {
             formOptions: formOptions,
             fields: fields,
             formKey: formKey,
@@ -1053,13 +997,12 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
           }),
           bindings: bindings,
           meta: fields.map(function (field) {
-            return Map({
+            return (0, _immutable.Map)({
               visible: field.visible
             });
           })
         });
       }
-
       return typeof this.props.children === 'function' ? this.props.children({
         bindings: bindings,
         form: form,
@@ -1067,23 +1010,22 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
       }) : form;
     }
   }]);
-
   return FormImplComponent;
-}(Component);
-
-export var mapStateToProps = function mapStateToProps(state, props) {
+}(_react.Component);
+var mapStateToProps = function mapStateToProps(state, props) {
   return {
     formState: selectForm(props.formKey)(state)
   };
 };
-var FormImpl = connect(mapStateToProps)(FormImplComponent);
-export var generateForm = function generateForm(_ref31) {
+exports.mapStateToProps = mapStateToProps;
+var FormImpl = (0, _store.connect)(mapStateToProps)(FormImplComponent);
+var generateForm = function generateForm(_ref31) {
   var dataSources = _ref31.dataSources,
-      fields = _ref31.fields,
-      handleSubmit = _ref31.handleSubmit,
-      formOptions = _ref31.formOptions;
+    fields = _ref31.fields,
+    handleSubmit = _ref31.handleSubmit,
+    formOptions = _ref31.formOptions;
   return function (configurationProps) {
-    return /*#__PURE__*/React.createElement(Form, {
+    return /*#__PURE__*/_react["default"].createElement(Form, {
       addDataSources: configurationProps.addDataSources,
       addFields: configurationProps.addFields,
       alterFields: configurationProps.alterFields,
@@ -1093,7 +1035,7 @@ export var generateForm = function generateForm(_ref31) {
       fields: fields,
       fieldSet: configurationProps.fieldSet,
       formKey: configurationProps.formKey,
-      formOptions: pick(configurationProps, formOptions),
+      formOptions: (0, _lodashEs.pick)(configurationProps, formOptions),
       onSubmit: handleSubmit,
       onSave: configurationProps.onSave,
       onError: configurationProps.onError,
@@ -1102,4 +1044,5 @@ export var generateForm = function generateForm(_ref31) {
       readOnly: configurationProps.readOnly
     }, configurationProps.children);
   };
-};
+};
+exports.generateForm = generateForm;