@wordpress/block-editor
Version:
39 lines (35 loc) • 1.14 kB
JavaScript
import { createElement, Fragment } from "@wordpress/element";
/**
* External dependencies
*/
import { orderBy } from 'lodash';
/**
* WordPress dependencies
*/
import { __ } from '@wordpress/i18n';
import { ToolbarItem, DropdownMenu, Slot } from '@wordpress/components';
import { chevronDown } from '@wordpress/icons';
const POPOVER_PROPS = {
position: 'bottom right',
isAlternate: true
};
const FormatToolbar = () => {
return createElement(Fragment, null, ['bold', 'italic', 'link', 'text-color'].map(format => createElement(Slot, {
name: `RichText.ToolbarControls.${format}`,
key: format
})), createElement(Slot, {
name: "RichText.ToolbarControls"
}, fills => fills.length !== 0 && createElement(ToolbarItem, null, toggleProps => createElement(DropdownMenu, {
icon: chevronDown
/* translators: button label text should, if possible, be under 16 characters. */
,
label: __('More'),
toggleProps: toggleProps,
controls: orderBy(fills.map(([{
props
}]) => props), 'title'),
popoverProps: POPOVER_PROPS
}))));
};
export default FormatToolbar;
//# sourceMappingURL=index.js.map