26 lines
878 B
TypeScript
26 lines
878 B
TypeScript
|
import { UserProfileAttribute } from "@keycloak/keycloak-admin-client/lib/defs/userProfileConfig";
|
||
|
|
import { useFormContext } from "react-hook-form";
|
||
|
|
import { KeycloakTextInput } from "ui-shared";
|
||
|
|
import { fieldName } from "../utils";
|
||
|
|
import { UserProfileGroup } from "./UserProfileGroup";
|
||
|
|
|
||
|
|
export const TextComponent = (attr: UserProfileAttribute) => {
|
||
|
|
const { register } = useFormContext();
|
||
|
|
const inputType = attr.annotations?.["inputType"] as string | undefined;
|
||
|
|
const type: any = inputType?.startsWith("html")
|
||
|
|
? inputType.substring("html".length + 2)
|
||
|
|
: "text";
|
||
|
|
|
||
|
|
return (
|
||
|
|
<UserProfileGroup {...attr}>
|
||
|
|
<KeycloakTextInput
|
||
|
|
id={attr.name}
|
||
|
|
data-testid={attr.name}
|
||
|
|
type={type}
|
||
|
|
placeholder={attr.annotations?.["inputTypePlaceholder"] as string}
|
||
|
|
{...register(fieldName(attr))}
|
||
|
|
/>
|
||
|
|
</UserProfileGroup>
|
||
|
|
);
|
||
|
|
};
|