Sidebar: Make display of tabs filterable

docs/reference-guides/filters/editor-filters.md

@@ -6,6 +6,24 @@ To modify the behavior of the editor experience, WordPress exposes several APIs.
 
 The following filters are available to extend the editor features.
 
+### `editor.BlockInspector.showTabs`
+
+Used to filter the display of tabs in the block inspector sidebar.
+
+_Example:_
+
+```js
+var maybeDisableTabs = function ( blockName, showTabs ) {
+	return blockName === 'core/query' ? false : showTabs;
+};
+
+wp.hooks.addFilter(
+	'editor.BlockInspector.showTabs',
+	'my-plugin/maybe-disable-tabs',
+	maybeDisableTabs
+);
+```
+
 ### `editor.PostFeaturedImage.imageSize`
 
 Used to modify the image size displayed in the Post Featured Image component. It defaults to `'post-thumbnail'`, and will fail back to the `full` image size when the specified image size doesn't exist in the media object. It's modeled after the `admin_post_thumbnail_size` filter in the classic editor.

packages/block-editor/src/components/block-inspector/index.js

@@ -17,6 +17,7 @@ import {
 } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useMemo, useCallback } from '@wordpress/element';
+import { applyFilters } from '@wordpress/hooks';
 
 /**
  * Internal dependencies
@@ -175,9 +176,12 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 	}, [] );
 
 	const availableTabs = useInspectorControlsTabs( blockType?.name );
-	const showTabs =
+	const showTabs = applyFilters(
+		'editor.BlockInspector.showTabs',
+		blockType?.name,
 		window?.__experimentalEnableBlockInspectorTabs &&
-		availableTabs.length > 1;
+			availableTabs.length > 1
+	);
 
 	if ( count > 1 ) {
 		return (
@@ -254,10 +258,12 @@ const BlockInspectorSingleBlock = ( {
 	parentBlockClientId,
 } ) => {
 	const availableTabs = useInspectorControlsTabs( blockName );
-	const showTabs =
+	const showTabs = applyFilters(
+		'editor.BlockInspector.showTabs',
+		blockName,
 		window?.__experimentalEnableBlockInspectorTabs &&
-		availableTabs.length > 1;
-
+			availableTabs.length > 1
+	);
 	const hasBlockStyles = useSelect(
 		( select ) => {
 			const { getBlockStyles } = select( blocksStore );