@kineticdata/react 5.1.0-rc.2 → 5.1.0

package/lib/components/form/Form.js

@@ -157,34 +157,49 @@ regHandlers({
       });
     }).updateIn(['forms', formKey], digest);
   },
-  FOCUS_FIELD: function FOCUS_FIELD(state, _ref5) {
+  TOGGLE_MULTI_VALUE: function TOGGLE_MULTI_VALUE(state, _ref5) {
     var _ref5$payload = _ref5.payload,
         formKey = _ref5$payload.formKey,
-        name = _ref5$payload.name;
-    return state.setIn(['forms', formKey, 'fields', name, 'focused'], true);
+        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)
+      });
+    }).updateIn(['forms', formKey], digest);
   },
-  BLUR_FIELD: function BLUR_FIELD(state, _ref6) {
+  FOCUS_FIELD: function FOCUS_FIELD(state, _ref6) {
     var _ref6$payload = _ref6.payload,
         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;
     return state.mergeIn(['forms', formKey, 'fields', name], {
       focused: false,
       touched: true
     });
   },
-  CALL_DATA_SOURCE: function CALL_DATA_SOURCE(state, _ref7) {
-    var _ref7$payload = _ref7.payload,
-        formKey = _ref7$payload.formKey,
-        name = _ref7$payload.name;
+  CALL_DATA_SOURCE: function CALL_DATA_SOURCE(state, _ref8) {
+    var _ref8$payload = _ref8.payload,
+        formKey = _ref8$payload.formKey,
+        name = _ref8$payload.name;
     return state.mergeIn(['forms', formKey, 'dataSources', name], {
       status: DATA_SOURCE_STATUS.PENDING
     });
   },
-  RESOLVE_DATA_SOURCE: function RESOLVE_DATA_SOURCE(state, _ref8) {
-    var _ref8$payload = _ref8.payload,
-        formKey = _ref8$payload.formKey,
-        name = _ref8$payload.name,
-        data = _ref8$payload.data;
+  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;
     return state.updateIn(['forms', formKey, 'dataSources', name], function (dataSource) {
       return dataSource && dataSource.merge({
         data: fromJS(data),
@@ -192,38 +207,38 @@ regHandlers({
       });
     }).updateIn(['forms', formKey], digest);
   },
-  RESET: function RESET(state, _ref9) {
-    var formKey = _ref9.payload.formKey;
+  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;
   },
-  SUBMIT: function SUBMIT(state, _ref10) {
-    var _ref10$payload = _ref10.payload,
-        formKey = _ref10$payload.formKey,
-        values = _ref10$payload.values;
+  SUBMIT: function SUBMIT(state, _ref11) {
+    var _ref11$payload = _ref11.payload,
+        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']), ''));
       }, fields);
     }).updateIn(['forms', formKey], digest);
   },
-  SUBMIT_SUCCESS: function SUBMIT_SUCCESS(state, _ref11) {
-    var formKey = _ref11.payload.formKey;
+  SUBMIT_SUCCESS: function SUBMIT_SUCCESS(state, _ref12) {
+    var formKey = _ref12.payload.formKey;
     return state.setIn(['forms', formKey, 'submitting'], false).setIn(['forms', formKey, 'error'], null).updateIn(['forms', formKey, 'fields'], reinitializeFields).updateIn(['forms', formKey], digest);
   },
-  SUBMIT_ERROR: function SUBMIT_ERROR(state, _ref12) {
-    var _ref12$payload = _ref12.payload,
-        formKey = _ref12$payload.formKey,
-        error = _ref12$payload.error;
+  SUBMIT_ERROR: function SUBMIT_ERROR(state, _ref13) {
+    var _ref13$payload = _ref13.payload,
+        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, _ref13) {
-    var formKey = _ref13.payload.formKey;
+  CLEAR_ERROR: function CLEAR_ERROR(state, _ref14) {
+    var formKey = _ref14.payload.formKey;
     return state.setIn(['forms', formKey, 'error'], null);
   },
-  SUBMIT_FIELD_ERRORS: function SUBMIT_FIELD_ERRORS(state, _ref14) {
-    var _ref14$payload = _ref14.payload,
-        formKey = _ref14$payload.formKey,
-        fieldNames = _ref14$payload.fieldNames;
+  SUBMIT_FIELD_ERRORS: function SUBMIT_FIELD_ERRORS(state, _ref15) {
+    var _ref15$payload = _ref15.payload,
+        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;
@@ -252,13 +267,13 @@ regSaga('CHECK_ON_LOAD', /*#__PURE__*/_regeneratorRuntime.mark(function _callee2
         case 0:
           checkActions = ['CONFIGURE_FORM', 'RESOLVE_DATA_SOURCE'];
           _context2.next = 3;
-          return takeEvery(checkActions, /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref15) {
+          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 = _ref15.payload.formKey;
+                    formKey = _ref16.payload.formKey;
                     _context.prev = 1;
                     _context.next = 4;
                     return select(selectForm(formKey));
@@ -363,7 +378,7 @@ function runDataSource(formKey, name, dataSource) {
           }
 
           _context4.next = 9;
-          return race([take(['CONFIGURE_FORM', 'REJECT_DATA_SOURCE', 'RESET', 'RESOLVE_DATA_SOURCE', 'SET_VALUE', 'SUBMIT_SUCCESS']), take('UNMOUNT_FORM')]);
+          return race([take(['CONFIGURE_FORM', 'REJECT_DATA_SOURCE', 'RESET', 'RESOLVE_DATA_SOURCE', 'SET_VALUE', 'TOGGLE_MULTI_VALUE', 'SUBMIT_SUCCESS']), take('UNMOUNT_FORM')]);
 
         case 9:
           _yield$race = _context4.sent;
@@ -422,14 +437,14 @@ function runDataSource(formKey, name, dataSource) {
   }, _marked);
 }
 
-regSaga(takeEvery('CALL_DATA_SOURCE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref16) {
-  var _ref16$payload, formKey, name, params, _yield$select2, fn, transform, data, timestamp;
+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:
-          _ref16$payload = _ref16.payload, formKey = _ref16$payload.formKey, name = _ref16$payload.name, params = _ref16$payload.params;
+          _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));
@@ -472,85 +487,99 @@ regSaga(takeEvery('CALL_DATA_SOURCE', /*#__PURE__*/_regeneratorRuntime.mark(func
     }
   }, _callee4, null, [[1, 17]]);
 })));
-regSaga(takeEvery('SET_VALUE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref17) {
-  var _ref17$payload, formKey, name, triggerChange, _yield$select3, bindings, fields, _fields$get, _onChange;
-
-  return _regeneratorRuntime.wrap(function _callee5$(_context6) {
+regSaga('HANDLE_SET_VALUE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+  return _regeneratorRuntime.wrap(function _callee6$(_context7) {
     while (1) {
-      switch (_context6.prev = _context6.next) {
+      switch (_context7.prev = _context7.next) {
         case 0:
-          _ref17$payload = _ref17.payload, formKey = _ref17$payload.formKey, name = _ref17$payload.name, triggerChange = _ref17$payload.triggerChange;
-          _context6.prev = 1;
+          _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;
 
-          if (!triggerChange) {
-            _context6.next = 12;
-            break;
-          }
+            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;
 
-          _context6.next = 5;
-          return select(selectForm(formKey));
+                    if (!triggerChange) {
+                      _context6.next = 12;
+                      break;
+                    }
 
-        case 5:
-          _yield$select3 = _context6.sent;
-          bindings = _yield$select3.bindings;
-          fields = _yield$select3.fields;
-          _fields$get = fields.get(name), _onChange = _fields$get.onChange;
+                    _context6.next = 5;
+                    return select(selectForm(formKey));
 
-          if (!_onChange) {
-            _context6.next = 12;
-            break;
-          }
+                  case 5:
+                    _yield$select3 = _context6.sent;
+                    bindings = _yield$select3.bindings;
+                    fields = _yield$select3.fields;
+                    _fields$get = fields.get(name), _onChange = _fields$get.onChange;
 
-          _context6.next = 12;
-          return call(_onChange, bindings, bindActions(formKey));
+                    if (!_onChange) {
+                      _context6.next = 12;
+                      break;
+                    }
 
-        case 12:
-          _context6.next = 17;
-          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 14:
+                    _context6.prev = 14;
+                    _context6.t0 = _context6["catch"](1);
+                    console.error(_context6.t0);
 
-        case 17:
+                  case 17:
+                  case "end":
+                    return _context6.stop();
+                }
+              }
+            }, _callee5, null, [[1, 14]]);
+          }));
+
+        case 2:
         case "end":
-          return _context6.stop();
+          return _context7.stop();
       }
     }
-  }, _callee5, null, [[1, 14]]);
-})));
-regSaga(takeEvery('REJECT_DATA_SOURCE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref18) {
+  }, _callee6);
+}));
+regSaga(takeEvery('REJECT_DATA_SOURCE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_ref19) {
   var payload;
-  return _regeneratorRuntime.wrap(function _callee6$(_context7) {
+  return _regeneratorRuntime.wrap(function _callee7$(_context8) {
     while (1) {
-      switch (_context7.prev = _context7.next) {
+      switch (_context8.prev = _context8.next) {
         case 0:
-          payload = _ref18.payload;
-          _context7.next = 3;
+          payload = _ref19.payload;
+          _context8.next = 3;
           return call(console.error, 'REJECT_DATA_SOURCE', payload);
 
         case 3:
         case "end":
-          return _context7.stop();
+          return _context8.stop();
       }
     }
-  }, _callee6);
+  }, _callee7);
 })));
-regSaga(takeEvery('SUBMIT', /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_ref19) {
-  var _ref19$payload, formKey, fieldSet, onInvalid, _yield$select4, bindings, fields, _onSubmit, onSave, onError, computedFieldSet, values, errors, result;
+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 _callee7$(_context8) {
+  return _regeneratorRuntime.wrap(function _callee8$(_context9) {
     while (1) {
-      switch (_context8.prev = _context8.next) {
+      switch (_context9.prev = _context9.next) {
         case 0:
-          _ref19$payload = _ref19.payload, formKey = _ref19$payload.formKey, fieldSet = _ref19$payload.fieldSet, onInvalid = _ref19$payload.onInvalid;
-          _context8.prev = 1;
-          _context8.next = 4;
+          _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 = _context8.sent;
+          _yield$select4 = _context9.sent;
           bindings = _yield$select4.bindings;
           fields = _yield$select4.fields;
           _onSubmit = _yield$select4.onSubmit;
@@ -570,54 +599,54 @@ regSaga(takeEvery('SUBMIT', /*#__PURE__*/_regeneratorRuntime.mark(function _call
           });
 
           if (!errors.isEmpty()) {
-            _context8.next = 33;
+            _context9.next = 33;
             break;
           }
 
-          _context8.prev = 14;
-          _context8.next = 17;
+          _context9.prev = 14;
+          _context9.next = 17;
           return call(_onSubmit, values, bindings);
 
         case 17:
-          result = _context8.sent;
+          result = _context9.sent;
           dispatch('SUBMIT_SUCCESS', {
             formKey: formKey
           });
 
           if (!onSave) {
-            _context8.next = 22;
+            _context9.next = 22;
             break;
           }
 
-          _context8.next = 22;
+          _context9.next = 22;
           return call(onSave, result);
 
         case 22:
-          _context8.next = 31;
+          _context9.next = 31;
           break;
 
         case 24:
-          _context8.prev = 24;
-          _context8.t0 = _context8["catch"](14);
+          _context9.prev = 24;
+          _context9.t0 = _context9["catch"](14);
           dispatch('SUBMIT_ERROR', {
             formKey: formKey,
-            error: typeof _context8.t0 === 'string' ? _context8.t0 : 'Unexpected error occurred'
+            error: typeof _context9.t0 === 'string' ? _context9.t0 : 'Unexpected error occurred'
           });
 
-          if (typeof _context8.t0 !== 'string') {
-            console.error('Error handling  form submit', _context8.t0);
+          if (typeof _context9.t0 !== 'string') {
+            console.error('Error handling  form submit', _context9.t0);
           }
 
           if (!onError) {
-            _context8.next = 31;
+            _context9.next = 31;
             break;
           }
 
-          _context8.next = 31;
-          return call(onError, _context8.t0);
+          _context9.next = 31;
+          return call(onError, _context9.t0);
 
         case 31:
-          _context8.next = 35;
+          _context9.next = 35;
           break;
 
         case 33:
@@ -631,20 +660,20 @@ regSaga(takeEvery('SUBMIT', /*#__PURE__*/_regeneratorRuntime.mark(function _call
           }
 
         case 35:
-          _context8.next = 40;
+          _context9.next = 40;
           break;
 
         case 37:
-          _context8.prev = 37;
-          _context8.t1 = _context8["catch"](1);
-          console.error(_context8.t1);
+          _context9.prev = 37;
+          _context9.t1 = _context9["catch"](1);
+          console.error(_context9.t1);
 
         case 40:
         case "end":
-          return _context8.stop();
+          return _context9.stop();
       }
     }
-  }, _callee7, null, [[1, 37], [14, 24]]);
+  }, _callee8, null, [[1, 37], [14, 24]]);
 })));
 export var setValue = function setValue(formKey, name, value) {
   var triggerChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
@@ -655,6 +684,15 @@ export var setValue = function setValue(formKey, name, value) {
     triggerChange: triggerChange
   });
 };
+export var toggleMultiValue = function toggleMultiValue(formKey, name, value) {
+  var triggerChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  dispatch('TOGGLE_MULTI_VALUE', {
+    formKey: formKey,
+    name: name,
+    value: value,
+    triggerChange: triggerChange
+  });
+};
 var actions = {
   setValue: function setValue(formKey) {
     return function (name, value) {
@@ -666,22 +704,33 @@ var actions = {
         triggerChange: triggerChange
       });
     };
+  },
+  toggleMultiValue: function toggleMultiValue(formKey) {
+    return function (name, value) {
+      var triggerChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      return dispatch('TOGGLE_MULTI_VALUE', {
+        formKey: formKey,
+        name: name,
+        value: value,
+        triggerChange: triggerChange
+      });
+    };
   }
 };
 
 var bindActions = function bindActions(formKey) {
-  return Object.entries(actions).reduce(function (acc, _ref20) {
-    var _ref21 = _slicedToArray(_ref20, 2),
-        name = _ref21[0],
-        fn = _ref21[1];
+  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)));
   }, {});
 };
 
-export var onFocus = function onFocus(_ref22) {
-  var formKey = _ref22.formKey,
-      name = _ref22.name;
+export var onFocus = function onFocus(_ref23) {
+  var formKey = _ref23.formKey,
+      name = _ref23.name;
   return function () {
     dispatch('FOCUS_FIELD', {
       formKey: formKey,
@@ -689,9 +738,9 @@ export var onFocus = function onFocus(_ref22) {
     });
   };
 };
-export var onBlur = function onBlur(_ref23) {
-  var formKey = _ref23.formKey,
-      name = _ref23.name;
+export var onBlur = function onBlur(_ref24) {
+  var formKey = _ref24.formKey,
+      name = _ref24.name;
   return function () {
     dispatch('BLUR_FIELD', {
       formKey: formKey,
@@ -699,15 +748,18 @@ export var onBlur = function onBlur(_ref23) {
     });
   };
 };
-export var onChange = function onChange(_ref24) {
-  var formKey = _ref24.formKey,
-      type = _ref24.type,
-      name = _ref24.name;
+var LIST_VALUE_TYPES = ['checkbox-multi'];
+export var onChange = function onChange(_ref25) {
+  var formKey = _ref25.formKey,
+      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) {
         return o.selected;
@@ -720,7 +772,11 @@ export var onChange = function onChange(_ref24) {
       value = event;
     }
 
-    actions.setValue(formKey)(name, value);
+    if (LIST_VALUE_TYPES.includes(type)) {
+      actions.toggleMultiValue(formKey)(name, value);
+    } else {
+      actions.setValue(formKey)(name, value);
+    }
   };
 };
 export var onSubmit = function onSubmit(formKey, fieldSet) {
@@ -768,10 +824,10 @@ export var reloadDataSource = function reloadDataSource(formKey, name) {
 export var configureForm = function configureForm(config) {
   return dispatch('CONFIGURE_FORM', config);
 };
-export var submitForm = function submitForm(formKey, _ref25) {
-  var fieldSet = _ref25.fieldSet,
-      onInvalid = _ref25.onInvalid,
-      values = _ref25.values;
+export var submitForm = function submitForm(formKey, _ref26) {
+  var fieldSet = _ref26.fieldSet,
+      onInvalid = _ref26.onInvalid,
+      values = _ref26.values;
   return dispatch('SUBMIT', {
     formKey: formKey,
     fieldSet: fieldSet,
@@ -780,15 +836,15 @@ export var submitForm = function submitForm(formKey, _ref25) {
   });
 };
 export var serializeForm = function serializeForm(formKey) {
-  var _ref26 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      fieldSet = _ref26.fieldSet;
+  var _ref27 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      fieldSet = _ref27.fieldSet;
 
   return serializeImpl(selectForm(formKey)(store.getState()), fieldSet);
 };
 
-var serializeImpl = function serializeImpl(_ref27, fieldSet) {
-  var bindings = _ref27.bindings,
-      fields = _ref27.fields;
+var serializeImpl = function serializeImpl(_ref28, fieldSet) {
+  var bindings = _ref28.bindings,
+      fields = _ref28.fields;
   var computedFieldSet = computeFieldSet(fields, fieldSet);
   return fields.filter(function (field) {
     return !field["transient"] && computedFieldSet.contains(field.name);
@@ -968,10 +1024,10 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
           formOptions: formOptions,
           fields: OrderedMap(computedFieldSet.map(function (name) {
             return [name, fields.get(name)];
-          })).mapEntries(function (_ref28, index) {
-            var _ref29 = _slicedToArray(_ref28, 2),
-                name = _ref29[0],
-                field = _ref29[1];
+          })).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({
@@ -1021,11 +1077,11 @@ export var mapStateToProps = function mapStateToProps(state, props) {
   };
 };
 var FormImpl = connect(mapStateToProps)(FormImplComponent);
-export var generateForm = function generateForm(_ref30) {
-  var dataSources = _ref30.dataSources,
-      fields = _ref30.fields,
-      handleSubmit = _ref30.handleSubmit,
-      formOptions = _ref30.formOptions;
+export var generateForm = function generateForm(_ref31) {
+  var dataSources = _ref31.dataSources,
+      fields = _ref31.fields,
+      handleSubmit = _ref31.handleSubmit,
+      formOptions = _ref31.formOptions;
   return function (configurationProps) {
     return /*#__PURE__*/React.createElement(Form, {
       addDataSources: configurationProps.addDataSources,

package/lib/components/index.js

@@ -10,7 +10,7 @@ export { TableInput } from './common/TableInput';
 export { FormSelect } from './common/FormSelect';
 export { Scroller } from './common/Scroller';
 export { StaticSelect } from './common/StaticSelect';
-export { getToken, logout, timedOut } from './common/authentication/AuthenticationContainer'; // Form
+export { getCsrfToken, getToken, logout, timedOut } from './common/authentication/AuthenticationContainer'; // Form
 
 export { mountForm, resetForm, reloadDataSource, serializeForm, submitForm, unmountForm, // Don't keep.
 generateForm } from './form/Form';
@@ -81,6 +81,7 @@ export { SecurityDefinitionForm } from './core/security_definition/SecurityDefin
 export { SecurityDefinitionTable } from './core/security_definition/SecurityDefinitionTable';
 export { SpaceForm } from './core/space/SpaceForm';
 export { SubmissionTable } from './core/submission/SubmissionTable';
+export { SubmissionForm } from './core/submission/SubmissionForm';
 export { DatastoreSubmissionTable } from './core/submission/DatastoreSubmissionTable';
 export { TeamForm } from './core/team/TeamForm';
 export { TeamTable } from './core/team/TeamTable';
@@ -101,13 +102,16 @@ export { SystemUserForm } from './system/SystemUserForm';
 export { SystemSmtpForm } from './system/SystemSmtpForm';
 export { SystemTaskAdapterForm } from './system/SystemTaskAdapterForm';
 export { SystemIngressForm } from './system/SystemIngressForm';
+export { SystemSecurityForm } from './system/SystemSecurityForm';
 export { SystemForm } from './system/SystemForm';
+export { SystemBackgroundTasksTable } from './system/SystemBackgroundTasksTable';
 export { formPropertyName } from './system/helpers'; // Task
 
 export { TreeBuilder } from './task/builder/TreeBuilder';
 export { ConnectorForm } from './task/builder/ConnectorForm';
 export { NodeForm } from './task/builder/NodeForm';
 export { NodeParametersForm } from './task/builder/NodeParametersForm';
+export { generateTaskDefinition, TaskDefinitionConfigForm } from './task/builder/TaskDefinitionConfigForm';
 export { RunTable } from './task/runs/RunTable';
 export { RunTaskTable } from './task/runs/RunTaskTable';
 export { CreateManualTriggerForm } from './task/runs/CreateManualTriggerForm';