feat(clerk-js): Finalize formOoptions

clerk · Aug 9, 2023 · 0b0cc93 · 0b0cc93
1 parent 0f1f9dc
commit 0b0cc93
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/clerk-js/src/ui/elements/FormControl.tsx b/packages/clerk-js/src/ui/elements/FormControl.tsx
@@ -53,7 +53,7 @@ type FormControlProps = Omit<PropsOfComponent<typeof Input>, 'label' | 'placehol
   hasPassedComplexity: boolean;
   enableErrorAfterBlur?: boolean;
   informationText?: string;
-  radios?: {
+  radioOptions?: {
     value: string;
     label: string | LocalizationKey;
   }[];
@@ -99,15 +99,15 @@ const RadioGroupItem = (props: {
 
 export const RadioButtons = (
   props: PropsOfComponent<typeof Input> & {
-    radios?: {
+    radioOptions?: {
       value: string;
       label: string | LocalizationKey;
     }[];
   },
 ) => {
   return (
     <>
-      {props.radios?.map(r => (
+      {props.radioOptions?.map(r => (
         <RadioGroupItem
           key={r.value}
           {...r}
@@ -305,7 +305,7 @@ export const FormControl = forwardRef<HTMLInputElement, PropsWithChildren<FormCo
     setWarning,
     setHasPassedComplexity,
     hasPassedComplexity,
-    radios,
+    radioOptions,
     ...restInputProps
   } = props;
 
@@ -397,7 +397,7 @@ export const FormControl = forwardRef<HTMLInputElement, PropsWithChildren<FormCo
 
   const Input = (
     <InputElement
-      radios={radios}
+      radioOptions={radioOptions}
       elementDescriptor={descriptors.formFieldInput}
       elementId={descriptors.formFieldInput.setId(id)}
       hasError={!!errorMessage}

diff --git a/packages/clerk-js/src/ui/utils/useFormControl.ts b/packages/clerk-js/src/ui/utils/useFormControl.ts
@@ -21,21 +21,21 @@ type Options = {
       validatePassword?: never;
       buildErrorMessage?: never;
       type?: Exclude<HTMLInputTypeAttribute, 'password' | 'radio'>;
-      radios?: never;
+      radioOptions?: never;
     }
   | {
       label: string | LocalizationKey;
       type: Extract<HTMLInputTypeAttribute, 'password'>;
       validatePassword: boolean;
       buildErrorMessage?: (err: ClerkAPIError[]) => ClerkAPIError | string | undefined;
-      radios?: never;
+      radioOptions?: never;
     }
   | {
       validatePassword?: never;
       buildErrorMessage?: never;
       type: Extract<HTMLInputTypeAttribute, 'radio'>;
       label?: string | LocalizationKey;
-      radios: {
+      radioOptions: {
         value: string;
         label: string | LocalizationKey;
       }[];