feat: quantitative table

src/Table/Table.stories.tsx

@@ -1,82 +1,88 @@
 // Generated with util/create-component.js
 import React from 'react';
 import {
-  ApplicationTable,
-  AuditTable,
-  CompanyTable,
-  EntityTable,
-  OverviewTable,
-  PersonsTable,
-  ReceiptTable,
-  RepaymentTable,
-  ResearchTable,
-  ScreeningTable,
-  SignOffTable,
-  TaskTable,
-  TeamTable,
+	ApplicationTable,
+	AuditTable,
+	CompanyTable,
+	EntityTable,
+	OverviewTable,
+	PersonsTable,
+	QuantitativeTable,
+	ReceiptTable,
+	RepaymentTable,
+	ResearchTable,
+	ScreeningTable,
+	SignOffTable,
+	TaskTable,
+	TeamTable,
 } from './Table';
 import {
-  ApplicationTableData,
-  AuditTableData,
-  CompanyTableData,
-  EntityTableData,
-  OverviewTableData,
-  PersonsTableData,
-  ReceiptTableData,
-  RepaymentTableData,
-  ResearchTableData,
-  ScreeningTableData,
-  SignoffTabelData,
-  TaskTableData,
-  TeamTableData,
+	ApplicationTableData,
+	AuditTableData,
+	CompanyTableData,
+	EntityTableData,
+	OverviewTableData,
+	PersonsTableData,
+	QuantitativeData,
+	ReceiptTableData,
+	RepaymentTableData,
+	ResearchTableData,
+	ScreeningTableData,
+	SignoffTabelData,
+	TaskTableData,
+	TeamTableData,
 } from './data/data';
 export default {
-  title: 'Table',
+	title: 'Table',
 };
 
 export const Application = () => (
-  <ApplicationTable applicationTableData={ApplicationTableData} />
+	<ApplicationTable applicationTableData={ApplicationTableData} />
 );
 
 export const Entity = () => <EntityTable entityTableData={EntityTableData} />;
 
 export const Company = () => (
-  <CompanyTable companyTableData={CompanyTableData} />
+	<CompanyTable companyTableData={CompanyTableData} />
 );
 
 export const Screening = () => (
-  <ScreeningTable screeningTableData={ScreeningTableData} />
+	<ScreeningTable screeningTableData={ScreeningTableData} />
 );
 
 export const Persons = () => (
-  <PersonsTable personsTableData={PersonsTableData} />
+	<PersonsTable personsTableData={PersonsTableData} />
 );
 
 export const Research = () => (
-  <ResearchTable researchTableData={ResearchTableData} />
+	<ResearchTable researchTableData={ResearchTableData} />
 );
 export const Signoff = () => (
-  <SignOffTable signOffTableData={SignoffTabelData} />
+	<SignOffTable signOffTableData={SignoffTabelData} />
 );
 
 export const receipt = () => (
-  <ReceiptTable receiptTableData={ReceiptTableData} />
+	<ReceiptTable receiptTableData={ReceiptTableData} />
 );
 
 export const repayment = () => (
-  <RepaymentTable repaymentTableData={RepaymentTableData} />
+	<RepaymentTable repaymentTableData={RepaymentTableData} />
 );
 
 export const overview = () => (
-  <OverviewTable overviewTableData={OverviewTableData} />
+	<OverviewTable overviewTableData={OverviewTableData} />
 );
 
 export const audit = () => <AuditTable auditTableData={AuditTableData} />;
 
 export const task = () => (
-  <TaskTable taskTableData={TaskTableData} value={TaskTableData.length} />
+	<TaskTable taskTableData={TaskTableData} value={TaskTableData.length} />
 );
 
 export const team = () => (
-  <TeamTable teamTableData={TeamTableData} value={TeamTableData.length} />
+	<TeamTable teamTableData={TeamTableData} value={TeamTableData.length} />
+);
+
+export const quantitative = () => (
+	<QuantitativeTable quantitativeTableData={QuantitativeData} />
 );