X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/a49f8eb5ac38cbd405ef8465387faa71c07f7f45..1feb5aaffe6fee4a9c8c8c64877f1da6f3490e06:/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 efb45da832..c112454b94 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;