@bpmn-io/form-js-editor 0.9.6 → 0.9.8

package/dist/index.es.js

@@ -1425,7 +1425,10 @@ EditorActions.prototype._registerDefaultActions = function (injector) {
   if (copyPaste && selection) {
     this.register('copy', function () {
       var selectedElements = selection.get();
-      copyPaste.copy(selectedElements);
+
+      if (selectedElements.length) {
+        return copyPaste.copy(selectedElements);
+      }
     });
   }
 
@@ -1655,6 +1658,14 @@ var EditorActionsModule = {
   editorActions: ['type', FormEditorActions]
 };
 
+var KEYCODE_C = 67;
+var KEYCODE_V = 86;
+var KEYCODE_Y$1 = 89;
+var KEYCODE_Z$1 = 90;
+var KEYS_COPY = ['c', 'C', KEYCODE_C];
+var KEYS_PASTE = ['v', 'V', KEYCODE_V];
+var KEYS_REDO$1 = ['y', 'Y', KEYCODE_Y$1];
+var KEYS_UNDO$1 = ['z', 'Z', KEYCODE_Z$1];
 /**
  * Returns true if event was triggered with any modifier
  * @param {KeyboardEvent} event
@@ -1694,6 +1705,18 @@ function isKey(keys, event) {
 function isShift(event) {
   return event.shiftKey;
 }
+function isCopy(event) {
+  return isCmd(event) && isKey(KEYS_COPY, event);
+}
+function isPaste(event) {
+  return isCmd(event) && isKey(KEYS_PASTE, event);
+}
+function isUndo(event) {
+  return isCmd(event) && !isShift(event) && isKey(KEYS_UNDO$1, event);
+}
+function isRedo(event) {
+  return isCmd(event) && (isKey(KEYS_REDO$1, event) || isKey(KEYS_UNDO$1, event) && isShift(event));
+}
 
 var KEYDOWN_EVENT = 'keyboard.keydown',
     KEYUP_EVENT = 'keyboard.keyup';
@@ -1786,7 +1809,7 @@ Keyboard.prototype._isModifiedKeyIgnored = function (event) {
 
   var allowedModifiers = this._getAllowedModifiers(event.target);
 
-  return !allowedModifiers.includes(event.key);
+  return allowedModifiers.indexOf(event.key) === -1;
 };
 
 Keyboard.prototype._getAllowedModifiers = function (element) {
@@ -1868,12 +1891,8 @@ function isInput(target) {
 }
 
 var LOW_PRIORITY$1 = 500;
-var KEYCODE_C = 67;
-var KEYCODE_V = 86;
 var KEYCODE_Y = 89;
 var KEYCODE_Z = 90;
-var KEYS_COPY = ['c', 'C', KEYCODE_C];
-var KEYS_PASTE = ['v', 'V', KEYCODE_V];
 var KEYS_REDO = ['y', 'Y', KEYCODE_Y];
 var KEYS_UNDO = ['z', 'Z', KEYCODE_Z];
 /**
@@ -1920,7 +1939,7 @@ KeyboardBindings.prototype.registerBindings = function (keyboard, editorActions)
   addListener('undo', function (context) {
     var event = context.keyEvent;
 
-    if (isCmd(event) && !isShift(event) && isKey(KEYS_UNDO, event)) {
+    if (isUndo(event)) {
       editorActions.trigger('undo');
       return true;
     }
@@ -1931,7 +1950,7 @@ KeyboardBindings.prototype.registerBindings = function (keyboard, editorActions)
   addListener('redo', function (context) {
     var event = context.keyEvent;
 
-    if (isCmd(event) && (isKey(KEYS_REDO, event) || isKey(KEYS_UNDO, event) && isShift(event))) {
+    if (isRedo(event)) {
       editorActions.trigger('redo');
       return true;
     }
@@ -1941,7 +1960,7 @@ KeyboardBindings.prototype.registerBindings = function (keyboard, editorActions)
   addListener('copy', function (context) {
     var event = context.keyEvent;
 
-    if (isCmd(event) && isKey(KEYS_COPY, event)) {
+    if (isCopy(event)) {
       editorActions.trigger('copy');
       return true;
     }
@@ -1951,7 +1970,7 @@ KeyboardBindings.prototype.registerBindings = function (keyboard, editorActions)
   addListener('paste', function (context) {
     var event = context.keyEvent;
 
-    if (isCmd(event) && isKey(KEYS_PASTE, event)) {
+    if (isPaste(event)) {
       editorActions.trigger('paste');
       return true;
     }
@@ -2579,7 +2598,7 @@ var DEFAULT_PRIORITY = 1000;
  *
  * @example
  *
- * import inherits from 'inherits';
+ * import inherits from 'inherits-browser';
  *
  * import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
  *
@@ -2893,7 +2912,7 @@ CommandStack.prototype.execute = function (command, context) {
   }
 
   this._currentExecution.trigger = 'execute';
-  var action = {
+  const action = {
     command: command,
     context: context
   };
@@ -2927,14 +2946,14 @@ CommandStack.prototype.execute = function (command, context) {
 
 
 CommandStack.prototype.canExecute = function (command, context) {
-  var action = {
+  const action = {
     command: command,
     context: context
   };
 
-  var handler = this._getHandler(command);
+  const handler = this._getHandler(command);
 
-  var result = this._fire(command, 'canExecute', action); // handler#canExecute will only be called if no listener
+  let result = this._fire(command, 'canExecute', action); // handler#canExecute will only be called if no listener
   // decided on a result already
 
 
@@ -2971,7 +2990,7 @@ CommandStack.prototype.clear = function (emit) {
 
 
 CommandStack.prototype.undo = function () {
-  var action = this._getUndoAction(),
+  let action = this._getUndoAction(),
       next;
 
   if (action) {
@@ -3000,7 +3019,7 @@ CommandStack.prototype.undo = function () {
 
 
 CommandStack.prototype.redo = function () {
-  var action = this._getRedoAction(),
+  let action = this._getRedoAction(),
       next;
 
   if (action) {
@@ -3048,7 +3067,7 @@ CommandStack.prototype.registerHandler = function (command, handlerCls) {
     throw new Error('command and handlerCls must be defined');
   }
 
-  var handler = this._injector.instantiate(handlerCls);
+  const handler = this._injector.instantiate(handlerCls);
 
   this.register(command, handler);
 };
@@ -3072,23 +3091,22 @@ CommandStack.prototype._getUndoAction = function () {
 
 
 CommandStack.prototype._internalUndo = function (action) {
-  var self = this;
-  var command = action.command,
-      context = action.context;
+  const command = action.command,
+        context = action.context;
 
-  var handler = this._getHandler(command); // guard against illegal nested command stack invocations
+  const handler = this._getHandler(command); // guard against illegal nested command stack invocations
 
 
-  this._atomicDo(function () {
-    self._fire(command, 'revert', action);
+  this._atomicDo(() => {
+    this._fire(command, 'revert', action);
 
     if (handler.revert) {
-      self._markDirty(handler.revert(context));
+      this._markDirty(handler.revert(context));
     }
 
-    self._revertedAction(action);
+    this._revertedAction(action);
 
-    self._fire(command, 'reverted', action);
+    this._fire(command, 'reverted', action);
   });
 };
 
@@ -3098,13 +3116,11 @@ CommandStack.prototype._fire = function (command, qualifier, event) {
     qualifier = null;
   }
 
-  var names = qualifier ? [command + '.' + qualifier, qualifier] : [command],
-      i,
-      name,
-      result;
+  const names = qualifier ? [command + '.' + qualifier, qualifier] : [command];
+  let result;
   event = this._eventBus.createEvent(event);
 
-  for (i = 0; name = names[i]; i++) {
+  for (const name of names) {
     result = this._eventBus.fire('commandStack.' + name, event);
 
     if (event.cancelBubble) {
@@ -3120,7 +3136,7 @@ CommandStack.prototype._createId = function () {
 };
 
 CommandStack.prototype._atomicDo = function (fn) {
-  var execution = this._currentExecution;
+  const execution = this._currentExecution;
   execution.atomic = true;
 
   try {
@@ -3131,11 +3147,10 @@ CommandStack.prototype._atomicDo = function (fn) {
 };
 
 CommandStack.prototype._internalExecute = function (action, redo) {
-  var self = this;
-  var command = action.command,
-      context = action.context;
+  const command = action.command,
+        context = action.context;
 
-  var handler = this._getHandler(command);
+  const handler = this._getHandler(command);
 
   if (!handler) {
     throw new Error('no command handler registered for <' + command + '>');
@@ -3154,18 +3169,18 @@ CommandStack.prototype._internalExecute = function (action, redo) {
   } // guard against illegal nested command stack invocations
 
 
-  this._atomicDo(function () {
-    self._fire(command, 'execute', action);
+  this._atomicDo(() => {
+    this._fire(command, 'execute', action);
 
     if (handler.execute) {
       // actual execute + mark return results as dirty
-      self._markDirty(handler.execute(context));
+      this._markDirty(handler.execute(context));
     } // log to stack
 
 
-    self._executedAction(action, redo);
+    this._executedAction(action, redo);
 
-    self._fire(command, 'executed', action);
+    this._fire(command, 'executed', action);
   });
 
   if (!redo) {
@@ -3182,9 +3197,9 @@ CommandStack.prototype._internalExecute = function (action, redo) {
 };
 
 CommandStack.prototype._pushAction = function (action) {
-  var execution = this._currentExecution,
-      actions = execution.actions;
-  var baseAction = actions[0];
+  const execution = this._currentExecution,
+        actions = execution.actions;
+  const baseAction = actions[0];
 
   if (execution.atomic) {
     throw new Error('illegal invocation in <execute> or <revert> phase (action: ' + action.command + ')');
@@ -3198,10 +3213,10 @@ CommandStack.prototype._pushAction = function (action) {
 };
 
 CommandStack.prototype._popAction = function () {
-  var execution = this._currentExecution,
-      trigger = execution.trigger,
-      actions = execution.actions,
-      dirty = execution.dirty;
+  const execution = this._currentExecution,
+        trigger = execution.trigger,
+        actions = execution.actions,
+        dirty = execution.dirty;
   actions.pop();
 
   if (!actions.length) {
@@ -3220,7 +3235,7 @@ CommandStack.prototype._popAction = function () {
 };
 
 CommandStack.prototype._markDirty = function (elements) {
-  var execution = this._currentExecution;
+  const execution = this._currentExecution;
 
   if (!elements) {
     return;
@@ -3231,7 +3246,7 @@ CommandStack.prototype._markDirty = function (elements) {
 };
 
 CommandStack.prototype._executedAction = function (action, redo) {
-  var stackIdx = ++this._stackIdx;
+  const stackIdx = ++this._stackIdx;
 
   if (!redo) {
     this._stack.splice(stackIdx, this._stack.length, action);
@@ -8487,10 +8502,7 @@ function StaticValuesSourceEntry(props) {
   const addEntry = e => {
     e.stopPropagation();
     const index = values.length + 1;
-    const entry = {
-      label: `Value ${index}`,
-      value: `value${index}`
-    };
+    const entry = getIndexedEntry(index);
     editField(field, VALUES_SOURCES_PATHS[VALUES_SOURCES.STATIC], arrayAdd(values, values.length, entry));
   };
 
@@ -8534,8 +8546,23 @@ function StaticValuesSourceEntry(props) {
   });
   return {
     items,
-    add: addEntry
+    add: addEntry,
+    shouldSort: false
   };
+} // helper
+
+function getIndexedEntry(index) {
+  const entry = {
+    label: 'Value',
+    value: 'value'
+  };
+
+  if (index > 1) {
+    entry.label += ` ${index}`;
+    entry.value += `${index}`;
+  }
+
+  return entry;
 }
 
 function GeneralGroup(field, editField) {