Merge branch '14095-filters-in-data-explorer'
[arvados-workbench2.git] / src / components / data-table / data-column.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import * as React from "react";
6 import { DataTableFilterItem } from "../data-table-filters/data-table-filters";
7
8 export interface DataColumn<T, F extends DataTableFilterItem = DataTableFilterItem> {
9     key?: React.Key;
10     name: string;
11     selected: boolean;
12     configurable: boolean;
13     sortDirection: SortDirection;
14     filters: F[];
15     render: (item: T) => React.ReactElement<any>;
16     renderHeader?: () => React.ReactElement<any>;
17     width?: string;
18 }
19
20 export enum SortDirection {
21     ASC = "asc",
22     DESC = "desc",
23     NONE = "none"
24 }
25
26 export const toggleSortDirection = <T>(column: DataColumn<T>): DataColumn<T> => {
27     return column.sortDirection
28         ? column.sortDirection === SortDirection.ASC
29             ? { ...column, sortDirection: SortDirection.DESC }
30             : { ...column, sortDirection: SortDirection.ASC }
31         : column;
32 };
33
34 export const resetSortDirection = <T>(column: DataColumn<T>): DataColumn<T> => {
35     return column.sortDirection ? { ...column, sortDirection: SortDirection.NONE } : column;
36 };
37
38 export const createDataColumn = <T, F extends DataTableFilterItem>(dataColumn: Partial<DataColumn<T, F>>): DataColumn<T, F> => ({
39     key: '',
40     name: '',
41     selected: true,
42     configurable: true,
43     sortDirection: SortDirection.NONE,
44     filters: [],
45     render: () => React.createElement('span'),
46     ...dataColumn,
47 });