services/workbench2/src/views/search-results-panel/search-results-panel.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { Dispatch } from "redux";
   6 import { connect } from "react-redux";
   7 import { navigateTo } from 'store/navigation/navigation-action';
   8 import { openSearchResultsContextMenu } from 'store/context-menu/context-menu-actions';
   9 import { loadDetailsPanel } from 'store/details-panel/details-panel-action';
  10 import { SearchResultsPanelView } from 'views/search-results-panel/search-results-panel-view';
  11 import { RootState } from 'store/store';
  12 import { SearchBarAdvancedFormData } from 'models/search-bar';
  13 import { User } from "models/user";
  14 import { Config } from 'common/config';
  15 import { Session } from "models/session";
  16 import { toggleOne, deselectAllOthers } from "store/multiselect/multiselect-actions";
  17 import { SEARCH_RESULTS_PANEL_ID } from 'store/search-results-panel/search-results-panel-actions';
  18
  19 export interface SearchResultsPanelDataProps {
  20     data: SearchBarAdvancedFormData;
  21     user: User;
  22     sessions: Session[];
  23     remoteHostsConfig: { [key: string]: Config };
  24     localCluster: string;
  25     numberOfItems: number;
  26     isNotFound: boolean;
  27 }
  28
  29 export interface SearchResultsPanelActionProps {
  30     onItemClick: (item: string) => void;
  31     onContextMenu: (event: React.MouseEvent<HTMLElement>, item: string) => void;
  32     onDialogOpen: (ownerUuid: string) => void;
  33     onItemDoubleClick: (item: string) => void;
  34 }
  35
  36 export type SearchResultsPanelProps = SearchResultsPanelDataProps & SearchResultsPanelActionProps;
  37
  38 const mapStateToProps = (rootState: RootState) => {
  39     const { dataExplorer } = rootState;
  40     const numberOfItems = dataExplorer[SEARCH_RESULTS_PANEL_ID].items.length;
  41     const isNotFound = dataExplorer[SEARCH_RESULTS_PANEL_ID].isNotFound;
  42     return {
  43         user: rootState.auth.user,
  44         sessions: rootState.auth.sessions,
  45         remoteHostsConfig: rootState.auth.remoteHostsConfig,
  46         localCluster: rootState.auth.localCluster,
  47         numberOfItems,
  48         isNotFound,
  49     };
  50 };
  51
  52 const mapDispatchToProps = (dispatch: Dispatch): SearchResultsPanelActionProps => ({
  53     onContextMenu: (event, resourceUuid) => {
  54         dispatch<any>(openSearchResultsContextMenu(event, resourceUuid));
  55     },
  56     onDialogOpen: (ownerUuid: string) => { return; },
  57     onItemClick: (resourceUuid: string) => {
  58         dispatch<any>(toggleOne(resourceUuid))
  59         dispatch<any>(deselectAllOthers(resourceUuid))
  60         dispatch<any>(loadDetailsPanel(resourceUuid));
  61     },
  62     onItemDoubleClick: uuid => {
  63         dispatch<any>(navigateTo(uuid));
  64     }
  65 });
  66
  67 export const SearchResultsPanel = connect(mapStateToProps, mapDispatchToProps)(SearchResultsPanelView);