add components to storybook

.storybook/preview.js

@@ -1,5 +1,6 @@
 import '../src/style/theme.scss'
 import '../src/style/app.scss'
+import { BrowserRouter as Router } from 'react-router-dom';
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
@@ -10,3 +11,11 @@ export const parameters = {
     },
   },
 }
+
+export const decorators = [
+  (Story) => (
+    <Router>
+      <Story />
+    </Router>
+  ),
+];

dist/cjs/types/components/Table/Table.stories.d.ts

@@ -0,0 +1,5 @@
+import { default as TableComponent } from './Table';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<typeof TableComponent>;
+export default _default;
+export declare const Table: ComponentStory<typeof TableComponent>;

dist/cjs/types/components/inputs/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { InputHTMLAttributes } from 'react';
 import './checkbox.scss';
-declare function Checkbox(props: any): JSX.Element;
+declare function Checkbox(props: InputHTMLAttributes<HTMLInputElement>): JSX.Element;
 export default Checkbox;

dist/cjs/types/components/inputs/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+import { default as CheckboxComponent } from './Checkbox';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<typeof CheckboxComponent>;
+export default _default;
+export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

dist/cjs/types/components/inputs/TextArea/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import './textArea.scss';
-interface TextAreaProps {
+export interface TextAreaProps {
     onChange?: (newVal: any) => void;
     value?: any;
     wrapperClass?: string;

dist/cjs/types/components/inputs/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(props: import("./TextArea").TextAreaProps) => JSX.Element>;
+export default _default;
+export declare const TextArea: ComponentStory<(props: import("./TextArea").TextAreaProps) => JSX.Element>;

dist/esm/types/components/Table/Table.stories.d.ts

@@ -0,0 +1,5 @@
+import { default as TableComponent } from './Table';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<typeof TableComponent>;
+export default _default;
+export declare const Table: ComponentStory<typeof TableComponent>;

dist/esm/types/components/inputs/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { InputHTMLAttributes } from 'react';
 import './checkbox.scss';
-declare function Checkbox(props: any): JSX.Element;
+declare function Checkbox(props: InputHTMLAttributes<HTMLInputElement>): JSX.Element;
 export default Checkbox;

dist/esm/types/components/inputs/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+import { default as CheckboxComponent } from './Checkbox';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<typeof CheckboxComponent>;
+export default _default;
+export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

dist/esm/types/components/inputs/TextArea/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import './textArea.scss';
-interface TextAreaProps {
+export interface TextAreaProps {
     onChange?: (newVal: any) => void;
     value?: any;
     wrapperClass?: string;

dist/esm/types/components/inputs/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(props: import("./TextArea").TextAreaProps) => JSX.Element>;
+export default _default;
+export declare const TextArea: ComponentStory<(props: import("./TextArea").TextAreaProps) => JSX.Element>;

dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import React, { MouseEventHandler, ReactNode, ReactElement } from 'react';
+import React, { MouseEventHandler, ReactNode, ReactElement, InputHTMLAttributes } from 'react';
 import { CellProps, Row, Column, UseExpandedRowProps, UseRowStateRowProps, UseRowStateCellProps, UseRowStateLocalState, CellValue } from 'react-table';
 import { DateTime } from 'luxon';
 
@@ -51,7 +51,7 @@ interface InfoProps {
 }
 declare function Info({ data }: InfoProps): JSX.Element;
 
-declare function Checkbox(props: any): JSX.Element;
+declare function Checkbox(props: InputHTMLAttributes<HTMLInputElement>): JSX.Element;
 
 interface DataInfoProps {
     label: string;