UNPKG

@wordpress/block-editor

Version:
39 lines (35 loc) 1.14 kB
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