2022-01-31 10:18:53 +00:00
|
|
|
import {
|
|
|
|
find,
|
|
|
|
forEach,
|
|
|
|
map
|
|
|
|
} from 'min-dash';
|
|
|
|
|
2018-04-02 19:01:53 +00:00
|
|
|
import BpmnTreeWalker from './BpmnTreeWalker';
|
2014-04-25 14:14:36 +00:00
|
|
|
|
2022-01-31 10:18:53 +00:00
|
|
|
import { is } from '../util/ModelUtil';
|
|
|
|
|
2020-04-29 09:02:42 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* The importBpmnDiagram result.
|
|
|
|
*
|
|
|
|
* @typedef {Object} ImportBPMNDiagramResult
|
|
|
|
*
|
|
|
|
* @property {Array<string>} warnings
|
|
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* The importBpmnDiagram error.
|
|
|
|
*
|
|
|
|
* @typedef {Error} ImportBPMNDiagramError
|
|
|
|
*
|
|
|
|
* @property {Array<string>} warnings
|
|
|
|
*/
|
2014-04-25 14:14:36 +00:00
|
|
|
|
2014-05-21 14:23:52 +00:00
|
|
|
/**
|
2014-08-01 05:55:47 +00:00
|
|
|
* Import the definitions into a diagram.
|
|
|
|
*
|
|
|
|
* Errors and warnings are reported through the specified callback.
|
2014-06-30 15:01:00 +00:00
|
|
|
*
|
2019-04-12 09:56:00 +00:00
|
|
|
* @param {djs.Diagram} diagram
|
|
|
|
* @param {ModdleElement<Definitions>} definitions
|
|
|
|
* @param {ModdleElement<BPMNDiagram>} [bpmnDiagram] the diagram to be rendered
|
2019-04-04 14:17:43 +00:00
|
|
|
* (if not provided, the first one will be rendered)
|
2020-04-29 09:02:42 +00:00
|
|
|
*
|
|
|
|
* Returns {Promise<ImportBPMNDiagramResult, ImportBPMNDiagramError>}
|
2014-05-21 14:23:52 +00:00
|
|
|
*/
|
2020-04-29 09:02:42 +00:00
|
|
|
export function importBpmnDiagram(diagram, definitions, bpmnDiagram) {
|
2014-03-13 15:06:30 +00:00
|
|
|
|
2017-12-04 21:27:32 +00:00
|
|
|
var importer,
|
|
|
|
eventBus,
|
2021-09-17 07:44:58 +00:00
|
|
|
translate,
|
|
|
|
canvas;
|
2014-04-25 14:14:36 +00:00
|
|
|
|
2014-09-08 17:04:18 +00:00
|
|
|
var error,
|
|
|
|
warnings = [];
|
2014-04-25 14:14:36 +00:00
|
|
|
|
2016-03-17 08:39:43 +00:00
|
|
|
/**
|
|
|
|
* Walk the diagram semantically, importing (=drawing)
|
|
|
|
* all elements you encounter.
|
|
|
|
*
|
2019-04-12 09:56:00 +00:00
|
|
|
* @param {ModdleElement<Definitions>} definitions
|
|
|
|
* @param {ModdleElement<BPMNDiagram>} bpmnDiagram
|
2016-03-17 08:39:43 +00:00
|
|
|
*/
|
2019-04-12 09:56:00 +00:00
|
|
|
function render(definitions, bpmnDiagram) {
|
2014-03-13 15:06:30 +00:00
|
|
|
|
2014-09-08 17:04:18 +00:00
|
|
|
var visitor = {
|
2014-07-01 09:33:28 +00:00
|
|
|
|
2021-08-06 08:35:41 +00:00
|
|
|
root: function(element, di) {
|
|
|
|
return importer.add(element, di);
|
2014-09-08 17:04:18 +00:00
|
|
|
},
|
2014-04-25 14:14:36 +00:00
|
|
|
|
2021-08-06 08:35:41 +00:00
|
|
|
element: function(element, di, parentShape) {
|
|
|
|
return importer.add(element, di, parentShape);
|
2014-09-08 17:04:18 +00:00
|
|
|
},
|
2014-03-13 15:06:30 +00:00
|
|
|
|
2014-09-08 17:04:18 +00:00
|
|
|
error: function(message, context) {
|
|
|
|
warnings.push({ message: message, context: context });
|
|
|
|
}
|
|
|
|
};
|
2014-04-25 14:14:36 +00:00
|
|
|
|
2016-02-25 16:40:56 +00:00
|
|
|
var walker = new BpmnTreeWalker(visitor, translate);
|
2014-06-18 11:05:32 +00:00
|
|
|
|
2022-01-17 10:07:10 +00:00
|
|
|
|
|
|
|
bpmnDiagram = bpmnDiagram || (definitions.diagrams && definitions.diagrams[0]);
|
|
|
|
|
2022-01-31 10:18:53 +00:00
|
|
|
var diagramsToImport = getDiagramsToImport(definitions, bpmnDiagram);
|
2022-01-17 10:07:10 +00:00
|
|
|
|
2022-01-31 10:18:53 +00:00
|
|
|
if (!diagramsToImport) {
|
2022-01-17 10:07:10 +00:00
|
|
|
throw new Error(translate('no diagram to display'));
|
2021-09-17 07:44:58 +00:00
|
|
|
}
|
|
|
|
|
2022-01-17 10:07:10 +00:00
|
|
|
// traverse BPMN 2.0 document model,
|
|
|
|
// starting at definitions
|
2022-01-31 10:18:53 +00:00
|
|
|
forEach(diagramsToImport, function(diagram) {
|
2022-01-17 10:07:10 +00:00
|
|
|
walker.handleDefinitions(definitions, diagram);
|
|
|
|
});
|
2021-12-09 23:31:00 +00:00
|
|
|
|
2022-01-17 10:07:10 +00:00
|
|
|
var rootId = bpmnDiagram.plane.bpmnElement.id;
|
2021-12-10 10:06:09 +00:00
|
|
|
|
|
|
|
// we do need to account for different ways we create root elements
|
|
|
|
// each nested imported <root> do have the `_plane` suffix, while
|
|
|
|
// the root <root> is found under the business object ID
|
2021-12-09 23:31:00 +00:00
|
|
|
canvas.setRootElement(
|
2021-12-10 10:06:09 +00:00
|
|
|
canvas.findRoot(rootId + '_plane') || canvas.findRoot(rootId)
|
2021-12-09 23:31:00 +00:00
|
|
|
);
|
2014-09-08 17:04:18 +00:00
|
|
|
}
|
2014-08-05 06:34:54 +00:00
|
|
|
|
2020-04-29 09:02:42 +00:00
|
|
|
return new Promise(function(resolve, reject) {
|
|
|
|
try {
|
|
|
|
importer = diagram.get('bpmnImporter');
|
|
|
|
eventBus = diagram.get('eventBus');
|
|
|
|
translate = diagram.get('translate');
|
2021-09-17 07:44:58 +00:00
|
|
|
canvas = diagram.get('canvas');
|
2017-12-04 21:27:32 +00:00
|
|
|
|
2020-04-29 09:02:42 +00:00
|
|
|
eventBus.fire('import.render.start', { definitions: definitions });
|
2017-12-04 21:27:32 +00:00
|
|
|
|
2020-04-29 09:02:42 +00:00
|
|
|
render(definitions, bpmnDiagram);
|
2017-12-04 21:27:32 +00:00
|
|
|
|
2020-04-29 09:02:42 +00:00
|
|
|
eventBus.fire('import.render.complete', {
|
|
|
|
error: error,
|
|
|
|
warnings: warnings
|
|
|
|
});
|
|
|
|
|
|
|
|
return resolve({ warnings: warnings });
|
|
|
|
} catch (e) {
|
2014-09-08 17:04:18 +00:00
|
|
|
|
2020-04-29 09:02:42 +00:00
|
|
|
e.warnings = warnings;
|
|
|
|
return reject(e);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
2022-01-17 10:07:10 +00:00
|
|
|
|
|
|
|
/**
|
2022-01-31 10:18:53 +00:00
|
|
|
* Returns all diagrams in the same hirarchy as the requested diagram.
|
|
|
|
* Includes all parent and sub process diagrams.
|
2022-01-17 10:07:10 +00:00
|
|
|
*
|
|
|
|
* @param {Array} definitions
|
|
|
|
* @param {Object} bpmnDiagram
|
2022-01-31 10:18:53 +00:00
|
|
|
*
|
|
|
|
* @returns {Array<Object>}
|
2022-01-17 10:07:10 +00:00
|
|
|
*/
|
2022-01-31 10:18:53 +00:00
|
|
|
function getDiagramsToImport(definitions, bpmnDiagram) {
|
2022-01-17 10:07:10 +00:00
|
|
|
if (!bpmnDiagram) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var bpmnElement = bpmnDiagram.plane.bpmnElement,
|
|
|
|
rootElement = bpmnElement;
|
|
|
|
|
|
|
|
if (!is(bpmnElement, 'bpmn:Process') && !is(bpmnElement, 'bpmn:Collaboration')) {
|
|
|
|
rootElement = findRootProcess(bpmnElement);
|
|
|
|
}
|
|
|
|
|
|
|
|
// in case the process is part of a collaboration, the plane references the
|
|
|
|
// collaboration, not the process
|
|
|
|
var collaboration;
|
2022-01-31 10:18:53 +00:00
|
|
|
|
2022-01-17 10:07:10 +00:00
|
|
|
if (is(rootElement, 'bpmn:Collaboration')) {
|
|
|
|
collaboration = rootElement;
|
2022-01-31 10:18:53 +00:00
|
|
|
} else {
|
2022-01-17 10:07:10 +00:00
|
|
|
collaboration = find(definitions.rootElements, function(element) {
|
|
|
|
if (!is(element, 'bpmn:Collaboration')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
return find(element.participants, function(participant) {
|
|
|
|
return participant.processRef === rootElement;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2022-01-31 10:18:53 +00:00
|
|
|
var rootElements = [ rootElement ];
|
2022-01-17 10:07:10 +00:00
|
|
|
|
|
|
|
// all collaboration processes can contain sub-diagrams
|
|
|
|
if (collaboration) {
|
2022-01-31 10:18:53 +00:00
|
|
|
rootElements = map(collaboration.participants, function(participant) {
|
2022-01-17 10:07:10 +00:00
|
|
|
return participant.processRef;
|
|
|
|
});
|
|
|
|
|
2022-01-31 10:18:53 +00:00
|
|
|
rootElements.push(collaboration);
|
2022-01-17 10:07:10 +00:00
|
|
|
}
|
|
|
|
|
2022-01-31 10:18:53 +00:00
|
|
|
var allChildren = selfAndAllFlowElements(rootElements);
|
2022-01-17 10:07:10 +00:00
|
|
|
|
|
|
|
// if we have multiple diagrams referencing the same element, we
|
|
|
|
// use the first in the file
|
2022-01-31 10:18:53 +00:00
|
|
|
var diagramsToImport = [ bpmnDiagram ];
|
|
|
|
var handledElements = [ bpmnElement ];
|
2022-01-17 10:07:10 +00:00
|
|
|
|
|
|
|
forEach(definitions.diagrams, function(diagram) {
|
2022-01-31 10:18:53 +00:00
|
|
|
var businessObject = diagram.plane.bpmnElement;
|
2022-01-17 10:07:10 +00:00
|
|
|
|
|
|
|
if (
|
2022-01-31 10:18:53 +00:00
|
|
|
allChildren.indexOf(businessObject) !== -1 &&
|
|
|
|
handledElements.indexOf(businessObject) === -1
|
2022-01-17 10:07:10 +00:00
|
|
|
) {
|
2022-01-31 10:18:53 +00:00
|
|
|
diagramsToImport.push(diagram);
|
|
|
|
handledElements.push(businessObject);
|
2022-01-17 10:07:10 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
2022-01-31 10:18:53 +00:00
|
|
|
return diagramsToImport;
|
2022-01-17 10:07:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
function selfAndAllFlowElements(elements) {
|
|
|
|
var result = [];
|
|
|
|
|
|
|
|
forEach(elements, function(element) {
|
|
|
|
if (!element) {
|
|
|
|
return;
|
|
|
|
}
|
2022-01-31 10:18:53 +00:00
|
|
|
|
2022-01-17 10:07:10 +00:00
|
|
|
result.push(element);
|
2022-01-31 10:18:53 +00:00
|
|
|
|
2022-01-17 10:07:10 +00:00
|
|
|
result = result.concat(selfAndAllFlowElements(element.flowElements));
|
|
|
|
});
|
|
|
|
|
|
|
|
return result;
|
|
|
|
}
|
|
|
|
|
|
|
|
function findRootProcess(element) {
|
|
|
|
var parent = element;
|
|
|
|
|
|
|
|
while (parent) {
|
|
|
|
if (is(parent, 'bpmn:Process')) {
|
|
|
|
return parent;
|
|
|
|
}
|
2022-01-31 10:18:53 +00:00
|
|
|
|
2022-01-17 10:07:10 +00:00
|
|
|
parent = parent.$parent;
|
|
|
|
}
|
|
|
|
}
|