1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import { DataColumn, toggleSortDirection, resetSortDirection } from "../../components/data-table/data-column";
6 import actions, { DataExplorerAction } from "./data-explorer-action";
7 import { DataTableFilterItem } from "../../components/data-table-filters/data-table-filters";
8 import { DataColumns } from "../../components/data-table/data-table";
10 interface DataExplorer {
11 columns: DataColumns<any>;
18 export const initialDataExplorer: DataExplorer = {
26 export type DataExplorerState = Record<string, DataExplorer | undefined>;
28 const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorerAction) =>
29 actions.match(action, {
30 SET_COLUMNS: ({ id, columns }) =>
31 update(state, id, setColumns(columns)),
33 SET_FILTERS: ({ id, columnName, filters }) =>
34 update(state, id, mapColumns(setFilters(columnName, filters))),
36 SET_ITEMS: ({ id, items }) =>
37 update(state, id, explorer => ({ ...explorer, items })),
39 SET_PAGE: ({ id, page }) =>
40 update(state, id, explorer => ({ ...explorer, page })),
42 SET_ROWS_PER_PAGE: ({ id, rowsPerPage }) =>
43 update(state, id, explorer => ({ ...explorer, rowsPerPage })),
45 TOGGLE_SORT: ({ id, columnName }) =>
46 update(state, id, mapColumns(toggleSort(columnName))),
48 TOGGLE_COLUMN: ({ id, columnName }) =>
49 update(state, id, mapColumns(toggleColumn(columnName))),
54 export default dataExplorerReducer;
56 export const getDataExplorer = (state: DataExplorerState, id: string) =>
57 state[id] || initialDataExplorer;
59 const update = (state: DataExplorerState, id: string, updateFn: (dataExplorer: DataExplorer) => DataExplorer) =>
60 ({ ...state, [id]: updateFn(getDataExplorer(state, id)) });
62 const setColumns = (columns: DataColumns<any>) =>
63 (dataExplorer: DataExplorer) =>
64 ({ ...dataExplorer, columns });
66 const mapColumns = (mapFn: (column: DataColumn<any>) => DataColumn<any>) =>
67 (dataExplorer: DataExplorer) =>
68 ({ ...dataExplorer, columns: dataExplorer.columns.map(mapFn) });
70 const toggleSort = (columnName: string) =>
71 (column: DataColumn<any>) => column.name === columnName
72 ? toggleSortDirection(column)
73 : resetSortDirection(column);
75 const toggleColumn = (columnName: string) =>
76 (column: DataColumn<any>) => column.name === columnName
77 ? { ...column, selected: !column.selected }
80 const setFilters = (columnName: string, filters: DataTableFilterItem[]) =>
81 (column: DataColumn<any>) => column.name === columnName
82 ? { ...column, filters }