@keycloakify/keycloak-account-ui
Version:
<p align="center"> <img src="https://github.com/user-attachments/assets/e31c4910-7205-441c-9a35-e134b806b3a8"> </p> <p align="center"> <i>Repackaged Keycloak Account UI</i> <br> <br> <a href="https://github.com/keycloakify/keycloak-a
40 lines (39 loc) • 1.79 kB
TypeScript
import { UserProfileAttributeMetadata, UserProfileMetadata } from "@keycloak/keycloak-admin-client/lib/defs/userProfileMetadata";
import { TFunction } from "i18next";
import { ReactNode } from "react";
import { UseFormReturn } from "react-hook-form";
import { UserFormFields } from "../../ui-shared/user-profile/utils";
export type UserProfileError = {
responseData: {
errors?: {
errorMessage: string;
}[];
};
};
export type Options = {
options?: string[];
};
declare const INPUT_TYPES: readonly ["text", "textarea", "select", "select-radiobuttons", "multiselect", "multiselect-checkboxes", "html5-email", "html5-tel", "html5-url", "html5-number", "html5-range", "html5-datetime-local", "html5-date", "html5-month", "html5-time", "multi-input"];
export type InputType = (typeof INPUT_TYPES)[number];
export type UserProfileFieldProps = {
t: TFunction;
form: UseFormReturn<UserFormFields>;
inputType: InputType;
attribute: UserProfileAttributeMetadata;
renderer?: (attribute: UserProfileAttributeMetadata) => ReactNode;
};
export type OptionLabel = Record<string, string> | undefined;
export declare const FIELDS: {
[type in InputType]: (props: UserProfileFieldProps) => JSX.Element;
};
export type UserProfileFieldsProps = {
t: TFunction;
form: UseFormReturn<UserFormFields>;
userProfileMetadata: UserProfileMetadata;
supportedLocales: string[];
currentLocale: string;
hideReadOnly?: boolean;
renderer?: (attribute: UserProfileAttributeMetadata) => JSX.Element | undefined;
};
export declare const UserProfileFields: ({ t, form, userProfileMetadata, supportedLocales, currentLocale, hideReadOnly, renderer, }: UserProfileFieldsProps) => import("react/jsx-runtime").JSX.Element | null;
export {};