@wordpress/edit-post/src/components/sidebar/post-taxonomies/taxonomy-panel.js

Edit Post module for WordPress.

/**
 * External dependencies
 */
import { get } from 'lodash';

/**
 * WordPress dependencies
 */
import { compose } from '@wordpress/compose';
import { PanelBody } from '@wordpress/components';
import { withSelect, withDispatch } from '@wordpress/data';

/**
 * Internal dependencies
 */
import { store as editPostStore } from '../../../store';

function TaxonomyPanel( {
	isEnabled,
	taxonomy,
	isOpened,
	onTogglePanel,
	children,
} ) {
	if ( ! isEnabled ) {
		return null;
	}

	const taxonomyMenuName = get( taxonomy, [ 'labels', 'menu_name' ] );
	if ( ! taxonomyMenuName ) {
		return null;
	}

	return (
		<PanelBody
			title={ taxonomyMenuName }
			opened={ isOpened }
			onToggle={ onTogglePanel }
		>
			{ children }
		</PanelBody>
	);
}

export default compose(
	withSelect( ( select, ownProps ) => {
		const slug = get( ownProps.taxonomy, [ 'slug' ] );
		const panelName = slug ? `taxonomy-panel-${ slug }` : '';
		return {
			panelName,
			isEnabled: slug
				? select( editPostStore ).isEditorPanelEnabled( panelName )
				: false,
			isOpened: slug
				? select( editPostStore ).isEditorPanelOpened( panelName )
				: false,
		};
	} ),
	withDispatch( ( dispatch, ownProps ) => ( {
		onTogglePanel: () => {
			dispatch( editPostStore ).toggleEditorPanelOpened(
				ownProps.panelName
			);
		},
	} ) )
)( TaxonomyPanel );