select intiator in filters when you don't have permission to search users.

connector-proxy-demo/app.py

@@ -15,4 +15,4 @@ if app.config["ENV"] != "production":
 app.register_blueprint(proxy_blueprint)
 
 if __name__ == "__main__":
-    app.run(host="localhost", port=5000)
+    app.run(host="localhost", port=7004)

spiffworkflow-backend/src/spiffworkflow_backend/routes/process_instances_controller.py

@@ -272,6 +272,7 @@ def process_instance_list_for_me(
         with_relation_to_me=True,
         report_columns=report_columns,
         report_filter_by=report_filter_by,
+        process_initiator_username=process_initiator_username,
     )
 
 

spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx

@@ -37,6 +37,7 @@ import {
   modifyProcessIdentifierForPathParam,
   refreshAtInterval,
 } from '../helpers';
+import { useUriListForPermissions } from '../hooks/UriListForPermissions';
 
 import PaginationForTable from './PaginationForTable';
 import 'react-datepicker/dist/react-datepicker.css';
@@ -56,6 +57,7 @@ import {
   ReportFilter,
   User,
   ErrorForDisplay,
+  PermissionsToCheck,
 } from '../interfaces';
 import ProcessModelSearch from './ProcessModelSearch';
 import ProcessInstanceReportSearch from './ProcessInstanceReportSearch';
@@ -63,6 +65,8 @@ import ProcessInstanceListDeleteReport from './ProcessInstanceListDeleteReport';
 import ProcessInstanceListSaveAsReport from './ProcessInstanceListSaveAsReport';
 import { Notification } from './Notification';
 import useAPIError from '../hooks/UseApiError';
+import { usePermissionFetcher } from '../hooks/PermissionService';
+import { Can } from '../contexts/Can';
 
 const REFRESH_INTERVAL = 5;
 const REFRESH_TIMEOUT = 600;
@@ -107,6 +111,13 @@ export default function ProcessInstanceListTable({
   const navigate = useNavigate();
   const { addError, removeError } = useAPIError();
 
+  const { targetUris } = useUriListForPermissions();
+  const permissionRequestData: PermissionsToCheck = {
+    [targetUris.userSearch]: ['GET'],
+  };
+  const { ability } = usePermissionFetcher(permissionRequestData);
+  const canSearchUsers: boolean = ability.can('GET', targetUris.userSearch);
+
   const [processInstances, setProcessInstances] = useState([]);
   const [reportMetadata, setReportMetadata] = useState<ReportMetadata | null>();
   const [pagination, setPagination] = useState<PaginationObject | null>(null);
@@ -167,6 +178,9 @@ export default function ProcessInstanceListTable({
     useState<string[]>([]);
   const [processInitiatorSelection, setProcessInitiatorSelection] =
     useState<User | null>(null);
+  const [processInitiatorText, setProcessInitiatorText] =
+    useState<string | null>(null);
+
   const lastRequestedInitatorSearchTerm = useRef<string>();
 
   const dateParametersToAlwaysFilterBy: dateParameters = useMemo(() => {
@@ -202,7 +216,7 @@ export default function ProcessInstanceListTable({
   };
 
   const searchForProcessInitiator = (inputText: string) => {
-    if (inputText) {
+    if (inputText && canSearchUsers) {
       lastRequestedInitatorSearchTerm.current = inputText;
       HttpService.makeCallToBackend({
         path: `/users/search?username_prefix=${inputText}`,
@@ -590,8 +604,11 @@ export default function ProcessInstanceListTable({
 
     if (processInitiatorSelection) {
       queryParamString += `&process_initiator_username=${processInitiatorSelection.username}`;
+    } else if (processInitiatorText) {
+      queryParamString += `&process_initiator_username=${processInitiatorText}`;
     }
 
+
     const reportColumnsBase64 = encodeBase64(JSON.stringify(reportColumns()));
     queryParamString += `&report_columns=${reportColumnsBase64}`;
     const reportFilterByBase64 = encodeBase64(JSON.stringify(reportFilterBy()));
@@ -1077,24 +1094,48 @@ export default function ProcessInstanceListTable({
             />
           </Column>
           <Column md={4}>
-            <ComboBox
+            <Can
-              onInputChange={searchForProcessInitiator}
+              I="GET"
-              onChange={(event: any) => {
+              a={targetUris.userSearch}
-                setProcessInitiatorSelection(event.selectedItem);
+              ability={ability}
-              }}
+              passThrough
-              id="process-instance-initiator-search"
+            >
-              data-qa="process-instance-initiator-search"
+              {(hasAccess: boolean) => {
-              items={processInstanceInitiatorOptions}
+                if (hasAccess) {
-              itemToString={(processInstanceInitatorOption: User) => {
+                  return (
-                if (processInstanceInitatorOption) {
+                    <ComboBox
-                  return processInstanceInitatorOption.username;
+                      onInputChange={searchForProcessInitiator}
+                      onChange={(event: any) => {
+                        setProcessInitiatorSelection(event.selectedItem);
+                      }}
+                      id="process-instance-initiator-search"
+                      data-qa="process-instance-initiator-search"
+                      items={processInstanceInitiatorOptions}
+                      itemToString={(processInstanceInitatorOption: User) => {
+                        if (processInstanceInitatorOption) {
+                          return processInstanceInitatorOption.username;
+                        }
+                        return null;
+                      }}
+                      placeholder="Start typing username"
+                      titleText="Process Initiator"
+                      selectedItem={processInitiatorSelection}
+                    />
+                  );
+                } else {
+                  return (
+                    <TextInput
+                      id="process-instance-initiator-search"
+                      placeholder="Enter username"
+                      labelText="Process Initiator"
+                      onChange={(event: any) =>
+                        setProcessInitiatorText(event.target.value)
+                      }
+                    />
+                  );
                 }
-                return null;
               }}
-              placeholder="Starting typing username"
+            </Can>
-              titleText="Process Initiator"
-              selectedItem={processInitiatorSelection}
-            />
           </Column>
           <Column md={4}>{processStatusSearch()}</Column>
         </Grid>
@@ -1248,7 +1289,6 @@ export default function ProcessInstanceListTable({
           </td>
         );
       }
-      console.log(column.accessor);
       if (column.accessor === 'process_model_display_name') {
         const pmStyle = { background: 'rgba(0, 0, 0, .02)' };
         return (

spiffworkflow-frontend/src/hooks/UriListForPermissions.tsx

@@ -29,6 +29,7 @@ export const useUriListForPermissions = () => {
       processModelPublishPath: `/v1.0/process-models/${params.process_model_id}/publish`,
       processModelShowPath: `/v1.0/process-models/${params.process_model_id}`,
       secretListPath: `/v1.0/secrets`,
+      userSearch: `/v1.0/users/search`,
     };
   }, [params]);