Added onClick prop

dist/A.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import * as React from 'react';
+import { MouseEvent } from 'react';
 export interface Props {
     ariaLabel?: string;
     children?: JSX.Element[] | HTMLElement[] | string | number;
     className?: string;
     href?: string;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
     target?: string;
     tabIndex?: number;
     title?: string;

dist/A.js

@@ -44,7 +44,7 @@ var A = /** @class */ (function (_super) {
         return ariaLabel;
     };
     A.prototype.render = function () {
-        return (React.createElement("a", { href: this.props.href, className: this.props.className, "aria-label": this.getAriaLabel(), target: this.props.target, tabIndex: this.props.tabIndex ? this.props.tabIndex : 0, title: this.props.title }, this.props.children));
+        return (React.createElement("a", { href: this.props.href, className: this.props.className, "aria-label": this.getAriaLabel(), target: this.props.target, tabIndex: this.props.tabIndex ? this.props.tabIndex : 0, title: this.props.title, onClick: this.props.onClick }, this.props.children));
     };
     return A;
 }(React.Component));

package.json

@@ -1,11 +1,11 @@
 {
   "name": "fdmg-ts-react-anchor",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "ReactJS Anchor component",
   "main": "dist/A.js",
   "types": "dist/A.d.ts",
   "scripts": {
-    "release": "tsc -d",
+    "release": "tsc -d && npm install",
     "test": "jest",
     "updateSnapshot": "jest --updateSnapshot",
     "u": "npm test -- -u"

src/A.tsx

@@ -1,10 +1,12 @@
 import * as React from 'react';
+import {MouseEvent} from 'react';
 
 export interface Props {
     ariaLabel?: string;
     children?: JSX.Element[]|HTMLElement[]|string|number;
     className?: string;
     href?: string;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
     target?: string;
     tabIndex?: number;
     title?: string;
@@ -47,7 +49,9 @@ export default class A extends React.Component<Props, any> {
         return (
             <a href={this.props.href} className={this.props.className} aria-label={this.getAriaLabel()}
                target={this.props.target} tabIndex={this.props.tabIndex?this.props.tabIndex:0}
-               title={this.props.title}>{this.props.children}</a>
+               title={this.props.title} onClick={this.props.onClick}>
+                {this.props.children}
+            </a>
         );
     }
 }

test/__snapshots__/A.test.tsx.snap

@@ -5,6 +5,7 @@ exports[`A renders correctly 1`] = `
   aria-label={undefined}
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title={undefined}
@@ -16,6 +17,7 @@ exports[`A renders correctly 2`] = `
   aria-label={undefined}
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title={undefined}
@@ -34,6 +36,7 @@ exports[`A renders correctly with ARIA-label 1`] = `
   aria-label="anchor text as ARIA-label"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title={undefined}
@@ -47,6 +50,7 @@ exports[`A renders correctly with ARIA-label 2`] = `
   aria-label="ARIA-label"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title={undefined}
@@ -60,6 +64,7 @@ exports[`A renders correctly with ARIA-label 3`] = `
   aria-label="title shown as ARIA-label"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title="title shown as ARIA-label"
@@ -73,6 +78,7 @@ exports[`A renders correctly with ARIA-label 4`] = `
   aria-label="ariaLabel shown as ARIA-label"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title="this should not be shown as ARIA-label"
@@ -86,6 +92,7 @@ exports[`A renders correctly with ARIA-label 5`] = `
   aria-label="title shown as ARIA-label"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title="title shown as ARIA-label"
@@ -104,6 +111,7 @@ exports[`A renders correctly with ARIA-label 6`] = `
   aria-label="ariaLabel shown as ARIA-label"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title={undefined}
@@ -122,6 +130,7 @@ exports[`A renders correctly with CSS class 1`] = `
   aria-label="test anchor"
   className="css-class-name"
   href={undefined}
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title={undefined}
@@ -135,6 +144,7 @@ exports[`A renders correctly with href 1`] = `
   aria-label="test anchor"
   className={undefined}
   href="https://fd.nl"
+  onClick={undefined}
   tabIndex={0}
   target={undefined}
   title={undefined}
@@ -148,6 +158,7 @@ exports[`A renders correctly with tabIndex 1`] = `
   aria-label="test anchor"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex="2"
   target={undefined}
   title={undefined}
@@ -161,6 +172,7 @@ exports[`A renders correctly with tabIndex 2`] = `
   aria-label="test anchor"
   className={undefined}
   href={undefined}
+  onClick={undefined}
   tabIndex="-1"
   target={undefined}
   title={undefined}