99useState ,
1010} from "react" ;
1111import { useQuery } from "react-query" ;
12+ import { checkAuthorization } from "api/queries/authCheck" ;
1213import { organizations } from "api/queries/organizations" ;
13- import type { Organization } from "api/typesGenerated" ;
14+ import type { AuthorizationCheck , Organization } from "api/typesGenerated" ;
1415import { Avatar } from "components/Avatar/Avatar" ;
1516import { AvatarData } from "components/AvatarData/AvatarData" ;
1617import { useDebouncedFunction } from "hooks/debounce" ;
@@ -22,6 +23,7 @@ export type OrganizationAutocompleteProps = {
2223className ?:string ;
2324size ?:ComponentProps < typeof TextField > [ "size" ] ;
2425required ?:boolean ;
26+ check ?:AuthorizationCheck ;
2527} ;
2628
2729export const OrganizationAutocomplete :FC < OrganizationAutocompleteProps > = ( {
@@ -31,6 +33,7 @@ export const OrganizationAutocomplete: FC<OrganizationAutocompleteProps> = ({
3133 className,
3234 size= "small" ,
3335 required,
36+ check,
3437} ) => {
3538const [ autoComplete , setAutoComplete ] = useState < {
3639value :string ;
@@ -41,6 +44,22 @@ export const OrganizationAutocomplete: FC<OrganizationAutocompleteProps> = ({
4144} ) ;
4245const organizationsQuery = useQuery ( organizations ( ) ) ;
4346
47+ const permissionsQuery = useQuery (
48+ check && organizationsQuery . data
49+ ?checkAuthorization ( {
50+ checks :Object . fromEntries (
51+ organizationsQuery . data . map ( ( org ) => [
52+ org . id ,
53+ {
54+ ...check ,
55+ object :{ ...check . object , organization_id :org . id } ,
56+ } ,
57+ ] ) ,
58+ ) ,
59+ } )
60+ :{ enabled :false } ,
61+ ) ;
62+
4463const { debounced :debouncedInputOnChange } = useDebouncedFunction (
4564( event :ChangeEvent < HTMLInputElement > ) => {
4665setAutoComplete ( ( state ) => ( {
@@ -51,11 +70,18 @@ export const OrganizationAutocomplete: FC<OrganizationAutocompleteProps> = ({
5170750 ,
5271) ;
5372
73+ // If an authorization check was provided, filter the organizations based on
74+ // the results of that check.
75+ let options = organizationsQuery . data ?? [ ] ;
76+ if ( check && permissionsQuery . data ) {
77+ options = options . filter ( ( org ) => permissionsQuery . data [ org . id ] ) ;
78+ }
79+
5480return (
5581< Autocomplete
5682noOptionsText = "No organizations found"
5783className = { className }
58- options = { organizationsQuery . data ?? [ ] }
84+ options = { options }
5985loading = { organizationsQuery . isLoading }
6086value = { value }
6187data-testid = "organization-autocomplete"