X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/23c3b5d3792225aafe5b66d81263aa1d3d42eeb9..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 98440fda..6a4d2a62 100644 --- a/src/views-components/search-bar/search-bar.tsx +++ b/src/views-components/search-bar/search-bar.tsx @@ -3,28 +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 } from '~/store/search-bar/search-bar-actions'; -import { SearchBarView } from '~/views-components/search-bar/search-bar-view'; -import { saveRecentQuery, loadRecentQueries } from '~/store/search-bar/search-bar-actions'; +import { + goToView, + searchData, + deleteSavedQuery, + loadRecentQueries, + 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, - open: searchBar.open, - searchResults: searchBar.searchResults + isPopoverOpen: searchBar.open, + searchResults: searchBar.searchResults, + 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) => ({ - onSearch: (valueSearch: string) => dispatch(searchData(valueSearch)), +const mapDispatchToProps = (dispatch: Dispatch): SearchBarActionProps => ({ + onSearch: (valueSearch: string) => dispatch(searchData(valueSearch, true)), + onChange: (event: React.ChangeEvent) => dispatch(changeData(event.target.value)), onSetView: (currentView: string) => dispatch(goToView(currentView)), - openView: () => dispatch(searchBarActions.OPEN_SEARCH_VIEW()), - closeView: () => dispatch(searchBarActions.CLOSE_SEARCH_VIEW()), - saveQuery: (query: string) => dispatch(saveRecentQuery(query)), - loadQueries: () => dispatch(loadRecentQueries()) + onSubmit: (event: React.FormEvent) => dispatch(submitData(event)), + closeView: () => dispatch(closeSearchView()), + closeAdvanceView: () => dispatch(closeAdvanceView()), + loadRecentQueries: () => dispatch(loadRecentQueries()), + deleteSavedQuery: (id: number) => dispatch(deleteSavedQuery(id)), + 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);