Hide Panels for certain block styles

[davy440]

Hello all,
I am creating a new style for gallery block. It is working as expected but it does not require any default gallery controls present in the Gallery Settings Panel. I want to hide these controls whenever the style is selected.

I figured that its gonna use the editor.BlockEdit filter. I referred to the example in the handbook but I cannot figure out how to make the Panel hide using the filter. This is my code as of now-

const { Fragment }	= wp.element;
const { addFilter } = wp.hooks;
const { InspectorControls } = wp.editor;
const { createHigherOrderComponent } = wp.compose;

const hideGalleryControls = createHigherOrderComponent( ( BlockEdit ) => {
	return ( props ) => {
		
		const { attributes } = props;
		
		return (
				<Fragment>
					<BlockEdit {...props} />
						<InspectorControls>
						{
							"is-style-custom" === attributes.className &&
							//Don't know what to do here
						}
						</InspectorControls>
				</Fragment>
		);
		
		
	}
}, 'hideGalleryControls' );

addFilter(
	'editor.BlockEdit',
	'custom/hideGallery',
	hideGalleryControls
);

Any help would be appreciated!

[davy440]

Did a little bit of research and found an article by Florian Brinkmann - . Got to know about the removeEditorPanel in core/edit-post store.
I researched through the core and found a removeBlock method. Is there something similar like removeBlockPanel or hideBlockPanel in the core? If not, would be really nifty to have this feature.

[annezazu]

Hey @davy440 ! Thanks for submitting this. @jorgefilipecosta perhaps you have some insight here?

[tellthemachines]

Hi @davy440 ! I'm afraid there's no method to remove block panels in Core, and (to my knowledge) no plans to implement such a feature.

There is a way to disable block styling controls individually, on a per-block type basis, through theme.json. For example, if you wanted to disable padding for all Group blocks, you could add the following inside the settings object of your theme.json:

"blocks": {
			"core/group": {
				"spacing": {
					"padding": false
				}
			}
		},

You won't be able to make it work conditionally on a certain block style though.

[tellthemachines]

I'm going to close this one in favour of #33891 which has more info.