NEW LinkFieldController to handle FormSchema

_config.php

@@ -5,5 +5,4 @@
 
 // Avoid creating global variables
 call_user_func(function () {
-
 });

_config/config.yml

@@ -4,7 +4,7 @@ Name: linkfield
 
 SilverStripe\Admin\LeftAndMain:
   extensions:
-    - SilverStripe\LinkField\Extensions\LeftAndMain
+    - SilverStripe\LinkField\Extensions\LeftAndMainExtension
 
 SilverStripe\Admin\ModalController:
   extensions:

client/src/components/LinkField/LinkField.js

@@ -1,9 +1,11 @@
 import React, { Fragment, useState } from 'react';
 import { compose } from 'redux';
+import { connect } from 'react-redux';
 import { inject, injectGraphql, loadComponent } from 'lib/Injector';
 import fieldHolder from 'components/FieldHolder/FieldHolder';
+import { submit } from 'redux-form'
 
-const LinkField = ({ id, loading, Loading, data, LinkPicker, onChange, types, linkDescription, ...props }) => {
+const LinkField = ({ id, loading, Loading, data, LinkPicker, onChange, types, linkDescription, submitForm, ...props }) => {
   if (loading) {
     return <Loading />;
   }
@@ -44,14 +46,17 @@ const LinkField = ({ id, loading, Loading, data, LinkPicker, onChange, types, li
   const onModalSubmit = (modalData, action, submitFn) => {
     const { SecurityID, action_insert: actionInsert, ...value } = modalData;
 
+    console.log(['onModalSubmit was called', onChange]);
+    // submitForm();
+
     if (typeof onChange === 'function') {
       onChange(event, { id, value });
     }
 
     setEditing(false);
     setNewTypeKey('');
 
-    return Promise.resolve();
+    return submitFn();
   };
 
   const modalProps = {
@@ -67,6 +72,14 @@ const LinkField = ({ id, loading, Loading, data, LinkPicker, onChange, types, li
   const handlerName = modalType ? modalType.handlerName : 'FormBuilderModal';
   const LinkModal = loadComponent(`LinkModal.${handlerName}`);
 
+  // ---
+  // const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
+  // sleep(2000).then(() => {
+  //   console.log('just woke from sleep');
+  //   submitForm();
+  // });
+  // ---
+
   return <Fragment>
       <LinkPicker {...linkProps} />
       <LinkModal {...modalProps} />
@@ -81,10 +94,23 @@ const stringifyData = (Component) => (({ data, value, ...props }) => {
   return <Component dataStr={JSON.stringify(dataValue)} {...props} data={dataValue} />;
 });
 
+function mapDispatchToProps(dispatch, ownProps) {
+  // I got this name of the form from console.log() FormBuilder.js:346
+  const formName = 'Link.EditingLinkInfo.LinkForm_1'; // todo hardcoded
+  return {
+    submitForm() {
+      console.log(['submitForm was called', formName]);
+      // https://redux-form.com/8.3.0/examples/remotesubmit/
+      dispatch(submit(formName));
+    }
+  };
+}
+
 export default compose(
   inject(['LinkPicker', 'Loading']),
   injectGraphql('readLinkTypes'),
   stringifyData,
   injectGraphql('readLinkDescription'),
-  fieldHolder
+  fieldHolder,
+  connect(null, mapDispatchToProps)
 )(LinkField);

client/src/components/LinkModal/LinkModal.js

@@ -17,7 +17,8 @@ const buildSchemaUrl = (key, data) => {
   const parsedQs = qs.parse(parsedURL.query);
   parsedQs.key = key;
   if (data) {
-    parsedQs.data = JSON.stringify(data);
+    // parsedQs.data = JSON.stringify(data);
+    parsedQs.id = data.ID;
   }
   return url.format({ ...parsedURL, search: qs.stringify(parsedQs)});
 }