X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/a37c2265b5f60351bc1f50c22e74650a79110319..5d2cc407a7649ca7807b78369f2f08351202cc77:/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 17f2c77b0a..371569d1b5 100644 --- a/src/views-components/data-explorer/data-explorer.tsx +++ b/src/views-components/data-explorer/data-explorer.tsx @@ -9,13 +9,13 @@ 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; } @@ -23,7 +23,9 @@ interface Props { const mapStateToProps = (state: RootState, { id }: Props) => { const progress = state.progressIndicator.find(p => p.id === id); const working = progress && progress.working; - return { ...getDataExplorer(state.dataExplorer, id), 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 = () => { @@ -33,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) => { @@ -44,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 })); }, @@ -56,6 +58,10 @@ const mapDispatchToProps = () => { dispatch(dataExplorerActions.SET_ROWS_PER_PAGE({ id, rowsPerPage })); }, + onLoadMore: (page: number) => { + dispatch(dataExplorerActions.SET_PAGE({ id, page })); + }, + onRowClick, onRowDoubleClick,