src/views-components/search-bar/search-bar.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { connect } from 'react-redux';
   6 import { RootState } from '~/store/store';
   7 import { Dispatch } from 'redux';
   8 import {
   9     goToView,
  10     searchData,
  11     deleteSavedQuery,
  12     saveRecentQuery,
  13     loadRecentQueries,
  14     saveQuery,
  15     openSearchView,
  16     closeSearchView,
  17     navigateToItem,
  18     editSavedQuery,
  19     searchDataOnEnter
  20 } from '~/store/search-bar/search-bar-actions';
  21 import { SearchBarView, SearchBarActionProps, SearchBarDataProps } from '~/views-components/search-bar/search-bar-view';
  22 import { SearchBarAdvanceFormData } from '~/models/search-bar';
  23
  24 const mapStateToProps = ({ searchBar, form }: RootState): SearchBarDataProps => {
  25     return {
  26         searchValue: searchBar.searchValue,
  27         currentView: searchBar.currentView,
  28         isPopoverOpen: searchBar.open,
  29         searchResults: searchBar.searchResults,
  30         savedQueries: searchBar.savedQueries,
  31         tags: form.searchBarAdvanceFormName
  32     };
  33 };
  34
  35 const mapDispatchToProps = (dispatch: Dispatch): SearchBarActionProps => ({
  36     onSearch: (valueSearch: string) => dispatch<any>(searchData(valueSearch)),
  37     onSetView: (currentView: string) => dispatch(goToView(currentView)),
  38     closeView: () => dispatch<any>(closeSearchView()),
  39     saveRecentQuery: (query: string) => dispatch<any>(saveRecentQuery(query)),
  40     loadRecentQueries: () => dispatch<any>(loadRecentQueries()),
  41     saveQuery: (data: SearchBarAdvanceFormData) => dispatch<any>(saveQuery(data)),
  42     deleteSavedQuery: (id: number) => dispatch<any>(deleteSavedQuery(id)),
  43     openSearchView: () => dispatch<any>(openSearchView()),
  44     navigateTo: (uuid: string) => dispatch<any>(navigateToItem(uuid)),
  45     editSavedQuery: (data: SearchBarAdvanceFormData) => dispatch<any>(editSavedQuery(data)),
  46     searchDataOnEnter: (searchValue: string) => dispatch<any>(searchDataOnEnter(searchValue))
  47 });
  48
  49 export const SearchBar = connect(mapStateToProps, mapDispatchToProps)(SearchBarView);