X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/75b209b2cbd37e3510fd726e737fa5457a6a8d77..f63f3a5360ae6381d4b332bf86ef52b4e22107fb:/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 70359991..e637043d 100644 --- a/src/store/data-explorer/data-explorer-action.ts +++ b/src/store/data-explorer/data-explorer-action.ts @@ -2,27 +2,44 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { default as unionize, ofType, UnionOf } from "unionize"; -import { SortDirection, DataColumn } from "../../components/data-table/data-column"; -import { DataTableFilterItem } from "../../components/data-table-filters/data-table-filters"; - -type WithId = T & { id: string }; - -const actions = unionize({ - SET_COLUMNS: ofType> }>>(), - SET_FILTERS: ofType>(), - SET_ITEMS: ofType>(), - SET_PAGE: ofType>(), - SET_ROWS_PER_PAGE: ofType>(), - TOGGLE_COLUMN: ofType>(), - TOGGLE_SORT: ofType>(), - SET_SEARCH_VALUE: ofType>() -}, { tag: "type", value: "payload" }); - -export type DataExplorerAction = UnionOf; - -export default actions; - - - - +import { unionize, ofType, UnionOf } from "~/common/unionize"; +import { DataTableFilterItem } from "~/components/data-table-filters/data-table-filters"; +import { DataColumns } from "~/components/data-table/data-table"; + +export const dataExplorerActions = unionize({ + 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 }>(), +}); + +export type DataExplorerAction = UnionOf; + +export const bindDataExplorerActions = (id: string) => ({ + RESET_PAGINATION: () => + dataExplorerActions.RESET_PAGINATION({ id }), + REQUEST_ITEMS: () => + dataExplorerActions.REQUEST_ITEMS({ id }), + SET_COLUMNS: (payload: { columns: DataColumns }) => + dataExplorerActions.SET_COLUMNS({ ...payload, id }), + SET_FILTERS: (payload: { columnName: string, filters: DataTableFilterItem[] }) => + dataExplorerActions.SET_FILTERS({ ...payload, id }), + SET_ITEMS: (payload: { items: any[], page: number, rowsPerPage: number, itemsAvailable: number }) => + dataExplorerActions.SET_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_SEARCH_VALUE: (payload: { searchValue: string }) => + dataExplorerActions.SET_SEARCH_VALUE({ ...payload, id }), +});