call proceses through setProcesses to ensure we have up to date value and removed debug logs w/ burnettk

spiffworkflow-backend/src/spiffworkflow_backend/services/process_model_service.py

@@ -42,7 +42,7 @@ class ProcessModelService(FileSystemService):
     @classmethod
     def path_to_id(cls, path: str) -> str:
         """Replace the os path separator for the standard id separator."""
-        return path.replace(os.sep, '/')
+        return path.replace(os.sep, "/")
 
     @classmethod
     def is_group(cls, path: str) -> bool:
@@ -233,7 +233,11 @@ class ProcessModelService(FileSystemService):
             user = UserService.current_user()
             new_process_model_list = []
             for process_model in process_models:
-                modified_process_model_id = ProcessModelInfo.modify_process_identifier_for_path_param(process_model.id)
+                modified_process_model_id = (
+                    ProcessModelInfo.modify_process_identifier_for_path_param(
+                        process_model.id
+                    )
+                )
                 uri = f"/v1.0/process-instances/{modified_process_model_id}"
                 has_permission = AuthorizationService.user_has_permission(
                     user=user, permission="create", target_uri=uri
@@ -427,7 +431,9 @@ class ProcessModelService(FileSystemService):
                         ),
                     )
         else:
-            process_group_id = cls.path_to_id(dir_path.replace(FileSystemService.root_path(), ""))
+            process_group_id = cls.path_to_id(
+                dir_path.replace(FileSystemService.root_path(), "")
+            )
             process_group = ProcessGroup(
                 id="",
                 display_name=process_group_id,

spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx

@@ -265,12 +265,7 @@ export default function ReactDiagramEditor({
     });
 
     diagramModeler.on('spiff.callactivity.edit', (event: any) => {
-      console.log('Received event spiff.callactivity.edit');
       if (onLaunchBpmnEditor) {
-        console.log(
-          'Calling function onLaunchBpmnEditor with ',
-          event.processId
-        );
         onLaunchBpmnEditor(event.processId);
       }
     });

spiffworkflow-frontend/src/routes/ProcessModelEditDiagram.tsx

@@ -121,10 +121,6 @@ export default function ProcessModelEditDiagram() {
         Object.assign(item, { label });
         return item;
       });
-      console.log(
-        'Setting Process arrays with selection of length: ',
-        selectionArray.length
-      );
       setProcesses(selectionArray);
     };
     HttpService.makeCallToBackend({
@@ -791,7 +787,6 @@ export default function ProcessModelEditDiagram() {
   };
 
   const processModelSelector = () => {
-    console.log('IN MODEL SELECTOR: ', processes);
     return (
       <Modal
         open={showProcessSearch}
@@ -832,13 +827,15 @@ export default function ProcessModelEditDiagram() {
   };
 
   const onLaunchBpmnEditor = (processId: string) => {
-    console.log('onLaunchBpmnEditor - processId: ', processId);
+    // using the "setState" method with a function gives us access to the
-    console.log('processes', processes);
+    // most current state of processes. Otherwise it uses the stale state
-    const processRef = processes.find((p) => {
+    // when passing the callback to a non-React component like bpmn-js:
+    //   https://stackoverflow.com/a/60643670/6090676
+    setProcesses((upToDateProcesses: ProcessReference[]) => {
+      const processRef = upToDateProcesses.find((p) => {
         return p.identifier === processId;
       });
       if (processRef) {
-      console.log('Found ProcessRef: ', processRef);
         const path = generatePath(
           '/admin/process-models/:process_model_path/files/:file_name',
           {
@@ -850,7 +847,10 @@ export default function ProcessModelEditDiagram() {
         );
         window.open(path);
       }
+      return upToDateProcesses;
+    });
   };
+
   const onLaunchJsonEditor = (fileName: string) => {
     const path = generatePath(
       '/admin/process-models/:process_model_id/form/:file_name',