Type Parameters

  • T extends MobxZodTypes

Hierarchy

  • MobxZodForm<T>
    • ReactForm

Constructors

  • Type Parameters

    • T extends MobxZodTypes

    Parameters

    • schema: T
    • Optional _options: MobxZodFormOptions<T>

    Returns ReactForm<T>

Properties

_curFieldUniqueId: number
_currentSetActionOptions?: SetActionOptions
_isDirty: boolean
_isSubmitting: boolean
_options: MobxZodFormOptions<T>
_parsed?: SafeParseReturnType<T["_input"], T["_output"]>
_rawInput: unknown
_submitCount: number
_validationTasks: ValidationTask[]
element: null | HTMLFormElement
id: string
root: MapZodTypeToField<T>
schema: T
schemaFormMeta: FormMeta

Accessors

  • get input(): SafeDecodeResult<unknown, T["_input"]>
  • Returns SafeDecodeResult<unknown, T["_input"]>

  • get isDirty(): boolean
  • Returns boolean

  • get isSubmitting(): boolean
  • Returns boolean

  • get looseInput(): SafeDecodeResult<unknown, unknown>
  • Returns SafeDecodeResult<unknown, unknown>

  • get options(): {
        initialOutput: any;
        plugins: MobxZodPlugin[];
        setActionOptions: {
            validateSync: boolean;
        };
        shouldFocusError: false | "first-y" | "first-x";
        validateOnMount: boolean;
    }
  • Returns {
        initialOutput: any;
        plugins: MobxZodPlugin[];
        setActionOptions: {
            validateSync: boolean;
        };
        shouldFocusError: false | "first-y" | "first-x";
        validateOnMount: boolean;
    }

    • initialOutput: any
    • plugins: MobxZodPlugin[]
    • setActionOptions: {
          validateSync: boolean;
      }
      • validateSync: boolean
    • shouldFocusError: false | "first-y" | "first-x"
    • validateOnMount: boolean
  • get parsed(): SafeParseReturnType<T["_input"], T["_output"]>
  • Returns SafeParseReturnType<T["_input"], T["_output"]>

  • get rawInput(): unknown
  • Returns unknown

  • get submitCount(): number
  • Returns number

Methods

  • Parameters

    • path: ParsePath

    Returns unknown

  • Returns void

  • Parameters

    • path: ParsePath
    • value: unknown

    Returns void

  • Type Parameters

    • T extends ZodTypeAny

    Parameters

    • field: MobxZodField<T>
    • options: BindInputOptions = ...

    Returns DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>

  • Parameters

    • options: BindFormOptions<T> = {}

    Returns DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>

  • Type Parameters

    • T extends ZodTypeAny

    Parameters

    • field: MobxZodField<T>
    • options: BindInputOptions = ...

    Returns DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>

  • Type Parameters

    • T extends ZodTypeAny

    Parameters

    • field: MobxZodField<T>

    Returns {
        id: string;
        name: string;
        onBlur: (() => void);
        onChange: ((e) => void);
        value: any;
        ref(element): void;
    }

    • id: string
    • name: string
    • onBlur: (() => void)
        • (): void
        • Returns void

    • onChange: ((e) => void)
        • (e): void
        • Parameters

          • e: ChangeEvent<HTMLTextAreaElement>

          Returns void

    • value: any
    • ref:function
  • Returns void

  • Returns void

  • Returns string

  • Parameters

    • onSubmit: (() => void | Promise<void>)
        • (): void | Promise<void>
        • Returns void | Promise<void>

    Returns Promise<void>

  • Returns SetActionOptions

  • Returns (() => void)

      • (): void
      • Returns void

  • Returns (() => void)

      • (): void
      • Returns void

  • Parse the input with the root schema, then compare the new issues with old issues. Only assign new errors to corresponding fields, so that those unrelated fields are untouched. Errors are compared against their error messages.

    Returns void

  • Parameters

    • options: InputSetActionOptions
    • action: (() => void)
        • (): void
        • Returns void

    Returns void