X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/bc311e9eb8d6b0e4850823d4a9acd29d6176d06b..25216cc7acedc987c26a159f0b640210c0ef101e:/src/views-components/search-bar/search-bar.tsx diff --git a/src/views-components/search-bar/search-bar.tsx b/src/views-components/search-bar/search-bar.tsx index 8dcaaf84..327644ed 100644 --- a/src/views-components/search-bar/search-bar.tsx +++ b/src/views-components/search-bar/search-bar.tsx @@ -3,40 +3,55 @@ // SPDX-License-Identifier: AGPL-3.0 import { connect } from 'react-redux'; -import { RootState } from '~/store/store'; +import { RootState } from 'store/store'; import { Dispatch } from 'redux'; import { goToView, searchData, - searchBarActions, deleteSavedQuery, - saveRecentQuery, loadRecentQueries, - saveQuery, - openSearchView -} from '~/store/search-bar/search-bar-actions'; -import { SearchBarView } from '~/views-components/search-bar/search-bar-view'; -import { SearchBarAdvanceFormData } from '~/store/search-bar/search-bar-actions'; + openSearchView, + closeSearchView, + closeAdvanceView, + navigateToItem, + editSavedQuery, + changeData, + submitData, moveUp, moveDown, setAdvancedDataFromSearchValue, SEARCH_BAR_ADVANCED_FORM_NAME +} from 'store/search-bar/search-bar-actions'; +import { SearchBarView, SearchBarActionProps, SearchBarDataProps } from 'views-components/search-bar/search-bar-view'; +import { SearchBarAdvancedFormData } from 'models/search-bar'; +import { Vocabulary } from 'models/vocabulary'; -const mapStateToProps = ({ searchBar }: RootState) => { +const mapStateToProps = ({ searchBar, form }: RootState): SearchBarDataProps => { return { searchValue: searchBar.searchValue, currentView: searchBar.currentView, isPopoverOpen: searchBar.open, searchResults: searchBar.searchResults, - savedQueries: searchBar.savedQueries + selectedItem: searchBar.selectedItem, + savedQueries: searchBar.savedQueries, + tags: form[SEARCH_BAR_ADVANCED_FORM_NAME], + saveQuery: form[SEARCH_BAR_ADVANCED_FORM_NAME] && + form[SEARCH_BAR_ADVANCED_FORM_NAME].values && + form[SEARCH_BAR_ADVANCED_FORM_NAME].values!.saveQuery }; }; -const mapDispatchToProps = (dispatch: Dispatch) => ({ +const mapDispatchToProps = (dispatch: Dispatch): SearchBarActionProps => ({ onSearch: (valueSearch: string) => dispatch(searchData(valueSearch)), + onChange: (event: React.ChangeEvent) => dispatch(changeData(event.target.value)), onSetView: (currentView: string) => dispatch(goToView(currentView)), - closeView: () => dispatch(searchBarActions.CLOSE_SEARCH_VIEW()), - saveRecentQuery: (query: string) => dispatch(saveRecentQuery(query)), + onSubmit: (event: React.FormEvent) => dispatch(submitData(event)), + closeView: () => dispatch(closeSearchView()), + closeAdvanceView: () => dispatch(closeAdvanceView()), loadRecentQueries: () => dispatch(loadRecentQueries()), - saveQuery: (data: SearchBarAdvanceFormData) => dispatch(saveQuery(data)), deleteSavedQuery: (id: number) => dispatch(deleteSavedQuery(id)), - openSearchView: () => dispatch(openSearchView()) + openSearchView: () => dispatch(openSearchView()), + navigateTo: (uuid: string) => dispatch(navigateToItem(uuid)), + editSavedQuery: (data: SearchBarAdvancedFormData) => dispatch(editSavedQuery(data)), + moveUp: () => dispatch(moveUp()), + moveDown: () => dispatch(moveDown()), + setAdvancedDataFromSearchValue: (search: string, vocabulary: Vocabulary) => dispatch(setAdvancedDataFromSearchValue(search, vocabulary)) }); -export const SearchBar = connect(mapStateToProps, mapDispatchToProps)(SearchBarView); \ No newline at end of file +export const SearchBar = connect(mapStateToProps, mapDispatchToProps)(SearchBarView);