Add CreateElementColumn component

src/components/CreateElementColumn/index.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+type Options<D, K, CompProps> = {
+    columnClassName?: string;
+    sortable?: boolean;
+    headerCellRendererClassName?: string;
+    headerContainerClassName?: string;
+    cellRendererClassName?: string;
+    cellContainerClassName?: string;
+    cellRendererParams?: (key: K, datum: D, index: number, data: D[]) => Omit<CompProps, 'className' | 'name'>;
+    columnStyle?: React.CSSProperties;
+};
+
+interface Column<DATUM, KEY, ELEMENT_PROPS, HEADER_CELL_PROPS > {
+    id: string;
+    title: string;
+    renderer: React.ComponentType<ELEMENT_PROPS>;
+    rendererParams: (key: KEY, datum: DATUM) => ELEMENT_PROPS;
+    options?: Options<DATUM, KEY, ELEMENT_PROPS>,
+    headerCellProps?: HEADER_CELL_PROPS;
+}
+
+// eslint-disable-next-line import/prefer-default-export
+export function createElementColumn<DATUM, KEY, ELEMENT_PROPS, HEADER_CELL_PROPS >(
+    id: string,
+    title: string,
+    renderer: React.ComponentType<ELEMENT_PROPS>,
+    rendererParams: (key: KEY, datum: DATUM) => ELEMENT_PROPS,
+    options: Options<DATUM, KEY, ELEMENT_PROPS> = {},
+): Column<DATUM, KEY, ELEMENT_PROPS, HEADER_CELL_PROPS> {
+    return {
+        id,
+        title,
+        renderer,
+        rendererParams,
+        options,
+    };
+}