chore(bpmn): integrate popup editor

closes #3877

client/src/app/tabs/bpmn/modeler/features/properties-panel-keyboard-bindings/FeelPopupKeyboardBindings.js

@@ -0,0 +1,46 @@
+/**
+ * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
+ * under one or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information regarding copyright
+ * ownership.
+ *
+ * Camunda licenses this file to you under the MIT; you may not use this file
+ * except in compliance with the MIT License.
+ */
+
+export default class FeelPopupKeyboardBindings {
+  constructor(eventBus) {
+    this._eventBus = eventBus;
+
+    eventBus.on('feelPopup.opened', this._addEventListeners);
+    eventBus.on('feelPopup.close', this._removeEventListeners);
+  }
+
+  _addEventListeners = (event) => {
+    const container = event.domNode;
+
+    container.addEventListener('focusin', this.handleFocusin);
+    container.addEventListener('focusout', this.handleFocusout);
+  };
+
+  _removeEventListeners = () => {
+    const container = this._getContainer();
+
+    container.removeEventListener('focusin', this.handleFocusin);
+    container.removeEventListener('focusout', this.handleFocusout);
+  };
+
+  handleFocusin = () => {
+    this._eventBus.fire('feelPopup.focusin');
+  };
+
+  handleFocusout = () => {
+    this._eventBus.fire('feelPopup.focusout');
+  };
+
+  _getContainer() {
+    return document.querySelector('.bio-properties-panel-feel-popup');
+  }
+}
+
+FeelPopupKeyboardBindings.$inject = [ 'eventBus' ];

client/src/app/tabs/bpmn/modeler/features/properties-panel-keyboard-bindings/index.js

@@ -9,8 +9,10 @@
  */
 
 import PropertiesPanelKeyboardBindings from './PropertiesPanelKeyboardBindings';
+import FeelPopupKeyboardBindings from './FeelPopupKeyboardBindings';
 
 export default {
-  __init__: [ 'propertiesPanelKeyboardBindings' ],
-  propertiesPanelKeyboardBindings: [ 'type', PropertiesPanelKeyboardBindings ]
+  __init__: [ 'propertiesPanelKeyboardBindings', 'feelPopupKeyboardBindings' ],
+  propertiesPanelKeyboardBindings: [ 'type', PropertiesPanelKeyboardBindings ],
+  feelPopupKeyboardBindings: [ 'type', FeelPopupKeyboardBindings ]
 };

client/src/app/tabs/cloud-bpmn/BpmnEditor.js

@@ -220,7 +220,11 @@ export class BpmnEditor extends CachedComponent {
       'searchPad.closed',
       'searchPad.opened',
       'popupMenu.opened',
-      'popupMenu.closed'
+      'popupMenu.closed',
+      'feelPopup.opened',
+      'feelPopup.closed',
+      'feelPopup.focusin',
+      'feelPopup.focusout'
     ].forEach((event) => {
       modeler[fn](event, this.handleChanged);
     });
@@ -838,6 +842,7 @@ export class BpmnEditor extends CachedComponent {
       },
       propertiesPanel: {
         feelTooltipContainer: '.editor',
+        feelPopupContainer: '.bjs-container',
         layout: layout.propertiesPanel
       },
       elementTemplateChooser: false