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>;
13 itemsAvailable: number;
16 rowsPerPageOptions?: number[];
20 export const initialDataExplorer: DataExplorer = {
26 rowsPerPageOptions: [5, 10, 25, 50],
30 export type DataExplorerState = Record<string, DataExplorer | undefined>;
32 const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorerAction) =>
33 actions.match(action, {
34 RESET_PAGINATION: ({ id }) =>
35 update(state, id, explorer => ({ ...explorer, page: 0 })),
37 SET_COLUMNS: ({ id, columns }) =>
38 update(state, id, setColumns(columns)),
40 SET_FILTERS: ({ id, columnName, filters }) =>
41 update(state, id, mapColumns(setFilters(columnName, filters))),
43 SET_ITEMS: ({ id, items, itemsAvailable, page, rowsPerPage }) =>
44 update(state, id, explorer => ({ ...explorer, items, itemsAvailable, page, rowsPerPage })),
46 SET_PAGE: ({ id, page }) =>
47 update(state, id, explorer => ({ ...explorer, page })),
49 SET_ROWS_PER_PAGE: ({ id, rowsPerPage }) =>
50 update(state, id, explorer => ({ ...explorer, rowsPerPage })),
52 TOGGLE_SORT: ({ id, columnName }) =>
53 update(state, id, mapColumns(toggleSort(columnName))),
55 TOGGLE_COLUMN: ({ id, columnName }) =>
56 update(state, id, mapColumns(toggleColumn(columnName))),
61 export default dataExplorerReducer;
63 export const getDataExplorer = (state: DataExplorerState, id: string) =>
64 state[id] || initialDataExplorer;
66 const update = (state: DataExplorerState, id: string, updateFn: (dataExplorer: DataExplorer) => DataExplorer) =>
67 ({ ...state, [id]: updateFn(getDataExplorer(state, id)) });
69 const setColumns = (columns: DataColumns<any>) =>
70 (dataExplorer: DataExplorer) =>
71 ({ ...dataExplorer, columns });
73 const mapColumns = (mapFn: (column: DataColumn<any>) => DataColumn<any>) =>
74 (dataExplorer: DataExplorer) =>
75 ({ ...dataExplorer, columns: dataExplorer.columns.map(mapFn) });
77 const toggleSort = (columnName: string) =>
78 (column: DataColumn<any>) => column.name === columnName
79 ? toggleSortDirection(column)
80 : resetSortDirection(column);
82 const toggleColumn = (columnName: string) =>
83 (column: DataColumn<any>) => column.name === columnName
84 ? { ...column, selected: !column.selected }
87 const setFilters = (columnName: string, filters: DataTableFilterItem[]) =>
88 (column: DataColumn<any>) => column.name === columnName
89 ? { ...column, filters }