@wordpress/block-library/src/search/index.js

Block library for the WordPress editor.

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { search as icon } from '@wordpress/icons';
import { privateApis as blocksPrivateApis } from '@wordpress/blocks';

/**
 * Internal dependencies
 */
import initBlock from '../utils/init-block';
import metadata from './block.json';
import edit from './edit';
import variations from './variations';
import { unlock } from '../lock-unlock';

const { fieldsKey, formKey } = unlock( blocksPrivateApis );

const { name } = metadata;

export { metadata, name };

export const settings = {
	icon,
	example: {
		attributes: { buttonText: __( 'Search' ), label: __( 'Search' ) },
		viewportWidth: 400,
	},
	variations,
	edit,
};

if ( window.__experimentalContentOnlyInspectorFields ) {
	settings[ fieldsKey ] = [
		{
			id: 'label',
			label: __( 'Label' ),
			type: 'richtext',
			shownByDefault: true,
		},
		{
			id: 'buttonText',
			label: __( 'Button text' ),
			type: 'richtext',
		},
		{
			id: 'placeholder',
			label: __( 'Placeholder' ),
			type: 'richtext',
		},
	];
	settings[ formKey ] = {
		fields: [ 'label' ],
	};
}

export const init = () => initBlock( { name, metadata, settings } );