X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/77af50a44c54ef12a1d7abb59a0e4cba4284e77e..a080578919155fc6f6d1be2f966951b629ae5b45:/src/store/data-explorer/data-explorer-reducer.ts diff --git a/src/store/data-explorer/data-explorer-reducer.ts b/src/store/data-explorer/data-explorer-reducer.ts index efb45da8..c112454b 100644 --- a/src/store/data-explorer/data-explorer-reducer.ts +++ b/src/store/data-explorer/data-explorer-reducer.ts @@ -3,13 +3,14 @@ // SPDX-License-Identifier: AGPL-3.0 import { DataColumn, toggleSortDirection, resetSortDirection } from "../../components/data-table/data-column"; -import actions, { DataExplorerAction } from "./data-explorer-action"; +import { dataExplorerActions, DataExplorerAction } from "./data-explorer-action"; import { DataTableFilterItem } from "../../components/data-table-filters/data-table-filters"; import { DataColumns } from "../../components/data-table/data-table"; interface DataExplorer { columns: DataColumns; items: any[]; + itemsAvailable: number; page: number; rowsPerPage: number; rowsPerPageOptions?: number[]; @@ -19,6 +20,7 @@ interface DataExplorer { export const initialDataExplorer: DataExplorer = { columns: [], items: [], + itemsAvailable: 0, page: 0, rowsPerPage: 10, rowsPerPageOptions: [5, 10, 25, 50], @@ -27,16 +29,19 @@ export const initialDataExplorer: DataExplorer = { export type DataExplorerState = Record; -const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorerAction) => - actions.match(action, { +export const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorerAction) => + dataExplorerActions.match(action, { + RESET_PAGINATION: ({ id }) => + update(state, id, explorer => ({ ...explorer, page: 0 })), + SET_COLUMNS: ({ id, columns }) => update(state, id, setColumns(columns)), SET_FILTERS: ({ id, columnName, filters }) => update(state, id, mapColumns(setFilters(columnName, filters))), - SET_ITEMS: ({ id, items }) => - update(state, id, explorer => ({ ...explorer, items })), + SET_ITEMS: ({ id, items, itemsAvailable, page, rowsPerPage }) => + update(state, id, explorer => ({ ...explorer, items, itemsAvailable, page, rowsPerPage })), SET_PAGE: ({ id, page }) => update(state, id, explorer => ({ ...explorer, page })), @@ -44,6 +49,9 @@ const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorer SET_ROWS_PER_PAGE: ({ id, rowsPerPage }) => update(state, id, explorer => ({ ...explorer, rowsPerPage })), + SET_SEARCH_VALUE: ({ id, searchValue }) => + update(state, id, explorer => ({ ...explorer, searchValue })), + TOGGLE_SORT: ({ id, columnName }) => update(state, id, mapColumns(toggleSort(columnName))), @@ -53,8 +61,6 @@ const dataExplorerReducer = (state: DataExplorerState = {}, action: DataExplorer default: () => state }); -export default dataExplorerReducer; - export const getDataExplorer = (state: DataExplorerState, id: string) => state[id] || initialDataExplorer;