diff --git a/apps/admin-ui/src/components/dynamic/MultivaluedScopesComponent.tsx b/apps/admin-ui/src/components/dynamic/MultivaluedScopesComponent.tsx deleted file mode 100644 index 1a3bc96c29..0000000000 --- a/apps/admin-ui/src/components/dynamic/MultivaluedScopesComponent.tsx +++ /dev/null @@ -1,130 +0,0 @@ -import { useState } from "react"; -import { useTranslation } from "react-i18next"; -import { Controller, useFormContext } from "react-hook-form"; -import { Button, Chip, ChipGroup, FormGroup } from "@patternfly/react-core"; - -import { HelpItem } from "../help-enabler/HelpItem"; -import { KeycloakTextInput } from "../keycloak-text-input/KeycloakTextInput"; -import type { ComponentProps } from "./components"; -import { AddScopeDialog } from "../../clients/scopes/AddScopeDialog"; -import { useAdminClient, useFetch } from "../../context/auth/AdminClient"; -import type ClientScopeRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientScopeRepresentation"; -import { useParams } from "react-router"; -import type { EditClientPolicyConditionParams } from "../../realm-settings/routes/EditCondition"; -import useLocaleSort, { mapByKey } from "../../utils/useLocaleSort"; - -export const MultivaluedScopesComponent = ({ - defaultValue, - name, - isDisabled = false, -}: ComponentProps) => { - const { t } = useTranslation("dynamic"); - const { control } = useFormContext(); - const { conditionName } = useParams(); - const { adminClient } = useAdminClient(); - const [open, setOpen] = useState(false); - const localeSort = useLocaleSort(); - const [clientScopes, setClientScopes] = useState( - [] - ); - - useFetch( - () => adminClient.clientScopes.find(), - (clientScopes) => { - setClientScopes(clientScopes); - }, - [] - ); - - const toggleModal = () => { - setOpen(!open); - }; - - return ( - - } - fieldId={name!} - > - { - return ( - <> - {open && ( - !value.includes(scope.name!) - ), - mapByKey("name") - )} - isClientScopesConditionType - open={open} - toggleDialog={() => setOpen(!open)} - onAdd={(scopes) => { - onChange([ - ...value, - ...scopes - .map((scope) => scope.scope) - .map((item) => item.name!), - ]); - }} - /> - )} - {value.length === 0 && !conditionName && ( - - )} - { - onChange([]); - }} - > - {value.map((currentChip: string) => ( - { - onChange( - value.filter((item: string) => item !== currentChip) - ); - }} - > - {currentChip} - - ))} - - - - ); - }} - /> - - ); -};