Move ListviewSidebar state from email editor store to @wordpress/editor store

MAILPOET-6303

packages/js/email-editor/src/store/actions.ts

@@ -21,11 +21,12 @@ export const toggleInserterSidebar =
 		void registry.dispatch( editorStore ).setIsInserterOpened( ! status );
 	};
 
-export function toggleListviewSidebar() {
+export const toggleListviewSidebar =
-	return {
+	() =>
-		type: 'TOGGLE_LISTVIEW_SIDEBAR',
+	( { registry } ) => {
-	} as const;
+		const status = registry.select( editorStore ).isListViewOpened();
-}
+		void registry.dispatch( editorStore ).setIsListViewOpened( ! status );
+	};
 
 export const changePreviewDeviceType =
 	( deviceType: string ) =>

packages/js/email-editor/src/store/reducer.ts

@@ -2,18 +2,6 @@ import { State } from './types';
 
 export function reducer( state: State, action ): State {
 	switch ( action.type ) {
-		case 'TOGGLE_LISTVIEW_SIDEBAR':
-			return {
-				...state,
-				inserterSidebar: {
-					...state.inserterSidebar,
-					isOpened: false,
-				},
-				listviewSidebar: {
-					...state.listviewSidebar,
-					isOpened: ! state.listviewSidebar.isOpened,
-				},
-			};
 		case 'CHANGE_PREVIEW_STATE':
 			return {
 				...state,

packages/js/email-editor/src/store/selectors.ts

@@ -237,9 +237,11 @@ export const isInserterSidebarOpened = createRegistrySelector(
 		select( editorStore ).isInserterOpened() as boolean
 );
 
-export function isListviewSidebarOpened( state: State ): boolean {
+export const isListviewSidebarOpened = createRegistrySelector(
-	return state.listviewSidebar.isOpened;
+	( select ) => () =>
-}
+		// @ts-expect-error isListViewOpened is missing in types.
+		select( editorStore ).isListViewOpened() as boolean
+);
 
 export function getSettingsSidebarActiveTab( state: State ): string {
 	return state.settingsSidebar.activeTab;