@bpmn-io/form-js-editor 1.23.0 → 1.24.0

package/dist/index.es.js

@@ -161,11 +161,11 @@ function EventBus() {
  *
  * Returning anything but `undefined` from a listener will stop the listener propagation.
  *
- * @template T
+ * @template {keyof EventMap} EventName
  *
- * @param {string|string[]} events to subscribe to
+ * @param {EventName} events to subscribe to
  * @param {number} [priority=1000] listen priority
- * @param {EventBusEventCallback<T>} callback
+ * @param {EventBusEventCallback<EventMap[EventName]>} callback
  * @param {any} [that] callback context
  */
 /**
@@ -180,11 +180,11 @@ function EventBus() {
  *
  * Returning anything but `undefined` from a listener will stop the listener propagation.
  *
- * @template {keyof EventMap} EventName
+ * @template T
  *
- * @param {EventName} events to subscribe to
+ * @param {string|string[]} events to subscribe to
  * @param {number} [priority=1000] listen priority
- * @param {EventBusEventCallback<EventMap[EventName]>} callback
+ * @param {EventBusEventCallback<T>} callback
  * @param {any} [that] callback context
  */
 EventBus.prototype.on = function (events, priority, callback, that) {
@@ -221,21 +221,21 @@ EventBus.prototype.on = function (events, priority, callback, that) {
  *
  * Register an event listener that is called only once.
  *
- * @template T
+ * @template {keyof EventMap} EventName
  *
- * @param {string|string[]} events to subscribe to
- * @param {number} [priority=1000] the listen priority
- * @param {EventBusEventCallback<T>} callback
+ * @param {EventName} events to subscribe to
+ * @param {number} [priority=1000] listen priority
+ * @param {EventBusEventCallback<EventMap[EventName]>} callback
  * @param {any} [that] callback context
  */
 /**
  * Register an event listener that is called only once.
  *
- * @template {keyof EventMap} EventName
+ * @template T
  *
- * @param {EventName} events to subscribe to
- * @param {number} [priority=1000] listen priority
- * @param {EventBusEventCallback<EventMap[EventName]>} callback
+ * @param {string|string[]} events to subscribe to
+ * @param {number} [priority=1000] the listen priority
+ * @param {EventBusEventCallback<T>} callback
  * @param {any} [that] callback context
  */
 EventBus.prototype.once = function (events, priority, callback, that) {
@@ -1950,12 +1950,14 @@ class Dragging {
       targetRow = this._formLayouter.getRow(target.dataset.rowId);
     }
 
-    // (2.2) validate whether drop is allowed
+    // (2.2) revert dragula's DOM change; Preact re-renders from the schema instead
+    drake.cancel(true);
+
+    // (2.3) reject invalid drops — no schema change
     const validationError = this.validateDrop(el, target);
     if (validationError) {
-      return drake.cancel(true);
+      return;
     }
-    drake.remove();
 
     // (3) detect position to drop field in schema order
     const targetIndex = this.getTargetIndex(targetRow, targetFormField, sibling);
@@ -2990,7 +2992,7 @@ const ContextPadModule = {
 /**
  * @typedef {import('didi').Injector} Injector
  *
- * @typedef {import('../../core/EventBus').default} EventBus
+ * @typedef {import('../../core/EventBus.js').default} EventBus
  */
 
 var NOT_REGISTERED_ERROR = 'is not a registered action',
@@ -3017,6 +3019,8 @@ var NOT_REGISTERED_ERROR = 'is not a registered action',
  * @param {Injector} injector
  */
 function EditorActions(eventBus, injector) {
+  this._eventBus = eventBus;
+
   // initialize actions
   this._actions = {};
   var self = this;
@@ -3155,6 +3159,13 @@ EditorActions.prototype.trigger = function (action, opts) {
   if (!this._actions[action]) {
     throw error(action, NOT_REGISTERED_ERROR);
   }
+  var allowed = this._eventBus.fire('editorActions.allowed', {
+    action: action,
+    opts: opts
+  });
+  if (allowed === false) {
+    return;
+  }
   return this._actions[action](opts);
 };
 
@@ -3405,7 +3416,7 @@ function isRedo(event) {
 }
 
 /**
- * @typedef {import('../../core/EventBus').default} EventBus
+ * @typedef {import('../../core/EventBus.js').default} EventBus
  *
  * @typedef {({ keyEvent: KeyboardEvent }) => any} Listener
  */
@@ -3793,10 +3804,10 @@ const DraggingModule = {
 /**
  * @typedef {import('didi').Injector} Injector
  *
- * @typedef {import('../core/Types').ElementLike} ElementLike
+ * @typedef {import('../core/Types.js').ElementLike} ElementLike
  *
- * @typedef {import('../core/EventBus').default} EventBus
- * @typedef {import('./CommandHandler').default} CommandHandler
+ * @typedef {import('../core/EventBus.js').default} EventBus
+ * @typedef {import('./CommandHandler.js').default} CommandHandler
  *
  * @typedef { any } CommandContext
  * @typedef { {
@@ -4262,9 +4273,9 @@ var commandModule = {
 };
 
 /**
- * @typedef {import('../core/Types').ElementLike} ElementLike
- * @typedef {import('../core/EventBus').default} EventBus
- * @typedef {import('./CommandStack').CommandContext} CommandContext
+ * @typedef {import('../core/Types.js').ElementLike} ElementLike
+ * @typedef {import('../core/EventBus.js').default} EventBus
+ * @typedef {import('./CommandStack.js').CommandContext} CommandContext
  *
  * @typedef {string|string[]} Events
  * @typedef { (context: CommandContext) => ElementLike[] | void } HandlerFunction
@@ -5571,92 +5582,92 @@ const PaletteModule = {
   palette: ['type', PaletteRenderer]
 };
 
-var ArrowIcon = function ArrowIcon(props) {
+function Arrow(props) {
   return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     ...props,
     children: jsx("path", {
       fillRule: "evenodd",
-      d: "m11.657 8-4.95 4.95a1 1 0 0 1-1.414-1.414L8.828 8 5.293 4.464A1 1 0 1 1 6.707 3.05L11.657 8Z"
+      d: "M10,12 L3,12 C2.44771525,12 2,11.5522847 2,11 C2,10.4477153 2.44771525,10 3,10 L8,10 L8,5 C8,4.44771525 8.44771525,4 9,4 C9.55228475,4 10,4.44771525 10,5 L10,12 Z",
+      transform: "rotate(-45 6 8)"
     })
   });
-};
-ArrowIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
-var CloseIcon = function CloseIcon(props) {
+}
+function Close(props) {
   return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     ...props,
     children: jsx("path", {
       fillRule: "evenodd",
-      d: "m12 4.7-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8 12 4.7Z",
+      d: "M12 4.7L11.3 4L8 7.3L4.7 4L4 4.7L7.3 8L4 11.3L4.7 12L8 8.7L11.3 12L12 11.3L8.7 8L12 4.7Z",
       fill: "currentColor"
     })
   });
-};
-CloseIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
-var CreateIcon = function CreateIcon(props) {
+}
+function Create(props) {
   return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     ...props,
     children: jsx("path", {
       fillRule: "evenodd",
-      d: "M9 13V9h4a1 1 0 0 0 0-2H9V3a1 1 0 1 0-2 0v4H3a1 1 0 1 0 0 2h4v4a1 1 0 0 0 2 0Z"
+      d: "M9,13 L9,9 L9,9 L13,9 C13.5522847,9 14,8.55228475 14,8 C14,7.44771525 13.5522847,7 13,7 L9,7 L9,7 L9,3 C9,2.44771525 8.55228475,2 8,2 C7.44771525,2 7,2.44771525 7,3 L7,7 L7,7 L3,7 C2.44771525,7 2,7.44771525 2,8 C2,8.55228475 2.44771525,9 3,9 L7,9 L7,9 L7,13 C7,13.5522847 7.44771525,14 8,14 C8.55228475,14 9,13.5522847 9,13 Z"
     })
   });
-};
-CreateIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
-var DeleteIcon = function DeleteIcon(props) {
+}
+function Delete(props) {
   return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     ...props,
     children: jsx("path", {
       fillRule: "evenodd",
-      d: "M12 6v7c0 1.1-.4 1.55-1.5 1.55h-5C4.4 14.55 4 14.1 4 13V6h8Zm-1.5 1.5h-5v4.3c0 .66.5 1.2 1.111 1.2H9.39c.611 0 1.111-.54 1.111-1.2V7.5ZM13 3h-2l-1-1H6L5 3H3v1.5h10V3Z"
+      d: "M9,4 L9,11 C9,12.1 8.6,12.55 7.5,12.55 L2.5,12.55 C1.4,12.55 1,12.1 1,11 L1,4 L9,4 Z M7.5,5.5 L2.5,5.5 L2.5,9.8 C2.5,10.46 3,11 3.61111111,11 L6.38888889,11 C7,11 7.5,10.46 7.5,9.8 L7.5,5.5 Z M10,1 L8,1 L7,0 L3,0 L2,1 L0,1 L0,2.5 L10,2.5 L10,1 Z",
+      transform: "translate(3 2)"
     })
   });
-};
-DeleteIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
-var DragIcon = function DragIcon(props) {
+}
+function Drag(props) {
   return jsxs("svg", {
+    width: "16",
+    height: "16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: [jsx("path", {
       fill: "#fff",
       style: {
-        mixBlendMode: "multiply"
+        mixBlendMode: 'multiply'
       },
       d: "M0 0h16v16H0z"
     }), jsx("path", {
       fill: "#fff",
       style: {
-        mixBlendMode: "multiply"
+        mixBlendMode: 'multiply'
       },
       d: "M0 0h16v16H0z"
     }), jsx("path", {
-      d: "M7 3H5v2h2V3zm4 0H9v2h2V3zM7 7H5v2h2V7zm4 0H9v2h2V7zm-4 4H5v2h2v-2zm4 0H9v2h2v-2z",
+      d: "M7 3H5v2h2V3zM11 3H9v2h2V3zM7 7H5v2h2V7zM11 7H9v2h2V7zM7 11H5v2h2v-2zM11 11H9v2h2v-2z",
       fill: "#161616"
     })]
   });
-};
-DragIcon.defaultProps = {
-  width: "16",
-  height: "16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var ExternalLinkIcon = function ExternalLinkIcon(props) {
+}
+function ExternalLink(props) {
   return jsx("svg", {
+    width: "16",
+    height: "16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: jsx("path", {
       fillRule: "evenodd",
@@ -5665,54 +5676,46 @@ var ExternalLinkIcon = function ExternalLinkIcon(props) {
       fill: "currentcolor"
     })
   });
-};
-ExternalLinkIcon.defaultProps = {
-  width: "16",
-  height: "16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var FeelIcon$1 = function FeelIcon(props) {
-  return jsx("svg", {
+}
+function Feel(props) {
+  return jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: jsx("path", {
-      d: "M3.617 11.99c-.137.684-.392 1.19-.765 1.518-.362.328-.882.492-1.558.492H0l.309-1.579h1.264l1.515-7.64h-.912l.309-1.579h.911l.236-1.191c.137-.685.387-1.192.75-1.52C4.753.164 5.277 0 5.953 0h1.294L6.94 1.579H5.675l-.323 1.623h1.264l-.309 1.579H5.043l-1.426 7.208ZM5.605 11.021l3.029-4.155L7.28 3.202h2.073l.706 2.547h.176l1.691-2.547H14l-3.014 4.051 1.338 3.768H10.25l-.706-2.606H9.37L7.678 11.02H5.605Z",
+    children: [jsx("path", {
+      d: "M3.6168 11.9894C3.47957 12.6745 3.22473 13.1809 2.85227 13.5085C2.48961 13.8362 1.97012 14 1.29381 14H0L0.308751 12.4213H1.57316L3.08751 4.78085H2.17596L2.48471 3.20213H3.39626L3.6315 2.01064C3.76872 1.32553 4.01866 0.819149 4.38132 0.491489C4.75378 0.16383 5.27817 0 5.95448 0H7.2483L6.93954 1.57872H5.67514L5.35168 3.20213H6.61609L6.30734 4.78085H5.04293L3.6168 11.9894Z",
       fill: "currentcolor"
-    })
+    }), jsx("path", {
+      d: "M5.60492 11.0213L8.63361 6.86596L7.28099 3.20213H9.35403L10.0598 5.74894H10.2362L11.927 3.20213H14L10.986 7.25319L12.3239 11.0213H10.2509L9.54517 8.41489H9.36874L7.67796 11.0213H5.60492Z",
+      fill: "currentcolor"
+    })]
   });
-};
-FeelIcon$1.defaultProps = {
-  width: "14",
-  height: "14",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var LaunchIcon = function LaunchIcon(props) {
+}
+function Launch(props) {
   return jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 32 32",
     ...props,
     children: [jsx("path", {
-      d: "M26 28H6a2.003 2.003 0 0 1-2-2V6a2.003 2.003 0 0 1 2-2h10v2H6v20h20V16h2v10a2.003 2.003 0 0 1-2 2Z"
-    }), jsx("path", {
-      d: "M20 2v2h6.586L18 12.586 19.414 14 28 5.414V12h2V2H20z"
+      d: "M26,28H6a2.0027,2.0027,0,0,1-2-2V6A2.0027,2.0027,0,0,1,6,4H16V6H6V26H26V16h2V26A2.0027,2.0027,0,0,1,26,28Z"
+    }), jsx("polygon", {
+      points: "20 2 20 4 26.586 4 18 12.586 19.414 14 28 5.414 28 12 30 12 30 2 20 2"
     })]
   });
-};
-LaunchIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 32"
-};
-var OpenPopupIcon = function OpenPopupIcon(props) {
+}
+function OpenPopup(props) {
   return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
     ...props,
     children: jsx("path", {
-      d: "M6 15v-1H2.7L7 9.7 6.3 9 2 13.3V10H1v5zm4-14v1h3.3L9 6.3l.7.7L14 2.7V6h1V1z"
+      d: "M6 15L6 14 2.7 14 7 9.7 6.3 9 2 13.3 2 10 1 10 1 15zM10 1L10 2 13.3 2 9 6.3 9.7 7 14 2.7 14 6 15 6 15 1z"
     })
   });
-};
-OpenPopupIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-};
+}
 
 /**
  * @typedef { {
@@ -5793,7 +5796,7 @@ function Header(props) {
         href: documentationRef,
         title: translate('Open documentation'),
         target: "_blank",
-        children: jsx(ExternalLinkIcon, {})
+        children: jsx(ExternalLink, {})
       }) : null
     })]
   });
@@ -6448,7 +6451,7 @@ function Group(props) {
           type: "button",
           title: translate('Toggle section'),
           class: "bio-properties-panel-group-header-button bio-properties-panel-arrow",
-          children: jsx(ArrowIcon, {
+          children: jsx(Arrow, {
             class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
           })
         })]
@@ -6827,7 +6830,7 @@ function CollapsibleEntry(props) {
         type: "button",
         title: translate('Toggle list item'),
         class: "bio-properties-panel-arrow  bio-properties-panel-collapsible-entry-arrow",
-        children: jsx(ArrowIcon, {
+        children: jsx(Arrow, {
           class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
         })
       }), remove ? jsx("button", {
@@ -6835,7 +6838,7 @@ function CollapsibleEntry(props) {
         title: translate('Delete item'),
         class: "bio-properties-panel-remove-entry",
         onClick: remove,
-        children: jsx(DeleteIcon, {})
+        children: jsx(Delete, {})
       }) : null]
     }), jsx("div", {
       class: classnames('bio-properties-panel-collapsible-entry-entries', open ? 'open' : ''),
@@ -6975,7 +6978,7 @@ function ListGroup(props) {
           title: translate('Create new list item'),
           class: "bio-properties-panel-group-header-button bio-properties-panel-add-entry",
           onClick: handleAddClick,
-          children: [jsx(CreateIcon, {}), !hasItems ? jsx("span", {
+          children: [jsx(Create, {}), !hasItems ? jsx("span", {
             class: "bio-properties-panel-add-entry-label",
             children: translate('Create')
           }) : null]
@@ -6989,7 +6992,7 @@ function ListGroup(props) {
           type: "button",
           title: translate('Toggle section'),
           class: "bio-properties-panel-group-header-button bio-properties-panel-arrow",
-          children: jsx(ArrowIcon, {
+          children: jsx(Arrow, {
             class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
           })
         }) : null]
@@ -7186,7 +7189,7 @@ function OpenPopupButton({
     title: title,
     class: 'bio-properties-panel-open-feel-popup',
     onClick: onClick,
-    children: jsx(OpenPopupIcon, {})
+    children: jsx(OpenPopup, {})
   });
 }
 const noop$5 = () => {};
@@ -7483,7 +7486,7 @@ function FeelIcon(props) {
     onClick: handleClick,
     disabled: feel === 'required' || disabled,
     title: feel === 'required' ? feelRequiredLabel : feelOptionalLabel,
-    children: jsx(FeelIcon$1, {})
+    children: jsx(Feel, {})
   });
 }
 
@@ -9393,7 +9396,7 @@ function Title(props) {
         class: "bio-properties-panel-popup__drag-preview"
       }), jsx("div", {
         class: "bio-properties-panel-popup__drag-handle",
-        children: jsx(DragIcon, {})
+        children: jsx(Drag, {})
       })]
     }), jsx("div", {
       class: "bio-properties-panel-popup__title",
@@ -9403,7 +9406,7 @@ function Title(props) {
       title: closeButtonTooltip,
       class: "bio-properties-panel-popup__close",
       onClick: onClose,
-      children: jsx(CloseIcon, {})
+      children: jsx(Close, {})
     })]
   });
 }
@@ -9537,7 +9540,7 @@ function FeelPopup$1(props) {
             href: link.href,
             target: "_blank",
             class: "bio-properties-panel-feel-popup__title-link",
-            children: [link.title, jsx(LaunchIcon, {})]
+            children: [link.title, jsx(Launch, {})]
           }, index);
         })
       })