Ability to add title at top of the csv

.gitignore

@@ -3,3 +3,4 @@
 node_modules/
 dist/
 example/package-lock.json
+example/node_modules/

example/src/App.js

@@ -49,6 +49,15 @@ function App() {
           text="Using Async Callback to Compute Datas"
         />
 
+        <CsvDownloader
+          filename="myfileWithTitle"
+          separator=";"
+          columns={head}
+          title={'Title for the file'}
+          datas={asyncComputeDatas}
+          text="Using Async Callback to Compute Datas with Title"
+        />
+
         <CsvDownloader
           filename="myfile"
           separator=";"

src/index.tsx

@@ -20,6 +20,7 @@ export interface ICsvDownloadProps
   meta?: boolean
   handleError?: (err: unknown) => void
   handleEmpty?: () => void
+  title?: string
 }
 
 export default class CsvDownload extends React.Component<ICsvDownloadProps> {

src/lib/csv.ts

@@ -107,6 +107,7 @@ export interface ICsvProps {
   wrapColumnChar?: string
   newLineAtEnd?: boolean
   chunkSize?: number
+  title?: string
 }
 
 export default async function csv({
@@ -117,6 +118,7 @@ export default async function csv({
   wrapColumnChar = '',
   newLineAtEnd = false,
   chunkSize = 1000,
+  title = '',
 }: ICsvProps) {
   // eslint-disable-next-line no-async-promise-executor
   return new Promise<void | string>(async (_resolve, reject) => {
@@ -136,6 +138,8 @@ export default async function csv({
       if (!noHeader) {
         const headerNames = order.map((id) => map[id])
         if (headerNames.length > 0) {
+          if(title!=='')
+            content.push(title)
           content.push(headerNames.map(wrap).join(separator))
         }
       }