@kineticdata/react 5.1.0-rc.1 → 5.1.1

package/lib/components/system/SystemBackgroundTasksTable.js

@@ -0,0 +1,83 @@
+import { generateTable } from '../table/Table';
+import { fetchSystemBackgroundTasks } from '../../apis';
+import { defineFilter } from '../../helpers';
+import { List } from 'immutable';
+var clientSide = defineFilter(true).startsWith('id', 'id').startsWith('status', 'status').end();
+
+var dataSource = function dataSource(_ref) {
+  var spaceSlug = _ref.spaceSlug;
+  return {
+    fn: fetchSystemBackgroundTasks,
+    clientSide: clientSide,
+    params: function params() {
+      return [{
+        spaceSlug: spaceSlug
+      }];
+    },
+    transform: function transform(result) {
+      return {
+        data: result.backgroundTasks
+      };
+    }
+  };
+};
+
+var filters = function filters() {
+  return function () {
+    return [{
+      name: 'id',
+      label: 'ID',
+      type: 'text'
+    }, {
+      name: 'status',
+      label: 'Status',
+      type: 'text'
+    }];
+  };
+};
+
+var columns = [{
+  value: 'id',
+  title: 'ID',
+  sortable: false
+}, {
+  value: 'createdAt',
+  title: 'Created At',
+  valueTransform: function valueTransform(_value, row) {
+    var createdTransition = row.get('transitions', List()).find(function (t) {
+      return t.has('Created');
+    });
+    return createdTransition ? createdTransition.get('Created') : 'N/A';
+  },
+  sortable: true
+}, {
+  value: 'description',
+  title: 'Description',
+  sortable: false
+}, {
+  value: 'exception',
+  title: 'Exception',
+  sortable: false
+}, {
+  value: 'messages',
+  title: 'Messages',
+  sortable: false
+}, {
+  value: 'Result',
+  title: 'Result',
+  sortable: false
+}, {
+  value: 'status',
+  title: 'Status'
+}, {
+  value: 'transitions',
+  title: 'Transitions',
+  sortable: false
+}];
+export var SystemBackgroundTasksTable = generateTable({
+  tableOptions: ['spaceSlug'],
+  columns: columns,
+  filters: filters,
+  dataSource: dataSource
+});
+SystemBackgroundTasksTable.displayName = 'SystemBackgroundTasksTable';

package/lib/components/system/SystemSecurityForm.js

@@ -0,0 +1,69 @@
+import { List, fromJS, get } from 'immutable';
+import { generateForm } from '../form/Form';
+import { fetchSystemSecurity, updateSystemSecurity } from '../../apis';
+import { handleFormErrors } from '../form/Form.helpers';
+
+var handleSubmit = function handleSubmit() {
+  return function (values) {
+    return updateSystemSecurity({
+      systemSecurity: values.toJS()
+    }).then(handleFormErrors());
+  };
+};
+
+var dataSources = function dataSources() {
+  return {
+    systemSecurity: {
+      fn: fetchSystemSecurity,
+      params: [],
+      transform: function transform(result) {
+        return result.systemSecurity;
+      }
+    }
+  };
+};
+
+var fields = function fields() {
+  return function (_ref) {
+    var systemSecurity = _ref.systemSecurity;
+    return systemSecurity && [{
+      name: 'allowedSystemIps',
+      label: 'Allowed IPs',
+      type: 'select',
+      options: function options() {
+        return fromJS([{
+          name: 'description',
+          label: 'Description',
+          type: 'text'
+        }, {
+          name: 'value',
+          label: 'IP Range',
+          type: 'text'
+        }]);
+      },
+      visible: function visible(_ref2) {
+        var values = _ref2.values;
+        return values.get('allowedSystemIpsEnabled', false);
+      },
+      initialValue: get(systemSecurity, 'allowedSystemIps', List()),
+      serialize: function serialize(_ref3) {
+        var values = _ref3.values;
+        return values.get('allowedSystemIpsEnabled', false) ? values.get('allowedSystemIps') : [];
+      }
+    }, {
+      name: 'allowedSystemIpsEnabled',
+      label: 'Enabled Allowed IP Restrictions?',
+      type: 'checkbox',
+      initialValue: get(systemSecurity, 'allowedSystemIps', List()).size > 0,
+      "transient": true
+    }];
+  };
+};
+
+export var SystemSecurityForm = generateForm({
+  formOptions: [],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+SystemSecurityForm.displayName = 'SystemSecurityForm';

package/lib/components/system/helpers.js

@@ -396,14 +396,13 @@ export var POSTGRES_FIELDS = function POSTGRES_FIELDS(adapter, persistedObject,
 };
 export var adapterProperties = function adapterProperties(values, adapter) {
   var adapterPrefix = "".concat(adapter, "_");
-  var properties = values // Remove the other adapters properties.
+  return values // Remove the other adapters properties.
   .filter(function (_v, key) {
     return key.startsWith(adapterPrefix);
   }) // Remove the adapter prefix from the property names.
   .mapKeys(function (key) {
     return key.replace(adapterPrefix, '');
   }).toObject();
-  return properties;
 };
 export var propertiesFromAdapters = function propertiesFromAdapters() {
   var taskDbAdapters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : List();
@@ -464,6 +463,7 @@ export var adapterPropertiesFields = function adapterPropertiesFields(_ref9) {
         return values.get(formPropertyName(prefix, adapterType)) === property.get('type');
       },
       type: property.get('sensitive') ? 'password' : property.has('options') ? 'select' : 'text',
+      placeholder: property.get('sensitive') && defaultAdapter.get('adapterClass') === property.get('type') ? '•••••••' : undefined,
       helpText: property.get('description'),
       required: function required(_ref11) {
         var values = _ref11.values;

package/lib/components/system/spaces/SystemSpaceForm.js

@@ -1,5 +1,5 @@
 import { fetchSpace, updateSpace } from '../../../apis';
-import { get } from 'immutable';
+import { fromJS, get } from 'immutable';
 import { generateForm } from '../../form/Form';
 import { handleFormErrors } from '../../form/Form.helpers';
 
@@ -10,7 +10,7 @@ var dataSources = function dataSources(_ref) {
       fn: fetchSpace,
       params: slug && [{
         slug: slug,
-        include: 'details'
+        include: 'details,allowedIps'
       }],
       transform: function transform(result) {
         return result.space;
@@ -29,10 +29,9 @@ var handleSubmit = function handleSubmit(_ref2) {
   };
 };
 
-var fields = function fields(_ref3) {
-  var slug = _ref3.slug;
-  return function (_ref4) {
-    var space = _ref4.space;
+var fields = function fields() {
+  return function (_ref3) {
+    var space = _ref3.space;
     return space && [{
       name: 'name',
       label: 'Name',
@@ -52,9 +51,9 @@ var fields = function fields(_ref3) {
       type: 'checkbox',
       "transient": true,
       initialValue: (get(space, 'sharedBundleBase') || '') !== '',
-      onChange: function onChange(_ref5, _ref6) {
-        var values = _ref5.values;
-        var setValue = _ref6.setValue;
+      onChange: function onChange(_ref4, _ref5) {
+        var values = _ref4.values;
+        var setValue = _ref5.setValue;
 
         if (values.get('sharedBundleBase') !== '') {
           setValue('sharedBundleBase', '');
@@ -70,12 +69,12 @@ var fields = function fields(_ref3) {
       type: 'text',
       initialValue: get(space, 'sharedBundleBase') || '',
       helpText: 'Directory used as path prefix for bundles.',
-      visible: function visible(_ref7) {
-        var values = _ref7.values;
+      visible: function visible(_ref6) {
+        var values = _ref6.values;
         return values.get('sharedBundle');
       },
-      required: function required(_ref8) {
-        var values = _ref8.values;
+      required: function required(_ref7) {
+        var values = _ref7.values;
         return values.get('sharedBundle');
       }
     }, {
@@ -83,14 +82,43 @@ var fields = function fields(_ref3) {
       label: 'Bundle Path',
       type: 'text',
       initialValue: get(space, 'bundlePath') || '',
-      visible: function visible(_ref9) {
+      visible: function visible(_ref8) {
+        var values = _ref8.values;
+        return get(values, 'sharedBundle');
+      },
+      required: function required(_ref9) {
         var values = _ref9.values;
         return get(values, 'sharedBundle');
+      }
+    }, {
+      name: 'allowedIps',
+      label: 'Allowed IPs',
+      type: 'select',
+      options: function options() {
+        return fromJS([{
+          name: 'description',
+          label: 'Description',
+          type: 'text'
+        }, {
+          name: 'value',
+          label: 'IP Range',
+          type: 'text'
+        }]);
       },
-      required: function required(_ref10) {
+      visible: function visible(_ref10) {
         var values = _ref10.values;
-        return get(values, 'sharedBundle');
+        return values.get('allowedIpsEnabled', false);
+      },
+      initialValue: get(space, 'allowedIps', []),
+      serialize: function serialize(_ref11) {
+        var values = _ref11.values;
+        return values.get('allowedIpsEnabled', false) ? values.get('allowedIps') : [];
       }
+    }, {
+      name: 'allowedIpsEnabled',
+      label: 'Enabled Allowed IP Restrictions?',
+      type: 'checkbox',
+      initialValue: get(space, 'allowedIpsEnabled', false) || false
     }];
   };
 };

package/lib/components/system/spaces/SystemTenantForm.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { get, getIn } from 'immutable';
 import { generateForm } from '../../form/Form';
-import { createTenant, fetchSystemDefaultTaskDbAdapter, fetchTenant, updateTenant } from '../../../apis/system';
+import { createTenant, fetchSystemDefaultTaskDbAdapter, fetchTenant, updateTenant } from '../../../apis';
 import { slugify } from '../../../helpers';
 import { VALIDATE_DB_ADAPTERS, ORACLE_FIELDS, MSSQL_FIELDS, POSTGRES_FIELDS, adapterProperties } from '../helpers';
 import { handleFormErrors } from '../../form/Form.helpers';
@@ -34,26 +34,32 @@ var dataSources = function dataSources(_ref) {
 var handleSubmit = function handleSubmit(_ref2) {
   var slug = _ref2.slug;
   return function (values) {
-    var tenant = {
+    var authenticationSecret = values.get('authenticationSecret') ? {
+      authenticationSecret: values.get('authenticationSecret')
+    } : {};
+    var deployment = slug ? {
+      deployment: {
+        image: values.get('image'),
+        replicas: parseInt(values.get('replicas'))
+      }
+    } : {};
+
+    var tenant = _objectSpread(_objectSpread({}, authenticationSecret), {}, {
       space: {
         slug: values.get('slug'),
         name: values.get('name')
       },
       task: _objectSpread(_objectSpread({
         autoCreateDatabase: values.get('task_autoCreateDatabase') ? 'true' : 'false'
-      }, slug ? {
-        deployment: {
-          image: values.get('image'),
-          replicas: parseInt(values.get('replicas'))
-        }
-      } : {}), {}, {
+      }, deployment), {}, {
         databaseAdapter: {
           type: values.get('task_databaseAdapter_type'),
           properties: adapterProperties(values, values.get('task_databaseAdapter_type'))
         }
       }),
       users: values.get('users')
-    };
+    });
+
     return slug ? updateTenant({
       slug: slug,
       tenant: tenant

package/lib/components/system/spaces/SystemTenantTable.js

@@ -1,5 +1,5 @@
 import { generateTable } from '../../table/Table';
-import { fetchTenants } from '../../../apis/system';
+import { fetchTenants } from '../../../apis';
 import { defineFilter } from '../../../helpers';
 var clientSide = defineFilter(true).startsWith('slug', 'slug').startsWith('space.name', 'space.name').end();
 
@@ -19,15 +19,20 @@ var dataSource = function dataSource() {
   };
 };
 
-var filters = [{
-  name: 'slug',
-  label: 'Slug',
-  type: 'text'
-}, {
-  name: 'space.name',
-  label: 'Name',
-  type: 'text'
-}];
+var filters = function filters() {
+  return function () {
+    return [{
+      name: 'slug',
+      label: 'Slug',
+      type: 'text'
+    }, {
+      name: 'space.name',
+      label: 'Name',
+      type: 'text'
+    }];
+  };
+};
+
 var columns = [{
   value: 'slug',
   title: 'Slug',

package/lib/components/table/Table.js

@@ -10,7 +10,7 @@ import { compose, lifecycle } from 'recompose';
 import { List, Map, mergeDeep } from 'immutable';
 import { ComponentConfigContext } from '../common/ComponentConfigContext';
 import { connect, dispatch } from '../../store';
-import { configureTable, mountTable, unmountTable, isClientSide, filterFormKey } from './Table.redux';
+import { configureTable, filterFormKey, isClientSide, mountTable, unmountTable } from './Table.redux';
 import { generateKey } from '../../helpers';
 import { generateForm } from '../form/Form';
 
@@ -340,7 +340,8 @@ export var buildTableHeaderCell = function buildTableHeaderCell(props) {
         components = props.components,
         columnComponents = props.columnComponents,
         renderOptions = props.renderOptions,
-        tableOptions = props.tableOptions;
+        tableOptions = props.tableOptions,
+        appliedFilters = props.appliedFilters;
     var HeaderCell = columnComponents.getIn([column.get('value'), 'HeaderCell'], components.HeaderCell);
     var sorting = column === props.sortColumn && props.sortDirection;
     var sortable = props.sortable && column.get('sortable');
@@ -352,7 +353,8 @@ export var buildTableHeaderCell = function buildTableHeaderCell(props) {
       renderOptions: renderOptions,
       sorting: sorting,
       sortable: sortable,
-      tableOptions: tableOptions
+      tableOptions: tableOptions,
+      filters: appliedFilters
     }));
   };
 };
@@ -379,7 +381,7 @@ export var buildTableBodyRows = function buildTableBodyRows(props) {
       tableOptions = props.tableOptions;
   var BodyRow = components.BodyRow;
   var EmptyBodyRow = components.EmptyBodyRow;
-  var tableRows = rows.size > 0 ? rows.map(function (row, index) {
+  return rows.size > 0 ? rows.map(function (row, index) {
     var cells = buildTableBodyCells(props, row, index);
     return /*#__PURE__*/React.createElement(KeyWrapper, {
       key: "row-".concat(index)
@@ -400,7 +402,6 @@ export var buildTableBodyRows = function buildTableBodyRows(props) {
     tableOptions: tableOptions,
     error: props.error
   });
-  return tableRows;
 };
 export var buildTableBodyCells = function buildTableBodyCells(props, row, rowIndex) {
   var tableKey = props.tableKey,
@@ -409,6 +410,7 @@ export var buildTableBodyCells = function buildTableBodyCells(props, row, rowInd
       columns = props.columns,
       columnSet = props.columnSet,
       columnComponents = props.columnComponents,
+      appliedFilters = props.appliedFilters,
       renderOptions = props.renderOptions,
       tableOptions = props.tableOptions;
   return fromColumnSet(columns, columnSet).map(function (column, index) {
@@ -424,6 +426,7 @@ export var buildTableBodyCells = function buildTableBodyCells(props, row, rowInd
       value: value,
       rows: rows,
       column: column,
+      filters: appliedFilters,
       renderOptions: renderOptions,
       tableOptions: tableOptions
     }));
@@ -513,7 +516,7 @@ var onSortColumn = function onSortColumn(tableKey, column) {
   };
 };
 
-var mapStateToProps = function mapStateToProps(state) {
+var mapStateToProps = function mapStateToProps() {
   return function (state, props) {
     return state.getIn(['tables', props.tableKey], Map()).toObject();
   };

package/lib/components/task/builder/Connector.js

@@ -73,8 +73,8 @@ export var Connector = /*#__PURE__*/function (_Component) {
         });
       } // when dropping a new connector the `headNode` prop will be undefined
       else if (_this.props.headNode) {
-          _this.setHead(_this.props.headNode.position, false);
-        }
+        _this.setHead(_this.props.headNode.position, false);
+      }
     };
 
     _this.dropTail = function () {
@@ -126,21 +126,32 @@ export var Connector = /*#__PURE__*/function (_Component) {
       var dy = y2 - y1;
       var length = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
       var angle = Math.atan2(dy, dx) * 180 / Math.PI + 180;
-      var attribute = isIE11 ? 'transform' : 'style';
-      var connectorValue = isIE11 ? "translate(".concat(x2, " ").concat(y2, ") rotate(").concat(angle, ")") : "transform: translate(".concat(x2, "px, ").concat(y2, "px) rotate(").concat(angle, "deg)");
-      var connectorLabelValue = isIE11 ? "translate(".concat(x1 + dx / 2, " ").concat(y1 + dy / 2, ")") : "transform: translate(".concat(x1 + dx / 2, "px, ").concat(y1 + dy / 2, "px)");
+      var connectorValue = isIE11 ? "translate(".concat(x2, " ").concat(y2, ") rotate(").concat(angle, ")") : "translate(".concat(x2, "px, ").concat(y2, "px) rotate(").concat(angle, "deg)");
+      var connectorLabelValue = isIE11 ? "translate(".concat(x1 + dx / 2, " ").concat(y1 + dy / 2, ")") : "translate(".concat(x1 + dx / 2, "px, ").concat(y1 + dy / 2, "px)");
+
+      if (isIE11) {
+        _this.connector.current.transform = connectorValue;
+
+        if (_this.connectorLabel.current) {
+          _this.connectorLabel.current.transform = connectorLabelValue;
+        }
+      } else {
+        _this.connector.current.style.transform = connectorValue;
+
+        if (_this.connectorLabel.current) {
+          _this.connectorLabel.current.style.transform = connectorLabelValue;
+        }
+      } // this.connector.current.setAttribute(attribute, connectorValue);
 
-      _this.connector.current.setAttribute(attribute, connectorValue);
 
       if (_this.connectorTail.current) {
         _this.connectorTail.current.setAttribute('cx', length);
       }
 
-      _this.connectorBody.current.setAttribute('x2', length);
+      _this.connectorBody.current.setAttribute('x2', length); // if (this.connectorLabel.current) {
+      //   this.connectorLabel.current.setAttribute(attribute, connectorLabelValue);
+      // }
 
-      if (_this.connectorLabel.current) {
-        _this.connectorLabel.current.setAttribute(attribute, connectorLabelValue);
-      }
     };
 
     _this.connector = createRef();

package/lib/components/task/builder/ConnectorForm.js

@@ -72,7 +72,7 @@ var fields = function fields(_ref2) {
 var handleSubmit = function handleSubmit(_ref4) {
   var connector = _ref4.connector;
   return function (values) {
-    return values.toObject();
+    return connector.merge(values);
   };
 };
 

package/lib/components/task/builder/Node.js

@@ -130,9 +130,16 @@ export var Node = /*#__PURE__*/function (_Component) {
   }, {
     key: "draw",
     value: function draw() {
-      var attribute = isIE11 ? 'transform' : 'style';
-      var value = isIE11 ? "translate(".concat(this.position.x, " ").concat(this.position.y, ")") : "transform: translate(".concat(this.position.x, "px,  ").concat(this.position.y, "px)");
-      this.el.current.setAttribute(attribute, value);
+      // const attribute = isIE11 ? 'transform' : 'style';
+      // const value = isIE11
+      //   ? `translate(${this.position.x} ${this.position.y})`
+      //   : `transform: translate(${this.position.x}px,  ${this.position.y}px)`;
+      // this.el.current.setAttribute(attribute, value);
+      if (isIE11) {
+        this.el.current.transform = "translate(".concat(this.position.x, " ").concat(this.position.y, ")");
+      } else {
+        this.el.current.style.transform = "translate(".concat(this.position.x, "px,  ").concat(this.position.y, "px)");
+      }
     }
   }, {
     key: "render",

package/lib/components/task/builder/NodeForm.js

@@ -3,6 +3,8 @@ import { List } from 'immutable';
 import { generateForm } from '../../form/Form';
 import { NodeMessage } from './models';
 import { buildBindings } from './helpers';
+import { fetchForm } from '../../../apis';
+import { checkOmittedParameters, generateTaskDefinition } from './TaskDefinitionConfigForm';
 
 var dataSources = function dataSources(_ref) {
   var tasks = _ref.tasks,
@@ -18,6 +20,33 @@ var dataSources = function dataSources(_ref) {
         return node.parameters;
       },
       params: [node]
+    },
+    form: {
+      fn: function fn(node) {
+        return fetchForm({
+          kappSlug: node.parameters.find(function (parameter) {
+            return parameter.id === 'kappSlug';
+          }).value,
+          formSlug: node.parameters.find(function (parameter) {
+            return parameter.id === 'formSlug';
+          }).value,
+          include: 'fields,kapp'
+        }).then(function (data) {
+          return data.form;
+        });
+      },
+      params: generateTaskDefinition(tasks.get(node.definitionId)) ? [node] : null
+    },
+    task: {
+      fn: function fn(node, form) {
+        return form ? generateTaskDefinition(tasks.get(node.definitionId))({
+          form: form.toJS()
+        }) : tasks.get(node.definitionId);
+      },
+      params: function params(_ref2) {
+        var form = _ref2.form;
+        return generateTaskDefinition(tasks.get(node.definitionId)) ? form ? [node, form] : null : [node, null];
+      }
     }
   };
 };
@@ -34,26 +63,26 @@ var getOptions = function getOptions(menu) {
 };
 
 var checkDependsOn = function checkDependsOn(parameter) {
-  return !parameter.dependsOnId || function (_ref2) {
-    var values = _ref2.values;
+  return !parameter.dependsOnId || function (_ref3) {
+    var values = _ref3.values;
     return values.get("parameter_".concat(parameter.dependsOnId)) === parameter.dependsOnValue;
   };
 };
 
-var fields = function fields(_ref3) {
-  var tasks = _ref3.tasks,
-      tree = _ref3.tree,
-      node = _ref3.node;
-  return function (_ref4) {
-    var bindings = _ref4.bindings;
+var fields = function fields(_ref4) {
+  var tasks = _ref4.tasks,
+      tree = _ref4.tree,
+      node = _ref4.node;
+  return function (_ref5) {
+    var bindings = _ref5.bindings;
     return bindings && [{
       name: 'name',
       label: 'Name',
       type: 'text',
       initialValue: node.name,
       required: true,
-      constraint: function constraint(_ref5) {
-        var values = _ref5.values;
+      constraint: function constraint(_ref6) {
+        var values = _ref6.values;
         return tree.nodes.some(function (other) {
           return other.name === values.get('name') && other.id !== node.id;
         }) ? 'This name is already used by another node' : values.get('name').length > 128 ? 'Name cannot exceed 128 characters' : true;
@@ -98,14 +127,14 @@ var fields = function fields(_ref3) {
         initialValue: parameter.value,
         options: parameter.menu ? getOptions(parameter.menu) : bindings,
         "transient": true,
-        visible: checkDependsOn(parameter)
+        visible: checkDependsOn(parameter) && checkOmittedParameters(node, parameter)
       };
     })), [{
       name: 'parameters',
       type: null,
       visible: false,
-      serialize: function serialize(_ref6) {
-        var values = _ref6.values;
+      serialize: function serialize(_ref7) {
+        var values = _ref7.values;
         return node.parameters.map(function (parameter) {
           return parameter.set('value', values.get("parameter_".concat(parameter.id)));
         });
@@ -122,8 +151,8 @@ var fields = function fields(_ref3) {
       language: 'erb',
       options: bindings,
       "transient": true,
-      visible: function visible(_ref7) {
-        var values = _ref7.values;
+      visible: function visible(_ref8) {
+        var values = _ref8.values;
         return values.get('defers', false);
       }
     }, {
@@ -138,8 +167,8 @@ var fields = function fields(_ref3) {
       language: 'erb',
       options: bindings,
       "transient": true,
-      visible: function visible(_ref8) {
-        var values = _ref8.values;
+      visible: function visible(_ref9) {
+        var values = _ref9.values;
         return values.get('defers', false);
       }
     }, {
@@ -158,8 +187,8 @@ var fields = function fields(_ref3) {
       name: 'messages',
       type: null,
       visible: false,
-      serialize: function serialize(_ref9) {
-        var values = _ref9.values;
+      serialize: function serialize(_ref10) {
+        var values = _ref10.values;
         return List(values.get('defers') ? ['Create', 'Update', 'Complete'] : ['Complete']).map(function (type) {
           return NodeMessage({
             type: type,
@@ -174,10 +203,10 @@ var fields = function fields(_ref3) {
   };
 };
 
-var handleSubmit = function handleSubmit(_ref10) {
-  var node = _ref10.node;
+var handleSubmit = function handleSubmit(_ref11) {
+  var node = _ref11.node;
   return function (values) {
-    return values.toObject();
+    return node.merge(values);
   };
 };