feat: add delete action for multi element context

Related to camunda/camunda-modeler#4554

Author: Buckwich

packages/dmn-js-drd/src/features/context-pad/ContextPadProvider.js

@@ -1,5 +1,6 @@
 import {
   assign,
+  every,
   isArray
 } from 'min-dash';
 
@@ -297,3 +298,43 @@ ContextPadProvider.prototype.getContextPadEntries = function(element) {
 
   return actions;
 };
+
+ContextPadProvider.prototype.getMultiElementContextPadEntries = function(
+    elements
+) {
+  var modeling = this._modeling,
+      translate = this._translate;
+
+  var actions = {};
+
+  if (this._isDeleteAllowed(elements)) {
+    assign(actions, {
+      'delete': {
+        group: 'edit',
+        className: 'dmn-icon-trash',
+        title: translate('Delete'),
+        action: {
+          click: (e, elements) => modeling.removeElements(elements.slice())
+        },
+      },
+    });
+  }
+
+  return actions;
+};
+
+ContextPadProvider.prototype._isDeleteAllowed = function(elements) {
+
+  // rules allowed can return boolean or array of elements (not reflected in type )
+  var allowedOrAllowedElements = this._rules.allowed('elements.delete', {
+    elements: elements
+  });
+
+  if (isArray(allowedOrAllowedElements)) {
+    return every(elements, el => allowedOrAllowedElements.includes(el));
+  }
+
+  return allowedOrAllowedElements;
+};
+
+

packages/dmn-js-drd/test/spec/features/context-pad/ContextPadProviderSpec.js

@@ -166,6 +166,64 @@ describe('features - context-pad', function() {
       })
     );
 
+
+    describe('multi remove', function() {
+
+      it('should add delete action by default', inject(
+        function(elementRegistry, contextPad) {
+
+          // given
+          var shape1 = elementRegistry.get('dayType_id'),
+              shape2 = elementRegistry.get('temperature_id');
+
+          // when
+          contextPad.open([ shape1, shape2 ]);
+
+          // then
+          expect(deleteAction([ shape1, shape2 ])).to.exist;
+        }
+      ));
+
+
+      it('should NOT add delete action when rule returns false', inject(
+        function(elementRegistry, contextPad, customRules) {
+
+          // given
+          customRules.addRule('elements.delete', 1500, function() {
+            return false;
+          });
+
+          var shape1 = elementRegistry.get('dayType_id'),
+              shape2 = elementRegistry.get('temperature_id');
+
+          // when
+          contextPad.open([ shape1, shape2 ]);
+
+          // then
+          expect(deleteAction([ shape1, shape2 ])).not.to.exist;
+        }
+      ));
+
+
+      it('should trigger batch delete', inject(
+        function(elementRegistry, contextPad, customRules) {
+
+          // given
+          var shape1 = elementRegistry.get('dayType_id'),
+              shape2 = elementRegistry.get('temperature_id');
+
+          contextPad.open([ shape1, shape2 ]);
+
+          // when
+          contextPad.trigger('click', padEvent('delete'));
+
+          // then
+          expect(elementRegistry.get('dayType_id')).not.to.exist;
+          expect(elementRegistry.get('temperature_id')).not.to.exist;
+        }
+      ));
+
+    });
   });