gutenberg-post-picker

PostPicker

A simple Post Picker Component build with the core gutenberg components. This component does not include any build files and does not bundle the WordPress components. Therefore this needs to be used in an environemt where the Dependency Extraction Webpack Plugin is used and the import { component } from '@wordpress/package'; is supported.

Usage

import { PostPicker } from 'gutenberg-post-picker';
 
function MyComponent( props ) {
 
    return (
        <PostPicker
            onPostSelect={ console.log }
            label={ "Please select a Post or Page:" }
            postTypes={ [ 'posts', 'pages' ] }
        />
    )
}

Props

Name	Type	Default	Description
onPostSelect	function	undefined	Callback function that gets called with the post object upon selection
label	string	''	Renders a label for the Search Field.
placeholder	string	''	Renders placeholder text inside the Search Field.
postTypes	array	[ 'posts', 'pages' ]	Names of the post types that should get searched

The postTypes will get used like this:

wp.apiFetch( {
    path: `/wp/v2/${postType}?search=${searchTerm}`
} )