Renovation: Implement default button behavior

js/renovation/button.tsx

@@ -104,4 +104,7 @@ export default class Button extends Widget {
     @Prop() stylingMode?: string;
     @Prop() text?: string;
     @Prop() type?: string;
+    @Prop() focusStateEnabled?: boolean = true;
+    @Prop() activeStateEnabled?: boolean = true;
+    @Prop() hoverStateEnabled?: boolean = true;
 }

js/renovation/dist/button.j.jsx

@@ -39,7 +39,9 @@ class Button extends Widget {
 
     _getDefaultOptions() {
         return extend(super._getDefaultOptions(), {
-            focusStateEnabled: true
+            focusStateEnabled: true,
+            activeStateEnabled: true,
+            hoverStateEnabled: true,
         });
     }
 }

js/renovation/widget.tsx

@@ -209,7 +209,7 @@ export default class Widget {
     }
 
     @Effect()
-    clickEffect() {
+    accessKeyEffect() {
         const namespace = 'UIFeedback';
         const isFocusable = this.focusStateEnabled && !this.disabled;
         const canBeFocusedByKey = isFocusable && this.accessKey;
@@ -219,7 +219,6 @@ export default class Widget {
                 e.stopImmediatePropagation();
                 this._focused = true;
             }
-            this.onClick!(this.clickArgs);
         }, { namespace });
 
         return () => dxClick.off(this.widgetRef, { namespace });
@@ -269,6 +268,18 @@ export default class Widget {
         return () => active.off(this.widgetRef, { selector, namespace });
     }
 
+    @Effect()
+    clickEffect() {
+        const namespace = this.name;
+
+        dxClick.on(this.widgetRef,
+            () => this.onClick!(this.clickArgs),
+            { namespace }
+        );
+
+        return () => dxClick.off(this.widgetRef, { namespace });
+    }
+
     @Effect()
     keyboardEffect() {
         const hasKeyboardEventHandler = !!this.onKeyboardHandled;

testing/jest/button.tests.tsx

@@ -10,6 +10,19 @@ const render = (props = {}) => {
 
 describe('Button', () => {
     describe('Props', () => {
+        describe('onClick', () => {
+            it('should be clickable with onClick property only', () => {
+                const clickHandler = jest.fn();
+                const button = render({ onClick: clickHandler });
+
+                expect(clickHandler).toHaveBeenCalledTimes(0);
+
+                button.simulate('click');
+
+                expect(clickHandler).toHaveBeenCalledTimes(1);
+            })
+        });
+
         describe('stylingMode', () => {
             it('should use "contained" as a default value', () => {
                 const button = render();