[ACS-3742] Layout changes for workspace (#2980)

* Layout changes for workspace sidemenu

* added header and search layout changes

* implemented review comments and removed process related code

* Added expand and collapse functionality

* Modified the paths

* linting fixes

* use standard material settings icon

* use only specific modules needed for page layout

* use standard "menu" icon for now

* use standard avatar icon for now

* cleanup user profile menu item

* cleanup About component layout

* remove hardcoded settings route

* deprecate "headerImagePath"

* deprecate "headerTextColor" customisation

* deprecate "headerColor" customisation

* proper toggle of the side menu

* proper sidebar header implementation

* user profile basic cleanup

* minor fixes

* cleanup buttons

* remove old app layout and use ADF one

* remove old header component

* cleanup old layout module

* fix unit tests

* cleanup unit tests

* cleanup header actions module

* deprecate unused main-action component

* cleanup styles

* restore removed method

* cleanup search results toolbar

* restore expand menu functionality

* cleanup code, back buttons for about and profile

* restore original code

* proper collapse button

* remove unused i18n key

* styles cleanup

* cleanup sidebar

* cleanup user profile

* add safety checks for focus after close

* layout fixes

* update view profile unit tests

* code cleanup after reviews

* cleanup header actions

* fix menu population, user info

* improved upload and create actions

* remove useless tests

* fix folder rules tests

* search button workaround

* e2e: remove wait

* add create/upload tooltips

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* try fix e2e

* update e2e extension configs

* try fix e2e

* try fix e2e

* fix eslint config

* try fix e2e

* move search button to extensions

* move upload and create to extensions

* remove header actions as no longer needed

* cleanup

* e2e fixes and cleanup for unwanted files

* linting fixes

* linting fixes

* added button type to support text buttons

* linting fixes

* added more unit tests to achieve code coverage requirement

* fixing code covergae for aca-content

* fixed code coverage for aca-shared

* linting fixes

* linting fixes

* cleanup

* version fix

---------

Co-authored-by: SheenaMalhotra182 <sheena.malhotra@globallogic.com>
Co-authored-by: Denys Vuika <denys.vuika@gmail.com>
Co-authored-by: SheenaMalhotra182 <sheena.malhotra@contractors.onbase.com>

projects/aca-shared/store/src/actions/app-action-types.ts

@@ -25,7 +25,6 @@
 export enum AppActionTypes {
   SetSettingsParameter = 'SET_SETTINGS_PARAMETER',
   SetInitialState = 'SET_INITIAL_STATE',
-  SetHeaderColor = 'SET_HEADER_COLOR',
   SetCurrentFolder = 'SET_CURRENT_FOLDER',
   SetCurrentVersion = 'SET_CURRENT_VERSION',
   SetCurrentUrl = 'SET_CURRENT_URL',

projects/aca-shared/store/src/actions/app.actions.ts

@@ -39,12 +39,6 @@ export class SetInitialStateAction implements Action {
   constructor(public payload: AppState) {}
 }
 
-export class SetHeaderColorAction implements Action {
-  readonly type = AppActionTypes.SetHeaderColor;
-
-  constructor(public color: string) {}
-}
-
 export class SetCurrentFolderAction implements Action {
   readonly type = AppActionTypes.SetCurrentFolder;
 

projects/aca-shared/store/src/actions/search.actions.ts

@@ -26,9 +26,15 @@ import { Action } from '@ngrx/store';
 import { SearchOptionModel } from '../models/search-option.model';
 
 export enum SearchActionTypes {
+  Search = 'SEARCH',
   SearchByTerm = 'SEARCH_BY_TERM'
 }
 
+export class SearchAction implements Action {
+  readonly type = SearchActionTypes.Search;
+  constructor() {}
+}
+
 export class SearchByTermAction implements Action {
   readonly type = SearchActionTypes.SearchByTerm;
   constructor(public payload: string, public searchOptions?: SearchOptionModel[]) {}

projects/aca-shared/store/src/selectors/app.selectors.ts

@@ -27,13 +27,10 @@ import { createSelector } from '@ngrx/store';
 
 export const selectApp = (state: AppStore) => state.app;
 
-export const getHeaderColor = createSelector(selectApp, (state) => state.headerColor);
-export const getHeaderTextColor = createSelector(selectApp, (state) => state.headerTextColor);
 export const getAppName = createSelector(selectApp, (state) => state.appName);
 export const getLogoPath = createSelector(selectApp, (state) => state.logoPath);
 export const getCustomCssPath = createSelector(selectApp, (state) => state.customCssPath);
 export const getCustomWebFontPath = createSelector(selectApp, (state) => state.webFontPath);
-export const getHeaderImagePath = createSelector(selectApp, (state) => state.headerImagePath);
 export const getUserProfile = createSelector(selectApp, (state) => state.user);
 export const getCurrentFolder = createSelector(selectApp, (state) => state.navigation.currentFolder);
 export const getCurrentVersion = createSelector(selectApp, (state) => state.currentNodeVersion);

projects/aca-shared/store/src/states/app.state.ts

@@ -30,12 +30,9 @@ export const STORE_INITIAL_APP_DATA = new InjectionToken<AppState>('STORE_INITIA
 
 export interface AppState {
   appName: string;
-  headerColor: string;
-  headerTextColor: string;
   logoPath: string;
   customCssPath: string;
   webFontPath: string;
-  headerImagePath: string;
   sharedUrl: string;
   currentNodeVersion: VersionEntry;
   selection: SelectionState;