Make items non-clickable

packages/edit-site/src/classic-stylebook.js

@@ -68,13 +68,9 @@ function ClassicStylebookLayout() {
 					enableResizing={ false }
 					showCloseButton={ false }
 					showTabs={ false }
-					isSelected={ () => null }
-					onSelect={ () => null }
 					examples={ examplesForSinglePageUse }
-					onClick={ () => null }
 					settings={ settings }
 					sizes={ sizes }
-					goTo={ {} }
 				/>
 			),
 		},

packages/edit-site/src/components/style-book/index.js

@@ -445,7 +445,11 @@ const Examples = memo(
 							content={ example.content }
 							blocks={ example.blocks }
 							isSelected={ isSelected?.( example.name ) }
-							onClick={ () => onSelect?.( example.name ) }
+							onClick={
+								!! onSelect
+									? () => onSelect( example.name )
+									: null
+							}
 						/>
 					) ) }
 				{ !! filteredExamples?.subcategories?.length &&
@@ -482,9 +486,7 @@ const Subcategory = ( { examples, isSelected, onSelect } ) => {
 				content={ example.content }
 				blocks={ example.blocks }
 				isSelected={ isSelected?.( example.name ) }
-				onClick={ () => {
-					onSelect?.( example.name );
-				} }
+				onClick={ !! onSelect ? () => onSelect( example.name ) : null }
 			/>
 		) )
 	);
@@ -512,12 +514,13 @@ const Example = ( { id, title, blocks, isSelected, onClick, content } ) => {
 		[ blocks ]
 	);
 
-	const disabledProps = disabledExamples.includes( id )
-		? {
-				disabled: true,
-				accessibleWhenDisabled: true,
-		  }
-		: {};
+	const disabledProps =
+		disabledExamples.includes( id ) || ! onClick
+			? {
+					disabled: true,
+					accessibleWhenDisabled: !! onClick,
+			  }
+			: {};
 
 	return (
 		<div role="row">
@@ -534,7 +537,7 @@ const Example = ( { id, title, blocks, isSelected, onClick, content } ) => {
 						title
 					) }
 					render={ <div /> }
-					role="button"
+					role={ !! onClick ? 'button' : null }
 					onClick={ onClick }
 					{ ...disabledProps }
 				>