Hotfix: Fixed props spread in components

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

@@ -59,14 +59,14 @@ export class CheckBox extends BaseDomField<CheckBoxProps, BaseDomFieldState, HTM
  public renderField(): JSX.Element {
  return <input
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  type="checkbox"
  name={this.FieldId}
  checked={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  />;
  }
 }

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

@@ -35,12 +35,12 @@ export class Clear extends BaseFormButton<ClearProps, BaseFormButtonStateRecord>
 
  public render(): JSX.Element {
  return <button
+ {...this.GetHTMLProps(this.props) }
  type="button"
  className={this.ClassName}
  style={this.InlineStyles}
  disabled={this.Disabled}
  onClick={this.OnButtonClick}
- {...this.GetHTMLProps(this.props) }
  >
  {this.props.children}
  </button>;

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

@@ -56,14 +56,14 @@ export class Email extends BaseDomField<EmailProps, BaseDomFieldState, HTMLInput
  public renderField(): JSX.Element {
  return <input
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  type="email"
  name={this.FieldId}
  value={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  />;
  }
 }

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

@@ -81,8 +81,8 @@ export class Form extends BaseForm<FormProps, {}> {
  public render(): JSX.Element {
  return <form
  ref={this.SetElementRef}
- onSubmit={this.FormSubmitHandler}
  {...this.GetHTMLProps(this.props) }
+ onSubmit={this.FormSubmitHandler}
  >
  {this.props.children}
  </form>;

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

@@ -61,14 +61,14 @@ export class Number extends BaseDomField<NumberProps, BaseDomFieldState> {
  public renderField(): JSX.Element | null {
  return <input
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  type="number"
  name={this.FieldId}
  value={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  />;
  }
 }

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

@@ -56,14 +56,14 @@ export class Password extends BaseDomField<PasswordProps, BaseDomFieldState> {
  public renderField(): JSX.Element {
  return <input
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  type="password"
  name={this.FieldId}
  value={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  />;
  }
 }

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

@@ -35,12 +35,12 @@ export class Reset extends BaseFormButton<ResetProps, BaseFormButtonStateRecord>
 
  public render(): JSX.Element {
  return <button
+ {...this.GetHTMLProps(this.props) }
  type="button"
  className={this.ClassName}
  style={this.InlineStyles}
  disabled={this.Disabled}
  onClick={this.OnButtonClick}
- {...this.GetHTMLProps(this.props) }
  >
  {this.props.children}
  </button>;

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

@@ -57,14 +57,14 @@ export class Search extends BaseDomField<SearchProps, BaseDomFieldState> {
  public renderField(): JSX.Element {
  return <input
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  type="search"
  name={this.FieldId}
  value={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  />;
  }
 }

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

@@ -116,13 +116,13 @@ export class Select extends BaseDomField<SelectProps, SelectState> {
  public renderField(): JSX.Element {
  return <select
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  name={this.FieldId}
  value={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  >
  {this.props.children}
  </select>;

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

@@ -33,12 +33,12 @@ export class Submit extends BaseFormButton<SubmitProps, BaseFormButtonStateRecor
 
  public render(): JSX.Element {
  return <button
+ {...this.GetHTMLProps(this.props) }
  type="submit"
  className={this.ClassName}
  style={this.InlineStyles}
  disabled={this.Disabled}
  onClick={this.OnClick}
- {...this.GetHTMLProps(this.props) }
  >
  {this.props.children}
  </button>;

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

@@ -66,14 +66,14 @@ export class Text extends BaseDomField<TextProps, BaseDomFieldState, HTMLInputEl
  public renderField(): JSX.Element {
  return <input
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  type="text"
  name={this.FieldId}
  value={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  />;
  }
 }

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

@@ -66,13 +66,13 @@ export class TextArea extends BaseDomField<TextAreaProps, BaseDomFieldState> {
  public renderField(): JSX.Element {
  return <textarea
  ref={this.SetElementRef}
+ {...this.GetHTMLProps(this.props) }
  name={this.FieldId}
  value={this.Value}
  onChange={this.OnChangeHandler}
  disabled={this.Disabled}
  onFocus={this.OnFocus}
  onBlur={this.OnBlur}
- {...this.GetHTMLProps(this.props) }
  />;
  }
 }