X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/818979d32a30f9b0bdbf5cee646124c131386d70..5430c336b96cbb7c20bffa1cbdb8cffea32fb460:/src/store/store.ts diff --git a/src/store/store.ts b/src/store/store.ts index 2925d8f9..913207c3 100644 --- a/src/store/store.ts +++ b/src/store/store.ts @@ -2,7 +2,7 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { createStore, applyMiddleware, compose, Middleware, combineReducers, Store, Action, Dispatch } from 'redux'; +import { createStore, applyMiddleware, Middleware, combineReducers, Store, Action, Dispatch } from 'redux'; import { routerMiddleware, routerReducer } from "react-router-redux"; import thunkMiddleware from 'redux-thunk'; import { History } from "history"; @@ -26,7 +26,8 @@ import { AllProcessesPanelMiddlewareService } from "./all-processes-panel/all-pr import { collectionPanelReducer } from './collection-panel/collection-panel-reducer'; import { dialogReducer } from './dialog/dialog-reducer'; import { ServiceRepository } from "services/services"; -import { treePickerReducer } from './tree-picker/tree-picker-reducer'; +import { treePickerReducer, treePickerSearchReducer } from './tree-picker/tree-picker-reducer'; +import { treePickerSearchMiddleware } from './tree-picker/tree-picker-middleware'; import { resourcesReducer } from 'store/resources/resources-reducer'; import { propertiesReducer } from './properties/properties-reducer'; import { fileUploaderReducer } from './file-uploader/file-uploader-reducer'; @@ -73,17 +74,10 @@ import { ALL_PROCESSES_PANEL_ID } from './all-processes-panel/all-processes-pane import { Config } from 'common/config'; import { pluginConfig } from 'plugins'; import { MiddlewareListReducer } from 'common/plugintypes'; - -declare global { - interface Window { - __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose; - } -} - -const composeEnhancers = - (process.env.NODE_ENV === 'development' && - window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || - compose; +import { tooltipsMiddleware } from './tooltips/tooltips-middleware'; +import { sidePanelReducer } from './side-panel/side-panel-reducer' +import { bannerReducer } from './banner/banner-reducer'; +import { composeWithDevTools } from 'redux-devtools-extension'; export type RootState = ReturnType>; @@ -157,6 +151,7 @@ export function configureStore(history: History, services: ServiceRepository, co routerMiddleware(history), thunkMiddleware.withExtraArgument(services), authMiddleware(services), + tooltipsMiddleware(services), projectPanelMiddleware, favoritePanelMiddleware, allProcessessPanelMiddleware, @@ -174,6 +169,7 @@ export function configureStore(history: History, services: ServiceRepository, co publicFavoritesMiddleware, collectionsContentAddress, subprocessMiddleware, + treePickerSearchMiddleware ]; const reduceMiddlewaresFn: (a: Middleware[], @@ -181,28 +177,13 @@ export function configureStore(history: History, services: ServiceRepository, co middlewares = pluginConfig.middlewares.reduce(reduceMiddlewaresFn, middlewares); - const enhancer = composeEnhancers(applyMiddleware(redirectToMiddleware, ...middlewares)); + const enhancer = composeWithDevTools({/* options */ })(applyMiddleware(redirectToMiddleware, ...middlewares)); return createStore(rootReducer, enhancer); } -//TODO: put sidePanel items in separate file and import -export const toggleSidePanel = (collapsedState: boolean) => { - return (dispatch) => { - dispatch({type: 'TOGGLE_COLLAPSE', payload: !collapsedState}) - } -} - -const sidePanelInitialState = { - collapsedState: false -} - -const sidePanelReducer = (state = sidePanelInitialState, action)=>{ - if(action.type === 'TOGGLE_COLLAPSE') return {...state, collapsedState: action.payload} - return state -} - const createRootReducer = (services: ServiceRepository) => combineReducers({ auth: authReducer(services), + banner: bannerReducer, collectionPanel: collectionPanelReducer, collectionPanelFiles: collectionPanelFilesReducer, contextMenu: contextMenuReducer, @@ -219,6 +200,7 @@ const createRootReducer = (services: ServiceRepository) => combineReducers({ router: routerReducer, snackbar: snackbarReducer, treePicker: treePickerReducer, + treePickerSearch: treePickerSearchReducer, fileUploader: fileUploaderReducer, processPanel: processPanelReducer, progressIndicator: progressIndicatorReducer,