UNPKG

@wordpress/block-editor

Version:
113 lines (112 loc) 3.36 kB
// packages/block-editor/src/components/block-actions/index.js import { useDispatch, useSelect } from "@wordpress/data"; import { hasBlockSupport, switchToBlockType, store as blocksStore } from "@wordpress/blocks"; import usePasteStyles from "../use-paste-styles"; import { store as blockEditorStore } from "../../store"; function BlockActions({ clientIds, children, __experimentalUpdateSelection: updateSelection }) { const { getDefaultBlockName, getGroupingBlockName } = useSelect(blocksStore); const selected = useSelect( (select) => { const { canInsertBlockType, getBlockRootClientId, getBlocksByClientId: getBlocksByClientId2, getDirectInsertBlock, canRemoveBlocks } = select(blockEditorStore); const blocks = getBlocksByClientId2(clientIds); const rootClientId = getBlockRootClientId(clientIds[0]); const canInsertDefaultBlock = canInsertBlockType( getDefaultBlockName(), rootClientId ); const directInsertBlock = rootClientId ? getDirectInsertBlock(rootClientId) : null; return { canRemove: canRemoveBlocks(clientIds), canInsertBlock: blocks.every((block) => { return (canInsertDefaultBlock || !!directInsertBlock) && canInsertBlockType(block.name, rootClientId); }), canCopyStyles: blocks.every((block) => { return !!block && (hasBlockSupport(block.name, "color") || hasBlockSupport(block.name, "typography")); }), canDuplicate: blocks.every((block) => { return !!block && hasBlockSupport(block.name, "multiple", true) && canInsertBlockType(block.name, rootClientId); }) }; }, [clientIds, getDefaultBlockName] ); const { getBlocksByClientId, getBlocks } = useSelect(blockEditorStore); const { canRemove, canInsertBlock, canCopyStyles, canDuplicate } = selected; const { removeBlocks, replaceBlocks, duplicateBlocks, insertAfterBlock, insertBeforeBlock, flashBlock } = useDispatch(blockEditorStore); const pasteStyles = usePasteStyles(); return children({ canCopyStyles, canDuplicate, canInsertBlock, canRemove, onDuplicate() { return duplicateBlocks(clientIds, updateSelection); }, onRemove() { return removeBlocks(clientIds, updateSelection); }, onInsertBefore() { insertBeforeBlock(clientIds[0]); }, onInsertAfter() { insertAfterBlock(clientIds[clientIds.length - 1]); }, onGroup() { if (!clientIds.length) { return; } const groupingBlockName = getGroupingBlockName(); const newBlocks = switchToBlockType( getBlocksByClientId(clientIds), groupingBlockName ); if (!newBlocks) { return; } replaceBlocks(clientIds, newBlocks); }, onUngroup() { if (!clientIds.length) { return; } const innerBlocks = getBlocks(clientIds[0]); if (!innerBlocks.length) { return; } replaceBlocks(clientIds, innerBlocks); }, onCopy() { if (clientIds.length === 1) { flashBlock(clientIds[0]); } }, async onPasteStyles() { await pasteStyles(getBlocksByClientId(clientIds)); } }); } export { BlockActions as default }; //# sourceMappingURL=index.js.map