UNPKG

@wordpress/block-editor

Version:
8 lines (7 loc) 1.69 kB
{ "version": 3, "sources": ["../../../src/components/block-edit-visually-button/index.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockEditVisuallyButton( { clientIds } ) {\n\t// Edit visually only works for single block selection.\n\tconst clientId = clientIds.length === 1 ? clientIds[ 0 ] : undefined;\n\tconst canEditVisually = useSelect(\n\t\t( select ) =>\n\t\t\t!! clientId &&\n\t\t\tselect( blockEditorStore ).getBlockMode( clientId ) === 'html',\n\t\t[ clientId ]\n\t);\n\tconst { toggleBlockMode } = useDispatch( blockEditorStore );\n\n\tif ( ! canEditVisually ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\ttoggleBlockMode( clientId );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Edit visually' ) }\n\t\t\t</ToolbarButton>\n\t\t</ToolbarGroup>\n\t);\n}\n"], "mappings": ";AAGA,SAAS,eAAe,oBAAoB;AAC5C,SAAS,UAAU;AACnB,SAAS,WAAW,mBAAmB;AAKvC,SAAS,SAAS,wBAAwB;AAmBvC;AAjBY,SAAR,wBAA0C,EAAE,UAAU,GAAI;AAEhE,QAAM,WAAW,UAAU,WAAW,IAAI,UAAW,CAAE,IAAI;AAC3D,QAAM,kBAAkB;AAAA,IACvB,CAAE,WACD,CAAC,CAAE,YACH,OAAQ,gBAAiB,EAAE,aAAc,QAAS,MAAM;AAAA,IACzD,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,EAAE,gBAAgB,IAAI,YAAa,gBAAiB;AAE1D,MAAK,CAAE,iBAAkB;AACxB,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,gBACA;AAAA,IAAC;AAAA;AAAA,MACA,SAAU,MAAM;AACf,wBAAiB,QAAS;AAAA,MAC3B;AAAA,MAEE,aAAI,eAAgB;AAAA;AAAA,EACvB,GACD;AAEF;", "names": [] }