From 3eff29bc66e3d3fcaec89b71e60cea586937a99a Mon Sep 17 00:00:00 2001
From: Adam Laycock <adam@arcath.net>
Date: Tue, 12 Dec 2017 10:44:13 +0000
Subject: [PATCH] add the v1 folder

---
 types/react-form/v1/index.d.ts           | 286 +++++++++++++++++++++++
 types/react-form/v1/react-form-tests.tsx |  78 +++++++
 types/react-form/v1/tsconfig.json        |  29 +++
 types/react-form/v1/tslint.json          |   1 +
 4 files changed, 394 insertions(+)
 create mode 100644 types/react-form/v1/index.d.ts
 create mode 100644 types/react-form/v1/react-form-tests.tsx
 create mode 100644 types/react-form/v1/tsconfig.json
 create mode 100644 types/react-form/v1/tslint.json

diff --git a/types/react-form/v1/index.d.ts b/types/react-form/v1/index.d.ts
new file mode 100644
index 0000000000..8dfbd268a5
--- /dev/null
+++ b/types/react-form/v1/index.d.ts
@@ -0,0 +1,286 @@
+// Type definitions for react-form 1.3
+// Project: https://github.com/tannerlinsley/react-form#readme
+// Definitions by: Cameron McAteer <https://github.com/cameron-mcateer>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as React from 'react';
+
+export type FormValue = any;
+export type FormError = string | undefined;
+export interface Nested<T> {
+    [key: string]: T | Nested<T>;
+}
+export type FormValues = Nested<FormValue>;
+export type Touched = Nested<boolean>;
+export type FormErrors = {[key: string]: FormError} | [{[key: string]: FormError}];
+export type NestedErrors = Nested<FormErrors>;
+export type RenderReturn = JSX.Element | false | null;
+
+export interface FormProps {
+    loadState?(props: FormProps, self: Form): FormState | undefined;
+    defaultValues?: FormValues;
+    preValidate?(values: FormValues, state: FormState, props: FormProps, self: Form): FormValues;
+    validate?(values: FormValues, state: FormState, props: FormProps): FormErrors;
+    onValidationFail?(values: FormValues, state: FormState, props: FormProps, self: Form): void;
+    onChange?(state: FormState, props: FormProps, initial: boolean | FormProps, self: Form): void;
+    saveState?(state: FormState, props: FormProps, self: Form): void;
+    willUnmount?(state: FormState, props: FormProps, self: Form): void;
+    preSubmit?(values: FormValues, state: FormState, props: FormProps, self: Form): FormValues;
+    onSubmit?(values: FormValues, state: FormState, props: FormProps, self: Form): void;
+    postSubmit?(values: FormValues, state: FormState, props: FormProps, self: Form): void;
+}
+
+export interface FormState {
+    values: FormValues;
+    touched: Touched;
+    errors: FormErrors;
+    nestedErrors: NestedErrors;
+    dirty?: boolean;
+}
+
+export const FormDefaultProps: FormProps;
+
+export interface FormApi {
+    setAllValues(values: FormValues, noTouch?: boolean): void;
+    setValue(field: string, value: any, noTouch?: boolean): void;
+    getValue(field: string, fallback?: any): any;
+    setNestedError(field: string, value?: boolean): void;
+    getError(field: string): FormError;
+    setTouched(field: string, value?: boolean): void;
+    getTouched(field: string): boolean;
+    addValue(field: string, value: any): void;
+    removeValue(field: string, index: number): void;
+    swapValues(field: string, index: number, destIndex: number): void;
+    setAllTouched(dirty?: boolean, state?: Partial<FormState>): void;
+    resetForm(): void;
+    submitForm(e?: Pick<React.SyntheticEvent<any>, 'preventDefault'>): void;
+}
+
+export interface FormFunctionProps extends FormProps, FormState, FormApi {}
+
+export interface FormContext {
+    formApi: FormApi;
+}
+
+export class Form
+    extends React.Component<
+        FormProps & { children?: ((props: FormFunctionProps) => RenderReturn) | RenderReturn },
+        FormState
+    >
+    implements FormApi, React.ChildContextProvider<FormContext> {
+        static defaultProps: FormProps;
+        static childContextTypes: {
+            formApi: React.Validator<any>
+        };
+
+        getDefaultState(): FormState;
+        getChildContext(): FormContext;
+        componentWillMount(): void;
+        componentWillReceiveProps(nextProps: Readonly<Partial<FormProps>>, nextContext: any): void;
+        componentWillUmount(): void;
+
+        // API
+        setAllValues(values: FormValues, noTouch?: boolean): void;
+        setValue(field: string, value: any, noTouch?: boolean): void;
+        getValue(field: string, fallback?: any): any;
+        setNestedError(field: string, value?: boolean): void;
+        getError(field: string): FormError;
+        setTouched(field: string, value?: boolean): void;
+        getTouched(field: string): boolean;
+        addValue(field: string, value: any): void;
+        removeValue(field: string, index: number): void;
+        swapValues(field: string, index: number, destIndex: number): void;
+        setAllTouched(dirty?: boolean, state?: Partial<FormState>): void;
+        resetForm(): void;
+        submitForm(e?: Pick<React.SyntheticEvent<any>, 'preventDefault'>): void;
+
+        // Utils
+        getAPI(): FormApi;
+        setFormState(newState: Partial<FormState>, silent?: boolean): void;
+        emitChange(state: FormState, initial?: boolean): void;
+        validate(values: FormValues, state: FormState, props: FormProps): FormErrors;
+        render(): RenderReturn;
+    }
+
+export interface FormFieldApi {
+    setAllValues(values: FormValues, noTouch?: boolean): void;
+    setValue(value: any, noTouch?: boolean): void;
+    getValue(fallback?: any): any;
+    setNestedError(value?: boolean): void;
+    getError(): FormError;
+    setTouched(value?: boolean): void;
+    getTouched(): boolean;
+    addValue(value: any): void;
+    removeValue(index: number): void;
+    swapValues(index: number, destIndex: number): void;
+    setAllTouched(dirty?: boolean, state?: Partial<FormState>): void;
+    resetForm(): void;
+    submitForm(e?: Pick<React.SyntheticEvent<any>, 'preventDefault'>): void;
+}
+
+export interface FormFieldPropsWithField {
+    field?: string;
+    children(api: FormFieldApi): React.ReactElement<any> | null;
+}
+export interface FormFieldPropsWithoutField {
+    children(api: FormApi): RenderReturn;
+}
+export type FormFieldProps = FormFieldPropsWithField | FormFieldPropsWithoutField;
+export const FormField: React.SFC<FormFieldProps>;
+
+// FormError
+export interface FormErrorProps {
+    field?: FormFieldPropsWithField['field'];
+    className?: string;
+    style?: React.HTMLAttributes<HTMLElement>['style'];
+}
+export const FormError: React.SFC<FormErrorProps>;
+
+export interface FormInputProps {
+    field?: FormFieldPropsWithField['field'];
+    showErrors?: boolean;
+    errorBefore?: boolean;
+    isForm?: boolean;
+    className?: string;
+    errorProps?: FormErrorProps;
+}
+
+export interface FormInputPropsWithChildren extends FormInputProps {
+    children(api: FormFieldApi): React.ReactElement<any> | null;
+}
+export const FormInput: React.SFC<FormInputPropsWithChildren>;
+
+// ==============================
+//             Inputs
+// ==============================
+
+export type EventHandler<T, E> = (e: E, cb: () => void) => void;
+export type ChangeHandler<T> = EventHandler<T, React.ChangeEvent<T>>;
+export type FocusHandler<T> = EventHandler<T, React.FocusEvent<T>>;
+export type ClickHandler<T> = EventHandler<T, React.MouseEvent<T>>;
+
+// Prop interfaces are intermediate interfaces to "redefine" the type of some events
+// onChange:React.EventHandler => onChange:any => onChange:CustomEventHandler
+
+export interface SelectOption {
+    label: string;
+    value: any;
+    disabled?: boolean;
+}
+export interface SelectAttrs extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    onChange?: any;
+    onBlur?: any;
+}
+export interface SelectProps extends SelectAttrs {
+    options: ReadonlyArray<SelectOption>;
+    field?: FormInputProps['field'];
+    showErrors?: FormInputProps['showErrors'];
+    errorBefore?: FormInputProps['errorBefore'];
+    onChange?: ChangeHandler<HTMLSelectElement>;
+    onBlur?: FocusHandler<HTMLSelectElement>;
+    isForm?: FormInputProps['isForm'];
+    noTouch?: boolean;
+    errorProps?: FormInputProps['errorProps'];
+    placeholder?: string;
+}
+export const Select: React.SFC<SelectProps>;
+
+export interface InputAttrs extends React.InputHTMLAttributes<HTMLInputElement> {
+    onChange?: any;
+    onBlur?: any;
+}
+export interface CheckboxProps extends InputAttrs {
+    field?: FormInputProps['field'];
+    showErrors?: FormInputProps['showErrors'];
+    errorBefore?: FormInputProps['errorBefore'];
+    onChange?: ChangeHandler<HTMLInputElement>;
+    onBlur?: FocusHandler<HTMLInputElement>;
+    isForm?: FormInputProps['isForm'];
+    noTouch?: boolean;
+    errorProps?: FormInputProps['errorProps'];
+}
+export const Checkbox: React.SFC<CheckboxProps>;
+
+export interface TextareaAttrs extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    onChange?: any;
+    onBlur?: any;
+}
+export interface TextareaProps extends TextareaAttrs {
+    field?: FormInputProps['field'];
+    showErrors?: FormInputProps['showErrors'];
+    errorBefore?: FormInputProps['errorBefore'];
+    onChange?: ChangeHandler<HTMLTextAreaElement>;
+    onBlur?: FocusHandler<HTMLTextAreaElement>;
+    isForm?: FormInputProps['isForm'];
+    noTouch?: boolean;
+    errorProps?: FormInputProps['errorProps'];
+}
+export const Textarea: React.SFC<TextareaProps>;
+
+export interface NestedFormProps extends FormProps {
+    field?: FormInputProps['field'];
+    children?: React.ReactElement<FormProps> | [React.ReactElement<FormProps>];
+    errorProps?: FormInputProps['errorProps'];
+}
+export const NestedForm: React.SFC<NestedFormProps>;
+
+export interface TextProps extends InputAttrs {
+    field?: FormInputProps['field'];
+    showErrors?: FormInputProps['showErrors'];
+    errorBefore?: FormInputProps['errorBefore'];
+    onChange?: ChangeHandler<HTMLInputElement>;
+    onBlur?: FocusHandler<HTMLInputElement>;
+    isForm?: FormInputProps['isForm'];
+    noTouch?: boolean;
+    errorProps?: FormInputProps['errorProps'];
+}
+export const Text: React.SFC<TextProps>;
+
+export interface RadioGroupProps {
+    field?: FormInputProps['field'];
+    showErrors?: FormInputProps['showErrors'];
+    errorBefore?: FormInputProps['errorBefore'];
+    isForm?: FormInputProps['isForm'];
+    errorProps?: FormInputProps['errorProps'];
+}
+export interface RadioGroupContext {
+    formRadioGroup: RadioGroup;
+}
+export class RadioGroup extends React.Component<RadioGroupProps> implements FormFieldApi {
+    static childContextTypes: {
+        formRadioGroup: React.Validator<any>
+    };
+
+    setAllValues: FormFieldApi['setAllValues'];
+    setValue: FormFieldApi['setValue'];
+    getValue: FormFieldApi['getValue'];
+    setNestedError: FormFieldApi['setNestedError'];
+    getError: FormFieldApi['getError'];
+    setTouched: FormFieldApi['setTouched'];
+    getTouched: FormFieldApi['getTouched'];
+    addValue: FormFieldApi['addValue'];
+    removeValue: FormFieldApi['removeValue'];
+    swapValues: FormFieldApi['swapValues'];
+    setAllTouched: FormFieldApi['setAllTouched'];
+    resetForm: FormFieldApi['resetForm'];
+    submitForm: FormFieldApi['submitForm'];
+
+    getChildContext(): RadioGroupContext;
+}
+
+export interface InputWIthoutClick extends InputAttrs {
+    onClick?: any;
+}
+export interface RadioProps extends InputWIthoutClick {
+    onClick?: ClickHandler<HTMLInputElement>;
+    onChange?: ChangeHandler<HTMLInputElement>;
+    onBlur?: FocusHandler<HTMLInputElement>;
+}
+export class Radio extends React.Component<RadioProps> {
+    static contextTypes: {
+        formRadioGroup: React.Validator<any>
+    };
+
+    context: RadioGroupContext;
+}
\ No newline at end of file
diff --git a/types/react-form/v1/react-form-tests.tsx b/types/react-form/v1/react-form-tests.tsx
new file mode 100644
index 0000000000..0992e85739
--- /dev/null
+++ b/types/react-form/v1/react-form-tests.tsx
@@ -0,0 +1,78 @@
+import * as React from 'react';
+import {
+		Form,
+		FormError,
+		FormInput,
+
+		// Inputs
+		Select,
+		Checkbox,
+		Textarea,
+		NestedForm,
+		Text,
+		RadioGroup,
+		Radio
+} from 'react-form';
+
+<Form />;
+
+<Form>
+		{() => null}
+</Form>;
+
+<Form>
+		{() => <div/>}
+</Form>;
+
+<Form>
+		{ ({ submitForm }) => <button onClick={submitForm}>Submit</button> }
+</Form>;
+
+<FormError field="" />;
+
+const CustomInput: React.SFC<React.HTMLAttributes<HTMLInputElement> & {field?: string}> =
+		({field, ...rest}) => {
+				return (
+						<FormInput field={field}>
+								{({ setValue, getValue, setTouched }) => {
+										return (
+												<input
+														{...rest}
+														value={getValue()}
+														onChange={(e) => setValue(e.target.value)}
+														onBlur={() => setTouched(true)}
+												/>
+										);
+								}}
+						</FormInput>
+				);
+		};
+
+const events = {
+		onChange: (e: React.SyntheticEvent<HTMLElement>, cb: () => void): null => null,
+		onBlur: (e: React.SyntheticEvent<HTMLElement>, cb: () => void): null => null
+};
+const onClick = (e: React.SyntheticEvent<HTMLElement>, cb: () => void): null => null;
+
+<Select options={[]} />;
+<Select field="" options={[{label: '', value: '', disabled: false}]} {...events} />;
+
+<Checkbox />;
+<Checkbox field="" checked={false} {...events} />;
+
+<Textarea />;
+<Textarea field="" {...events} />;
+
+<Form>
+		<NestedForm>
+				<Form />
+		</NestedForm>
+</Form>;
+
+<Text />;
+<Text field="" {...events} />;
+
+<RadioGroup field="">
+		<Radio />
+		<Radio {...events} onClick={onClick}  />
+</RadioGroup>;
\ No newline at end of file
diff --git a/types/react-form/v1/tsconfig.json b/types/react-form/v1/tsconfig.json
new file mode 100644
index 0000000000..b0dbe251f4
--- /dev/null
+++ b/types/react-form/v1/tsconfig.json
@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6",
+          "dom"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "baseUrl": "../../",
+      "jsx": "react",
+      "typeRoots": [
+          "../../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true,
+      "paths": {
+        "react-form": [
+            "react-form/v3"
+        ]
+      }
+  },
+  "files": [
+      "index.d.ts",
+      "react-form-tests.tsx"
+  ]
+}
\ No newline at end of file
diff --git a/types/react-form/v1/tslint.json b/types/react-form/v1/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/react-form/v1/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file