32 lines
775 B
TypeScript
32 lines
775 B
TypeScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { BlockInstance } from '@wordpress/blocks';
|
||
|
|
import { isEqual } from 'lodash';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import { PatternWithBlocks } from '../hooks/use-patterns';
|
||
|
|
|
||
|
|
export const findPatternByBlock = (
|
||
|
|
patterns: PatternWithBlocks[],
|
||
|
|
block: BlockInstance
|
||
|
|
) => {
|
||
|
|
const blockAttributes = block.attributes;
|
||
|
|
if (
|
||
|
|
blockAttributes.className &&
|
||
|
|
blockAttributes.className.includes( 'preview-opacity' )
|
||
|
|
) {
|
||
|
|
// Remove the preview opacity class from the footer block because it's added by the editor, not the pattern.
|
||
|
|
blockAttributes.className = blockAttributes.className.replaceAll(
|
||
|
|
' preview-opacity',
|
||
|
|
''
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return patterns.find( ( pattern ) =>
|
||
|
|
isEqual( pattern.blocks[ 0 ].attributes, blockAttributes )
|
||
|
|
);
|
||
|
|
};
|