bpmn-js 9.0.0-subprocesses.0 → 9.0.0-subprocesses.1

package/lib/features/collapsed-subprocesses/DeleteBehaviour.js

@@ -1,65 +0,0 @@
-import inherits from 'inherits';
-
-import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
-
-import { is } from '../../util/ModelUtil';
-
-
-export default function RemoveDiagramBehavior(canvas, bpmnjs, injector, elementRegistry, commandStack) {
-
-  var removeNestedProcesses = function(process) {
-    var removedProcesses = [];
-
-    process.flowElements && process.flowElements.forEach(element => {
-      if (is(element, 'bpmn:SubProcess')) {
-        removedProcesses = removedProcesses.concat(removeNestedProcesses(element));
-      }
-    });
-
-    var removedDi = removeProcess(process.id);
-
-    if (removedDi) {
-      removedProcesses.push(removedDi);
-    }
-    return removedProcesses;
-  };
-
-  injector.invoke(CommandInterceptor, this);
-
-  this.executed('shape.delete', function(event) {
-    var context = event.context;
-
-    if (is(context.shape, 'bpmn:SubProcess')) {
-      var removedDi = removeNestedProcesses(context.shape.businessObject);
-      context.removedDiDiagrams = removedDi;
-    }
-  });
-
-  this.reverted('shape.delete', function(event) {
-    var context = event.context;
-
-    if (is(context.shape, 'bpmn:SubProcess') && context.removedDiDiagrams) {
-      var diagrams = bpmnjs.getDefinitions().diagrams;
-      Array.prototype.push.apply(diagrams, context.removedDiDiagrams);
-    }
-  });
-
-  // Util
-  var removeProcess = function(id) {
-    var diagrams = bpmnjs.getDefinitions().diagrams,
-        removedDiagram;
-    var diagramIndex = diagrams.findIndex(element => {
-      return element.plane.bpmnElement.id === id;
-    });
-
-    if (diagramIndex > -1) {
-      removedDiagram = diagrams[diagramIndex];
-      diagrams.splice(diagramIndex, 1);
-    }
-    return removedDiagram;
-  };
-}
-
-inherits(RemoveDiagramBehavior, CommandInterceptor);
-
-RemoveDiagramBehavior.$inject = [ 'canvas', 'bpmnjs', 'injector', 'elementRegistry', 'commandStack' ];

package/lib/features/collapsed-subprocesses/ToggleCollapseBehaviour.js

@@ -1,133 +0,0 @@
-import inherits from 'inherits';
-
-import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
-
-import {
-  find
-} from 'min-dash';
-
-import { getBusinessObject, getDi, is } from '../../util/ModelUtil';
-import { selfAndAllChildren } from '../../../../diagram-js/lib/util/Elements';
-
-var HIGH_PRIORITY = 5000;
-
-
-export default function ExpandBehaviour(commandStack, injector, canvas, bpmnImporter, bpmnUpdater, bpmnjs, elementRegistry, eventBus, modeling, bpmnFactory) {
-
-  injector.invoke(CommandInterceptor, this);
-
-  var handler = function(event) {
-    const shape = event.context.shape;
-    const diagrams = bpmnjs.getDefinitions().diagrams;
-
-    if (!is(shape, 'bpmn:SubProcess')) {
-      return;
-    }
-
-    if (!shape.collapsed) {
-
-      // expand
-      var oldDiagram = findDiagram(shape.id);
-      var newDiagram = findRootDiagram(getDi(shape));
-
-      // Add elements to parent diagram
-      oldDiagram.plane.planeElement.forEach(di => {
-        var childElement = elementRegistry.get(di.bpmnElement.id);
-        var bo = childElement.businessObject;
-        var parent = elementRegistry.get(bo.$parent.id);
-
-        if (parent === shape) {
-          childElement.parent = shape;
-          eventBus.fire('elements.changed', { elements: [childElement] });
-        }
-
-        // reorder di
-        newDiagram.plane.planeElement.push(di);
-      });
-
-      diagrams.splice(diagrams.indexOf(oldDiagram), 1);
-
-      // debugger;
-      canvas.setRootElementForPlane(null, shape.id, true);
-      elementRegistry.remove(shape.id + '_layer');
-    } else {
-
-      // Collapse
-      var bo = getBusinessObject(shape);
-      newDiagram = createDiagram(shape);
-      diagrams.push(newDiagram);
-      console.log(shape, bo, newDiagram.plane);
-      var newShape = bpmnImporter.add({ element: bo, di: newDiagram.plane });
-      var planeElements = newDiagram.plane.get('planeElement');
-
-      oldDiagram = findRootDiagram(getDi(shape));
-
-      selfAndAllChildren(shape).forEach(function(childShape) {
-        if (childShape === shape) {
-          return;
-        }
-
-        if (childShape.parent === shape) {
-          childShape.parent = newShape;
-        }
-        childShape.hidden = false;
-
-        var di = getDi(childShape);
-
-        // Remove DI from old Plane and add it to the new one
-        var parentPlaneElements = oldDiagram.plane.get('planeElement');
-        parentPlaneElements.splice(parentPlaneElements.indexOf(di), 1);
-        planeElements.push(di);
-
-        eventBus.fire('elements.changed', { elements: [childShape] });
-
-      });
-
-      bo.flowElements.forEach(el => {
-      });
-    }
-  };
-
-  this.executed([ 'shape.toggleCollapse' ], HIGH_PRIORITY, handler);
-
-
-  this.reverted([ 'shape.toggleCollapse' ], HIGH_PRIORITY, handler);
-
-  // Util
-
-  var findRootDiagram = function(element) {
-    if (is(element, 'bpmndi:BPMNDiagram')) {
-      return element;
-    } else {
-      return findRootDiagram(element.$parent);
-    }
-  };
-
-  var findDiagram = function(id) {
-    return find(bpmnjs.getDefinitions().diagrams, function(diagram) {
-      const plane = diagram.plane,
-            bpmnElement = plane.bpmnElement;
-
-      console.log(diagram, bpmnElement, id);
-      return bpmnElement.id === id;
-    });
-  };
-
-  var createDiagram = function(shape) {
-    var bo = getBusinessObject(shape);
-    var plane = bpmnFactory.createDiPlane(bo);
-    var diagram = bpmnFactory.create('bpmndi:BPMNDiagram', {
-      plane: plane
-    });
-
-    // shape.di = plane;
-    plane.$parent = diagram;
-    plane.bpmnElement = bo;
-    diagram.$parent = bpmnjs.getDefinitions();
-    return diagram;
-  };
-}
-
-inherits(ExpandBehaviour, CommandInterceptor);
-
-ExpandBehaviour.$inject = [ 'commandStack', 'injector', 'canvas', 'bpmnImporter', 'bpmnUpdater', 'bpmnjs', 'elementRegistry', 'eventBus', 'modeling', 'bpmnFactory' ];

package/lib/features/collapsed-subprocesses/diagramFactory.js

@@ -1,56 +0,0 @@
-import {
-  find
-} from 'min-dash';
-
-
-export default function DiagramRegistry(bpmnjs, bpmnFactory) {
-  this._bpmnjs = bpmnjs;
-  this._bpmnFactory = bpmnFactory;
-}
-
-DiagramRegistry.prototype.getDefinitions = function() {
-  return this._bpmnjs._definitions || [];
-};
-
-DiagramRegistry.prototype.getDiagrams = function() {
-  return this.getDefinitions().diagrams || [];
-};
-
-DiagramRegistry.prototype.findDiagram = function(id) {
-  return find(this._bpmnjs.getDefinitions().diagrams, function(diagram) {
-    const plane = diagram.plane,
-          bpmnElement = plane.bpmnElement;
-
-    return bpmnElement.id === id;
-  });
-};
-
-DiagramRegistry.prototype.createProcess = function() {
-  var process = this._bpmnFactory.create('bpmn:Process', {});
-  process.$parent = this.getDefinitions();
-  return process;
-};
-
-DiagramRegistry.prototype.createDiagram = function(rootElement) {
-  var plane = this._bpmnFactory.createDiPlane(rootElement);
-  var diagram = this._bpmnFactory.create('bpmndi:BPMNDiagram', {
-    plane: plane
-  });
-  rootElement.di = plane;
-  plane.$parent = diagram;
-  plane.bpmnElement = rootElement;
-  diagram.$parent = this.getDefinitions();
-  return diagram;
-};
-
-DiagramRegistry.prototype.removeProcess = function(id) {
-  let diagramIndex = this.getDiagrams().findIndex(element => {
-    return element.plane.bpmnElement.id === id;
-  });
-  if (diagramIndex > -1) {
-    this.getDiagrams().splice(diagramIndex, 1);
-  }
-};
-
-
-DiagramRegistry.$inject = ['bpmnjs', 'bpmnFactory'];

package/lib/features/collapsed-subprocesses/index.js

@@ -1,12 +0,0 @@
-import ExpandBehaviour from './ToggleCollapseBehaviour';
-import RemoveDiagramBehavior from './DeleteBehaviour';
-
-export default {
-  __depends__: [ ],
-  __init__: [
-    'removeDiagramBehavior',
-    'expandBehaviour'
-  ],
-  removeDiagramBehavior: ['type', RemoveDiagramBehavior],
-  expandBehaviour: ['type', ExpandBehaviour]
-};

package/lib/features/collapsed-subprocesses-navigation/CollapsedSubprocessNavigation.js

@@ -1,198 +0,0 @@
-import inherits from 'inherits';
-
-import { assign } from 'min-dash';
-import { domify } from 'min-dom';
-import { getBusinessObject, is } from '../../util/ModelUtil';
-
-import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
-import { selfAndAllChildren } from 'diagram-js/lib/util/Elements';
-
-
-var ARROW_DOWN_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.81801948,3.50735931 L10.4996894,9.1896894 L10.5,4 L12,4 L12,12 L4,12 L4,10.5 L9.6896894,10.4996894 L3.75735931,4.56801948 C3.46446609,4.27512627 3.46446609,3.80025253 3.75735931,3.50735931 C4.05025253,3.21446609 4.52512627,3.21446609 4.81801948,3.50735931 Z"/></svg>';
-
-export default function CollapsedProcesses(injector, eventBus, elementRegistry, overlays, canvas) {
-  var breadcrumbs = domify('<ul class="breadcrumbs" style="display: none; position: absolute; top: 10px; left: 100px;"></ul>');
-
-  injector.invoke(CommandInterceptor, this);
-
-  assign(breadcrumbs.style, {
-    fontFamily: 'Arial, sans-serif'
-  });
-
-  var container = canvas.getContainer();
-
-  container.appendChild(breadcrumbs);
-
-  eventBus.on('plane.set', function(event) {
-    var plane = event.plane;
-
-    updateBreadcrumbs(plane);
-  });
-
-  const updateBreadcrumbs = function(plane) {
-    var parents = getParentChain(plane.rootElement);
-
-    var path = parents.flatMap(function(el, idx, array) {
-
-      var separator = domify('<span>»</span>');
-
-      assign(separator.style, {
-        padding: '8px'
-      });
-
-      var html = domify(`<li><a>${el.name || el.id}</a></li>`);
-
-      assign(html.style, {
-        display: 'inline',
-      });
-
-      html.addEventListener('click', () => {
-        if (elementRegistry.get(el.id + '_layer')) {
-          canvas.setActivePlane(el.id);
-        } else {
-          var plane = canvas.findPlane(el.id);
-          canvas.setActivePlane(plane);
-        }
-      });
-
-      if (idx + 1 < array.length) {
-        assign(html.style, {
-          color: '#4d90ff',
-          cursor: 'pointer'
-        });
-      }
-
-      if (idx !== 0) {
-        return [separator, html];
-      }
-
-      return [html];
-    });
-
-    breadcrumbs.innerHTML = '';
-    breadcrumbs.style.display = path.length > 1 ? '' : 'none';
-    breadcrumbs.append(...path);
-  };
-
-  var overlayMap = {};
-
-  var createOverlay = function(element) {
-    if (overlayMap[element.id]) {
-
-      // New overlay, remove old one
-      removeOverlay(element);
-    }
-
-    let html = domify(`<button>${ARROW_DOWN_SVG}</button>`);
-
-    assign(html.style, {
-      padding: '0px',
-      marginLeft: '-20px',
-      fontSize: '0',
-      border: 'none',
-      borderRadius: '2px',
-      fill: 'white',
-      outline: 'none',
-      cursor: 'pointer',
-      backgroundColor: '#4d90ff',
-    });
-
-    html.addEventListener('click', () => {
-      canvas.setActivePlane(element.id);
-    });
-
-
-    overlayMap[element.id] = overlays.add(element, {
-      position: {
-        bottom: -7,
-        right: -8
-      },
-      html
-    });
-  };
-
-  var removeOverlay = function(element) {
-    if (overlayMap[element.id]) {
-      overlays.remove(overlayMap[element.id]);
-    }
-  };
-
-  var removeOverlays = function(elements) {
-    elements.forEach(removeOverlay);
-  };
-
-  var addOverlays = (elements) => {
-    elements.forEach(element => {
-      if (element.type === 'bpmn:SubProcess' && element.collapsed) {
-        createOverlay(element);
-      }
-    });
-  };
-
-  eventBus.on('import.done', function() {
-    addOverlays(elementRegistry.getAll());
-  });
-
-  this.executed([ 'shape.toggleCollapse' ], function(event) {
-    var shape = event.context.shape;
-
-    if (!is(shape, 'bpmn:SubProcess')) {
-      return;
-    }
-
-    if (shape.collapsed) {
-
-      // Collapse
-      removeOverlays(selfAndAllChildren(shape));
-      createOverlay(shape);
-
-      var plane = elementRegistry.get(shape.id + '_layer');
-      addOverlays(selfAndAllChildren(plane));
-    } else {
-
-      // Expand
-      addOverlays(selfAndAllChildren(shape));
-      removeOverlay(shape);
-    }
-  });
-
-  this.reverted([ 'shape.toggleCollapse' ], function(event) {
-    var shape = event.context.shape;
-
-    if (!is(shape, 'bpmn:SubProcess')) {
-      return;
-    }
-
-    if (shape.collapsed) {
-      removeOverlays(selfAndAllChildren(shape));
-      createOverlay(shape);
-
-      var plane = elementRegistry.get(shape.id + '_layer');
-      addOverlays(selfAndAllChildren(plane));
-    } else {
-      addOverlays(selfAndAllChildren(shape));
-      removeOverlay(shape);
-    }
-  });
-
-}
-
-inherits(CollapsedProcesses, CommandInterceptor);
-
-
-CollapsedProcesses.$inject = [ 'injector', 'eventBus', 'elementRegistry', 'overlays', 'canvas' ];
-
-
-var getParentChain = function(child) {
-  var bo = getBusinessObject(child);
-
-  var parents = [];
-
-  for (var element = bo; element; element = element.$parent) {
-    if (is(element, 'bpmn:SubProcess') || is(element, 'bpmn:Process')) {
-      parents.push(element);
-    }
-  }
-
-  return parents.reverse();
-};

package/lib/features/collapsed-subprocesses-navigation/index.js

@@ -1,7 +0,0 @@
-import CollapsedSubprocessNavigation from './CollapsedSubprocessNavigation';
-
-export default {
-  __depends__: [ ],
-  __init__: [ 'collapsedSubprocessNavigation' ],
-  collapsedSubprocessNavigation: [ 'type', CollapsedSubprocessNavigation ],
-};