packages/patterns/src/components/overrides-panel.js - trunk - githubmirror/gutenberg

packages/patterns/src/components/overrides-panel.js

46 строк1 KB

Marco Ciampini

ESLint: Replace strict config with bulk suppressions (#81248)

07 авг 2026, 14:34

07 авг 2026, 14:347f43eaf

import {
	privateApis as blockEditorPrivateApis,
	store as blockEditorStore,
} from '@wordpress/block-editor';
import { PanelBody } from '@wordpress/components';
import { useSelect } from '@wordpress/data';
import { useMemo } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { isOverridableBlock } from '../api';
import { unlock } from '../lock-unlock';

const { BlockQuickNavigation } = unlock( blockEditorPrivateApis );

export default function OverridesPanel() {
	const { allClientIds, supportedBlockTypesRaw } = useSelect(
		( select ) => ( {
			allClientIds:
				select( blockEditorStore ).getClientIdsWithDescendants(),
			supportedBlockTypesRaw:
				select( blockEditorStore ).getSettings()
					?.__experimentalBlockBindingsSupportedAttributes,
		} ),
		[]
	);
	const { getBlock } = useSelect( blockEditorStore );
	const clientIdsWithOverrides = useMemo( () => {
		const supportedBlockTypes = Object.keys( supportedBlockTypesRaw ?? {} );
		return allClientIds.filter( ( clientId ) => {
			const block = getBlock( clientId );
			return (
				supportedBlockTypes.includes( block.name ) &&
				isOverridableBlock( block )
			);
		} );
	}, [ allClientIds, getBlock, supportedBlockTypesRaw ] );

	if ( ! clientIdsWithOverrides?.length ) {
		return null;
	}

	return (
		<PanelBody title={ __( 'Overrides' ) }>
			<BlockQuickNavigation clientIds={ clientIdsWithOverrides } />
		</PanelBody>
	);
}