bpmn-js 11.2.0 → 11.3.1

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v11.2.0
+ * bpmn-js - bpmn-modeler v11.3.1
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2023-02-03
+ * Date: 2023-02-08
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -16293,6 +16293,11 @@
    * @see http://bpmn.io/license for more information.
    */
 
+
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A base viewer for BPMN 2.0 diagrams.
    *
@@ -16304,8 +16309,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function BaseViewer(options) {
 
@@ -16734,7 +16739,14 @@
     this._definitions = definitions;
   };
 
-  BaseViewer.prototype.getModules = function() {
+  /**
+   * Return modules to instantiate with.
+   *
+   * @param {any} options the instance got created with
+   *
+   * @return {Module[]}
+   */
+  BaseViewer.prototype.getModules = function(options) {
     return this._modules;
   };
 
@@ -16840,7 +16852,7 @@
 
   BaseViewer.prototype._init = function(container, moddle, options) {
 
-    const baseModules = options.modules || this.getModules(),
+    const baseModules = options.modules || this.getModules(options),
           additionalModules = options.additionalModules || [],
           staticModules = [
             {
@@ -16995,6 +17007,10 @@
 
   /* </project-logo> */
 
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A base modeler for BPMN 2.0 diagrams.
    *
@@ -17005,8 +17021,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function BaseModeler(options) {
     BaseViewer.call(this, options);
@@ -23425,6 +23441,10 @@
     subprocessCompatibility: [ 'type', SubprocessCompatibility ]
   };
 
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A viewer for BPMN 2.0 diagrams.
    *
@@ -23469,8 +23489,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function Viewer(options) {
     BaseViewer.call(this, options);
@@ -28426,36 +28446,15 @@
 
     const [ value, setValue ] = p('');
 
-    const [ entries, setEntries ] = p(originalEntries);
-    const [ selectedEntry, setSelectedEntry ] = p(entries[0]);
-
-    h(() => {
-      onOpened();
-
-      return () => {
-        onClosed();
-      };
-    }, []);
+    const filterEntries = T((originalEntries, value) => {
 
-    const updateEntries = T((newEntries) => {
-
-      // select first entry if non is selected
-      if (!selectedEntry || !newEntries.includes(selectedEntry)) {
-        setSelectedEntry(newEntries[0]);
-      }
-
-      setEntries(newEntries);
-    }, [ selectedEntry, setEntries, setSelectedEntry ]);
-
-    // filter entries on value change
-    h(() => {
       if (!searchable) {
-        return;
+        return originalEntries;
       }
 
       const filter = entry => {
         if (!value) {
-          return true;
+          return (entry.rank || 0) >= 0;
         }
 
         const search = [
@@ -28472,10 +28471,26 @@
           .every(term => search.includes(term));
       };
 
-      const entries = originalEntries.filter(filter);
+      return originalEntries.filter(filter);
+    }, [ searchable ]);
+
+    const [ entries, setEntries ] = p(filterEntries(originalEntries, value));
+    const [ selectedEntry, setSelectedEntry ] = p(entries[0]);
+
+    const updateEntries = T((newEntries) => {
 
-      updateEntries(entries);
-    }, [ value, originalEntries, searchable ]);
+      // select first entry if non is selected
+      if (!selectedEntry || !newEntries.includes(selectedEntry)) {
+        setSelectedEntry(newEntries[0]);
+      }
+
+      setEntries(newEntries);
+    }, [ selectedEntry, setEntries, setSelectedEntry ]);
+
+    // filter entries on value change
+    h(() => {
+      updateEntries(filterEntries(originalEntries, value));
+    }, [ value, originalEntries ]);
 
     // register global <Escape> handler
     h(() => {
@@ -28521,10 +28536,6 @@
         return onSelect(event, selectedEntry);
       }
 
-      if (event.key === 'Escape') {
-        return onClose();
-      }
-
       // ARROW_UP or SHIFT + TAB navigation
       if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey)) {
         keyboardSelect(-1);
@@ -28546,6 +28557,14 @@
       }
     }, [ setValue ]);
 
+    h(() => {
+      onOpened();
+
+      return () => {
+        onClosed();
+      };
+    }, []);
+
     const displayHeader = F(() => title || headerEntries.length > 0, [ title, headerEntries ]);
 
     return m$1`
@@ -37282,6 +37301,22 @@
         type: 'bpmn:Task'
       }
     },
+    {
+      label: 'User Task',
+      actionName: 'replace-with-user-task',
+      className: 'bpmn-icon-user',
+      target: {
+        type: 'bpmn:UserTask'
+      }
+    },
+    {
+      label: 'Service Task',
+      actionName: 'replace-with-service-task',
+      className: 'bpmn-icon-service',
+      target: {
+        type: 'bpmn:ServiceTask'
+      }
+    },
     {
       label: 'Send Task',
       actionName: 'replace-with-send-task',
@@ -37298,14 +37333,6 @@
         type: 'bpmn:ReceiveTask'
       }
     },
-    {
-      label: 'User Task',
-      actionName: 'replace-with-user-task',
-      className: 'bpmn-icon-user',
-      target: {
-        type: 'bpmn:UserTask'
-      }
-    },
     {
       label: 'Manual Task',
       actionName: 'replace-with-manual-task',
@@ -37322,14 +37349,6 @@
         type: 'bpmn:BusinessRuleTask'
       }
     },
-    {
-      label: 'Service Task',
-      actionName: 'replace-with-service-task',
-      className: 'bpmn-icon-service',
-      target: {
-        type: 'bpmn:ServiceTask'
-      }
-    },
     {
       label: 'Script Task',
       actionName: 'replace-with-script-task',
@@ -40030,7 +40049,8 @@
       className: 'bpmn-icon-gateway-or',
       target: {
         type: 'bpmn:InclusiveGateway'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Complex Gateway',
@@ -40038,7 +40058,8 @@
       className: 'bpmn-icon-gateway-complex',
       target: {
         type: 'bpmn:ComplexGateway'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Event based Gateway',
@@ -40104,13 +40125,30 @@
         type: 'bpmn:Task'
       }
     },
+    {
+      label: 'User Task',
+      actionName: 'user-task',
+      className: 'bpmn-icon-user',
+      target: {
+        type: 'bpmn:UserTask'
+      }
+    },
+    {
+      label: 'Service Task',
+      actionName: 'service-task',
+      className: 'bpmn-icon-service',
+      target: {
+        type: 'bpmn:ServiceTask'
+      }
+    },
     {
       label: 'Send Task',
       actionName: 'send-task',
       className: 'bpmn-icon-send',
       target: {
         type: 'bpmn:SendTask'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Receive Task',
@@ -40118,15 +40156,8 @@
       className: 'bpmn-icon-receive',
       target: {
         type: 'bpmn:ReceiveTask'
-      }
-    },
-    {
-      label: 'User Task',
-      actionName: 'user-task',
-      className: 'bpmn-icon-user',
-      target: {
-        type: 'bpmn:UserTask'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Manual Task',
@@ -40134,7 +40165,8 @@
       className: 'bpmn-icon-manual',
       target: {
         type: 'bpmn:ManualTask'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Business Rule Task',
@@ -40144,14 +40176,6 @@
         type: 'bpmn:BusinessRuleTask'
       }
     },
-    {
-      label: 'Service Task',
-      actionName: 'service-task',
-      className: 'bpmn-icon-service',
-      target: {
-        type: 'bpmn:ServiceTask'
-      }
-    },
     {
       label: 'Script Task',
       actionName: 'script-task',
@@ -40278,7 +40302,8 @@
         target,
         description,
         group,
-        search
+        search,
+        rank
       } = option;
 
       const targetAction = this._createEntryAction(target);
@@ -40292,6 +40317,7 @@
           name: this._translate(group.name)
         },
         search,
+        rank,
         action: {
           click: targetAction,
           dragstart: targetAction
@@ -40366,8 +40392,7 @@
 
 
   CreatePaletteProvider.prototype.getPaletteEntries = function(element) {
-    const actions = {},
-          translate = this._translate,
+    const translate = this._translate,
           popupMenu = this._popupMenu,
           canvas = this._canvas,
           mouse = this._mouse;
@@ -40390,7 +40415,7 @@
       };
     };
 
-    assign$1(actions, {
+    return {
       'create': {
         group: 'create',
         imageUrl: createIcon,
@@ -40408,10 +40433,8 @@
             });
           }
         }
-      },
-    });
-
-    return actions;
+      }
+    };
   };
 
   /**
@@ -40622,7 +40645,8 @@
         target,
         description,
         group,
-        search
+        search,
+        rank
       } = option;
 
       entries[`append-${actionName}`] = {
@@ -40631,6 +40655,7 @@
         description,
         group,
         search,
+        rank,
         action: this._createEntryAction(element, target)
       };
     });
@@ -40758,7 +40783,7 @@
 
     if (!popupMenu.isEmpty(element, 'bpmn-append')) {
 
-      // Replace menu entry
+      // append menu entry
       return {
         'append': {
           group: 'model',
@@ -62576,6 +62601,10 @@
     '</bpmn:definitions>';
 
 
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A modeler for BPMN 2.0 diagrams.
    *
@@ -62645,8 +62674,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function Modeler(options) {
     BaseModeler.call(this, options);