Hotfix: Forms added missing spread props

packages/react-forms-dom/src/abstractions/base-dom-field.tsx

@@ -5,7 +5,7 @@ import {
     DomComponentData,
     DomFieldDetails
 } from "../contracts/field";
-import { FormProps } from "../contracts/form";
+import { BaseFormProps } from "../contracts/form";
 
 export type BaseDomFieldState = BaseFieldState;
 
@@ -31,7 +31,7 @@ export abstract class BaseDomField<TProps extends DomFieldProps, TState extends
     }
 
     protected get FieldTemplate(): DomFieldTemplateCallback | undefined {
-        const formProps = this.FormStore.GetState().Form.Props as FormProps;
+        const formProps = this.FormStore.GetState().Form.Props as BaseFormProps;
         if (this.props.template != null) {
             return this.props.template;
         }

packages/react-forms-dom/src/components/checkbox.tsx

@@ -7,9 +7,7 @@ import { FieldOnChangeCallback } from "../contracts/field";
 import {
     HTMLElementProps
 } from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { FormProps } from "./form";
 
 export type CheckBoxOnChangeCallback = FieldOnChangeCallback<HTMLInputElement>;
 

packages/react-forms-dom/src/components/email.tsx

@@ -4,12 +4,8 @@ import { DomFieldProps } from "../contracts/field";
 
 import { BaseDomField, BaseDomFieldState } from "../abstractions/base-dom-field";
 import { FieldOnChangeCallback } from "../contracts/field";
-import {
-    HTMLElementProps
-} from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { HTMLElementProps } from "../contracts/field";
+import { FormProps } from "./form";
 
 export type EmailOnChangeCallback = FieldOnChangeCallback<HTMLInputElement>;
 

packages/react-forms-dom/src/components/form.tsx

@@ -1,7 +1,24 @@
 import * as React from "react";
 import { BaseForm } from "@simplr/react-forms";
 
-import { FormProps } from "../contracts/form";
+import {
+    BaseFormProps,
+    FormOnSubmitCallback,
+    FormOnSubmitInternalCallback
+} from "../contracts/form";
+
+import {
+    FieldOnChangeCallback,
+    FieldOnChangeInternalCallback,
+    HTMLElementProps
+} from "../contracts/field";
+
+export interface FormProps extends BaseFormProps, HTMLElementProps<HTMLFormElement> {
+    onSubmit?: FormOnSubmitCallback & FormOnSubmitInternalCallback;
+    onChange?: FieldOnChangeCallback<any> & FieldOnChangeInternalCallback;
+
+    ref?: React.Ref<Form>;
+}
 
 export class Form extends BaseForm<FormProps, {}> {
     public Element: HTMLFormElement | null;
@@ -43,10 +60,29 @@ export class Form extends BaseForm<FormProps, {}> {
         this.FormStore.SubmitForm(result);
     }
 
+    protected GetHTMLProps(props: BaseFormProps): {} {
+        const {
+            formId,
+            preventSubmitDefaultAndPropagation,
+            template,
+            formStore,
+            destroyOnUnmount,
+            forceSubmit,
+            disabled,
+            fieldsValidationType,
+            formValidationType,
+            onMount,
+            ...restProps
+    } = props;
+
+        return restProps;
+    }
+
     public render(): JSX.Element {
         return <form
             ref={this.SetElementRef}
             onSubmit={this.FormSubmitHandler}
+            {...this.GetHTMLProps(this.props) }
         >
             {this.props.children}
         </form>;

packages/react-forms-dom/src/components/number.tsx

@@ -4,12 +4,8 @@ import { DomFieldProps } from "../contracts/field";
 
 import { BaseDomField, BaseDomFieldState } from "../abstractions/base-dom-field";
 import { FieldOnChangeCallback } from "../contracts/field";
-import {
-    HTMLElementProps
-} from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { HTMLElementProps } from "../contracts/field";
+import { FormProps } from "./form";
 import { StringToDecimalModifier } from "@simplr/react-forms/modifiers";
 
 export type NumberOnChangeCallback = FieldOnChangeCallback<HTMLInputElement>;

packages/react-forms-dom/src/components/password.tsx

@@ -4,12 +4,8 @@ import { DomFieldProps } from "../contracts/field";
 
 import { BaseDomField, BaseDomFieldState } from "../abstractions/base-dom-field";
 import { FieldOnChangeCallback } from "../contracts/field";
-import {
-    HTMLElementProps
-} from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { HTMLElementProps } from "../contracts/field";
+import { FormProps } from "./form";
 
 export type PasswordOnChangeCallback = FieldOnChangeCallback<HTMLInputElement>;
 

packages/react-forms-dom/src/components/radio-group.tsx

@@ -3,7 +3,7 @@ import * as PropTypes from "prop-types";
 import { BaseField, BaseFieldState } from "@simplr/react-forms";
 import { FieldProps, FieldChildContext, FieldValue } from "@simplr/react-forms/contracts";
 import { HTMLElementProps, DomFieldTemplateCallback } from "../contracts/field";
-import { FormProps } from "../contracts/form";
+import { FormProps } from "./form";
 import { BaseDomField } from "../abstractions";
 import { TypedRecord } from "typed-immutable-record";
 

packages/react-forms-dom/src/components/search.tsx

@@ -4,12 +4,8 @@ import { DomFieldProps } from "../contracts/field";
 
 import { BaseDomField, BaseDomFieldState } from "../abstractions/base-dom-field";
 import { FieldOnChangeCallback } from "../contracts/field";
-import {
-    HTMLElementProps
-} from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { HTMLElementProps } from "../contracts/field";
+import { FormProps } from "./form";
 
 export type SearchOnChangeCallback = FieldOnChangeCallback<HTMLInputElement>;
 

packages/react-forms-dom/src/components/select.tsx

@@ -4,12 +4,8 @@ import { DomFieldProps } from "../contracts/field";
 
 import { BaseDomField, BaseDomFieldState } from "../abstractions/base-dom-field";
 import { FieldOnChangeCallback } from "../contracts/field";
-import {
-    HTMLElementProps
-} from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { HTMLElementProps } from "../contracts/field";
+import { FormProps } from "./form";
 
 export type SelectValue = string | string[];
 export type SelectOnChangeCallback = FieldOnChangeCallback<HTMLSelectElement>;

packages/react-forms-dom/src/components/text.tsx

@@ -9,9 +9,7 @@ import {
     FieldOnChangeCallback,
     HTMLElementProps
 } from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { FormProps } from "./form";
 
 export type TextOnChangeCallback = FieldOnChangeCallback<HTMLInputElement>;
 

packages/react-forms-dom/src/components/textarea.tsx

@@ -10,9 +10,7 @@ import {
     FieldOnChangeCallback,
     HTMLElementProps
 } from "../contracts/field";
-import {
-    FormProps
-} from "../contracts/form";
+import { FormProps } from "./form";
 
 export type TextAreaOnChangeCallback = FieldOnChangeCallback<HTMLTextAreaElement>;
 

packages/react-forms-dom/src/contracts/form.ts

@@ -2,11 +2,7 @@ import * as React from "react";
 import { FormError } from "@simplr/react-forms/contracts";
 import { FormProps as CoreFormProps } from "@simplr/react-forms/contracts";
 import { FormStore } from "@simplr/react-forms/stores";
-import {
-    FieldOnChangeCallback,
-    FieldOnChangeInternalCallback,
-    DomFieldTemplateCallback
-} from "../contracts/field";
+import { DomFieldTemplateCallback } from "../contracts/field";
 
 export interface FormOnSubmitInternalCallback {
     (event: React.FormEvent<HTMLFormElement>, ...parameters: any[]): void | Promise<void> | FormError | string;
@@ -16,9 +12,7 @@ export interface FormOnSubmitCallback {
     (event: React.FormEvent<HTMLFormElement>, store: FormStore): void | Promise<void> | FormError | string;
 }
 
-export interface FormProps extends CoreFormProps, React.HTMLProps<HTMLFormElement> {
-    onSubmit?: FormOnSubmitCallback & FormOnSubmitInternalCallback;
-    onChange?: FieldOnChangeCallback<any> & FieldOnChangeInternalCallback;
+export interface BaseFormProps extends CoreFormProps {
     preventSubmitDefaultAndPropagation?: boolean;
     template?: DomFieldTemplateCallback;
     // tslint:disable-next-line:max-line-length