first commit

common/resources/client/datatable/column-config.tsx

@@ -0,0 +1,24 @@
+import React, {ReactElement, ReactNode} from 'react';
+import {TableDataItem} from '../ui/tables/types/table-data-item';
+
+export interface RowContext {
+  isHovered: boolean;
+  index: number;
+  isPlaceholder?: boolean;
+}
+
+export interface ColumnConfig<T extends TableDataItem> {
+  key: string;
+  header: () => ReactElement;
+  hideHeader?: boolean;
+  align?: 'start' | 'center' | 'end';
+  padding?: string;
+  className?: string;
+  body: (item: T, rowContext: RowContext) => ReactNode;
+  allowsSorting?: boolean;
+  sortingKey?: string;
+  width?: string;
+  maxWidth?: string;
+  minWidth?: string;
+  visibleInMode?: 'compact' | 'regular' | 'all';
+}