diff --git a/types/react-csv/components/Link.d.ts b/types/react-csv/components/Link.d.ts index 3e133095de..82194dea93 100644 --- a/types/react-csv/components/Link.d.ts +++ b/types/react-csv/components/Link.d.ts @@ -1,5 +1,16 @@ import { Component } from "react"; import { CommonPropTypes } from "./CommonPropTypes"; -export default class Link extends Component { -} +// tslint:disable-next-line strict-export-declare-modifiers +type Omit = Pick>; + +export interface LinkProps + extends CommonPropTypes, + Omit< + React.DetailedHTMLProps< + React.AnchorHTMLAttributes, + HTMLAnchorElement + >, + "onClick" + > {} +export default class Link extends Component {} diff --git a/types/react-csv/react-csv-tests.tsx b/types/react-csv/react-csv-tests.tsx index a099d60626..4153879fea 100644 --- a/types/react-csv/react-csv-tests.tsx +++ b/types/react-csv/react-csv-tests.tsx @@ -3,16 +3,16 @@ import { render } from "react-dom"; import { CSVLink, CSVDownload } from "react-csv"; const headers = [ - {label: 'First Name', key: 'details.firstName'}, - {label: 'Last Name', key: 'details.lastName'}, - {label: 'Job', key: 'job'}, + { label: "First Name", key: "details.firstName" }, + { label: "Last Name", key: "details.lastName" }, + { label: "Job", key: "job" } ]; -const headersStrings = ['foo', 'bar']; +const headersStrings = ["foo", "bar"]; const data = [ - {details: {firstName: 'Ahmed', lastName: 'Tomi'}, job: 'manager'}, - {details: {firstName: 'John', lastName: 'Jones'}, job: 'developer'}, + { details: { firstName: "Ahmed", lastName: "Tomi" }, job: "manager" }, + { details: { firstName: "John", lastName: "Jones" }, job: "developer" } ]; const dataString = `firstname,lastname @@ -21,57 +21,226 @@ Raed,Labes Yezzi,Min l3b `; -const syncOnClickReturn = (event: React.MouseEventHandler) => { +const syncOnClickReturn = ( + event: React.MouseEventHandler +) => { window.console.log(event); return true; }; -const syncOnClickVoid = (event: React.MouseEventHandler) => window.console.log(event); -const asyncOnClickReturn = (event: React.MouseEventHandler, done: (proceed?: boolean) => void) => { +const syncOnClickVoid = (event: React.MouseEventHandler) => + window.console.log(event); +const asyncOnClickReturn = ( + event: React.MouseEventHandler, + done: (proceed?: boolean) => void +) => { window.console.log(event); done(true); }; -const asyncOnClickVoid = (event: React.MouseEventHandler, done: (proceed?: boolean) => void) => { +const asyncOnClickVoid = ( + event: React.MouseEventHandler, + done: (proceed?: boolean) => void +) => { window.console.log(event); done(); }; const node = document.getElementById("main"); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); +render(, node); +render(, node); +render(, node); +render(, node); +render(, node); +render(, node); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); -render(, node); +render(, node); +render(, node); +render(, node); +render(, node); +render(, node); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +); +render( + , + node +);