X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/7400998048d63d93ac6eb63895cd4a9e4d728591..ef8180fa2f0b90b1656b1d8c7ef12bc6ea028a0a:/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 b40225b6..6a4d2a62 100644 --- a/src/views-components/search-bar/search-bar.tsx +++ b/src/views-components/search-bar/search-bar.tsx @@ -3,23 +3,24 @@ // 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, deleteSavedQuery, loadRecentQueries, - saveQuery, openSearchView, closeSearchView, + closeAdvanceView, navigateToItem, editSavedQuery, changeData, - submitData -} from '~/store/search-bar/search-bar-actions'; -import { SearchBarView, SearchBarActionProps, SearchBarDataProps } from '~/views-components/search-bar/search-bar-view'; -import { SearchBarAdvanceFormData } from '~/models/search-bar'; + 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, form }: RootState): SearchBarDataProps => { return { @@ -27,23 +28,30 @@ const mapStateToProps = ({ searchBar, form }: RootState): SearchBarDataProps => currentView: searchBar.currentView, isPopoverOpen: searchBar.open, searchResults: searchBar.searchResults, + selectedItem: searchBar.selectedItem, savedQueries: searchBar.savedQueries, - tags: form.searchBarAdvanceFormName + 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): SearchBarActionProps => ({ - onSearch: (valueSearch: string) => dispatch(searchData(valueSearch)), + onSearch: (valueSearch: string) => dispatch(searchData(valueSearch, true)), onChange: (event: React.ChangeEvent) => dispatch(changeData(event.target.value)), onSetView: (currentView: string) => dispatch(goToView(currentView)), 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()), navigateTo: (uuid: string) => dispatch(navigateToItem(uuid)), - editSavedQuery: (data: SearchBarAdvanceFormData) => dispatch(editSavedQuery(data)) + 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);