fix(access-control): show only environment users [EE-6315] (#10614)

app/react/azure/container-instances/CreateView/CreateContainerInstanceForm.tsx

@@ -187,6 +187,7 @@ export function CreateContainerInstanceForm() {
             onChange={(values) => setFieldValue('accessControl', values)}
             values={values.accessControl}
             errors={errors.accessControl}
+            environmentId={environmentId}
           />
 
           <div className="form-group">

app/react/docker/containers/CreateView/BaseForm/BaseForm.tsx

@@ -169,6 +169,7 @@ export function BaseForm({
           }
           errors={errors?.accessControl}
           values={values.accessControl}
+          environmentId={environment.Id}
         />
 
         <div className="form-group">

app/react/portainer/access-control/AccessControlForm/AccessControlForm.stories.tsx

@@ -43,7 +43,12 @@ function Template({ userRole }: Args) {
   return (
     <QueryClientProvider client={testQueryClient}>
       <UserContext.Provider value={userProviderState}>
-        <AccessControlForm values={value} onChange={setValue} errors={{}} />
+        <AccessControlForm
+          values={value}
+          onChange={setValue}
+          errors={{}}
+          environmentId={1}
+        />
       </UserContext.Provider>
     </QueryClientProvider>
   );

app/react/portainer/access-control/AccessControlForm/AccessControlForm.test.tsx

@@ -315,6 +315,7 @@ async function renderComponent(
   const renderResult = renderWithQueryClient(
     <UserContext.Provider value={state}>
       <AccessControlForm
+        environmentId={1}
         errors={{}}
         values={values}
         onChange={onChange}

app/react/portainer/access-control/AccessControlForm/AccessControlForm.tsx

@@ -7,6 +7,7 @@ import { SwitchField } from '@@/form-components/SwitchField';
 
 import { EditDetails } from '../EditDetails';
 import { ResourceControlOwnership, AccessControlFormData } from '../types';
+import { EnvironmentId } from '../../environments/types';
 
 export interface Props {
   values: AccessControlFormData;
@@ -14,6 +15,7 @@ export interface Props {
   hideTitle?: boolean;
   formNamespace?: string;
   errors?: FormikErrors<AccessControlFormData>;
+  environmentId: EnvironmentId;
 }
 
 export function AccessControlForm({
@@ -22,6 +24,7 @@ export function AccessControlForm({
   hideTitle,
   formNamespace,
   errors,
+  environmentId,
 }: Props) {
   const { isAdmin } = useUser();
 
@@ -50,6 +53,7 @@ export function AccessControlForm({
           values={values}
           errors={errors}
           formNamespace={formNamespace}
+          environmentId={environmentId}
         />
       )}
     </>

app/react/portainer/access-control/AccessControlPanel/AccessControlPanelForm.tsx

@@ -30,7 +30,7 @@ interface Props {
   resourceType: ResourceControlType;
   resourceId: ResourceId;
   resourceControl?: ResourceControlViewModel;
-  environmentId?: EnvironmentId;
+  environmentId: EnvironmentId;
   onCancelClick(): void;
   onUpdateSuccess(): Promise<void>;
 }

app/react/portainer/access-control/EditDetails/EditDetails.tsx

@@ -19,7 +19,7 @@ interface Props {
   isPublicVisible?: boolean;
   errors?: FormikErrors<AccessControlFormData>;
   formNamespace?: string;
-  environmentId?: EnvironmentId;
+  environmentId: EnvironmentId;
 }
 
 export function EditDetails({

app/react/portainer/access-control/EditDetails/useLoadState.ts

@@ -2,7 +2,7 @@ import { useTeams } from '@/react/portainer/users/teams/queries';
 import { useUsers } from '@/portainer/users/queries';
 import { EnvironmentId } from '@/react/portainer/environments/types';
 
-export function useLoadState(environmentId?: EnvironmentId, enabled = true) {
+export function useLoadState(environmentId: EnvironmentId, enabled = true) {
   const teams = useTeams(false, environmentId);
 
   const users = useUsers(false, environmentId, enabled);