Top Posts & Pages Block: Prevent Disabling all Types

projects/plugins/jetpack/changelog/update-top-posts-toggle

@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Top Posts & Pages Block: Require that one content type is always set to display. 

projects/plugins/jetpack/extensions/blocks/top-posts/controls.js

@@ -1,10 +1,12 @@
 import {
+	Notice,
 	PanelBody,
 	RangeControl,
 	SelectControl,
 	ToggleControl,
 	ToolbarGroup,
 } from '@wordpress/components';
+import { useState } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 
 export function TopPostsInspectorControls( {
@@ -17,17 +19,26 @@ export function TopPostsInspectorControls( {
 	const { displayAuthor, displayContext, displayDate, displayThumbnail, period, postsToShow } =
 		attributes;
 
+	const [ showErrorMessage, setShowErrorMessage ] = useState( false );
+
 	if ( ! postTypesData ) {
 		return;
 	}
 
 	const handleToggleChange = toggleId => isChecked => {
-		setToggleAttributes( prevAttributes => ( {
-			...prevAttributes,
+		const updatedAttributes = {
+			...toggleAttributes,
 			[ toggleId ]: isChecked,
-		} ) );
+		};
+
+		// Require at least one type to be selected.
+		if ( Object.values( updatedAttributes ).every( value => value === false ) ) {
+			return setShowErrorMessage( true );
+		}
 
-		setAttributes( { postTypes: { ...toggleAttributes, [ toggleId ]: isChecked } } );
+		setToggleAttributes( updatedAttributes );
+		setAttributes( { postTypes: updatedAttributes } );
+		setShowErrorMessage( false );
 	};
 
 	const periodOptions = [
@@ -70,6 +81,11 @@ export function TopPostsInspectorControls( {
 						onChange={ handleToggleChange( toggle.id ) }
 					/>
 				) ) }
+				{ showErrorMessage && (
+					<Notice className="jetpack-top-posts__error" status="error" isDismissible={ false }>
+						{ __( 'At least one item must be selected.', 'jetpack' ) }
+					</Notice>
+				) }
 			</PanelBody>
 			<PanelBody title={ __( 'Metadata settings', 'jetpack' ) }>
 				<ToggleControl

projects/plugins/jetpack/extensions/blocks/top-posts/editor.scss

@@ -5,3 +5,7 @@
 .wp-block-jetpack-top-posts .components-placeholder__fieldset {
 	display: block;
 }
+
+.jetpack-top-posts__error {
+	margin: 0;
+}