feat: table scaffolding

Author: Elessar1802

src/Shared/Components/Table/Table.component.tsx

@@ -0,0 +1,3 @@
+const Table = () => {}
+
+export default Table

src/Shared/Components/Table/constants.ts

@@ -0,0 +1 @@
+export { default as Table } from './Table.component'

src/Shared/Components/Table/index.ts

@@ -0,0 +1,11 @@
+.table {
+    table, caption, tbody, tfoot, thead, tr, th, td {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        outline: 0;
+        font-size: 100%;
+        vertical-align: baseline;
+        background: transparent;
+    }
+}

src/Shared/Components/Table/styles.scss

@@ -0,0 +1,57 @@
+import { ReactElement } from 'react'
+import { SortableTableHeaderCellProps } from '@Common/SortableTableHeaderCell'
+import { BulkOperation, BulkOperationModalProps } from '../BulkOperations'
+import { ConfirmationModalProps } from '../ConfirmationModal'
+
+type SizeType =
+    | {
+          range: [number, number]
+          fixed?: never
+      }
+    | {
+          range?: never
+          fixed: number | 'auto'
+      }
+
+export interface Column
+    extends Pick<SortableTableHeaderCellProps, 'isSortable' | 'isResizable' | 'showTippyOnTruncate'> {
+    label: string
+    size?: SizeType
+}
+
+export interface Cell {
+    label: string
+    data?: unknown
+    render?: (data?: Cell['data']) => JSX.Element
+}
+
+export type BulkActionConfigType = (
+    | {
+          applyActionOnEachSelection: true
+          action: BulkOperation['operation']
+          Icon: ReactElement
+          confirmationConfig?: ConfirmationModalProps<true>
+      }
+    | {
+          applyActionOnEachSelection: false
+          action: (
+              abortControllerRef: Parameters<BulkOperation['operation']>[0],
+              data: Array<Parameters<BulkOperation['operation']>[1]>,
+          ) => ReturnType<BulkOperation['operation']>
+      }
+) &
+    Pick<BulkOperationModalProps, 'hideResultsDrawer'>
+
+export enum PaginationEnum {
+    PAGINATED = 'paginated',
+    INFINITE = 'infinite',
+    NOT_PAGINATED = 'not-paginated',
+}
+
+export enum FiltersTypeEnum {
+    STATE = 'state',
+    URL = 'url',
+    NONE = 'none',
+}
+
+// TODO: handle onRowClick in View

src/Shared/Components/Table/types.ts

@@ -83,3 +83,4 @@ export * from './CustomInput'
 export * from './InfoBlock'
 export * from './CodeEditorWrapper'
 export * from './SSOProviderIcon'
+export * from './Table'