Editor: use hooks instead of HoCs in PostExcerpt (#55189)

* Editor: use hooks instead of HoCs in PostExcerpt

* remove unneeded isRemoved handling

packages/edit-post/src/components/sidebar/post-excerpt/index.js

@@ -7,8 +7,7 @@ import {
 	PostExcerpt as PostExcerptForm,
 	PostExcerptCheck,
 } from '@wordpress/editor';
-import { compose } from '@wordpress/compose';
-import { withSelect, withDispatch } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -20,7 +19,20 @@ import { store as editPostStore } from '../../../store';
  */
 const PANEL_NAME = 'post-excerpt';
 
-function PostExcerpt( { isEnabled, isOpened, onTogglePanel } ) {
+export default function PostExcerpt() {
+	const { isOpened, isEnabled } = useSelect( ( select ) => {
+		const { isEditorPanelOpened, isEditorPanelEnabled } =
+			select( editPostStore );
+
+		return {
+			isOpened: isEditorPanelOpened( PANEL_NAME ),
+			isEnabled: isEditorPanelEnabled( PANEL_NAME ),
+		};
+	}, [] );
+
+	const { toggleEditorPanelOpened } = useDispatch( editPostStore );
+	const toggleExcerptPanel = () => toggleEditorPanelOpened( PANEL_NAME );
+
 	if ( ! isEnabled ) {
 		return null;
 	}
@@ -30,27 +42,10 @@ function PostExcerpt( { isEnabled, isOpened, onTogglePanel } ) {
 			<PanelBody
 				title={ __( 'Excerpt' ) }
 				opened={ isOpened }
-				onToggle={ onTogglePanel }
+				onToggle={ toggleExcerptPanel }
 			>
 				<PostExcerptForm />
 			</PanelBody>
 		</PostExcerptCheck>
 	);
 }
-
-export default compose( [
-	withSelect( ( select ) => {
-		return {
-			isEnabled:
-				select( editPostStore ).isEditorPanelEnabled( PANEL_NAME ),
-			isOpened: select( editPostStore ).isEditorPanelOpened( PANEL_NAME ),
-		};
-	} ),
-	withDispatch( ( dispatch ) => ( {
-		onTogglePanel() {
-			return dispatch( editPostStore ).toggleEditorPanelOpened(
-				PANEL_NAME
-			);
-		},
-	} ) ),
-] )( PostExcerpt );