Refactor: Make ClassKey importable without having react as a dependency
This commit is contained in:
Joseph Garrone
parent
36dd324139
commit
06e33196bb
@ -1,4 +1,5 @@
|
|||||||
import type { ReactNode } from "react";
|
import type { ReactNode } from "react";
|
||||||
|
import type { ClassKey } from "keycloakify/account/lib/kcClsx";
|
||||||
|
|
||||||
export type TemplateProps<KcContext, I18n> = {
|
export type TemplateProps<KcContext, I18n> = {
|
||||||
kcContext: KcContext;
|
kcContext: KcContext;
|
||||||
@ -10,17 +11,4 @@ export type TemplateProps<KcContext, I18n> = {
|
|||||||
active: string;
|
active: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type ClassKey =
|
export type { ClassKey };
|
||||||
| "kcHtmlClass"
|
|
||||||
| "kcBodyClass"
|
|
||||||
| "kcButtonClass"
|
|
||||||
| "kcButtonPrimaryClass"
|
|
||||||
| "kcButtonLargeClass"
|
|
||||||
| "kcButtonDefaultClass"
|
|
||||||
| "kcContentWrapperClass"
|
|
||||||
| "kcFormClass"
|
|
||||||
| "kcFormGroupClass"
|
|
||||||
| "kcInputWrapperClass"
|
|
||||||
| "kcLabelClass"
|
|
||||||
| "kcInputClass"
|
|
||||||
| "kcInputErrorMessageClass";
|
|
||||||
|
|||||||
@ -1,5 +1,19 @@
|
|||||||
import { createGetKcClsx } from "keycloakify/lib/getKcClsx";
|
import { createGetKcClsx } from "keycloakify/lib/getKcClsx";
|
||||||
import type { ClassKey } from "keycloakify/account/TemplateProps";
|
|
||||||
|
export type ClassKey =
|
||||||
|
| "kcHtmlClass"
|
||||||
|
| "kcBodyClass"
|
||||||
|
| "kcButtonClass"
|
||||||
|
| "kcButtonPrimaryClass"
|
||||||
|
| "kcButtonLargeClass"
|
||||||
|
| "kcButtonDefaultClass"
|
||||||
|
| "kcContentWrapperClass"
|
||||||
|
| "kcFormClass"
|
||||||
|
| "kcFormGroupClass"
|
||||||
|
| "kcInputWrapperClass"
|
||||||
|
| "kcLabelClass"
|
||||||
|
| "kcInputClass"
|
||||||
|
| "kcInputErrorMessageClass";
|
||||||
|
|
||||||
export const { getKcClsx } = createGetKcClsx<ClassKey>({
|
export const { getKcClsx } = createGetKcClsx<ClassKey>({
|
||||||
defaultClasses: {
|
defaultClasses: {
|
||||||
@ -20,6 +34,4 @@ export const { getKcClsx } = createGetKcClsx<ClassKey>({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
export type { ClassKey };
|
|
||||||
|
|
||||||
export type KcClsx = ReturnType<typeof getKcClsx>["kcClsx"];
|
export type KcClsx = ReturnType<typeof getKcClsx>["kcClsx"];
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
import type { ReactNode } from "react";
|
import type { ReactNode } from "react";
|
||||||
|
import type { ClassKey } from "keycloakify/login/lib/kcClsx";
|
||||||
|
|
||||||
export type TemplateProps<KcContext, I18n> = {
|
export type TemplateProps<KcContext, I18n> = {
|
||||||
kcContext: KcContext;
|
kcContext: KcContext;
|
||||||
@ -18,128 +19,4 @@ export type TemplateProps<KcContext, I18n> = {
|
|||||||
bodyClassName?: string;
|
bodyClassName?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type ClassKey =
|
export type { ClassKey };
|
||||||
| "kcBodyClass"
|
|
||||||
| "kcHeaderWrapperClass"
|
|
||||||
| "kcLocaleWrapperClass"
|
|
||||||
| "kcInfoAreaWrapperClass"
|
|
||||||
| "kcFormButtonsWrapperClass"
|
|
||||||
| "kcFormOptionsWrapperClass"
|
|
||||||
| "kcCheckboxInputClass"
|
|
||||||
| "kcLocaleDropDownClass"
|
|
||||||
| "kcLocaleListItemClass"
|
|
||||||
| "kcContentWrapperClass"
|
|
||||||
| "kcLogoIdP-facebook"
|
|
||||||
| "kcAuthenticatorOTPClass"
|
|
||||||
| "kcLogoIdP-bitbucket"
|
|
||||||
| "kcAuthenticatorWebAuthnClass"
|
|
||||||
| "kcWebAuthnDefaultIcon"
|
|
||||||
| "kcLogoIdP-stackoverflow"
|
|
||||||
| "kcSelectAuthListItemClass"
|
|
||||||
| "kcLogoIdP-microsoft"
|
|
||||||
| "kcLoginOTPListItemHeaderClass"
|
|
||||||
| "kcLocaleItemClass"
|
|
||||||
| "kcLoginOTPListItemIconBodyClass"
|
|
||||||
| "kcInputHelperTextAfterClass"
|
|
||||||
| "kcFormClass"
|
|
||||||
| "kcSelectAuthListClass"
|
|
||||||
| "kcInputClassRadioCheckboxLabelDisabled"
|
|
||||||
| "kcSelectAuthListItemIconClass"
|
|
||||||
| "kcRecoveryCodesWarning"
|
|
||||||
| "kcFormSettingClass"
|
|
||||||
| "kcWebAuthnBLE"
|
|
||||||
| "kcInputWrapperClass"
|
|
||||||
| "kcSelectAuthListItemArrowIconClass"
|
|
||||||
| "kcFeedbackAreaClass"
|
|
||||||
| "kcFormPasswordVisibilityButtonClass"
|
|
||||||
| "kcLogoIdP-google"
|
|
||||||
| "kcCheckLabelClass"
|
|
||||||
| "kcSelectAuthListItemFillClass"
|
|
||||||
| "kcAuthenticatorDefaultClass"
|
|
||||||
| "kcLogoIdP-gitlab"
|
|
||||||
| "kcFormAreaClass"
|
|
||||||
| "kcFormButtonsClass"
|
|
||||||
| "kcInputClassRadioLabel"
|
|
||||||
| "kcAuthenticatorWebAuthnPasswordlessClass"
|
|
||||||
| "kcSelectAuthListItemHeadingClass"
|
|
||||||
| "kcInfoAreaClass"
|
|
||||||
| "kcLogoLink"
|
|
||||||
| "kcContainerClass"
|
|
||||||
| "kcSelectAuthListItemTitle"
|
|
||||||
| "kcHtmlClass"
|
|
||||||
| "kcLoginOTPListItemTitleClass"
|
|
||||||
| "kcLogoIdP-openshift-v4"
|
|
||||||
| "kcWebAuthnUnknownIcon"
|
|
||||||
| "kcFormSocialAccountNameClass"
|
|
||||||
| "kcLogoIdP-openshift-v3"
|
|
||||||
| "kcLoginOTPListInputClass"
|
|
||||||
| "kcWebAuthnUSB"
|
|
||||||
| "kcInputClassRadio"
|
|
||||||
| "kcWebAuthnKeyIcon"
|
|
||||||
| "kcFeedbackInfoIcon"
|
|
||||||
| "kcCommonLogoIdP"
|
|
||||||
| "kcRecoveryCodesActions"
|
|
||||||
| "kcFormGroupHeader"
|
|
||||||
| "kcFormSocialAccountSectionClass"
|
|
||||||
| "kcLogoIdP-instagram"
|
|
||||||
| "kcAlertClass"
|
|
||||||
| "kcHeaderClass"
|
|
||||||
| "kcLabelWrapperClass"
|
|
||||||
| "kcFormPasswordVisibilityIconShow"
|
|
||||||
| "kcFormSocialAccountLinkClass"
|
|
||||||
| "kcLocaleMainClass"
|
|
||||||
| "kcInputGroup"
|
|
||||||
| "kcTextareaClass"
|
|
||||||
| "kcButtonBlockClass"
|
|
||||||
| "kcButtonClass"
|
|
||||||
| "kcWebAuthnNFC"
|
|
||||||
| "kcLocaleClass"
|
|
||||||
| "kcInputClassCheckboxInput"
|
|
||||||
| "kcFeedbackErrorIcon"
|
|
||||||
| "kcInputLargeClass"
|
|
||||||
| "kcInputErrorMessageClass"
|
|
||||||
| "kcRecoveryCodesList"
|
|
||||||
| "kcFormSocialAccountListClass"
|
|
||||||
| "kcAlertTitleClass"
|
|
||||||
| "kcAuthenticatorPasswordClass"
|
|
||||||
| "kcCheckInputClass"
|
|
||||||
| "kcLogoIdP-linkedin"
|
|
||||||
| "kcLogoIdP-twitter"
|
|
||||||
| "kcFeedbackWarningIcon"
|
|
||||||
| "kcResetFlowIcon"
|
|
||||||
| "kcSelectAuthListItemIconPropertyClass"
|
|
||||||
| "kcFeedbackSuccessIcon"
|
|
||||||
| "kcLoginOTPListClass"
|
|
||||||
| "kcSrOnlyClass"
|
|
||||||
| "kcFormSocialAccountListGridClass"
|
|
||||||
| "kcButtonDefaultClass"
|
|
||||||
| "kcFormGroupErrorClass"
|
|
||||||
| "kcSelectAuthListItemDescriptionClass"
|
|
||||||
| "kcSelectAuthListItemBodyClass"
|
|
||||||
| "kcWebAuthnInternal"
|
|
||||||
| "kcSelectAuthListItemArrowClass"
|
|
||||||
| "kcCheckClass"
|
|
||||||
| "kcContentClass"
|
|
||||||
| "kcLogoClass"
|
|
||||||
| "kcLoginOTPListItemIconClass"
|
|
||||||
| "kcLoginClass"
|
|
||||||
| "kcSignUpClass"
|
|
||||||
| "kcButtonLargeClass"
|
|
||||||
| "kcFormCardClass"
|
|
||||||
| "kcLocaleListClass"
|
|
||||||
| "kcInputClass"
|
|
||||||
| "kcFormGroupClass"
|
|
||||||
| "kcLogoIdP-paypal"
|
|
||||||
| "kcInputClassCheckbox"
|
|
||||||
| "kcRecoveryCodesConfirmation"
|
|
||||||
| "kcFormPasswordVisibilityIconHide"
|
|
||||||
| "kcInputClassRadioInput"
|
|
||||||
| "kcFormSocialAccountListButtonClass"
|
|
||||||
| "kcInputClassCheckboxLabel"
|
|
||||||
| "kcFormOptionsClass"
|
|
||||||
| "kcFormHeaderClass"
|
|
||||||
| "kcFormSocialAccountGridItem"
|
|
||||||
| "kcButtonPrimaryClass"
|
|
||||||
| "kcInputHelperTextBeforeClass"
|
|
||||||
| "kcLogoIdP-github"
|
|
||||||
| "kcLabelClass";
|
|
||||||
|
|||||||
@ -1,5 +1,130 @@
|
|||||||
import { createGetKcClsx } from "keycloakify/lib/getKcClsx";
|
import { createGetKcClsx } from "keycloakify/lib/getKcClsx";
|
||||||
import type { ClassKey } from "keycloakify/login/TemplateProps";
|
|
||||||
|
export type ClassKey =
|
||||||
|
| "kcBodyClass"
|
||||||
|
| "kcHeaderWrapperClass"
|
||||||
|
| "kcLocaleWrapperClass"
|
||||||
|
| "kcInfoAreaWrapperClass"
|
||||||
|
| "kcFormButtonsWrapperClass"
|
||||||
|
| "kcFormOptionsWrapperClass"
|
||||||
|
| "kcCheckboxInputClass"
|
||||||
|
| "kcLocaleDropDownClass"
|
||||||
|
| "kcLocaleListItemClass"
|
||||||
|
| "kcContentWrapperClass"
|
||||||
|
| "kcLogoIdP-facebook"
|
||||||
|
| "kcAuthenticatorOTPClass"
|
||||||
|
| "kcLogoIdP-bitbucket"
|
||||||
|
| "kcAuthenticatorWebAuthnClass"
|
||||||
|
| "kcWebAuthnDefaultIcon"
|
||||||
|
| "kcLogoIdP-stackoverflow"
|
||||||
|
| "kcSelectAuthListItemClass"
|
||||||
|
| "kcLogoIdP-microsoft"
|
||||||
|
| "kcLoginOTPListItemHeaderClass"
|
||||||
|
| "kcLocaleItemClass"
|
||||||
|
| "kcLoginOTPListItemIconBodyClass"
|
||||||
|
| "kcInputHelperTextAfterClass"
|
||||||
|
| "kcFormClass"
|
||||||
|
| "kcSelectAuthListClass"
|
||||||
|
| "kcInputClassRadioCheckboxLabelDisabled"
|
||||||
|
| "kcSelectAuthListItemIconClass"
|
||||||
|
| "kcRecoveryCodesWarning"
|
||||||
|
| "kcFormSettingClass"
|
||||||
|
| "kcWebAuthnBLE"
|
||||||
|
| "kcInputWrapperClass"
|
||||||
|
| "kcSelectAuthListItemArrowIconClass"
|
||||||
|
| "kcFeedbackAreaClass"
|
||||||
|
| "kcFormPasswordVisibilityButtonClass"
|
||||||
|
| "kcLogoIdP-google"
|
||||||
|
| "kcCheckLabelClass"
|
||||||
|
| "kcSelectAuthListItemFillClass"
|
||||||
|
| "kcAuthenticatorDefaultClass"
|
||||||
|
| "kcLogoIdP-gitlab"
|
||||||
|
| "kcFormAreaClass"
|
||||||
|
| "kcFormButtonsClass"
|
||||||
|
| "kcInputClassRadioLabel"
|
||||||
|
| "kcAuthenticatorWebAuthnPasswordlessClass"
|
||||||
|
| "kcSelectAuthListItemHeadingClass"
|
||||||
|
| "kcInfoAreaClass"
|
||||||
|
| "kcLogoLink"
|
||||||
|
| "kcContainerClass"
|
||||||
|
| "kcSelectAuthListItemTitle"
|
||||||
|
| "kcHtmlClass"
|
||||||
|
| "kcLoginOTPListItemTitleClass"
|
||||||
|
| "kcLogoIdP-openshift-v4"
|
||||||
|
| "kcWebAuthnUnknownIcon"
|
||||||
|
| "kcFormSocialAccountNameClass"
|
||||||
|
| "kcLogoIdP-openshift-v3"
|
||||||
|
| "kcLoginOTPListInputClass"
|
||||||
|
| "kcWebAuthnUSB"
|
||||||
|
| "kcInputClassRadio"
|
||||||
|
| "kcWebAuthnKeyIcon"
|
||||||
|
| "kcFeedbackInfoIcon"
|
||||||
|
| "kcCommonLogoIdP"
|
||||||
|
| "kcRecoveryCodesActions"
|
||||||
|
| "kcFormGroupHeader"
|
||||||
|
| "kcFormSocialAccountSectionClass"
|
||||||
|
| "kcLogoIdP-instagram"
|
||||||
|
| "kcAlertClass"
|
||||||
|
| "kcHeaderClass"
|
||||||
|
| "kcLabelWrapperClass"
|
||||||
|
| "kcFormPasswordVisibilityIconShow"
|
||||||
|
| "kcFormSocialAccountLinkClass"
|
||||||
|
| "kcLocaleMainClass"
|
||||||
|
| "kcInputGroup"
|
||||||
|
| "kcTextareaClass"
|
||||||
|
| "kcButtonBlockClass"
|
||||||
|
| "kcButtonClass"
|
||||||
|
| "kcWebAuthnNFC"
|
||||||
|
| "kcLocaleClass"
|
||||||
|
| "kcInputClassCheckboxInput"
|
||||||
|
| "kcFeedbackErrorIcon"
|
||||||
|
| "kcInputLargeClass"
|
||||||
|
| "kcInputErrorMessageClass"
|
||||||
|
| "kcRecoveryCodesList"
|
||||||
|
| "kcFormSocialAccountListClass"
|
||||||
|
| "kcAlertTitleClass"
|
||||||
|
| "kcAuthenticatorPasswordClass"
|
||||||
|
| "kcCheckInputClass"
|
||||||
|
| "kcLogoIdP-linkedin"
|
||||||
|
| "kcLogoIdP-twitter"
|
||||||
|
| "kcFeedbackWarningIcon"
|
||||||
|
| "kcResetFlowIcon"
|
||||||
|
| "kcSelectAuthListItemIconPropertyClass"
|
||||||
|
| "kcFeedbackSuccessIcon"
|
||||||
|
| "kcLoginOTPListClass"
|
||||||
|
| "kcSrOnlyClass"
|
||||||
|
| "kcFormSocialAccountListGridClass"
|
||||||
|
| "kcButtonDefaultClass"
|
||||||
|
| "kcFormGroupErrorClass"
|
||||||
|
| "kcSelectAuthListItemDescriptionClass"
|
||||||
|
| "kcSelectAuthListItemBodyClass"
|
||||||
|
| "kcWebAuthnInternal"
|
||||||
|
| "kcSelectAuthListItemArrowClass"
|
||||||
|
| "kcCheckClass"
|
||||||
|
| "kcContentClass"
|
||||||
|
| "kcLogoClass"
|
||||||
|
| "kcLoginOTPListItemIconClass"
|
||||||
|
| "kcLoginClass"
|
||||||
|
| "kcSignUpClass"
|
||||||
|
| "kcButtonLargeClass"
|
||||||
|
| "kcFormCardClass"
|
||||||
|
| "kcLocaleListClass"
|
||||||
|
| "kcInputClass"
|
||||||
|
| "kcFormGroupClass"
|
||||||
|
| "kcLogoIdP-paypal"
|
||||||
|
| "kcInputClassCheckbox"
|
||||||
|
| "kcRecoveryCodesConfirmation"
|
||||||
|
| "kcFormPasswordVisibilityIconHide"
|
||||||
|
| "kcInputClassRadioInput"
|
||||||
|
| "kcFormSocialAccountListButtonClass"
|
||||||
|
| "kcInputClassCheckboxLabel"
|
||||||
|
| "kcFormOptionsClass"
|
||||||
|
| "kcFormHeaderClass"
|
||||||
|
| "kcFormSocialAccountGridItem"
|
||||||
|
| "kcButtonPrimaryClass"
|
||||||
|
| "kcInputHelperTextBeforeClass"
|
||||||
|
| "kcLogoIdP-github"
|
||||||
|
| "kcLabelClass";
|
||||||
|
|
||||||
export const { getKcClsx } = createGetKcClsx<ClassKey>({
|
export const { getKcClsx } = createGetKcClsx<ClassKey>({
|
||||||
defaultClasses: {
|
defaultClasses: {
|
||||||
@ -138,6 +263,4 @@ export const { getKcClsx } = createGetKcClsx<ClassKey>({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
export type { ClassKey };
|
|
||||||
|
|
||||||
export type KcClsx = ReturnType<typeof getKcClsx>["kcClsx"];
|
export type KcClsx = ReturnType<typeof getKcClsx>["kcClsx"];
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user