Add username

packages/common-components/src/TextInput/FormikTextInput.tsx

@@ -5,6 +5,7 @@ import TextInput, { ITextInputProps } from "./TextInput"
 export interface FormikTextInputProps
   extends Omit<ITextInputProps, "onChange" | "state" | "value"> {
   name: string
+  hideLabel?: boolean
 }
 
 const FormikTextInput = React.forwardRef(
@@ -21,14 +22,15 @@ const FormikTextInput = React.forwardRef(
       disabled = false,
       autoFocus,
       captionMessage,
+      hideLabel,
       ...rest
     }: FormikTextInputProps,
     forwardedRef: any
   ) => {
     const [field, meta, helpers] = useField(name)
     return (
       <TextInput
-        label={label ? label : field.name}
+        label={hideLabel ? undefined : label || field.name}
         inputVariant={inputVariant}
         disabled={disabled}
         type={type}

packages/common-components/src/TextInput/TextInput.tsx

@@ -396,7 +396,7 @@ export interface ITextInputProps
   inputVariant?: "default" | "minimal"
   size?: "large" | "medium" | "small"
   captionMessage?: string | ReactNode
-  onChange: (value: string | number | undefined) => void
+  onChange?: (value?: string | number) => void
   type?: "text" | "email" | "password" | "url" | "search"
   autoFocus?: boolean
 }
@@ -468,7 +468,7 @@ const TextInput = React.forwardRef(
             name={name}
             value={value}
             placeholder={placeholder}
-            onChange={(e) => onChange(e.target.value)}
+            onChange={(e) => onChange && onChange(e.target.value)}
             autoFocus={autoFocus}
             ref={forwardedRef}
             {...rest}