X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/b323a94f313671b44a066a2f91dea562e9464d10..HEAD:/src/store/data-explorer/data-explorer-action.ts diff --git a/src/store/data-explorer/data-explorer-action.ts b/src/store/data-explorer/data-explorer-action.ts index 3d7ba534..ea050e60 100644 --- a/src/store/data-explorer/data-explorer-action.ts +++ b/src/store/data-explorer/data-explorer-action.ts @@ -2,23 +2,53 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { default as unionize, ofType, UnionOf } from "unionize"; -import { DataTableFilterItem } from "../../components/data-table-filters/data-table-filters"; -import { DataColumns } from "../../components/data-table/data-table"; +import { unionize, ofType, UnionOf } from "common/unionize"; +import { DataColumns, DataTableFetchMode } from "components/data-table/data-table"; +import { DataTableFilters } from "components/data-table-filters/data-table-filters-tree"; -const actions = unionize({ +export enum DataTableRequestState { + IDLE, + PENDING, + NEED_REFRESH, +} + +export const dataExplorerActions = unionize({ + CLEAR: ofType<{ id: string }>(), RESET_PAGINATION: ofType<{ id: string }>(), - REQUEST_ITEMS: ofType<{ id: string }>(), - SET_COLUMNS: ofType<{ id: string, columns: DataColumns }>(), - SET_FILTERS: ofType<{ id: string, columnName: string, filters: DataTableFilterItem[] }>(), - SET_ITEMS: ofType<{ id: string, items: any[], page: number, rowsPerPage: number, itemsAvailable: number }>(), - SET_PAGE: ofType<{ id: string, page: number }>(), - SET_ROWS_PER_PAGE: ofType<{ id: string, rowsPerPage: number }>(), - TOGGLE_COLUMN: ofType<{ id: string, columnName: string }>(), - TOGGLE_SORT: ofType<{ id: string, columnName: string }>(), - SET_SEARCH_VALUE: ofType<{ id: string, searchValue: string }>(), -}, { tag: "type", value: "payload" }); + REQUEST_ITEMS: ofType<{ id: string; criteriaChanged?: boolean, background?: boolean }>(), + REQUEST_STATE: ofType<{ id: string; criteriaChanged?: boolean }>(), + SET_FETCH_MODE: ofType<{ id: string; fetchMode: DataTableFetchMode }>(), + SET_COLUMNS: ofType<{ id: string; columns: DataColumns }>(), + SET_FILTERS: ofType<{ id: string; columnName: string; filters: DataTableFilters }>(), + SET_ITEMS: ofType<{ id: string; items: any[]; page: number; rowsPerPage: number; itemsAvailable: number }>(), + APPEND_ITEMS: ofType<{ id: string; items: any[]; page: number; rowsPerPage: number; itemsAvailable: number }>(), + SET_PAGE: ofType<{ id: string; page: number }>(), + SET_ROWS_PER_PAGE: ofType<{ id: string; rowsPerPage: number }>(), + TOGGLE_COLUMN: ofType<{ id: string; columnName: string }>(), + TOGGLE_SORT: ofType<{ id: string; columnName: string }>(), + SET_EXPLORER_SEARCH_VALUE: ofType<{ id: string; searchValue: string }>(), + RESET_EXPLORER_SEARCH_VALUE: ofType<{ id: string }>(), + SET_REQUEST_STATE: ofType<{ id: string; requestState: DataTableRequestState }>(), +}); -export type DataExplorerAction = UnionOf; +export type DataExplorerAction = UnionOf; -export default actions; +export const bindDataExplorerActions = (id: string) => ({ + CLEAR: () => dataExplorerActions.CLEAR({ id }), + RESET_PAGINATION: () => dataExplorerActions.RESET_PAGINATION({ id }), + REQUEST_ITEMS: (criteriaChanged?: boolean, background?: boolean) => dataExplorerActions.REQUEST_ITEMS({ id, criteriaChanged, background }), + SET_FETCH_MODE: (payload: { fetchMode: DataTableFetchMode }) => dataExplorerActions.SET_FETCH_MODE({ ...payload, id }), + SET_COLUMNS: (payload: { columns: DataColumns }) => dataExplorerActions.SET_COLUMNS({ ...payload, id }), + SET_FILTERS: (payload: { columnName: string; filters: DataTableFilters }) => dataExplorerActions.SET_FILTERS({ ...payload, id }), + SET_ITEMS: (payload: { items: any[]; page: number; rowsPerPage: number; itemsAvailable: number }) => + dataExplorerActions.SET_ITEMS({ ...payload, id }), + APPEND_ITEMS: (payload: { items: any[]; page: number; rowsPerPage: number; itemsAvailable: number }) => + dataExplorerActions.APPEND_ITEMS({ ...payload, id }), + SET_PAGE: (payload: { page: number }) => dataExplorerActions.SET_PAGE({ ...payload, id }), + SET_ROWS_PER_PAGE: (payload: { rowsPerPage: number }) => dataExplorerActions.SET_ROWS_PER_PAGE({ ...payload, id }), + TOGGLE_COLUMN: (payload: { columnName: string }) => dataExplorerActions.TOGGLE_COLUMN({ ...payload, id }), + TOGGLE_SORT: (payload: { columnName: string }) => dataExplorerActions.TOGGLE_SORT({ ...payload, id }), + SET_EXPLORER_SEARCH_VALUE: (payload: { searchValue: string }) => dataExplorerActions.SET_EXPLORER_SEARCH_VALUE({ ...payload, id }), + RESET_EXPLORER_SEARCH_VALUE: () => dataExplorerActions.RESET_EXPLORER_SEARCH_VALUE({ id }), + SET_REQUEST_STATE: (payload: { requestState: DataTableRequestState }) => dataExplorerActions.SET_REQUEST_STATE({ ...payload, id }), +});