camunda-bpmn-js 0.13.0-drilldown.0 → 0.13.0

package/lib/camunda-cloud/NavigatedViewer.js

@@ -0,0 +1,34 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/NavigatedViewer';
+
+import { commonModdleExtensions, commonModules } from './util/commonModules';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function NavigatedViewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(NavigatedViewer, BaseViewer);
+
+NavigatedViewer.prototype._camundaCloudModules = [
+  ...commonModules
+];
+
+NavigatedViewer.prototype._modules = [].concat(
+  BaseViewer.prototype._modules,
+  NavigatedViewer.prototype._camundaCloudModules
+);

package/lib/camunda-cloud/Viewer.js

@@ -0,0 +1,34 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/Viewer';
+
+import { commonModdleExtensions, commonModules } from './util/commonModules';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function Viewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(Viewer, BaseViewer);
+
+Viewer.prototype._camundaCloudModules = [
+  ...commonModules
+];
+
+Viewer.prototype._modules = [].concat(
+  BaseViewer.prototype._modules,
+  Viewer.prototype._camundaCloudModules
+);

package/lib/camunda-cloud/util/commonModules.js

@@ -0,0 +1,14 @@
+import iconRendererModule from '@bpmn-io/element-templates-icons-renderer';
+
+import drilldownModule from '../features/drilldown';
+
+import zeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe.json';
+
+export const commonModules = [
+  drilldownModule,
+  iconRendererModule
+];
+
+export const commonModdleExtensions = {
+  zeebe: zeebeModdle
+};

package/lib/camunda-platform/Modeler.js

@@ -2,9 +2,7 @@ import inherits from 'inherits';
 
 import BaseModeler from '../base/Modeler';
 
-import modelingModule from './features/modeling';
-
-import camundaModdle from 'camunda-bpmn-moddle/resources/camunda.json';
+import behaviorsModule from 'camunda-bpmn-js-behaviors/lib/camunda-platform';
 
 import camundaModdleExtension from 'camunda-bpmn-moddle/lib';
 
@@ -13,6 +11,8 @@ import {
   ElementTemplatesPropertiesProviderModule
 } from 'bpmn-js-properties-panel';
 
+import { commonModdleExtensions } from './util/commonModules';
+
 
 /**
  *
@@ -23,7 +23,7 @@ export default function Modeler(options = {}) {
   options = {
     ...options,
     moddleExtensions: {
-      camunda: camundaModdle,
+      ...commonModdleExtensions,
       ...options.moddleExtensions
     }
   };
@@ -35,7 +35,7 @@ inherits(Modeler, BaseModeler);
 
 Modeler.prototype._camundaPlatformModules = [
   camundaModdleExtension,
-  modelingModule,
+  behaviorsModule,
   CamundaPlatformPropertiesProviderModule,
   ElementTemplatesPropertiesProviderModule
 ];

package/lib/camunda-platform/NavigatedViewer.js

@@ -0,0 +1,25 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/NavigatedViewer';
+
+import { commonModdleExtensions } from './util/commonModules';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function NavigatedViewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(NavigatedViewer, BaseViewer);

package/lib/camunda-platform/Viewer.js

@@ -0,0 +1,24 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/Viewer';
+
+import { commonModdleExtensions } from './util/commonModules';
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function Viewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(Viewer, BaseViewer);

package/lib/camunda-platform/util/commonModules.js

@@ -0,0 +1,7 @@
+import camundaModdle from 'camunda-bpmn-moddle/resources/camunda.json';
+
+export const commonModules = [];
+
+export const commonModdleExtensions = {
+  camunda: camundaModdle
+};

package/lib/util/ExtensionElementsUtil.js

@@ -0,0 +1,59 @@
+import {
+  getBusinessObject,
+  is
+} from 'bpmn-js/lib/util/ModelUtil';
+
+import { isArray } from 'min-dash';
+
+/**
+ * Get extension elements of business object. Optionally filter by type.
+ *
+ * @param  {djs.model.Base|ModdleElement} element
+ * @param  {String} [type=undefined]
+ * @returns {Array<ModdleElement>}
+ */
+export function getExtensionElementsList(element, type = undefined) {
+  const businessObject = getBusinessObject(element),
+        extensionElements = businessObject.get('extensionElements');
+
+  if (!extensionElements) {
+    return [];
+  }
+
+  const values = extensionElements.get('values');
+
+  if (!values || !values.length) {
+    return [];
+  }
+
+  if (type) {
+    return values.filter(value => is(value, type));
+  }
+
+  return values;
+}
+
+/**
+ * Remove one or more extension elements. Remove bpmn:ExtensionElements afterwards if it's empty.
+ *
+ * @param {ModdleElement} element
+ * @param {ModdleElement} businessObject
+ * @param {ModdleElement|Array<ModdleElement>} extensionElementsToRemove
+ * @param {CommandStack} commandStack
+ */
+export function removeExtensionElements(element, businessObject, extensionElementsToRemove, commandStack) {
+  if (!isArray(extensionElementsToRemove)) {
+    extensionElementsToRemove = [ extensionElementsToRemove ];
+  }
+
+  const extensionElements = businessObject.get('extensionElements'),
+        values = extensionElements.get('values').filter(value => !extensionElementsToRemove.includes(value));
+
+  commandStack.execute('element.updateModdleProperties', {
+    element,
+    moddleElement: extensionElements,
+    properties: {
+      values
+    }
+  });
+}

package/package.json

@@ -1,20 +1,25 @@
 {
   "name": "camunda-bpmn-js",
-  "version": "0.13.0-drilldown.0",
+  "version": "0.13.0",
   "description": "Embeddable Camunda modeling distributions based on bpmn-js",
   "main": "lib/index.js",
   "scripts": {
-    "all": "run-s lint test distro test:distro",
+    "all": "run-s clean lint test distro test:distro",
     "lint": "eslint .",
     "dev": "npm test -- --auto-watch --no-single-run",
     "test": "karma start karma.config.js",
+    "clean": "del-cli dist",
     "distro": "rollup -c",
     "test:distro": "node tasks/test-distro.js",
     "start:base": "cross-env SINGLE_START=base-modeler npm run dev",
     "start:platform": "cross-env SINGLE_START=camunda-platform-modeler npm run dev",
     "start:cloud": "cross-env SINGLE_START=camunda-cloud-modeler npm run dev",
-    "prepublishOnly": "run-s distro test:distro",
-    "prepare": "run-s distro"
+    "start:platform-viewer": "cross-env SINGLE_START=camunda-platform-viewer npm run dev",
+    "start:cloud-viewer": "cross-env SINGLE_START=camunda-cloud-viewer npm run dev",
+    "start:platform-navigated-viewer": "cross-env SINGLE_START=camunda-platform-navigated-viewer npm run dev",
+    "start:cloud-navigated-viewer": "cross-env SINGLE_START=camunda-cloud-navigated-viewer npm run dev",
+    "prepublishOnly": "run-s test:distro",
+    "prepare": "run-s clean distro"
   },
   "repository": {
     "type": "git",
@@ -41,30 +46,33 @@
   "license": "MIT",
   "dependencies": {
     "@bpmn-io/align-to-origin": "^0.7.0",
-    "@bpmn-io/properties-panel": "^0.10.2",
-    "bpmn-js": "github:bpmn-io/bpmn-js#develop",
-    "bpmn-js-disable-collapsed-subprocess": "^0.1.3",
+    "@bpmn-io/element-templates-icons-renderer": "^0.1.2",
+    "bpmn-js": "^9.0.3",
+    "bpmn-js-disable-collapsed-subprocess": "^0.1.4",
     "bpmn-js-executable-fix": "^0.1.3",
-    "bpmn-js-properties-panel": "github:bpmn-io/bpmn-js-properties-panel#bpmn-js-9",
-    "camunda-bpmn-moddle": "^6.1.1",
-    "diagram-js": "github:bpmn-io/diagram-js#fix-no-root-during-import",
-    "diagram-js-minimap": "github:bpmn-io/diagram-js-minimap#bpmn-js-9",
+    "camunda-bpmn-js-behaviors": "^0.1.0",
+    "camunda-bpmn-moddle": "^6.1.2",
+    "diagram-js": "^8.2.1",
+    "diagram-js-minimap": "^2.1.0",
     "diagram-js-origin": "^1.3.2",
     "inherits": "^2.0.4",
-    "min-dash": "^3.7.0",
-    "zeebe-bpmn-moddle": "^0.10.0"
+    "min-dash": "^3.8.1",
+    "zeebe-bpmn-moddle": "^0.12.1"
   },
   "devDependencies": {
+    "@bpmn-io/properties-panel": "^0.13.1",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^11.1.1",
+    "bpmn-js-properties-panel": "^1.1.0",
     "chai": "^4.2.0",
     "cross-env": "^7.0.3",
+    "del-cli": "^4.0.1",
     "eslint": "^7.32.0",
     "eslint-plugin-bpmn-io": "^0.13.0",
     "execa": "^5.0.0",
     "istanbul-instrumenter-loader": "^3.0.1",
-    "karma": "^6.3.0",
+    "karma": "^6.3.16",
     "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-coverage": "^2.0.3",
@@ -87,5 +95,9 @@
     "sinon": "^9.2.4",
     "sinon-chai": "^3.5.0",
     "webpack": "^5.20.1"
+  },
+  "peerDependencies": {
+    "@bpmn-io/properties-panel": "0.13.x",
+    "bpmn-js-properties-panel": "1.x"
   }
 }

package/styles/base-navigated-viewer.css

@@ -0,0 +1,2 @@
+@import './diagram-js.css';
+@import './bpmn-js.css';

package/styles/base-viewer.css

@@ -0,0 +1,2 @@
+@import './diagram-js.css';
+@import './bpmn-js.css';

package/styles/camunda-cloud-modeler.css

@@ -1 +1,2 @@
-@import './base-modeler.css';
+@import './base-modeler.css';
+@import './element-templates.css';

package/styles/camunda-cloud-navigated-viewer.css

@@ -0,0 +1 @@
+@import './base-navigated-viewer.css';

package/styles/camunda-cloud-viewer.css

@@ -0,0 +1 @@
+@import './base-viewer.css';

package/styles/camunda-platform-navigated-viewer.css

@@ -0,0 +1 @@
+@import './base-navigated-viewer.css';

package/styles/camunda-platform-viewer.css

@@ -0,0 +1 @@
+@import './base-viewer.css';

package/util/index.js

@@ -0,0 +1,39 @@
+/**
+ * Generates all possible combinations of the items in the given arrays.
+ *
+ * @param {...Array} - arrays with options to combine
+ * @returns {Array<Array>} array with all posible combinations of items
+ */
+function getAllCombinations() {
+  const [ first, ...rest ] = arguments;
+
+  if (!first) {
+    return;
+  }
+
+  const combinations = getAllCombinations(...rest);
+
+  return first.reduce((acc, cur) => {
+
+    const newCombination = combinations ? combinations.map(combination => [ cur, ...combination ]) : [ [ cur ] ];
+
+    return acc.concat(
+      newCombination
+    );
+  }, []);
+}
+
+function capitalize(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+function toKebabCase(string) {
+  return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+
+
+module.exports = {
+  getAllCombinations,
+  capitalize,
+  toKebabCase
+};

package/dist/assets/bpmn-font/bpmn-codes.css

@@ -1,108 +0,0 @@
-
-.bpmn-icon-screw-wrench:before { content: '\e800'; } /* '' */
-.bpmn-icon-trash:before { content: '\e801'; } /* '' */
-.bpmn-icon-conditional-flow:before { content: '\e802'; } /* '' */
-.bpmn-icon-default-flow:before { content: '\e803'; } /* '' */
-.bpmn-icon-gateway-parallel:before { content: '\e804'; } /* '' */
-.bpmn-icon-intermediate-event-catch-cancel:before { content: '\e805'; } /* '' */
-.bpmn-icon-intermediate-event-catch-non-interrupting-message:before { content: '\e806'; } /* '' */
-.bpmn-icon-start-event-compensation:before { content: '\e807'; } /* '' */
-.bpmn-icon-start-event-non-interrupting-parallel-multiple:before { content: '\e808'; } /* '' */
-.bpmn-icon-loop-marker:before { content: '\e809'; } /* '' */
-.bpmn-icon-parallel-mi-marker:before { content: '\e80a'; } /* '' */
-.bpmn-icon-start-event-non-interrupting-signal:before { content: '\e80b'; } /* '' */
-.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before { content: '\e80c'; } /* '' */
-.bpmn-icon-intermediate-event-catch-parallel-multiple:before { content: '\e80d'; } /* '' */
-.bpmn-icon-intermediate-event-catch-compensation:before { content: '\e80e'; } /* '' */
-.bpmn-icon-gateway-xor:before { content: '\e80f'; } /* '' */
-.bpmn-icon-connection:before { content: '\e810'; } /* '' */
-.bpmn-icon-end-event-cancel:before { content: '\e811'; } /* '' */
-.bpmn-icon-intermediate-event-catch-condition:before { content: '\e812'; } /* '' */
-.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before { content: '\e813'; } /* '' */
-.bpmn-icon-start-event-condition:before { content: '\e814'; } /* '' */
-.bpmn-icon-start-event-non-interrupting-timer:before { content: '\e815'; } /* '' */
-.bpmn-icon-sequential-mi-marker:before { content: '\e816'; } /* '' */
-.bpmn-icon-user-task:before { content: '\e817'; } /* '' */
-.bpmn-icon-business-rule:before { content: '\e818'; } /* '' */
-.bpmn-icon-sub-process-marker:before { content: '\e819'; } /* '' */
-.bpmn-icon-start-event-parallel-multiple:before { content: '\e81a'; } /* '' */
-.bpmn-icon-start-event-error:before { content: '\e81b'; } /* '' */
-.bpmn-icon-intermediate-event-catch-signal:before { content: '\e81c'; } /* '' */
-.bpmn-icon-intermediate-event-catch-error:before { content: '\e81d'; } /* '' */
-.bpmn-icon-end-event-compensation:before { content: '\e81e'; } /* '' */
-.bpmn-icon-subprocess-collapsed:before { content: '\e81f'; } /* '' */
-.bpmn-icon-subprocess-expanded:before { content: '\e820'; } /* '' */
-.bpmn-icon-task:before { content: '\e821'; } /* '' */
-.bpmn-icon-end-event-error:before { content: '\e822'; } /* '' */
-.bpmn-icon-intermediate-event-catch-escalation:before { content: '\e823'; } /* '' */
-.bpmn-icon-intermediate-event-catch-timer:before { content: '\e824'; } /* '' */
-.bpmn-icon-start-event-escalation:before { content: '\e825'; } /* '' */
-.bpmn-icon-start-event-signal:before { content: '\e826'; } /* '' */
-.bpmn-icon-business-rule-task:before { content: '\e827'; } /* '' */
-.bpmn-icon-manual:before { content: '\e828'; } /* '' */
-.bpmn-icon-receive:before { content: '\e829'; } /* '' */
-.bpmn-icon-call-activity:before { content: '\e82a'; } /* '' */
-.bpmn-icon-start-event-timer:before { content: '\e82b'; } /* '' */
-.bpmn-icon-start-event-message:before { content: '\e82c'; } /* '' */
-.bpmn-icon-intermediate-event-none:before { content: '\e82d'; } /* '' */
-.bpmn-icon-intermediate-event-catch-link:before { content: '\e82e'; } /* '' */
-.bpmn-icon-end-event-escalation:before { content: '\e82f'; } /* '' */
-.bpmn-icon-text-annotation:before { content: '\e830'; } /* '' */
-.bpmn-icon-bpmn-io:before { content: '\e831'; } /* '' */
-.bpmn-icon-gateway-complex:before { content: '\e832'; } /* '' */
-.bpmn-icon-gateway-eventbased:before { content: '\e833'; } /* '' */
-.bpmn-icon-gateway-none:before { content: '\e834'; } /* '' */
-.bpmn-icon-gateway-or:before { content: '\e835'; } /* '' */
-.bpmn-icon-end-event-terminate:before { content: '\e836'; } /* '' */
-.bpmn-icon-end-event-signal:before { content: '\e837'; } /* '' */
-.bpmn-icon-end-event-none:before { content: '\e838'; } /* '' */
-.bpmn-icon-end-event-multiple:before { content: '\e839'; } /* '' */
-.bpmn-icon-end-event-message:before { content: '\e83a'; } /* '' */
-.bpmn-icon-end-event-link:before { content: '\e83b'; } /* '' */
-.bpmn-icon-intermediate-event-catch-message:before { content: '\e83c'; } /* '' */
-.bpmn-icon-intermediate-event-throw-compensation:before { content: '\e83d'; } /* '' */
-.bpmn-icon-start-event-multiple:before { content: '\e83e'; } /* '' */
-.bpmn-icon-script:before { content: '\e83f'; } /* '' */
-.bpmn-icon-manual-task:before { content: '\e840'; } /* '' */
-.bpmn-icon-send:before { content: '\e841'; } /* '' */
-.bpmn-icon-service:before { content: '\e842'; } /* '' */
-.bpmn-icon-receive-task:before { content: '\e843'; } /* '' */
-.bpmn-icon-user:before { content: '\e844'; } /* '' */
-.bpmn-icon-start-event-none:before { content: '\e845'; } /* '' */
-.bpmn-icon-intermediate-event-throw-escalation:before { content: '\e846'; } /* '' */
-.bpmn-icon-intermediate-event-catch-multiple:before { content: '\e847'; } /* '' */
-.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before { content: '\e848'; } /* '' */
-.bpmn-icon-intermediate-event-throw-link:before { content: '\e849'; } /* '' */
-.bpmn-icon-start-event-non-interrupting-condition:before { content: '\e84a'; } /* '' */
-.bpmn-icon-data-object:before { content: '\e84b'; } /* '' */
-.bpmn-icon-script-task:before { content: '\e84c'; } /* '' */
-.bpmn-icon-send-task:before { content: '\e84d'; } /* '' */
-.bpmn-icon-data-store:before { content: '\e84e'; } /* '' */
-.bpmn-icon-start-event-non-interrupting-escalation:before { content: '\e84f'; } /* '' */
-.bpmn-icon-intermediate-event-throw-message:before { content: '\e850'; } /* '' */
-.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before { content: '\e851'; } /* '' */
-.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before { content: '\e852'; } /* '' */
-.bpmn-icon-intermediate-event-throw-multiple:before { content: '\e853'; } /* '' */
-.bpmn-icon-start-event-non-interrupting-message:before { content: '\e854'; } /* '' */
-.bpmn-icon-ad-hoc-marker:before { content: '\e855'; } /* '' */
-.bpmn-icon-service-task:before { content: '\e856'; } /* '' */
-.bpmn-icon-task-none:before { content: '\e857'; } /* '' */
-.bpmn-icon-compensation-marker:before { content: '\e858'; } /* '' */
-.bpmn-icon-start-event-non-interrupting-multiple:before { content: '\e859'; } /* '' */
-.bpmn-icon-intermediate-event-throw-signal:before { content: '\e85a'; } /* '' */
-.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before { content: '\e85b'; } /* '' */
-.bpmn-icon-participant:before { content: '\e85c'; } /* '' */
-.bpmn-icon-event-subprocess-expanded:before { content: '\e85d'; } /* '' */
-.bpmn-icon-lane-insert-below:before { content: '\e85e'; } /* '' */
-.bpmn-icon-space-tool:before { content: '\e85f'; } /* '' */
-.bpmn-icon-connection-multi:before { content: '\e860'; } /* '' */
-.bpmn-icon-lane:before { content: '\e861'; } /* '' */
-.bpmn-icon-lasso-tool:before { content: '\e862'; } /* '' */
-.bpmn-icon-lane-insert-above:before { content: '\e863'; } /* '' */
-.bpmn-icon-lane-divide-three:before { content: '\e864'; } /* '' */
-.bpmn-icon-lane-divide-two:before { content: '\e865'; } /* '' */
-.bpmn-icon-data-input:before { content: '\e866'; } /* '' */
-.bpmn-icon-data-output:before { content: '\e867'; } /* '' */
-.bpmn-icon-hand-tool:before { content: '\e868'; } /* '' */
-.bpmn-icon-group:before { content: '\e869'; } /* '' */
-.bpmn-icon-transaction:before { content: '\e8c4'; } /* '' */