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

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

@@ -1,208 +0,0 @@
-import {
-  assign,
-  find,
-  forEach
-} from 'min-dash';
-
-import {
-  getBusinessObject,
-  is
-} from 'bpmn-js/lib/util/ModelUtil';
-
-import entryFactory from 'bpmn-js-properties-panel/lib/factory/EntryFactory';
-
-import elementHelper from 'bpmn-js-properties-panel/lib/helper/ElementHelper';
-
-import extensionElementsHelper from 'bpmn-js-properties-panel/lib/helper/ExtensionElementsHelper';
-
-import cmdHelper from 'bpmn-js-properties-panel/lib/helper/CmdHelper';
-
-import utils from 'bpmn-js-properties-panel/lib/Utils';
-
-function generatePropertyId() {
-  return utils.nextId('Header_');
-}
-
-/**
- * Get all zeebe:header objects for a specific business object
- *
- * @param  {ModdleElement} parent
- *
- * @return {Array<ModdleElement>} a list of zeebe:header objects
- */
-function getPropertyValues(parent) {
-  const properties = parent && getPropertiesElement(parent);
-  if (properties && properties.values) {
-    return properties.values;
-  }
-  return [];
-}
-
-/**
- * Get all zeebe:Header object for a specific business object
- *
- * @param  {ModdleElement} parent
- *
- * @return {ModdleElement} a zeebe:Headers object
- */
-function getPropertiesElement(element) {
-  if (!isExtensionElements(element)) {
-    return element.properties;
-  }
-  else {
-    return getPropertiesElementInsideExtensionElements(element);
-  }
-}
-
-/**
- * Get first camunda:Properties object for a specific bpmn:ExtensionElements
- * business object.
- *
- * @param {ModdleElement} extensionElements
- *
- * @return {ModdleElement} a camunda:Properties object
- */
-function getPropertiesElementInsideExtensionElements(extensionElements) {
-  return find(extensionElements.values, elem => {
-    return is(elem, 'zeebe:TaskHeaders');
-  });
-}
-
-/**
- * Returns true, if the given business object is a bpmn:ExtensionElements.
- *
- * @param {ModdleElement} element
- *
- * @return {boolean} a boolean value
- */
-function isExtensionElements(element) {
-  return is(element, 'bpmn:ExtensionElements');
-}
-
-/**
- * Create a camunda:property entry using tableEntryFactory
- *
- * @param  {djs.model.Base} element
- * @param  {BpmnFactory} bpmnFactory
- * @param  {Function} translate
- * @param  {Object} options
- * @param  {string} options.id
- * @param  {Array<string>} options.modelProperties
- * @param  {Array<string>} options.labels
- * @param  {function} options.getParent Gets the parent business object
- * @param  {function} options.show Indicate when the entry will be shown, should return boolean
- *
- * @returns {Object} a tableEntry object
- */
-export default function(element, bpmnFactory, translate, options) {
-
-  const getParent = options.getParent;
-
-  const modelProperties = options.modelProperties, createParent = options.createParent;
-
-  const bo = getBusinessObject(element);
-
-
-  assign(options, {
-    addLabel: translate('Add Header'),
-    getElements: function(element, node) {
-      const parent = getParent(element, node, bo);
-      return getPropertyValues(parent);
-    },
-    addElement: function(element, node) {
-      const commands = [];
-      let parent = getParent(element, node, bo);
-
-      if (!parent && typeof createParent === 'function') {
-        const result = createParent(element, bo);
-        parent = result.parent;
-        commands.push(result.cmd);
-      }
-
-      let properties = getPropertiesElement(parent);
-      if (!properties) {
-        properties = elementHelper.createElement('zeebe:TaskHeaders', {}, parent, bpmnFactory);
-
-        if (!isExtensionElements(parent)) {
-          commands.push(cmdHelper.updateBusinessObject(element, parent, { 'taskHeaders': properties }));
-        }
-        else {
-          commands.push(cmdHelper.addAndRemoveElementsFromList(
-            element,
-            parent,
-            'values',
-            'extensionElements',
-            [ properties ],
-            []
-          ));
-        }
-      }
-
-      const propertyProps = {};
-      forEach(modelProperties, prop => {
-        propertyProps[prop] = undefined;
-      });
-
-      // create id if necessary
-      if (modelProperties.indexOf('id') >= 0) {
-        propertyProps.id = generatePropertyId();
-      }
-
-      const property = elementHelper.createElement('zeebe:Header', propertyProps, properties, bpmnFactory);
-      commands.push(cmdHelper.addElementsTolist(element, properties, 'values', [ property ]));
-
-      return commands;
-    },
-    updateElement: function(element, value, node, idx) {
-      const parent = getParent(element, node, bo), property = getPropertyValues(parent)[idx];
-
-      forEach(modelProperties, prop => {
-        value[prop] = value[prop] || undefined;
-      });
-
-      return cmdHelper.updateBusinessObject(element, property, value);
-    },
-    validate: function(element, value, node, idx) {
-
-      // validate id if necessary
-      if (modelProperties.indexOf('id') >= 0) {
-
-        const parent = getParent(element, node, bo), properties = getPropertyValues(parent), property = properties[idx];
-
-        if (property) {
-
-          // check if id is valid
-          const validationError = utils.isIdValid(property, value.id);
-
-          if (validationError) {
-            return { id: validationError };
-          }
-        }
-      }
-    },
-    removeElement: function(element, node, idx) {
-      const commands = [], parent = getParent(element, node, bo), properties = getPropertiesElement(parent), propertyValues = getPropertyValues(parent), currentProperty = propertyValues[idx];
-
-      commands.push(cmdHelper.removeElementsFromList(element, properties, 'values', null, [ currentProperty ]));
-
-      if (propertyValues.length === 1) {
-
-        // remove camunda:properties if the last existing property has been removed
-        if (!isExtensionElements(parent)) {
-          commands.push(cmdHelper.updateBusinessObject(element, parent, { headers: undefined }));
-        }
-        else {
-          forEach(parent.values, value => {
-            if (is(value, 'zeebe:TaskHeaders')) {
-              commands.push(extensionElementsHelper.removeEntry(bo, element, value));
-            }
-          });
-        }
-      }
-
-      return commands;
-    }
-  });
-
-  return entryFactory.table(translate, options);
-}

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

@@ -1,260 +0,0 @@
-import {
-  getBusinessObject
-} from 'bpmn-js/lib/util/ModelUtil';
-
-import elementHelper from 'bpmn-js-properties-panel/lib/helper/ElementHelper';
-
-import extensionElementsHelper from 'bpmn-js-properties-panel/lib/helper/ExtensionElementsHelper';
-
-import cmdHelper from 'bpmn-js-properties-panel/lib/helper/CmdHelper';
-
-import { query as domQuery } from 'min-dom';
-
-import entryFieldDescription from 'bpmn-js-properties-panel/lib/factory/EntryFieldDescription';
-
-import {
-  areOutputParametersSupported,
-  areInputParametersSupported,
-  createIOMapping,
-  createElement as createParameter,
-  determineParamGetFunc,
-  getInputOutput,
-  isInputOutputSupported
-} from '../../../../helper/InputOutputHelper';
-
-import InputOutputParameter from './InputOutputParameter';
-
-import OutputParameterToggle from './OutputParameterToggle';
-
-
-/**
- * Create an input or output mapping entry (containing multiple sub-entries).
- * @param {Object} element - diagram-js element.
- * @param {Object} bpmnFactory - bpmn-js bpmn-factory.
- * @param {Function} translate - translate function.
- * @param {Object} options - Options.
- * @param {string} [options.type] - moddle (zeebe-bpmn-moddle) type name for the IOMapping.
- * @param {string} [options.prop] - moddle (zeebe-bpmn-moddle) property name for the IOMapping.
- * @param {string} [options.prefix] - prefix to be used when constructing id attribute of HTMLElements.
- *
- * @returns {Object} An Object containing multiple Objects in its `entries` attribute,
- * each representing a properties-panel entry. First entry will always be a heading followed
- * by n input / output parameter entries.
- */
-export default function(element, bpmnFactory, translate, options = {}) {
-  const result = {
-    entries: []
-  };
-
-  // Return if given moddle property is not supported for given element
-  if (!options.prop ||
-      !isInputOutputSupported(element) ||
-      (options.prop === 'inputParameters' && !areInputParametersSupported(element)) ||
-      (options.prop === 'outputParameters' && !areOutputParametersSupported(element))) {
-    return result;
-  }
-
-  // Heading ///////////////////////////////////////////////////////////////
-  const heading = getParametersHeadingEntry(element, bpmnFactory, {
-    type: options.type,
-    prop: options.prop,
-    prefix: options.prefix
-  });
-  result.entries = result.entries.concat(heading);
-
-  // Toggle ///////////////////////////////////////////////////////////////////
-  const toggle = OutputParameterToggle(element, bpmnFactory, translate, {
-    prefix: options.prefix,
-    prop: options.prop
-  });
-  result.entries = result.entries.concat(toggle);
-
-  // Parameters ///////////////////////////////////////////////////////////////
-  result.entries = result.entries.concat(getIOMappingEntries(element, bpmnFactory, translate, {
-    prefix: options.prefix,
-    prop: options.prop
-  }));
-
-  return result;
-}
-
-/**
- * Create an input or output mapping heading entry.
- * @param {Object} element - diagram-js element.
- * @param {Object} bpmnFactory - bpmn-js bpmn-factory.
- * @param {Object} options - Options.
- * @param {string} [options.type] - moddle (zeebe-bpmn-moddle) type name for the IOMapping.
- * @param {string} [options.prop] - moddle (zeebe-bpmn-moddle) property name for the IOMapping.
- * @param {string} [options.prefix] - prefix to be used when constructing id attribute of HTMLElements.
- *
- * @returns {Object} An Object representing a properties-panel heading entry.
- */
-function getParametersHeadingEntry(element, bpmnFactory, options) {
-  const entry = {
-    id: `${options.prefix}-heading`,
-    cssClasses: [ 'bpp-input-output' ],
-    html: `<div class="bpp-field-wrapper">
-      <button type="button" class="bpp-input-output__add add action-button" data-action="createElement">
-      </button><input name="hidden" type="hidden">
-      </div>`,
-    createElement: function(_, entryNode) {
-      const commands = createElement();
-
-      if (commands) {
-        scheduleCommands(commands, entryNode);
-        return true;
-      }
-    },
-
-    set: function() {
-      const commands = entry._commands;
-
-      if (commands) {
-        delete entry._commands;
-        return commands;
-      }
-    }
-  };
-
-  return entry;
-
-  function createElement() {
-    const commands = [],
-          bo = getBusinessObject(element);
-
-    let extensionElements = bo.get('extensionElements');
-
-    if (!extensionElements) {
-      extensionElements = elementHelper.createElement('bpmn:ExtensionElements', { values: [] }, bo, bpmnFactory);
-      commands.push(cmdHelper.updateBusinessObject(element, bo, { extensionElements: extensionElements }));
-    }
-
-    // Get the IOMapping
-    let inputOutput = getInputOutput(element);
-
-    if (!inputOutput) {
-      const parent = extensionElements;
-
-      inputOutput = createIOMapping(parent, bpmnFactory, {
-        inputParameters: [],
-        outputParameters: []
-      });
-
-      commands.push(cmdHelper.addAndRemoveElementsFromList(
-        element,
-        extensionElements,
-        'values',
-        'extensionElements',
-        [ inputOutput ],
-        []
-      ));
-    }
-
-    const newElem = createParameter(options.type, inputOutput, bpmnFactory, {
-      source: '= source',
-      target: 'target'
-    });
-
-    commands.push(cmdHelper.addElementsTolist(element, inputOutput, options.prop, [ newElem ]));
-
-    return commands;
-  }
-
-  /**
-   * Schedule commands to be run with next `set` method call.
-   *
-   * @param {Array<any>} commands
-   * @param {HTMLElement} entryNode
-   */
-  function scheduleCommands(commands, entryNode) {
-    entry._commands = commands;
-
-    // @maxtru, adapted from @barmac: hack to make properties panel call `set`
-    const input = domQuery('input[type="hidden"]', entryNode);
-    input.value = 1;
-  }
-
-}
-
-/**
- * Create a list of Input or Output Mapping properties-panel entries.
- * @param {Object} element - diagram-js element.
- * @param {Object} bpmnFactory - bpmn-js bpmn-factory.
- * @param {Function} translate - translate.
- * @param {Object} options - Options.
- * @param {string} [options.prop] - moddle (zeebe-bpmn-moddle) property name for the IOMapping.
- * @param {string} [options.prefix] - prefix to be used when constructing id attribute of HTMLElements.
- *
- * @returns {Object} An Object representing a properties-panel heading entry.
- */
-function getIOMappingEntries(element, bpmnFactory, translate, options) {
-
-  // Get the IOMapping and determine whether we are dealing with input or output parameters
-  const inputOutput = getInputOutput(element, false),
-        params = determineParamGetFunc(options.prop)(element, false);
-
-  if (!params.length) {
-    const description = entryFieldDescription(translate, translate('No Variables defined'));
-
-    return [{
-      id: `${options.prefix}-parameter-placeholder`,
-      cssClasses: [ 'bpp-input-output-placeholder' ],
-      html: description
-    }];
-  }
-
-  const parameters = params.map(function(param, index) {
-
-    return InputOutputParameter(param, translate,
-      {
-        idPrefix: `${options.prefix}-parameter-${index}`,
-        onRemove: onRemove,
-        onToggle: onToggle,
-        prop: options.prop
-      });
-
-    function onRemove() {
-      let commands = [];
-      commands.push(cmdHelper.removeElementsFromList(element, inputOutput, options.prop, null, [param]));
-
-      // remove inputOutput if there are no input/output parameters anymore
-      if (inputOutput.get('inputParameters').length + inputOutput.get('outputParameters').length === 1) {
-        commands.push(extensionElementsHelper.removeEntry(getBusinessObject(element), element, inputOutput));
-      }
-
-      return commands;
-    }
-  });
-
-  // Return only the entries in a flat structure
-  const entries = parameters.flatMap(function(entry) {
-    return entry.entries;
-  });
-
-  return entries;
-
-  /**
-   * Close remaining collapsible entries within group.
-   *
-   * @param {boolean} value
-   * @param {HTMLElement} entryNode
-   */
-  function onToggle(value, entryNode) {
-    if (!value) {
-      return;
-    }
-
-    const currentEntryId = entryNode.dataset.entry;
-
-    // Add closing behavior to the parameters
-    parameters.forEach(function(parameter) {
-
-      // Each parameter has 3 entries, the first one always is the collapsbile
-      if (parameter.entries[0].id === currentEntryId) {
-        return;
-      }
-
-      parameter.setOpen(false);
-    });
-  }
-}

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

@@ -1,147 +0,0 @@
-import cmdHelper from 'bpmn-js-properties-panel/lib/helper/CmdHelper';
-
-import entryFactory from 'bpmn-js-properties-panel/lib/factory/EntryFactory';
-
-import { query as domQuery } from 'min-dom';
-
-
-/**
- * Create an input or output mapping entry for a single input or output entry
- * @param {Object} parameter - BusinessObject for the respective paramter (can be 'zeebe:Input' or 'zeebe:Output')
- * @param {Function} translate - translate function.
- * @param {Object} options - Options.
- * @param {string} [options.idPrefix] - preFix used to construct the 'id' of the GUI entries
- * @param {Function} [options.onToggle] - function to be called when collapsible is toggled.
- * @param {Function} [options.onRemove] - function to be called when entry (collapsbile + source + target) is removed
- * @param {string} [options.prop] - moddle (zeebe-bpmn-moddle) property name for the IOMapping.
- *
- * @returns {Object} An Object containing multiple Objects in its `entries` attribute,
- * each representing a properties-panel entry. First entry will always be a collapsible followed
- * by two inputs (one for source and one for target).
- */
-export default function(parameter, translate, options = {}) {
-  const result = {},
-        entries = result.entries = [];
-
-  // heading ////////////////////////////////////////////////////////
-  const collapsible = entryFactory.collapsible({
-    id: `${options.idPrefix}-collapsible`,
-    cssClasses: [ 'bpp-collapsible--with-mapping' ],
-    open: false,
-    onRemove: options.onRemove,
-    onToggle: options.onToggle,
-    get: function() {
-      return {
-        title: parameter.target,
-
-        // In the heading do not show the leading `=` of the FEEL expression
-        description: getFormattedTargetValue(parameter.source)
-      };
-    }
-  });
-
-  const isOpen = options.isOpen || collapsible.isOpen;
-
-  result.setOpen = function(value) {
-    const entryNode = domQuery(`[data-entry="${collapsible.id}"]`);
-    collapsible.setOpen(value, entryNode);
-  };
-
-  entries.push(collapsible);
-
-  // parameter target ////////////////////////////////////////////////////////
-  entries.push(entryFactory.validationAwareTextField(translate, {
-    id: `${options.idPrefix}-parameterTarget`,
-    label: getTargetTextInputLabel(translate, options.prop),
-    modelProperty: 'target',
-
-    getProperty: function() {
-      return parameter.target;
-    },
-
-    setProperty: function(element, values) {
-      return cmdHelper.updateBusinessObject(element, parameter, values);
-    },
-
-    validate: function(element, values) {
-      const validation = {},
-            targetValue = values.target;
-
-      if (!targetValue) {
-        validation.target = getTargetTextInputLabel(translate, options.prop) + ' ' + translate('must not be empty');
-      } else if (targetValue.indexOf(' ') >= 0) {
-        validation.target = getTargetTextInputLabel(translate, options.prop) + ' ' + translate('must not contain whitespaces');
-      }
-
-      return validation;
-    },
-
-    hidden: function() {
-      return !isOpen();
-    }
-  }));
-
-  // parameter source ////////////////////////////////////////////////////////
-  entries.push(entryFactory.validationAwareTextField(translate, {
-    id: `${options.idPrefix}-parameterSource`,
-    label: translate('Variable Assignment Value'),
-    modelProperty: 'source',
-
-    getProperty: function() {
-      return parameter.source;
-    },
-
-    setProperty: function(element, values) {
-      return cmdHelper.updateBusinessObject(element, parameter, values);
-    },
-
-    validate: function(element, value) {
-      const validation = {},
-            sourceValue = value.source;
-
-      if (!sourceValue) {
-        validation.source = translate('Variable Assignment Value must not be empty');
-      } else if (!sourceValue.startsWith('=')) {
-        validation.source = translate('Variable Assignment Value must be a valid FEEL expression and therefore start with \'=\'');
-      }
-
-      return validation;
-    },
-
-    hidden: function() {
-      return !isOpen();
-    }
-  }));
-
-  return result;
-}
-
-
-// helper ///////////////////////
-
-/**
- * Get label for the target input text field according to the property that is edited
- * @param {Function} translate translate.
- * @param {string} prop moddle (zeebe-bpmn-moddle) property name for the IOMapping.
- *
- * @returns {string} Label which makes sense in accordance with the provided property.
- */
-function getTargetTextInputLabel(translate, prop) {
-  if (prop === 'inputParameters') {
-    return translate('Local Variable Name');
-  }
-  if (prop === 'outputParameters') {
-    return translate('Process Variable Name');
-  }
-  return;
-}
-
-/**
- * Get formatted target value by removing first character
- * @param {string} targetValue
- *
- * @returns {string} formatted target value
- */
-function getFormattedTargetValue(targetValue) {
-  return targetValue.substr(1);
-}