react-context-form 2.9.0 → 2.11.1

package/build/SubmitButton/SubmitButton.d.ts

@@ -75,7 +75,6 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         multiple?: PropTypes.Validator<any> | undefined;
         muted?: PropTypes.Validator<any> | undefined;
         name?: PropTypes.Validator<any> | undefined;
-        nonce?: PropTypes.Validator<any> | undefined;
         noValidate?: PropTypes.Validator<any> | undefined;
         open?: PropTypes.Validator<any> | undefined;
         optimum?: PropTypes.Validator<any> | undefined;
@@ -127,13 +126,13 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         hidden?: PropTypes.Validator<any> | undefined;
         id?: PropTypes.Validator<any> | undefined;
         lang?: PropTypes.Validator<any> | undefined;
+        nonce?: PropTypes.Validator<any> | undefined;
         slot?: PropTypes.Validator<any> | undefined;
         spellCheck?: PropTypes.Validator<any> | undefined;
         style?: PropTypes.Validator<any> | undefined;
         tabIndex?: PropTypes.Validator<any> | undefined;
         title?: PropTypes.Validator<any> | undefined;
-        inputMode?: PropTypes.Validator<any> | undefined;
-        is?: PropTypes.Validator<any> | undefined;
+        translate?: PropTypes.Validator<any> | undefined;
         radioGroup?: PropTypes.Validator<any> | undefined;
         role?: PropTypes.Validator<any> | undefined;
         about?: PropTypes.Validator<any> | undefined;
@@ -156,6 +155,8 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         results?: PropTypes.Validator<any> | undefined;
         security?: PropTypes.Validator<any> | undefined;
         unselectable?: PropTypes.Validator<any> | undefined;
+        inputMode?: PropTypes.Validator<any> | undefined;
+        is?: PropTypes.Validator<any> | undefined;
         'aria-activedescendant'?: PropTypes.Validator<any> | undefined;
         'aria-atomic'?: PropTypes.Validator<any> | undefined;
         'aria-autocomplete'?: PropTypes.Validator<any> | undefined;
@@ -224,6 +225,8 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onBlurCapture?: PropTypes.Validator<any> | undefined;
         onChange?: PropTypes.Validator<any> | undefined;
         onChangeCapture?: PropTypes.Validator<any> | undefined;
+        onBeforeInput?: PropTypes.Validator<any> | undefined;
+        onBeforeInputCapture?: PropTypes.Validator<any> | undefined;
         onInput?: PropTypes.Validator<any> | undefined;
         onInputCapture?: PropTypes.Validator<any> | undefined;
         onReset?: PropTypes.Validator<any> | undefined;
@@ -286,6 +289,8 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onVolumeChangeCapture?: PropTypes.Validator<any> | undefined;
         onWaiting?: PropTypes.Validator<any> | undefined;
         onWaitingCapture?: PropTypes.Validator<any> | undefined;
+        onAuxClick?: PropTypes.Validator<any> | undefined;
+        onAuxClickCapture?: PropTypes.Validator<any> | undefined;
         onClick?: PropTypes.Validator<any> | undefined;
         onClickCapture?: PropTypes.Validator<any> | undefined;
         onContextMenu?: PropTypes.Validator<any> | undefined;
@@ -330,6 +335,26 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onTouchMoveCapture?: PropTypes.Validator<any> | undefined;
         onTouchStart?: PropTypes.Validator<any> | undefined;
         onTouchStartCapture?: PropTypes.Validator<any> | undefined;
+        onPointerDown?: PropTypes.Validator<any> | undefined;
+        onPointerDownCapture?: PropTypes.Validator<any> | undefined;
+        onPointerMove?: PropTypes.Validator<any> | undefined;
+        onPointerMoveCapture?: PropTypes.Validator<any> | undefined;
+        onPointerUp?: PropTypes.Validator<any> | undefined;
+        onPointerUpCapture?: PropTypes.Validator<any> | undefined;
+        onPointerCancel?: PropTypes.Validator<any> | undefined;
+        onPointerCancelCapture?: PropTypes.Validator<any> | undefined;
+        onPointerEnter?: PropTypes.Validator<any> | undefined;
+        onPointerEnterCapture?: PropTypes.Validator<any> | undefined;
+        onPointerLeave?: PropTypes.Validator<any> | undefined;
+        onPointerLeaveCapture?: PropTypes.Validator<any> | undefined;
+        onPointerOver?: PropTypes.Validator<any> | undefined;
+        onPointerOverCapture?: PropTypes.Validator<any> | undefined;
+        onPointerOut?: PropTypes.Validator<any> | undefined;
+        onPointerOutCapture?: PropTypes.Validator<any> | undefined;
+        onGotPointerCapture?: PropTypes.Validator<any> | undefined;
+        onGotPointerCaptureCapture?: PropTypes.Validator<any> | undefined;
+        onLostPointerCapture?: PropTypes.Validator<any> | undefined;
+        onLostPointerCaptureCapture?: PropTypes.Validator<any> | undefined;
         onScroll?: PropTypes.Validator<any> | undefined;
         onScrollCapture?: PropTypes.Validator<any> | undefined;
         onWheel?: PropTypes.Validator<any> | undefined;
@@ -358,7 +383,7 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         autoComplete?: string | undefined;
         autoFocus?: boolean | undefined;
         autoPlay?: boolean | undefined;
-        capture?: boolean | undefined;
+        capture?: string | boolean | undefined;
         cellPadding?: string | number | undefined;
         cellSpacing?: string | number | undefined;
         charSet?: string | undefined;
@@ -414,7 +439,6 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         multiple?: boolean | undefined;
         muted?: boolean | undefined;
         name?: string | undefined;
-        nonce?: string | undefined;
         noValidate?: boolean | undefined;
         open?: boolean | undefined;
         optimum?: number | undefined;
@@ -449,32 +473,32 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         target?: string | undefined;
         type?: string | undefined;
         useMap?: string | undefined;
-        value?: string | number | string[] | undefined;
+        value?: string | number | readonly string[] | undefined;
         width?: string | number | undefined;
         wmode?: string | undefined;
         wrap?: string | undefined;
         defaultChecked?: boolean | undefined;
-        defaultValue?: string | string[] | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         className?: string | undefined;
-        contentEditable?: boolean | undefined;
+        contentEditable?: boolean | "true" | "false" | "inherit" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
-        draggable?: boolean | undefined;
+        draggable?: boolean | "true" | "false" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
+        nonce?: string | undefined;
         slot?: string | undefined;
-        spellCheck?: boolean | undefined;
+        spellCheck?: boolean | "true" | "false" | undefined;
         style?: React.CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        inputMode?: string | undefined;
-        is?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
-        role?: string | undefined;
+        role?: "form" | "list" | "checkbox" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | (string & {}) | undefined;
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
@@ -494,49 +518,51 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: boolean | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: boolean | "false" | "true" | undefined;
+        'aria-atomic'?: boolean | "true" | "false" | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-        'aria-busy'?: boolean | "false" | "true" | undefined;
-        'aria-checked'?: boolean | "false" | "true" | "mixed" | undefined;
+        'aria-busy'?: boolean | "true" | "false" | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-colcount'?: number | undefined;
         'aria-colindex'?: number | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "step" | "false" | "true" | "page" | "location" | "date" | "time" | undefined;
+        'aria-current'?: boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
-        'aria-disabled'?: boolean | "false" | "true" | undefined;
-        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        'aria-disabled'?: boolean | "true" | "false" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: boolean | "false" | "true" | undefined;
+        'aria-expanded'?: boolean | "true" | "false" | undefined;
         'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: boolean | "false" | "true" | undefined;
-        'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        'aria-hidden'?: boolean | "false" | "true" | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        'aria-grabbed'?: boolean | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+        'aria-hidden'?: boolean | "true" | "false" | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;
         'aria-labelledby'?: string | undefined;
         'aria-level'?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: boolean | "false" | "true" | undefined;
-        'aria-multiline'?: boolean | "false" | "true" | undefined;
-        'aria-multiselectable'?: boolean | "false" | "true" | undefined;
+        'aria-modal'?: boolean | "true" | "false" | undefined;
+        'aria-multiline'?: boolean | "true" | "false" | undefined;
+        'aria-multiselectable'?: boolean | "true" | "false" | undefined;
         'aria-orientation'?: "horizontal" | "vertical" | undefined;
         'aria-owns'?: string | undefined;
         'aria-placeholder'?: string | undefined;
         'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "false" | "true" | "mixed" | undefined;
-        'aria-readonly'?: boolean | "false" | "true" | undefined;
-        'aria-relevant'?: "additions" | "additions text" | "all" | "removals" | "text" | undefined;
-        'aria-required'?: boolean | "false" | "true" | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-readonly'?: boolean | "true" | "false" | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: boolean | "true" | "false" | undefined;
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;
         'aria-rowindex'?: number | undefined;
         'aria-rowspan'?: number | undefined;
-        'aria-selected'?: boolean | "false" | "true" | undefined;
+        'aria-selected'?: boolean | "true" | "false" | undefined;
         'aria-setsize'?: number | undefined;
         'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
         'aria-valuemax'?: number | undefined;
@@ -559,12 +585,14 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onCompositionStartCapture?: ((event: React.CompositionEvent<HTMLButtonElement>) => void) | undefined;
         onCompositionUpdate?: ((event: React.CompositionEvent<HTMLButtonElement>) => void) | undefined;
         onCompositionUpdateCapture?: ((event: React.CompositionEvent<HTMLButtonElement>) => void) | undefined;
-        onFocus?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
-        onFocusCapture?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
-        onBlur?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
-        onBlurCapture?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
+        onFocus?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
+        onFocusCapture?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
+        onBlur?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
+        onBlurCapture?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
         onChange?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onChangeCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
+        onBeforeInput?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
+        onBeforeInputCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInput?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInputCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onReset?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
@@ -573,66 +601,68 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onSubmitCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInvalid?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInvalidCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
-        onLoad?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onError?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onErrorCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
+        onLoad?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onError?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onErrorCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
         onKeyDown?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyDownCapture?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyPress?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyPressCapture?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyUp?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyUpCapture?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
-        onAbort?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onAbortCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlay?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onDurationChange?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEmptied?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEncrypted?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEnded?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEndedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedData?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadStart?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPause?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPauseCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlay?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlaying?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlayingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onProgress?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onProgressCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onRateChange?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeeked?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeekedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeeking?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeekingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onStalled?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onStalledCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSuspend?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSuspendCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onTimeUpdate?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onVolumeChange?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onWaiting?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onWaitingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onClickCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onContextMenu?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onContextMenuCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onDoubleClick?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onDoubleClickCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
+        onAbort?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onAbortCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlay?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onDurationChange?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEmptied?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEncrypted?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEnded?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEndedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedData?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadStart?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPause?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPauseCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlay?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlaying?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlayingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onProgress?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onProgressCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onRateChange?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeeked?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeekedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeeking?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeekingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onStalled?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onStalledCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSuspend?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSuspendCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onTimeUpdate?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onVolumeChange?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onWaiting?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onWaitingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onAuxClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onAuxClickCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onContextMenu?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onContextMenuCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onDoubleClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onDoubleClickCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
         onDrag?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDragCapture?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDragEnd?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
@@ -649,20 +679,20 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onDragStartCapture?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDrop?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDropCapture?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseDownCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseEnter?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseLeave?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseMove?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseMoveCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOut?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOutCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOver?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOverCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseUpCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onSelect?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSelectCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
+        onMouseDown?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseDownCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseEnter?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseLeave?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseMove?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseMoveCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOut?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOutCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOver?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOverCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseUp?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseUpCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onSelect?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSelectCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
         onTouchCancel?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchCancelCapture?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchEnd?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
@@ -671,8 +701,28 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onTouchMoveCapture?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchStart?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchStartCapture?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
-        onScroll?: ((event: React.UIEvent<HTMLButtonElement>) => void) | undefined;
-        onScrollCapture?: ((event: React.UIEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerDown?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerDownCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerMove?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerMoveCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerUp?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerUpCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerCancel?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerCancelCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerEnter?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerEnterCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerLeave?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerLeaveCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOver?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOverCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOut?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOutCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onGotPointerCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onGotPointerCaptureCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onLostPointerCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onLostPointerCaptureCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onScroll?: ((event: React.UIEvent<HTMLButtonElement, UIEvent>) => void) | undefined;
+        onScrollCapture?: ((event: React.UIEvent<HTMLButtonElement, UIEvent>) => void) | undefined;
         onWheel?: ((event: React.WheelEvent<HTMLButtonElement>) => void) | undefined;
         onWheelCapture?: ((event: React.WheelEvent<HTMLButtonElement>) => void) | undefined;
         onAnimationStart?: ((event: React.AnimationEvent<HTMLButtonElement>) => void) | undefined;
@@ -683,8 +733,8 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
         onAnimationIterationCapture?: ((event: React.AnimationEvent<HTMLButtonElement>) => void) | undefined;
         onTransitionEnd?: ((event: React.TransitionEvent<HTMLButtonElement>) => void) | undefined;
         onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLButtonElement>) => void) | undefined;
-        ref?: string | ((instance: HTMLButtonElement | null) => any) | React.RefObject<HTMLButtonElement> | undefined;
-        key?: string | number | undefined;
+        ref?: string | ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+        key?: string | number | null | undefined;
     };
     static readonly contextTypes: {
         isLoading: PropTypes.Validator<any>;
@@ -692,7 +742,7 @@ export declare class SubmitButton extends React.Component<SubmitButtonProps, Sub
     context: SubmitButtonContext;
     state: SubmitButtonState;
     protected button: HTMLButtonElement | undefined;
-    readonly children: React.ReactNode;
+    get children(): React.ReactNode;
     render(): JSX.Element;
     protected registerButton: (button: HTMLButtonElement) => void;
 }

package/build/index.js

@@ -525,7 +525,7 @@ var AutoValidate = exports.AutoValidate = function (_React$Component) {
                         switch (_context.prev = _context.next) {
                             case 0:
                                 _context.next = 2;
-                                return this.context.validate(this.props.groupName);
+                                return this.context.validate(this.props.groupName || this.context.name);
 
                             case 2:
                                 errors = _context.sent;
@@ -602,8 +602,8 @@ var PropTypes = _interopRequireWildcard(_propTypes);
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 var AutoValidatePropTypes = exports.AutoValidatePropTypes = {
-    groupName: PropTypes.string.isRequired,
     children: PropTypes.element.isRequired,
+    groupName: PropTypes.string,
     onBlur: PropTypes.bool,
     onChange: PropTypes.bool,
     onLength: PropTypes.number,
@@ -1377,7 +1377,7 @@ var Form = exports.Form = function (_React$Component) {
             };
         }
     }, {
-        key: "componentWillMount",
+        key: "componentDidMount",
         value: function () {
             var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
                 return regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -1396,11 +1396,11 @@ var Form = exports.Form = function (_React$Component) {
                 }, _callee3, this);
             }));
 
-            function componentWillMount() {
+            function componentDidMount() {
                 return _ref4.apply(this, arguments);
             }
 
-            return componentWillMount;
+            return componentDidMount;
         }()
     }, {
         key: "componentWillUnmount",
@@ -1439,6 +1439,9 @@ var Form = exports.Form = function (_React$Component) {
                 method = _props.method,
                 childProps = _objectWithoutProperties(_props, ["resetAfterSubmit", "instantiate", "afterSubmit", "storageKey", "onValidate", "onSubmit", "method"]);
 
+            if (this.props.formRef) {
+                childProps.ref = this.props.formRef;
+            }
             return React.createElement("form", Object.assign({ onSubmit: this.handleSubmit }, childProps), this.props.children);
         }
     }, {
@@ -1556,7 +1559,8 @@ var FormPropTypes = exports.FormPropTypes = {
     resetAfterSubmit: PropTypes.bool,
     afterSubmit: PropTypes.func,
     storage: PropTypes.shape(StorageRequiredInterfaceTypes),
-    onValidate: PropTypes.func
+    onValidate: PropTypes.func,
+    formRef: PropTypes.func
 };
 
 /***/ }),
@@ -3339,8 +3343,8 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var ResetButton = exports.ResetButton = function (_React$Component) {
-    _inherits(ResetButton, _React$Component);
+var ResetButton = exports.ResetButton = function (_React$PureComponent) {
+    _inherits(ResetButton, _React$PureComponent);
 
     function ResetButton() {
         _classCallCheck(this, ResetButton);
@@ -3364,7 +3368,7 @@ var ResetButton = exports.ResetButton = function (_React$Component) {
     }]);
 
     return ResetButton;
-}(React.Component);
+}(React.PureComponent);
 
 ResetButton.contextTypes = _ResetButtonContext.ResetButtonContextTypes;
 

package/docs/AutoFocus.md

@@ -0,0 +1,21 @@
+# <AutoFocus \/> Component
+This component is responsible for focusing specific input. Is a wrapper for [<AutoValidate \/>](./AutoValidate.md).
+It requires [context](../src/FormGroup/FormGroupContext.ts) which is provided by [<FormGroup \/>](./FormGroup.md).
+
+### Usage
+
+```tsx
+<Form {...FormProps}>
+    <FormGroup name="phone" {...FormGroupProps}>
+        <AutoFocus to="email" {...AutoValidateProps}>
+            // ...
+        </AutoFocus>
+    </FormGroup>
+    <FormGroup name="email" {...FormGroupProps}>
+        // ...
+    </FormGroup>
+</Form>
+```
+
+where:
+- `to` - name of input, that must be focused. Required.

package/docs/AutoUpdate.md

@@ -0,0 +1,29 @@
+# <AutoUpdate \/> Component
+This component is responsible for paste specific value to specific input.
+It requires [context](../src/FormGroup/FormGroupContext.ts) which is provided by [<FormGroup \/>](./FormGroup.md).
+
+### Usage
+
+```tsx
+<Form {...FormProps}>
+    <FormGroup name="name" {...FormGroupProps}>
+        <AutoUpdate
+            onBlur={true}
+            onChange={false}
+            attribute="email"
+            value={(value) => value === "John" ? "john@email.com" : "notJohn@email.com"}
+        >
+            // ...
+        </AutoUpdate>
+    </FormGroup>
+    <FormGroup name="email" {...FormGroupProps}>
+        // ...
+    </FormGroup>
+</Form>
+```
+
+where:
+- `attribute` - name of input, in which must pasted value. Required.
+- `value` - function, that transform value. Required.
+- `onBlur` - update value, when input emit `blur` event. Optional. Default - `true`.
+- `onChange` - update value, when input emit `change` event. Optional. Default - `false`.

package/docs/AutoValidate.md

@@ -0,0 +1,32 @@
+# <AutoValidate \/> Component
+This component is responsible for validating inputs on specified events.
+It requires [context](../src/FormGroup/FormGroupContext.ts) which is provided by [<FormGroup \/>](./FormGroup.md).
+
+### Usage
+
+```tsx
+<Form {...FormProps}>
+    <FormGroup name="phone" {...FormGroupProps}>
+        <AutoValidate
+            groupName="phone"
+            onBlur={true}
+            onLength={12}
+            always={false}
+            onChange={false}
+            on={(nextValue: string, prevValue: string) => true}
+            onValidated={(isValid: boolean) => console.log(isValid)}
+        >
+                // ...
+        </AutoValidate>
+    </FormGroup>
+</Form>
+```
+
+where:
+- `groupName` - field model name, that must validated. Optinal. Default - value from `FormGroup` context.
+- `onBlur` - validate when input emit `blur` event. Optional. Default - `true`.
+- `onChange` - validate when input emit `change` event. Optional. Default - `false`.
+- `onLength` - validate when input value have specific length. Optional.
+- `always` - validate when any event was emitted. Optional. Default - `false`.
+- `on` - custom function, that specifies when to validate input. Optional.
+- `onValidated` - callback, that triggered when input was validated. Optional.