@processmaker/modeler 1.31.0 → 1.33.0

package/src/nodeTypesStore.js

@@ -10,8 +10,12 @@ export default new Vuex.Store({
     nodeTypes: [],
     pinnedNodeTypes: [],
     filteredNodeTypes: [],
+    pmBlockNodeTypes: [],
+    filteredPmBlockNodeTypes: [],
     explorerOpen: false,
     searchTerm: '',
+    selectedNode: null,
+    ghostNode: null,
   },
   getters: {
     getNodeTypes: state => state.nodeTypes,
@@ -19,6 +23,10 @@ export default new Vuex.Store({
     getFilteredNodeTypes: state => state.filteredNodeTypes,
     getExplorerOpen: state => state.explorerOpen,
     getSearchTerm: state => state.searchTerm,
+    getPmBlockNodeTypes: state => state.pmBlockNodeTypes,
+    getFilteredPmBlockNodeTypes: state => state.filteredPmBlockNodeTypes,
+    getSelectedNode: state => state.selectedNode,
+    getGhostNode: state => state.ghostNode,
   },
   mutations: {
     setNodeTypes(state, nodeTypes) {
@@ -37,6 +45,8 @@ export default new Vuex.Store({
     },
     setPinnedNodes(state, payload) {
       state.pinnedNodeTypes.push(payload);
+      // Remove duplicates
+      state.pinnedNodeTypes = uniqBy(state.pinnedNodeTypes, 'type');
       state.pinnedNodeTypes.sort((node1, node2) => node1.rank - node2.rank);
     },
     setUnpinNode(state, payload) {
@@ -51,16 +61,54 @@ export default new Vuex.Store({
         return node.label.toLowerCase().includes(searchTerm.toLowerCase());
       });
     },
+    setPmBlockNodeTypes(state, pmBlockNodeTypes) {
+      state.pmBlockNodeTypes = pmBlockNodeTypes
+        .filter(pmBlockNode => pmBlockNode.control)
+        .map(pmBlockNode => ({
+          id: uniqueId('pmBlockNode_'),
+          type: pmBlockNode.id,
+          icon: pmBlockNode.icon,
+          label: pmBlockNode.label,
+          description: pmBlockNode.description,
+          bpmnType: pmBlockNode.bpmnType,
+          rank: pmBlockNode.rank || BOTTOM,
+          items: pmBlockNode.items?.map(item => ({ ...item, type: item.id })),
+        }))
+        .sort((node1, node2) => node1.rank - node2.rank);
+    },
+    setFilteredPmBlockNodeTypes(state, searchTerm) {
+      // TODO: Configure Pm Block search bar
+      const pmBlockNodeTypes = state.pmBlockNodeTypes;
+      state.searchTerm = searchTerm;
+      const allNodes = uniqBy([...pmBlockNodeTypes], 'id');
+      state.filteredPmBlockNodeTypes = allNodes.filter(node => {
+        return node.label.toLowerCase().includes(searchTerm.toLowerCase());
+      });
+    },
     clearFilteredNodes(state) {
       state.filteredNodeTypes = [];
       state.searchTerm = '';
     },
+    clearFilteredPmBlockNodes(state) {
+      state.filteredNodeTypes = [];
+      state.filteredPmBlockNodeTypes = [];
+      state.searchTerm = '';
+    },
     closeExplorer(state) {
       state.explorerOpen = false;
     },
     toggleExplorer(state) {
       state.explorerOpen = !state.explorerOpen;
     },
+    setSelectedNode(state, payload) {
+      state.selectedNode = payload;
+    },
+    clearSelectedNode(state) {
+      state.selectedNode = null;
+    },
+    setGhostNode(state, payload) {
+      state.ghostNode = payload;
+    },
   },
   actions: {
     getUserPinnedObjects({ commit }) {

package/vue.config.js

@@ -7,6 +7,7 @@ const CircularDependencyPlugin = require('circular-dependency-plugin');
 
 module.exports = {
   runtimeCompiler: true,
+  lintOnSave: process.env.NODE_ENV !== 'production',
   css: {
     extract: false,
     loaderOptions: {

package/dist/img/distribute-horizontally-icon.5c513cf4.svg

@@ -1,3 +0,0 @@
-<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 3.5H6V4V10H4V26H9V10H7V4.5H14.25V10H12.25V21H17.25V10H15.25V4.5H22V10H20V26H25V10H23V4V3.5H22.5H14.75H6.5Z" fill="white"/>
-</svg>

package/dist/img/distribute-vertically-icon.a35fb699.svg

@@ -1,3 +0,0 @@
-<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 7.49997V9.49997H25.5V4.49997H9.5V6.49997H3.5H3V6.99997V14.75V23V23.5H3.5H9.5V25.5H25.5V20.5H9.5V22.5H4V15.25H9.5V17.25H20.5V12.25H9.5V14.25H4V7.49997H9.5Z" fill="white"/>
-</svg>

package/dist/img/inclusive-gateway.754cb36f.svg

@@ -1,4 +0,0 @@
-<svg width="29" height="29" viewBox="0 0 29 29" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.5841 1.9168C14.121 1.37983 14.9916 1.37983 15.5286 1.9168L27.1959 13.5841C27.7329 14.121 27.7329 14.9916 27.1959 15.5286L15.5286 27.1959C14.9916 27.7328 14.121 27.7328 13.5841 27.1959L1.91682 15.5286C1.37984 14.9916 1.37984 14.121 1.91682 13.5841L13.5841 1.9168ZM0.944544 12.6118C-0.129398 13.6857 -0.129398 15.4269 0.944544 16.5009L12.6118 28.1681C13.6857 29.2421 15.427 29.2421 16.5009 28.1681L28.1682 16.5009C29.2421 15.4269 29.2421 13.6857 28.1682 12.6118L16.5009 0.94453C15.427 -0.129412 13.6857 -0.129412 12.6118 0.94453L0.944544 12.6118Z" />
-<circle cx="14.5" cy="14.5" r="8" stroke="black"/>
-</svg>

package/src/components/controls/rankConstants.js

@@ -1 +0,0 @@
-export const BOTTOM = 5000;