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

package/dist/index.cjs

@@ -1435,7 +1435,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);
+      }
     });
   }
 
@@ -1665,6 +1668,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
@@ -1704,6 +1715,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';
@@ -1796,7 +1819,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) {
@@ -1878,12 +1901,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];
 /**
@@ -1930,7 +1949,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;
     }
@@ -1941,7 +1960,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;
     }
@@ -1951,7 +1970,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;
     }
@@ -1961,7 +1980,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;
     }
@@ -2589,7 +2608,7 @@ var DEFAULT_PRIORITY = 1000;
  *
  * @example
  *
- * import inherits from 'inherits';
+ * import inherits from 'inherits-browser';
  *
  * import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
  *
@@ -2903,7 +2922,7 @@ CommandStack.prototype.execute = function (command, context) {
   }
 
   this._currentExecution.trigger = 'execute';
-  var action = {
+  const action = {
     command: command,
     context: context
   };
@@ -2937,14 +2956,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
 
 
@@ -2981,7 +3000,7 @@ CommandStack.prototype.clear = function (emit) {
 
 
 CommandStack.prototype.undo = function () {
-  var action = this._getUndoAction(),
+  let action = this._getUndoAction(),
       next;
 
   if (action) {
@@ -3010,7 +3029,7 @@ CommandStack.prototype.undo = function () {
 
 
 CommandStack.prototype.redo = function () {
-  var action = this._getRedoAction(),
+  let action = this._getRedoAction(),
       next;
 
   if (action) {
@@ -3058,7 +3077,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);
 };
@@ -3082,23 +3101,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);
   });
 };
 
@@ -3108,13 +3126,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) {
@@ -3130,7 +3146,7 @@ CommandStack.prototype._createId = function () {
 };
 
 CommandStack.prototype._atomicDo = function (fn) {
-  var execution = this._currentExecution;
+  const execution = this._currentExecution;
   execution.atomic = true;
 
   try {
@@ -3141,11 +3157,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 + '>');
@@ -3164,18 +3179,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) {
@@ -3192,9 +3207,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 + ')');
@@ -3208,10 +3223,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) {
@@ -3230,7 +3245,7 @@ CommandStack.prototype._popAction = function () {
 };
 
 CommandStack.prototype._markDirty = function (elements) {
-  var execution = this._currentExecution;
+  const execution = this._currentExecution;
 
   if (!elements) {
     return;
@@ -3241,7 +3256,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);
@@ -8497,10 +8512,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));
   };
 
@@ -8544,8 +8556,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) {