packages/annotations/src/block/index.ts - trunk - githubmirror/gutenberg

packages/annotations/src/block/index.ts

41 строка1 KB

Marco Ciampini

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

07 авг 2026, 14:34

07 авг 2026, 14:347f43eaf

import type { ComponentType } from 'react';
import { addFilter } from '@wordpress/hooks';
import { withSelect } from '@wordpress/data';
import { store } from '../store';
import type { Annotation } from '../types';

interface BlockListBlockProps {
	clientId: string;
	className?: string;
	[ key: string ]: unknown;
}

/**
 * Adds annotation className to the block-list-block component.
 *
 * @param OriginalComponent The original BlockListBlock component.
 * @return The enhanced component.
 */
const addAnnotationClassName = ( OriginalComponent: ComponentType< any > ) => {
	return withSelect( ( select, ownProps ) => {
		const { clientId, className } = ownProps as BlockListBlockProps;
		const annotations: Annotation[] =
			select( store ).__experimentalGetAnnotationsForBlock( clientId );

		return {
			className: annotations
				.map( ( annotation ) => {
					return 'is-annotated-by-' + annotation.source;
				} )
				.concat( className || '' )
				.filter( Boolean )
				.join( ' ' ),
		};
	} )( OriginalComponent );
};

addFilter(
	'editor.BlockListBlock',
	'core/annotations',
	addAnnotationClassName
);