X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/d6d85de50096eb0053d58c5022fd4e949c830929..a48138fa7227595bba0db267a4c37832cba9afa2:/src/views-components/data-explorer/data-explorer.tsx diff --git a/src/views-components/data-explorer/data-explorer.tsx b/src/views-components/data-explorer/data-explorer.tsx index 16dd5993..371569d1 100644 --- a/src/views-components/data-explorer/data-explorer.tsx +++ b/src/views-components/data-explorer/data-explorer.tsx @@ -9,19 +9,23 @@ import { getDataExplorer } from "~/store/data-explorer/data-explorer-reducer"; import { Dispatch } from "redux"; import { dataExplorerActions } from "~/store/data-explorer/data-explorer-action"; import { DataColumn } from "~/components/data-table/data-column"; -import { DataTableFilterItem } from "~/components/data-table-filters/data-table-filters"; import { DataColumns } from "~/components/data-table/data-table"; +import { DataTableFilters } from '~/components/data-table-filters/data-table-filters-tree'; interface Props { id: string; onRowClick: (item: any) => void; - onContextMenu: (event: React.MouseEvent, item: any) => void; + onContextMenu?: (event: React.MouseEvent, item: any, isAdmin?: boolean) => void; onRowDoubleClick: (item: any) => void; extractKey?: (item: any) => React.Key; } const mapStateToProps = (state: RootState, { id }: Props) => { - return getDataExplorer(state.dataExplorer, id); + const progress = state.progressIndicator.find(p => p.id === id); + const working = progress && progress.working; + const currentRoute = state.router.location ? state.router.location.pathname : ''; + const currentItemUuid = currentRoute === '/workflows' ? state.properties.workflowPanelDetailsUuid : state.detailsPanel.resourceUuid; + return { ...getDataExplorer(state.dataExplorer, id), working, paperKey: currentRoute, currentItemUuid }; }; const mapDispatchToProps = () => { @@ -31,7 +35,7 @@ const mapDispatchToProps = () => { }, onSearch: (searchValue: string) => { - dispatch(dataExplorerActions.SET_SEARCH_VALUE({ id, searchValue })); + dispatch(dataExplorerActions.SET_EXPLORER_SEARCH_VALUE({ id, searchValue })); }, onColumnToggle: (column: DataColumn) => { @@ -42,7 +46,7 @@ const mapDispatchToProps = () => { dispatch(dataExplorerActions.TOGGLE_SORT({ id, columnName: column.name })); }, - onFiltersChange: (filters: DataTableFilterItem[], column: DataColumn) => { + onFiltersChange: (filters: DataTableFilters, column: DataColumn) => { dispatch(dataExplorerActions.SET_FILTERS({ id, columnName: column.name, filters })); }, @@ -54,6 +58,10 @@ const mapDispatchToProps = () => { dispatch(dataExplorerActions.SET_ROWS_PER_PAGE({ id, rowsPerPage })); }, + onLoadMore: (page: number) => { + dispatch(dataExplorerActions.SET_PAGE({ id, page })); + }, + onRowClick, onRowDoubleClick,