Add generic column type

Author: openscript

src/DSVImport.tsx

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren, useReducer, useEffect } from 'react';
-import { ColumnType } from './models/column';
+import { ColumnType, GenericColumnType } from './models/column';
 import { getDSVImportContext, useDSVImport, createReducer } from './features/context';
 import { createParserMiddleware } from './middlewares/parserMiddleware';
 import { State } from './models/state';
@@ -14,7 +14,7 @@ interface EventListenerProps<T> {
   onValidation?: (errors: ValidationError<T>[]) => void;
 }
 
-const EventListener = <T extends { [key: string]: string }>(props: EventListenerProps<T>) => {
+const EventListener = <T extends GenericColumnType>(props: EventListenerProps<T>) => {
   const [context] = useDSVImport<T>();
 
   useEffect(() => {
@@ -39,7 +39,7 @@ export interface Props<T> {
   transformers?: Transformer[];
 }
 
-export const DSVImport = <T extends { [key: string]: string }>(props: PropsWithChildren<Props<T>>) => {
+export const DSVImport = <T extends GenericColumnType>(props: PropsWithChildren<Props<T>>) => {
   const DSVImportContext = getDSVImportContext<T>();
   const initialValues: State<T> = { columns: props.columns, transformers: props.transformers };
   const [state, dispatch] = useReducer(createReducer<T>(), initialValues);

src/features/context.ts

@@ -1,6 +1,7 @@
 import { State, emptyState } from '../models/state';
 import { createContext, Dispatch, useContext } from 'react';
 import { Actions } from '../models/actions';
+import { GenericColumnType } from '../models/column';
 
 export const reducer = <T>(state: State<T>, action: Actions<T>) => {
   switch (action.type) {
@@ -34,4 +35,4 @@ export const getDSVImportContext = <T>() => {
   }
   return contextSingleton as React.Context<[State<T>, Dispatch<Actions<T>>]>;
 };
-export const useDSVImport = <T = { [key: string]: string }>() => useContext(getDSVImportContext<T>());
+export const useDSVImport = <T = GenericColumnType>() => useContext(getDSVImportContext<T>());

src/index.tsx

@@ -1,16 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { DSVImport as Import, Props } from './DSVImport';
+import { GenericColumnType } from './models/column';
 import { TextareaInput } from './components/inputs/TextareaInput';
 import { TablePreview } from './components/previews/TablePreview';
-import { DSVImport as Import, Props } from './DSVImport';
-import { PropsWithChildren } from 'react';
 
-export function DSVImport<T extends { [key: string]: string }>(props: PropsWithChildren<Props<T>>) {
+export function DSVImport<T extends GenericColumnType>(props: PropsWithChildren<Props<T>>) {
   return Import<T>(props);
 }
 
 DSVImport.TextareaInput = TextareaInput;
 DSVImport.TablePreview = TablePreview;
 
-export { ColumnType } from './models/column';
+export { ColumnType, GenericColumnType } from './models/column';
 export { useDSVImport } from './features/context';
 export { Rule } from './models/rule';
 export { Transformer } from './models/transformer';

src/models/column.ts

@@ -1,4 +1,5 @@
 import { Rule } from './rule';
 import { Transformer } from './transformer';
 
+export type GenericColumnType = { [key: string]: string };
 export type ColumnType<T> = { key: keyof T; label: string; rules?: Rule[]; transformers?: Transformer[] };

src/models/state.ts

@@ -1,4 +1,4 @@
-import { ColumnType } from './column';
+import { ColumnType, GenericColumnType } from './column';
 import { ValidationError } from './validation';
 import { Transformer } from './transformer';
 
@@ -10,6 +10,6 @@ export interface State<T> {
   columns: ColumnType<T>[];
 }
 
-export const emptyState: State<{ [key: string]: string }> = {
+export const emptyState: State<GenericColumnType> = {
   columns: []
 };