wip feat(editor): add removeSelection action

Related to #437

Author: Niklas Kiefer

packages/form-js-editor/src/features/editor-actions/FormEditorActions.js

@@ -17,6 +17,7 @@ export default class FormEditorActions extends EditorActions {
   _registerDefaultActions(injector) {
     const commandStack = injector.get('commandStack', false),
           formFieldRegistry = injector.get('formFieldRegistry', false),
+          modeling = injector.get('modeling', false),
           selection = injector.get('selection', false);
 
     if (commandStack) {
@@ -48,11 +49,45 @@ export default class FormEditorActions extends EditorActions {
           selection.set(formField);
         }
       });
+
+    }
+
+    if (modeling && selection) {
+
+      // @ts-ignore
+      this.register('removeSelection', () => {
+        const selectedFormField = selection.get();
+
+        if (!selectedFormField) {
+          return;
+        }
+
+        const parentField = formFieldRegistry.get(selectedFormField._parent);
+
+        const index = getFormFieldIndex(parentField, selectedFormField);
+
+        modeling.removeFormField(selectedFormField, parentField, index);
+      });
     }
   }
 }
 
 FormEditorActions.$inject = [
   'eventBus',
   'injector'
-];
+];
+
+
+// helper ////////////
+
+function getFormFieldIndex(parent, formField) {
+  let fieldFormIndex = parent.components.length;
+
+  parent.components.forEach(({ id }, index) => {
+    if (id === formField.id) {
+      fieldFormIndex = index;
+    }
+  });
+
+  return fieldFormIndex;
+}

packages/form-js-editor/src/features/keyboard/FormEditorKeyboardBindings.js

@@ -53,6 +53,19 @@ export default class FormEditorKeyboardBindings {
       }
     });
 
+    // delete selected field
+    // DEL
+    addListener('removeSelection', (context) => {
+
+      const { keyEvent } = context;
+
+      if (isKey([ 'Backspace', 'Delete', 'Del' ], keyEvent)) {
+
+        editorActions.trigger('removeSelection');
+
+        return true;
+      }
+    });
   }
 }