feat: handle default flow

lib/features/context-pads/handler/InclusiveGatewayHandler.js

@@ -1,33 +1,35 @@
-import {
-  is
-} from '../../../util/ElementHelper';
-
 import {
   ForkIcon
 } from '../../../icons';
 
+import { getBusinessObject } from '../../../util/ElementHelper';
+import { isSequenceFlow } from '../../../simulator/util/ModelUtil';
 
 export default function InclusiveGatewayHandler(inclusiveGatewaySettings) {
   this._inclusiveGatewaySettings = inclusiveGatewaySettings;
 }
 
 InclusiveGatewayHandler.prototype.createContextPads = function(element) {
-
-  const outgoingFlows = element.outgoing.filter(function(outgoing) {
-    return is(outgoing, 'bpmn:SequenceFlow');
-  });
+  const outgoingFlows = element.outgoing.filter(isSequenceFlow);
 
   if (outgoingFlows.length < 2) {
     return;
   }
 
+  const nonDefaultFlows = outgoingFlows.filter(outgoing => {
+    const flowBo = getBusinessObject(outgoing),
+          gatewayBo = getBusinessObject(element);
+
+    return gatewayBo.default !== flowBo;
+  });
+
   const html = `
     <div class="bts-context-pad" title="Set Sequence Flow">
       ${ForkIcon()}
     </div>
   `;
 
-  return outgoingFlows.map(sequenceFlow => {
+  return nonDefaultFlows.map(sequenceFlow => {
     const action = () => {
       this._inclusiveGatewaySettings.toggleSequenceFlow(element, sequenceFlow);
     };

lib/features/inclusive-gateway-settings/InclusiveGatewaySettings.js

@@ -1,7 +1,3 @@
-import {
-  is
-} from '../../util/ElementHelper';
-
 import {
   TOGGLE_MODE_EVENT
 } from '../../util/EventHelper';
@@ -10,9 +6,11 @@ import {
 const SELECTED_COLOR = '--token-simulation-grey-darken-30';
 const NOT_SELECTED_COLOR = '--token-simulation-grey-lighten-56';
 
-function isSequenceFlow(connection) {
-  return is(connection, 'bpmn:SequenceFlow');
-}
+import {
+  getBusinessObject,
+  is,
+  isSequenceFlow
+} from '../../simulator/util/ModelUtil';
 
 
 export default function InclusiveGatewaySettings(
@@ -58,13 +56,18 @@ InclusiveGatewaySettings.prototype.reset = function() {
 };
 
 InclusiveGatewaySettings.prototype.toggleSequenceFlow = function(gateway, sequenceFlow) {
-  const activeOutgoing = this._getActiveOutgoing(gateway);
+  const activeOutgoing = this._getActiveOutgoing(gateway),
+        defaultFlow = getDefaultFlow(gateway);
 
   let newActiveOutgoing;
   if (activeOutgoing.includes(sequenceFlow)) {
-    newActiveOutgoing = activeOutgoing.filter(outgoing => outgoing !== sequenceFlow);
+    newActiveOutgoing = without(activeOutgoing, sequenceFlow);
   } else {
-    newActiveOutgoing = activeOutgoing.concat(sequenceFlow);
+    newActiveOutgoing = without(activeOutgoing, defaultFlow).concat(sequenceFlow);
+  }
+
+  if (!newActiveOutgoing.length && defaultFlow) {
+    return this._setActiveOutgoing(gateway, [ defaultFlow ]);
   }
 
   this._setActiveOutgoing(gateway, newActiveOutgoing);
@@ -99,7 +102,10 @@ InclusiveGatewaySettings.prototype._setActiveOutgoing = function(gateway, active
 InclusiveGatewaySettings.prototype._setGatewayDefaults = function(gateway) {
   const sequenceFlows = gateway.outgoing.filter(isSequenceFlow);
 
-  this._setActiveOutgoing(gateway, sequenceFlows);
+  const defaultFlow = getDefaultFlow(gateway);
+  const nonDefaultFlows = without(sequenceFlows, defaultFlow);
+
+  this._setActiveOutgoing(gateway, nonDefaultFlows);
 };
 
 InclusiveGatewaySettings.prototype._resetGateway = function(gateway) {
@@ -113,3 +119,21 @@ InclusiveGatewaySettings.$inject = [
   'simulator',
   'simulationStyles'
 ];
+
+function getDefaultFlow(gateway) {
+  const defaultFlow = getBusinessObject(gateway).default;
+
+  if (!defaultFlow) {
+    return;
+  }
+
+  return gateway.outgoing.find(flow => {
+    const flowBo = getBusinessObject(flow);
+
+    return flowBo === defaultFlow;
+  });
+}
+
+function without(array, element) {
+  return array.filter(arrayElement => arrayElement !== element);
+}