@wordpress/block-editor
Version:
48 lines (44 loc) • 1.1 kB
JavaScript
import { createElement } from "@wordpress/element";
/**
* WordPress dependencies
*/
import { useSelect } from '@wordpress/data';
import { __ } from '@wordpress/i18n';
/**
* Internal dependencies
*/
import BlockTypesList from '../block-types-list';
import { store as blockEditorStore } from '../../store';
import { createInserterSection, filterInserterItems } from './utils';
function ReusableBlocksTab({
onSelect,
rootClientId,
listProps
}) {
const {
items
} = useSelect(select => {
const {
getInserterItems
} = select(blockEditorStore);
const allItems = getInserterItems(rootClientId);
return {
items: filterInserterItems(allItems, {
onlyReusable: true
})
};
}, [rootClientId]);
const sections = [createInserterSection({
key: 'reuseable',
items
})];
return createElement(BlockTypesList, {
name: "ReusableBlocks",
sections: sections,
onSelect: onSelect,
listProps: listProps,
label: __('Reusable blocks')
});
}
export default ReusableBlocksTab;
//# sourceMappingURL=reusable-blocks-tab.native.js.map