camunda-bpmn-js 0.12.2 → 0.13.0-alpha.0

package/lib/camunda-cloud/features/properties-provider/ZeebePropertiesProvider.js

@@ -1,201 +0,0 @@
-import PropertiesActivator from 'bpmn-js-properties-panel/lib/PropertiesActivator';
-
-import idProps from 'bpmn-js-properties-panel/lib/provider/bpmn/parts/IdProps';
-
-import nameProps from 'bpmn-js-properties-panel/lib/provider/bpmn/parts/NameProps';
-
-import processProps from 'bpmn-js-properties-panel/lib/provider/bpmn/parts/ProcessProps';
-
-import executableProps from 'bpmn-js-properties-panel/lib/provider/bpmn/parts/ExecutableProps';
-
-import inputOutput from './parts/InputOutputProps';
-
-import headers from './parts/HeadersProps';
-
-import taskDefinition from './parts/TaskDefinitionProps';
-
-import sequenceFlowProps from './parts/SequenceFlowProps';
-
-import messageProps from './parts/MessageProps';
-
-import timerProps from './parts/TimerEventProps';
-
-import multiInstanceProps from './parts/MultiInstanceProps';
-
-import errorProps from './parts/ErrorProps';
-
-import callActivityProps from './parts/CallActivityProps';
-
-import formProps from './parts/FormProps';
-
-import { is } from 'bpmn-js/lib/util/ModelUtil';
-
-function getIdOptions(element) {
-  if (is(element, 'bpmn:Participant')) {
-    return { id: 'participant-id', label: 'Participant Id' };
-  }
-}
-
-function getNameOptions(element) {
-  if (is(element, 'bpmn:Participant')) {
-    return { id: 'participant-name', label: 'Participant Name' };
-  }
-}
-
-function createGeneralTabGroups(element, bpmnFactory, canvas, translate) {
-  const generalGroup = {
-    id: 'general',
-    label: translate('General'),
-    entries: []
-  };
-
-  idProps(generalGroup, element, translate, getIdOptions(element));
-  nameProps(generalGroup, element, bpmnFactory, canvas, translate, getNameOptions(element));
-  processProps(generalGroup, element, translate);
-  executableProps(generalGroup, element, translate);
-
-  const detailsGroup = {
-    id: 'details',
-    label: translate('Details'),
-    entries: []
-  };
-  taskDefinition(detailsGroup, element, bpmnFactory, translate);
-  sequenceFlowProps(detailsGroup, element, bpmnFactory, translate);
-  messageProps(detailsGroup, element, bpmnFactory, translate);
-  timerProps(detailsGroup, element, bpmnFactory, translate);
-  errorProps(detailsGroup, element, bpmnFactory, translate);
-  callActivityProps(detailsGroup, element, bpmnFactory, translate);
-
-  const multiInstanceGroup = {
-    id: 'multiInstance',
-    label: translate('Multi Instance'),
-    entries: []
-  };
-  multiInstanceProps(multiInstanceGroup, element, bpmnFactory, translate);
-
-  return [
-    generalGroup,
-    detailsGroup,
-    multiInstanceGroup
-  ];
-}
-
-function createFormsGroups(element, bpmnFactory, translate) {
-
-  const formsGroups = {
-    id: 'forms-properties',
-    label: translate('Forms'),
-    entries: []
-  };
-  formProps(formsGroups, element, bpmnFactory, translate);
-
-
-  return [
-    formsGroups
-  ];
-}
-
-function createHeadersGroups(element, bpmnFactory, translate) {
-
-  const headersGroup = {
-    id: 'headers-properties',
-    label: translate('Headers'),
-    entries: []
-  };
-  headers(headersGroup, element, bpmnFactory, translate);
-
-  return [
-    headersGroup
-  ];
-}
-
-
-function createInputOutputTabGroups(element, bpmnFactory, translate) {
-
-  const inputGroup = {
-    id: 'input',
-    label: translate('Input Parameters'),
-    entries: []
-  };
-
-  inputOutput(inputGroup, element, bpmnFactory, translate, {
-    type: 'zeebe:Input',
-    prop: 'inputParameters',
-    prefix: 'input'
-  });
-
-  const outputGroup = {
-    id: 'output',
-    label: translate('Output Parameters'),
-    entries: []
-  };
-
-  inputOutput(outputGroup, element, bpmnFactory, translate, {
-    type: 'zeebe:Output',
-    prop: 'outputParameters',
-    prefix: 'output'
-  });
-
-  return [
-    inputGroup,
-    outputGroup
-  ];
-}
-
-export default class ZeebePropertiesProvider extends PropertiesActivator {
-  constructor(eventBus, bpmnFactory, canvas, translate) {
-
-    super(eventBus);
-
-    this._bpmnFactory = bpmnFactory;
-    this._canvas = canvas;
-    this._translate = translate;
-
-  }
-
-  getTabs(element) {
-    const generalTab = {
-      id: 'general',
-      label: this._translate('General'),
-      groups: createGeneralTabGroups(
-        element, this._bpmnFactory, this._canvas, this._translate)
-    };
-
-    const formsTab = {
-      id: 'forms',
-      label: this._translate('Forms'),
-      groups: createFormsGroups(
-        element, this._bpmnFactory, this._translate
-      )
-    };
-
-    const inputOutputTab = {
-      id: 'input-output',
-      label: this._translate('Input/Output'),
-      groups: createInputOutputTabGroups(
-        element, this._bpmnFactory, this._translate)
-    };
-
-    const headersTab = {
-      id: 'headers',
-      label: this._translate('Headers'),
-      groups: createHeadersGroups(
-        element, this._bpmnFactory, this._translate)
-    };
-
-    return [
-      generalTab,
-      formsTab,
-      inputOutputTab,
-      headersTab
-    ];
-  }
-
-}
-
-ZeebePropertiesProvider.$inject = [
-  'eventBus',
-  'bpmnFactory',
-  'canvas',
-  'translate'
-];

package/lib/camunda-cloud/features/properties-provider/index.js

@@ -1,11 +0,0 @@
-import translate from 'diagram-js/lib/i18n/translate';
-
-import ZeebePropertiesProvider from './ZeebePropertiesProvider';
-
-export default {
-  __depends__: [
-    translate
-  ],
-  __init__: [ 'propertiesProvider' ],
-  propertiesProvider: [ 'type', ZeebePropertiesProvider ]
-};

package/lib/camunda-cloud/features/properties-provider/parts/CallActivityProps.js

@@ -1,90 +0,0 @@
-import elementHelper from 'bpmn-js-properties-panel/lib/helper/ElementHelper';
-
-import cmdHelper from 'bpmn-js-properties-panel/lib/helper/CmdHelper';
-
-import { isIdValid } from 'bpmn-js-properties-panel/lib/Utils';
-
-import { getCalledElement } from '../../../helper/CalledElementHelper';
-
-import {
-  is,
-  getBusinessObject
-} from 'bpmn-js/lib/util/ModelUtil';
-
-import entryFactory from 'bpmn-js-properties-panel/lib/factory/EntryFactory';
-
-export default function(group, element, bpmnFactory, translate) {
-
-  if (!is(element, 'bpmn:CallActivity')) {
-    return;
-  }
-
-  function getProperty(element, propertyName) {
-    const businessObject = getBusinessObject(element),
-          calledElement = getCalledElement(businessObject);
-
-    return calledElement ? calledElement.get(propertyName) : '';
-  }
-
-  function setProperties(element, values) {
-
-    const businessObject = getBusinessObject(element),
-          commands = [];
-
-    // ensure extensionElements
-    let extensionElements = businessObject.get('extensionElements');
-    if (!extensionElements) {
-      extensionElements = elementHelper.createElement('bpmn:ExtensionElements', { values: [] }, businessObject, bpmnFactory);
-      commands.push(cmdHelper.updateBusinessObject(element, businessObject, { extensionElements: extensionElements }));
-    }
-
-    // ensure zeebe:calledElement
-    let calledElement = getCalledElement(businessObject);
-    if (!calledElement) {
-      calledElement = elementHelper.createElement('zeebe:CalledElement', { }, extensionElements, bpmnFactory);
-      commands.push(cmdHelper.addAndRemoveElementsFromList(
-        element,
-        extensionElements,
-        'values',
-        'extensionElements',
-        [ calledElement ],
-        []
-      ));
-    }
-
-    // update properties
-    commands.push(cmdHelper.updateBusinessObject(element, calledElement, values));
-    return commands;
-  }
-
-  // properties /////////////////////////////////////////////////////////////////
-
-  group.entries.push(entryFactory.validationAwareTextField(translate, {
-    id: 'process-id',
-    label: translate('Process Id'),
-    modelProperty: 'processId',
-
-    getProperty: function(element) {
-      return getProperty(element, 'processId');
-    },
-
-    setProperty: function(element, values) {
-      return setProperties(element, {
-        processId: values.processId || undefined
-      });
-    },
-    validate: function(element, values) {
-      var idValue = values.processId;
-      var bo = getBusinessObject(element);
-
-      // pass on expression statements
-      if (/^=/.test(idValue || '')) {
-        return {};
-      }
-
-      var idError = isIdValid(bo, idValue, translate);
-
-      return idError ? { processId: idError } : {};
-    }
-  }));
-}

package/lib/camunda-cloud/features/properties-provider/parts/ErrorProps.js

@@ -1,13 +0,0 @@
-import eventDefinitionHelper from 'bpmn-js-properties-panel/lib/helper/EventDefinitionHelper';
-
-import error from 'bpmn-js-properties-panel/lib/provider/bpmn/parts/implementation/ErrorEventDefinition';
-
-export default function(group, element, bpmnFactory, translate) {
-
-  const errorEventDefinition = eventDefinitionHelper.getErrorEventDefinition(element);
-
-  if (errorEventDefinition) {
-    error(group, element, bpmnFactory, errorEventDefinition, translate);
-  }
-
-}

package/lib/camunda-cloud/features/properties-provider/parts/FormProps.js

@@ -1,14 +0,0 @@
-import {
-  isAny
-} from 'bpmn-js/lib/features/modeling/util/ModelingUtil';
-
-import formDefinition from './implementation/FormDefinition';
-
-export default function(group, element, bpmnFactory, translate) {
-
-  if (!isAny(element, [ 'bpmn:UserTask' ])) {
-    return;
-  }
-
-  group.entries = group.entries.concat(formDefinition(element, bpmnFactory, translate));
-}

package/lib/camunda-cloud/features/properties-provider/parts/HeadersProps.js

@@ -1,52 +0,0 @@
-import properties from './implementation/Headers';
-
-import elementHelper from 'bpmn-js-properties-panel/lib/helper/ElementHelper';
-
-import cmdHelper from 'bpmn-js-properties-panel/lib/helper/CmdHelper';
-
-import {
-  is
-} from 'bpmn-js/lib/util/ModelUtil';
-
-import {
-  isZeebeServiceTask
-} from '../../../helper/ZeebeServiceTaskHelper.js';
-
-
-export default function(group, element, bpmnFactory, translate) {
-
-  if (!canHaveHeaders(element)) {
-    return;
-  }
-
-  const propertiesEntry = properties(element, bpmnFactory, translate, {
-    id: 'headers',
-    modelProperties: [ 'key', 'value' ],
-    labels: [ translate('Key'), translate('Value') ],
-
-    getParent: function(element, node, bo) {
-      return bo.extensionElements;
-    },
-
-    createParent: function(element, bo) {
-      const parent = elementHelper.createElement('bpmn:ExtensionElements', { values: [] }, bo, bpmnFactory);
-      const cmd = cmdHelper.updateBusinessObject(element, bo, { extensionElements: parent });
-      return {
-        cmd: cmd,
-        parent: parent
-      };
-    }
-  });
-
-  if (propertiesEntry) {
-    group.entries.push(propertiesEntry);
-  }
-
-}
-
-
-// helpers ////////////////
-
-function canHaveHeaders(element) {
-  return is(element, 'bpmn:UserTask') || isZeebeServiceTask(element);
-}

package/lib/camunda-cloud/features/properties-provider/parts/InputOutputProps.js

@@ -1,8 +0,0 @@
-import inputOutput from './implementation/InputOutput';
-
-export default function(group, element, bpmnFactory, translate, options) {
-
-  const inputOutputEntry = inputOutput(element, bpmnFactory, translate, options);
-
-  group.entries = group.entries.concat(inputOutputEntry.entries);
-}

package/lib/camunda-cloud/features/properties-provider/parts/MessageProps.js

@@ -1,51 +0,0 @@
-import {
-  getBusinessObject,
-  is
-} from 'bpmn-js/lib/util/ModelUtil';
-
-import {
-  isEventSubProcess
-} from 'bpmn-js/lib/util/DiUtil';
-
-import {
-  isZeebeServiceTask
-} from '../../../helper/ZeebeServiceTaskHelper.js';
-
-import eventDefinitionHelper from 'bpmn-js-properties-panel/lib/helper/EventDefinitionHelper';
-
-import message from 'bpmn-js-properties-panel/lib/provider/bpmn/parts/implementation/MessageEventDefinition';
-
-import referenceExtensionElementProperty from './implementation/ElementReferenceExtensionElementProperty';
-
-
-export default function(group, element, bpmnFactory, translate) {
-
-  const messageEventDefinition = eventDefinitionHelper.getMessageEventDefinition(element),
-        parent = element.parent;
-
-  if (is(element, 'bpmn:ReceiveTask')) {
-    message(group, element, bpmnFactory, getBusinessObject(element), translate);
-    group.entries = group.entries.concat(referenceExtensionElementProperty(element, getBusinessObject(element), bpmnFactory, translate, {
-      id: 'message-element-subscription',
-      label: translate('Subscription Correlation Key'),
-      referenceProperty: 'messageRef',
-      modelProperty: 'correlationKey',
-      extensionElement: 'zeebe:Subscription',
-      shouldValidate: true
-    }));
-  } else if (messageEventDefinition && !isZeebeServiceTask(element)) {
-    message(group, element, bpmnFactory, messageEventDefinition, translate);
-    if (!is(element, 'bpmn:StartEvent') || isEventSubProcess(parent)) {
-
-      group.entries = group.entries.concat(referenceExtensionElementProperty(element, messageEventDefinition, bpmnFactory, translate, {
-        id: 'message-element-subscription',
-        label: translate('Subscription Correlation Key'),
-        referenceProperty: 'messageRef',
-        modelProperty: 'correlationKey',
-        extensionElement: 'zeebe:Subscription',
-        shouldValidate: true
-      }));
-    }
-  }
-
-}

package/lib/camunda-cloud/features/properties-provider/parts/MultiInstanceProps.js

@@ -1,25 +0,0 @@
-import {
-  getBusinessObject
-} from 'bpmn-js/lib/util/ModelUtil';
-
-import multiInstanceLoopCharacteristics from './implementation/MultiInstanceLoopCharacteristics';
-
-export default function(group, element, bpmnFactory, translate) {
-
-  if (!ensureMultiInstanceSupported(element)) {
-    return;
-  }
-
-  group.entries = group.entries.concat(multiInstanceLoopCharacteristics(element, bpmnFactory, translate));
-}
-
-// helpers //////////////
-
-function getLoopCharacteristics(element) {
-  const bo = getBusinessObject(element);
-  return bo.loopCharacteristics;
-}
-
-function ensureMultiInstanceSupported(element) {
-  return !!getLoopCharacteristics(element);
-}

package/lib/camunda-cloud/features/properties-provider/parts/SequenceFlowProps.js

@@ -1,149 +0,0 @@
-import {
-  isAny
-} from 'bpmn-js/lib/features/modeling/util/ModelingUtil';
-
-import {
-  getBusinessObject
-} from 'bpmn-js/lib/util/ModelUtil';
-
-import {
-  escapeHTML
-} from 'bpmn-js-properties-panel/lib/Utils';
-
-import {
-  query as domQuery
-} from 'min-dom';
-
-import cmdHelper from 'bpmn-js-properties-panel/lib/helper/CmdHelper';
-
-import elementHelper from 'bpmn-js-properties-panel/lib/helper/ElementHelper';
-
-export default function(group, element, bpmnFactory, translate) {
-  const bo = getBusinessObject(element);
-
-  if (!bo) {
-    return;
-  }
-
-  if (!isConditionalSource(element.source)) {
-    return;
-  }
-
-  group.entries.push({
-    id: 'condition',
-    label: translate('Condition expression'),
-    html:  // expression
-            `<div class="bpp-row">
-              <label for="zeebe-condition">
-                ${escapeHTML(translate('Condition expression'))}
-              </label>
-              <div class="bpp-field-wrapper">
-                <input id="zeebe-condition" type="text" name="condition" />
-                <button class="action-button clear" data-action="clear" data-show="canClear">
-                 <span>X</span>
-                </button>
-              </div>
-            </div>`,
-
-    get: function(element, propertyName) {
-
-      // read values from xml:
-      const conditionExpression = bo.conditionExpression;
-
-      const values = {};
-      let conditionType = '';
-
-      if (conditionExpression) {
-        conditionType = 'expression';
-        values.condition = conditionExpression.get('body');
-      }
-
-      values.conditionType = conditionType;
-
-      return values;
-    },
-
-    set: function(element, values, containerElement) {
-      const conditionType = 'expression';
-      const commands = [];
-
-      const conditionProps = {
-        body: undefined
-      };
-
-      const condition = values.condition;
-      conditionProps.body = condition;
-
-      const update = {
-        'conditionExpression': undefined
-      };
-
-      if (conditionType) {
-        update.conditionExpression = elementHelper.createElement(
-          'bpmn:FormalExpression',
-          conditionProps,
-          bo,
-          bpmnFactory
-        );
-
-        const source = element.source;
-
-        // if default-flow, remove default-property from source
-        if (source.businessObject.default === bo) {
-          commands.push(cmdHelper.updateProperties(source, { 'default': undefined }));
-        }
-      }
-
-      commands.push(cmdHelper.updateBusinessObject(element, bo, update));
-
-      return commands;
-    },
-
-    validate: function(element, values) {
-      const validationResult = {};
-
-      if (!values.condition && values.conditionType === 'expression') {
-        validationResult.condition = 'Must provide a value';
-      }
-
-      return validationResult;
-    },
-
-    isExpression: function(element, inputNode) {
-      const conditionType = domQuery('select[name=conditionType]', inputNode);
-      if (conditionType.selectedIndex >= 0) {
-        return conditionType.options[conditionType.selectedIndex].value === 'expression';
-      }
-    },
-
-    clear: function(element, inputNode) {
-
-      // clear text input
-      domQuery('input[name=condition]', inputNode).value = '';
-
-      return true;
-    },
-
-    canClear: function(element, inputNode) {
-      const input = domQuery('input[name=condition]', inputNode);
-
-      return input.value !== '';
-    },
-
-    cssClasses: ['bpp-textfield']
-  });
-}
-
-
-// helper //////////////////////////
-
-const CONDITIONAL_SOURCES = [
-  'bpmn:Activity',
-  'bpmn:ExclusiveGateway',
-  'bpmn:InclusiveGateway',
-  'bpmn:ComplexGateway'
-];
-
-function isConditionalSource(element) {
-  return isAny(element, CONDITIONAL_SOURCES);
-}